@import url(normalize.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/oswald-regular.eot');
    src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular.woff2') format('woff2'),
         url('../fonts/oswald-regular.woff') format('woff'),
         url('../fonts/oswald-regular.ttf') format('truetype'),
         url('../fonts/oswald-regular.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/robotocondensed-light.eot');
    src: url('../fonts/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light.woff2') format('woff2'),
         url('../fonts/robotocondensed-light.woff') format('woff'),
         url('../fonts/robotocondensed-light.ttf') format('truetype'),
         url('../fonts/robotocondensed-light.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular.woff') format('woff'),
         url('../fonts/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*==================================================================================
----------------------            slider       -------------------------------------
===================================================================================*/
.slideshow{
	width: 100%;
	position: relative;
}
.slider li,ul{
	width: 100%;
}
.slider li{
	overflow: hidden;
}

.slider li img{
	width: 100%;
}

.slider .caption{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 15px 50px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: center;
	color: #fff;
	z-index: 2;
}

.slider .caption2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 15px 50px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: center;
	color: #fff;
	z-index: 2;
	
	/*background-color: black;
	opacity:0.4;*/
	
}


.slider .caption h1{
	font-size: 65px;
	font-family: 'Varela Round', sans-serif;
	margin:auto;
	text-align:center;
	-webkit-text-stroke:1.5px black;
	
}
.slider .caption2 h1{
	font-size: 55px;
	font-family: 'Varela Round', sans-serif;
	
}
.slider .caption p{
	margin-top: 10px;
	font-size: 40px;
	font-family: 'Roboto Mono', monospace;
	margin:auto;
	-webkit-text-stroke:1.5px black;
}
.slider .caption2 p{
	margin-top: 10px;
	font-size: 35px;
	font-family: 'Roboto Mono', monospace;
}

.pagination{
	position: absolute;
	top: 102%;
	width: 100%;
	display: flex;
	justify-content: center;
}

.pagination li{
	font-size: 20px;
	margin: 2px 5px;
	color: #858585;
	cursor: pointer;
	
}

.left, .right{
	position: absolute;
	top: 0;
	height: 100%;

	display: flex;
	align-items: center;

	color: #fff;
	font-size: 50px;
	cursor: pointer;
	z-index: 2;
	-webkit-text-stroke:1.5px black;
}

.left{
	left: 10px;
}

.right{
	right: 10px;
}
@media screen and (max-width: 900px){
	.slider .caption p{
		font-size: 25px;
	}

	.slider .caption h1{
		font-size: 30px;
		text-align:center;
	}

	.left, .right{
		font-size: 30px;
	}

	.slider li img{
		/*width: 600px;HOSTINET*/
		width:100%;
		height:100%;
			
	}

	.pagination{
		/*display: none;HOSTINET*/
		
	}
}
@media screen and (max-width: 400px){
	.slider .caption p{
		font-size: 21px;
	}

	.slider .caption h1{
		font-size: 25px;
		text-align:center;
	}

	.left, .right{
		font-size: 30px;
	}

	.slider li img{
		/*width: 600px;HOSTINET*/
		width:100%;
		height:100%;
			
	}

	.pagination{
		/*display: none;HOSTINET*/
		
	}
}


/*==================================================================================
----------------------      Barra de navegacion  responsive       ---------------
==================================================================================*/

nav{
  background: #6D9A43;
	height: 80px;
	width: 100%;
	position:relative;
	width: 100%;
	/*max-width:1300px;*/
	height:80px;
  
  
}
.contenedor-menu{
	
}

.contenedor-logo {
	width:619px;
	max-width:619px;
	background:white;
	
} 


/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;

    
}
.logo-menu{
	text-align:center;
	/*position:absolute; HOSTINET*/
	position: fixed;
	padding:5px;
	right: 0px;
	top:0px;
	/*width:557px; HOSTINET*/
	background:white;
	height:80px;
	/*left:809px;*/
	text-align:right;
	
	
} 

.logo-menu img {
	width:400px; 
	height:70px;
}

nav ul{
  float: left;
  margin-left: 0px;
  width:100%;
}
nav ul li{
  display: inline-block;
  line-height: 80px;
  margin: 0 20px;
}
nav ul li a{
  color: #000000;
 font-size: 18px;
  padding: 20px 13px;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: 'Varela Round', sans-serif;
  text-decoration:none;
}
a.active,a:hover{
  background: #FFFFFF;
  transition: .7s;
  text-decoration:none;
}
.checkbtn{
  font-size: 30px;
  color: white;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}
#check{
  display: none;
}
@media screen and (max-width: 1185px){
.logo-menu{
	
	left:809px;

}

}

@media screen and (max-width: 900px){
.logo-menu{
	position:absolute;
	left:0px;
	top:0px;
	width:270px;
	height:80px;
	padding-top:10px;
	background:white;
}
.logo-menu img {
	width:250px; 
	height:70px;
}

nav ul label {
	
}
  nav ul li a{
    font-size: 16px;
  }
}
@media screen and (max-width: 900px){
  .checkbtn{
    display: block;
 }
  .menu ul{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #A2FD4D;
    top: 80px;
    left: 100%;
    text-align: center;
    transition: all .7s;
	z-index:2000;

  }
 .menu nav ul li{
    display: block;
    margin: 50px 0;
    line-height: 30px;
	
	
  }
  .menu nav ul li a{
    font-size: 20px;
	color:black;
	font-weight: bold;
	font-family: 'Roboto Mono', monospace;
  }
  a:hover,a.active{
    background: none;
    color: #0082e6;
  }
  #check:checked ~ ul{
    left: 0;
  }
  
}


/*=======================================================================================================
=                                        servicio                                           =
========================================================================================================*/

.imagen{
	transition: all 0.5s ease-out;
}
.imagen-sin-transicion{
	text-align:left;
	
}
.imagen-sin-transicion img{
	float:left;
	width:300px;
	height:200px;
	margin-top:20px;
	margin-right:30px;
	margin-bottom:40px;
	
	
}


.contenedor-servicios li{
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
}
.contenedor-servicios p{
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
}
.parrafo-servicios p{
	width:1170px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	
}
.imagen:hover{
	transform: scale(0.9);
}
.raya-horizontal{
	height:5px;
	border:none;
	border-radius:10px;
	background: linear-gradient(to left,#E42426,#6D9A43);
}
/*    animacion de banner 2 */

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul,ol{
	list-style: none;
}

body{
	font-family: Open sans;
}



/*==================================================================================
----------------------            slider servicios                  ----------------
==================================================================================*/
.contenedor-secccion-servicio{
	position:relative;
	width:100%;
	max-width:1400px;
	height:1100px;
	text-align:justify-content;
	font-family: 'Varela Round', sans-serif;
}
.contenedor-sericio{
	width:1100px;
	max-width:1100px;
	height:450px;
	max-height:500px;
	margin:auto;
}
.contenedor-sericio p{
	margin-top:20px;
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
}
.contenedor-sericio-lim-edi{
	width:1100px;
	max-width:1100px;
	margin:auto;
}
.contenedor-sericio-lim-edi p{
	margin-top:18px;
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
}
.contenedor-sericio-lim-edi h1{
	margin-top:20px;
	text-align:justify;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
	color:black;
	font-weight: bold;
	color:#55B63D;
}
.contenedor-sericio-lim-edi li{
	margin-top:2px;
	text-align:justify;
	font-size:18px;
	font-family: 'Varela Round', sans-serif;
	color:black;
}
.slider-servicio{
	width:450px;
	max-width: 100%;
	height:300px;
	max-height:100%;
	position:relative;
	display:block;
	overflow: hidden;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
}

.slider-servicio .left-slide-servicio, .right-slide-servicio{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0px 3px rgba(123,252,002, 0.7);
  color:#55B63D;
  font-size: 30px;
  top:50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
  
}

.slider-servicio .left-slide-servicio:hover,.slider-servicio .right-slide-servicio:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #79B352;
 color:white;
}

.slider-servicio .left-slide-servicio{
	left: 5px;
}
.slider-servicio .right-slide-servicio{
	right: 5px;
}
.slider-servicio .slider-items-servicio .item-servicio img{
	width:450px;
	max-width: 100%;
	height:300px;
	display: table-cell;
	vertical-align:middle;
	margin:auto;
	animation:zoom 1s ease;
	
	
}

@keyframes zoom{
	0%{transform: scale(2);opacity: 0}
	50%{transform: scale(2);}
	100%{transform: scale(1);opacity:1}
}
.slider-servicio .slider-items-servicio .item-servicio{
	display: none;
	position: relative;
}
.slider-servicio .slider-items-servicio .item-servicio .caption-testimonio{
position: absolute;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,.5);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;

}
article {
	padding-top:20px;
	column-count: 3;
	column-gap:30px;
	column-rule:solid 2px #7BFC02;
}
article h1{
	text-align:justify;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color:#65BA02;
}
article li{
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
}
article p{
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
}
.slider-servicio .slider-items-servicio .item-servicio.active-servicio{
	display: block;
}


@media screen and (max-width: 900px){
.slider-servicio-responsive{
	width:335px;
	max-width: 100%;
	height:300px;
	max-height:100%;
	position:relative;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	border-radius:5px;
	margin-left:7px;
	margin-bottom:20px;
	
}
.contenedor-sericio-lim-edi-responsive-1{
	width:350px;
	height:1600px;
	
}
.contenedor-sericio-lim-edi-responsive-2{
	width:350px;
	height:1950px;
	
}
.contenedor-sericio-lim-edi-responsive-3{
	width:350px;
	height:500px;
	
}
.contenedor-sericio-lim-edi-responsive-4{
	width:350px;
	height:580px;
	
}
.contenedor-sericio-lim-edi-responsive li{
	margin-top:2px;
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
	margin-left:15px;
	margin-right:15px;
}
.contenedor-sericio-lim-edi-responsive p{
	margin-top:18px;
	text-align:justify;
	font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color:black;
	margin-left:10px;
	margin-right:10px;
}
}
	
#slider {
   margin: 0 auto;
   width: 800px;
   max-width: 100%;
   text-align: center;
}
#slider input[type=radio] {
   display: none;
}
#slider label {
   cursor:pointer;
   text-decoration: none;
}
#slides {
   padding: 10px;
   border: 3px solid #ccc;
   background: #fff;
   position: relative;
   z-index: 1;
}
#overflow {
   width: 100%;
   overflow: hidden;
}
#slide1:checked ~ #slides .inner {
   margin-left: 0;
}
#slide2:checked ~ #slides .inner {
   margin-left: -100%;
}
#slide3:checked ~ #slides .inner {
   margin-left: -200%;
}
#slide4:checked ~ #slides .inner {
   margin-left: -300%;
}
#slides .inner {
   transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   width: 400%;
   line-height: 0;
   height: 300px;
}
#slides .slide {
   width: 25%;
   float:left;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   color: #fff;
}
#slides .slide_1 {
   background: #00171F;
}
#slides .slide_2 {
   background: #003459;
}
#slides .slide_3 {
   background: #007EA7;
}
#slides .slide_4 {
   background: #00A8E8;
}
#controls {
   margin: -180px 0 0 0;
   width: 100%;
   height: 50px;
   z-index: 3;
   position: relative;
}
#controls label {
   transition: opacity 0.2s ease-out;
   display: none;
   width: 50px;
   height: 50px;
   opacity: .4;
}
#controls label:hover {
   opacity: 1;
}
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1) {
   background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
   float:right;
   margin: 0 -50px 0 0;
   display: block;
}
#slide1:checked ~ #controls label:nth-last-child(2),
#slide2:checked ~ #controls label:nth-last-child(3),
#slide3:checked ~ #controls label:nth-last-child(4),
#slide4:checked ~ #controls label:nth-last-child(1) {
   background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
   float:left;
   margin: 0 0 0 -50px;
   display: block;
}
#bullets {
   margin: 150px 0 0;
   text-align: center;
}
#bullets label {
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius:100%;
   background: #ccc;
   margin: 0 10px;
}
#slide1:checked ~ #bullets label:nth-child(1),
#slide2:checked ~ #bullets label:nth-child(2),
#slide3:checked ~ #bullets label:nth-child(3),
#slide4:checked ~ #bullets label:nth-child(4) {
   background: #444;
}
@media screen and (max-width: 900px){
   #slide1:checked ~ #controls label:nth-child(2),
   #slide2:checked ~ #controls label:nth-child(3),
   #slide3:checked ~ #controls label:nth-child(4),
   #slide4:checked ~ #controls label:nth-child(1),
   #slide1:checked ~ #controls label:nth-last-child(2),
   #slide2:checked ~ #controls label:nth-last-child(3),
   #slide3:checked ~ #controls label:nth-last-child(4),
   #slide4:checked ~ #controls label:nth-last-child(1) {
      margin: 0;
   }
   #slides {
      max-width: calc(100% - 140px);
      margin: 0 auto;
   }
}	
	
	
/*==================================================================================
----------------------             NOSOTROS                  -----------------------
==================================================================================*/
h1 {
  text-align: center;
  margin: 2rem 0;
  font-size: 2.5rem;
}
.contenedor-nosotros{
	position:relative;
	width:100%;
	/*max-width:1400px; HOSTINET*/
	height:500px;
	margin:right;
	background: linear-gradient(to left,#65BA02,#55B63D,#54B130,#7BFC02);
    font-family: 'Varela Round', sans-serif;
}
.contenedor-nosotros2{
	position:relative;
	width:100%;
	/*max-width:1400px; HOSTINET */
	height:550px;
	margin:right;
	background: linear-gradient(to left,#65BA02,#55B63D,#54B130,#7BFC02);
    font-family: 'Varela Round', sans-serif;
}
.accordion {
  width: 90%;
  max-width: 1000px;
  margin: 2rem auto;
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size:20px;
 }
.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: "\2212";
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
  transition:0.7s ease-in-out;
  font-size: 20px;
}
.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  text-align:justify;
  line-height:1.2;
}
.active + .accordion-item-body{
	max-height:700px;
	opacity:1;
}
@media screen and (max-width: 900px) {
  .contenedor-nosotros-responsive{
	position:relative;
	width:100%;
	max-width:1400px;
	height:730px;
	margin:right;
	background: linear-gradient(to left,#65BA02,#55B63D,#54B130,#7BFC02);
    font-family: 'Varela Round', sans-serif;
}
  .contenedor-nosotros2-responsive{
	position:relative;
	width:100%;
	max-width:1400px;
	height:730px;
	margin:right;
	background: linear-gradient(to left,#65BA02,#55B63D,#54B130,#7BFC02);
    font-family: 'Varela Round', sans-serif;
}
}
/*=======================================================================================================
=                                        TESTIMONIOS                                                    =
========================================================================================================*/

.slider-testimonio{
	width:90%;
	max-width: 100%;
	height:97%;
	max-height:100%;
	margin:30px auto;
	position:relative;
	display:table;
	overflow: hidden;
}

.slider-testimonio .left-slide, .right-slide{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0px 3px rgba(123,252,002, 0.7);
  color:#55B63D;
  font-size: 30px;
  top:50%;
  cursor: pointer;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
  
}

.slider-testimonio .left-slide:hover,.slider-testimonio .right-slide:hover{
 box-shadow: 0px 0px 10px black;
 background-color: #79B352;
 color:white;
}

.slider-testimonio .left-slide{
	left: 5%;
}
.slider-testimonio .right-slide{
	right: 5%;
}
.slider-testimonio .slider-items .item img{
	width:80%;
	max-width: 100%;
	display: table-cell;
	vertical-align:middle;
	margin:auto;
	animation:zoom 1s ease;
}

@keyframes zoom{
	0%{transform: scale(2);opacity: 0}
	50%{transform: scale(2);}
	100%{transform: scale(1);opacity:1}
}
.slider-testimonio .slider-items .item{
	display: none;
	position: relative;
}
.slider-testimonio .slider-items .item .caption-testimonio{
position: absolute;
width: 100%;
height: 60px;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,.5);
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 30px;
}

.slider-testimonio .slider-items .item.active{
	display: block;
}
@media screen and (max-width: 900px){
.slider-testimonio-responsive{
	width:100%;
	height:100%;
}	
.slider-testimonio-responsive .left-slide-responsive{
	left: 91%;
}
.slider-testimonio-responsive .right-slide-responsive{
	right: 120%;
}
.slider-testimonio-responsive .right-slide-responsive, .left-slide-responsive {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0px 3px rgba(123,252,002, 0.7);
  color:#55B63D;
  font-size: 20px;
  top:55%;
  cursor: pointer;
  margin-top: -10px;
  text-align: center;
  line-height: 15px;
  
}
.item-responsive img{
	width:80%;
	max-width: 100%;
	height:150px;
	display: table-cell;
	
	margin:auto;
	animation:zoom 1s ease;
}
}

/*=======================================================================================================
=                                        CONTACTENOS                                                    =
========================================================================================================*/
.contenedor-contactos{
	position:relative;
	width: 100%;
	/*max-width:1400px;*/
	height:940px;
	border:5px solid rgba(0,0,0,0.0);
		/*margin-left:50px;*/
	display:flex;
	justify-content: center;
}

.formulario {
	/*position:absolute;*/
	width:45%;
	height:715px;
	margin-left:30px;
	margin-top:30px;
	padding:20px;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	
	
}
.contacto-texto{
	position:relative;
	/*width:45%;*/
	/*width:25%*/
	/*height:400px;*/
	height:715px;
	margin-top:30px;
	/*margin-left:700px;*/
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	padding:20px;
	background:#CAFE99;
}
.contacto-texto-2{
	position:absolute;
	width:40%;
	max-width:100%;
	height:400px;
	top:30px;
	max-height:100%;
	margin-left: 750px;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	padding:20px;
	background:#CAFE99;
	margin-top:102px;
}
.contacto-titulo{
	font-size:22px;
	color:#316500;
	font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	line-height: 1.5rem;
	text-align:justify;
}
.contacto-titulo-moredy{
	font-size:24px;
	color:red;
	font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	line-height: 1.5rem;
	text-align:justify;
}
.contacto-item{
	font-size:20px;
	color:#000000;
	font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	padding-left:20px;
}
.hipervinculo-contacto-correo {
	font-size:20px;
	color:#068FD3;
	font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	padding-left:20px;
}
.formulario__titulo{
	text-align:center;
	margin-top:0;
	color: rgba(0,0,0,0.7);
}
.formulario__input, .formulario__label, .formulario__submit,.formulario__textarea, .formulario__label__mensaje{
	display:block;
	font-size;1.8em;
	
} 
.formulario__input{
	width:100%;
	padding:10px;
	background:rgba(123,252,002, 0.4);
	border: 1px solid rgba(0,0,0,0.3);
	margin-bottom:40px;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
}
.formulario__input:focus{
	outline:1px solid rgba (0,0,0,0.7);
}
.formulario__input:focus + .formulario__label{
	margin-top:-110px;
}
.formulario__label{
	width:100%;
	padding-left:15px;
	position:absolute;
	margin-top:-75px;
	z-index:-20;
	color:#000000;
	transition:all 0.6s;
	font-family: 'Varela Round', sans-serif;
}
.formulario__label__mensaje{
	width:100%;
	padding-left:15px;
	position:absolute;
	margin-top:-300px;
	z-index:-20;
	color:#000000;
	transition:all 0.6s;
	font-family: 'Varela Round', sans-serif;
}
.formulario__submit{
	width:30%;
	background:rgba(123,252,002, 0.7);
	color:#000000;
	padding:10px;
	cursor:pointer;
	border:#7BFC02;
	margin:auto;
	border-radius:10px;
	font-family: 'Varela Round', sans-serif;
}
.formulario__textarea{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:40%;
	max-height:40%;
	min-height:40%;
	padding:10px;
	background:rgba(123,252,002, 0.4);
	border: 1px solid rgba(0,0,0,0.3);
	margin-bottom:40px;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
}
.formulario__textarea:focus{
	outline:1px solid rgba (0,0,0,0.7);
}
.formulario__textarea:focus + .formulario__label__mensaje{
	margin-top:-330px;
}
.fijar {
	margin-top:-110px;
}
.fijar__mensaje {
	margin-top:-330px;
}
@media screen and (max-width: 900px){
	.contenedor-contactos{
	position:relative;
	width: 100%;
	max-width:1400px;
	height:1500px;
			
}
.formulario {
	position:absolute;
	width:90%;
	height:715px;
	margin-left:17px;
	margin-top:30px;
	padding:20px;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	
	
}
	
.contacto-texto{
	position:relative;
	width:90%;
	height:400px;
	margin-top:770px;
	margin-left:17px;
	box-shadow: 0 0 0px 2px rgba(123,252,002, 0.7);
	padding:20px;
	background:#CAFE99;
}
	
.formulario__textarea-responsive{
	margin-bottom: 5px;
}

}
/*https://www.youtube.com/watch?v=iN0xYdgRAzk*/ 

/*=======================================================================================================
==========================                IMPRESUM                       ================================
========================================================================================================*/
.contenedor-impressum {
	width:1270px;
	max-width:100%;
	height:1200%;
	padding:30px;
	background:rgba(123,252,002, 0.4);
	border: 1px solid rgba(0,0,0,0.3);
	text-align:left;
	margin-left:40px;
	text-align:justify;
	margin-top:40px;
	margin-bottom:40px;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
}
.impressum-titulo{
	font-size:30px;
	color:#316500;
	font-weight: bold;
	font-family: 'Varela Round', sans-serif;
	line-height: 1.5rem;
	text-align:center;
}
.impressum-subtitulo{
	font-size:20px;
	color:#000000;
	font-family: 'Varela Round', sans-serif;
	line-height: 1.5rem;
}
@media screen and (max-width: 900px){
.contenedor-impressum-resposive {
	width:350px;
	max-width:100%;
	height:6100px;
	padding:5px;
	background:rgba(123,252,002, 0.4);
	border: 1px solid rgba(0,0,0,0.3);
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
	font-size:20px;
	font-family: 'Varela Round', sans-serif;
}
}
/*=======================================================================================================
=                                        GRACIAS                                             =
========================================================================================================*/
.contenedor-gracias{
	width:30%;
	height:30%;
	text-align:center;
	border: 3px solid rgba(123,252,002, 0.6);
	border-radius:5px;
	padding:10px;
	margin:auto;
	margin-top:100px;
	

}
.gracias h1{
	width:100%;
	text-align:center;
	font-size:40px;
	color:#316500;
	font-family: 'Varela Round', sans-serif;
	background:rgba(123,252,002, 0.6);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius:5px;
	padding:10px;
	
}
.gracias p{
	width:100%;
	text-align:justify;
	font-size:25px;
	color:#316500;
	font-family: 'Varela Round', sans-serif;
	background:rgba(123,252,002, 0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius:5px;
	padding:10px;
	
}
input#boton-gracias{
	padding: 5px 20px 5px 20px;
}
@media screen and (max-width: 900px){
	.gracias h1{
	font-size:18px;
}
.gracias p{
	font-size:15px;
}
.contenedor-gracias{
	width:300px;
}
	
}


/*=======================================================================================================
=                                        footer o pie de pagina                                         =
========================================================================================================*/

footer{
    /*width:1400px; HOSTINET*/
	max-width:100%;
    background: #202020;
    color: red;
    width:100%;
    bottom:0px;
    /*position:fixed;*/
    margin: auto;
}
.container-footer-all{
	/*position:relative;*/
	width: 100%;
	/*max-width:1400px; HOSTINET*/
	border-top: 30;
	border-bottom:10;
	padding:10px;
	background: #A2FD4D;
}

.container-body{
    display: flex;
    justify-content: space-between;
	position:relative;
}

.colum1{
    width: 380px;
}

.colum1 h1{
    font-size: 26px;
	text-align:left;
	padding-left:50px;
	line-height:0.3rem;
	font-family: 'Varela Round', sans-serif;
	
}

.colum2{
    width: 280px;
	
}

.colum2 h1{
    font-size: 26px;
	text-align:left;
	padding-left:50px;
	line-height:0.3rem;
	font-family: 'Varela Round', sans-serif;
	
}
.colum3{
    width: 350px;
	
	
}
.colum3 h1{
  font-size: 26px;
	text-align:left;
	padding-left:50px;
	line-height:0.3rem;
	font-family: 'Varela Round', sans-serif;
	
}

.menufooter > h1 {
    text-decoration: none;
    color: #000000;
	font-weight: bold;
}
.submenu2 div > li > a{
    text-decoration: none;
    color:#000000;
	transition: all .1s ease-in-out;
}
.submenu2 div > li > a:hover{
	color: red;
}


.row2{
    margin-top: 8px;
    display: flex;
}
.row2 img{
    width: 36px;
    height: 36px;
}

.row2 label{
    margin-top: 4px;
    margin-left: 12px;
	margin-right: 12px;
    font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color: #000000;
}
.hipervinculo-footer-correo label a{
    margin-top: 4px;
    margin-left: 12px;
	margin-right: 12px;
    font-size:16px;
	font-family: 'Varela Round', sans-serif;
	color: #068FD3;
}
.row2 > li > a{
    margin-top: 5px;
    margin-left: 0px;
    color: #000000;
	font-size: 20px;
}
.espacio-ns{
    margin-top: 92px;
}
.espacio-sub-menu{
    margin-top: 137px;
}

.container-footer{
    width: 100%;  
	/*max-width:1400px; HOSTINET*/
    background: #101010;
}

.footer{
    width: 100%;
	margin: auto;
    display: flex;
    justify-content: space-between;  
    padding: 10px;
}

.copyright{
    color: #C7C7C7;
}

.copyright a{
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.information a{
    text-decoration: none;
    color: #C7C7C7;
}


@media screen and (max-width: 900px){
    
    .container-body{
        flex-wrap: wrap;
    }
    .row2-responsive label{
    margin-left: 5px;
	margin-right:5px;
	}
    .colum1{
        max-width: 100%;
		
    }
    
    .colum2,
    .colum3{
        margin-top: 5px;
    }
    
	.footer-responsive{
		margin-top:80px;
		
		
	}
}

@media screen and (min-width: 550px) {

footer {
position: fixed;

}

}