/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,800');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:300,400,400i,700,700i');


@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

.Roboto
{
	font-family: 'Roboto', sans-serif;
}

.flexdirection 
{
	
	flex-direction: row;
}

body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:5px;
	
}
 
body::-webkit-scrollbar-thumb {
  background-color:rgba(25,36,114, .9);
  outline: 1px solid slategrey;
}

body::-webkit-scrollbar-thumb:hover {
background-color:rgba(25,36,114, .9);
  
}

body::-webkit-scrollbar-thumb:active {
background-color:rgba(25,36,114, 1);
  
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight:300;
}
::-moz-placeholder { /* Firefox 19+ */
   font-weight:300;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight:300;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight:300;
}



.contenedor_servicio
{
	width: 75%; height: 40px; margin:0 auto; text-align: center; border:2px solid #F4F3F4; display: flex;  align-items: center; padding-left:10px; background-color:white; border-radius:5px; position: relative;  padding-right: 30px;
}



.rotateflechita{
  
	color:#ED650D; font-size: 20px; position: absolute;
  transition: transform .5s linear;
}

.rotateflechita.open{
  transform: rotate(-180deg);
  transition: transform .5s linear;
}



.textbox-linea
{
	box-sizing:border-box;  
	width:100%;
	padding:20px;
	border:none;
	border:2px solid #1C1A1A;
	font-size:16px;
	color:#434a54;
	background-color:transparent;
	transition: background-color .5s ease;
 	-webkit-transition: background-color .5s ease;
 	-moz-transition: background-color .5s ease;
 	-o-transition: background-color .5s ease;
}

.textbox-linea:hover
{
	outline:none;
}

.textbox-linea:focus 
{
	outline:none;
	background-color:white;
	
}

.flex
{
	display:flex;
}




h1
{
	
	padding:0px;
	margin: 0px;
	font-size:60px;
}


h2
{
	
	padding:0px;
	margin: 0px;
	font-size:34px;
}


h3
{
	
	padding:0px;
	margin: 0px;
	font-size:28px;
}


h4
{
	
	padding:0px;
	margin: 0px;
	font-size:20px;
}

h5
{
	
	padding:0px;
	margin: 0px;
	font-size:18px;
}


h6
{
	
	padding:0px;
	margin: 0px;
	font-size:16px;
}



h7
{
	
	padding:0px;
	margin: 0px;
	font-size:14px;
}



body
{
	margin:0px;
	font-family: 'PT Sans', sans-serif;
	background-color:white;
	padding:0px;
}

.ptsans
{
	font-family: 'PT Sans', sans-serif;
	
}

.opensans
{
	font-family: 'Open Sans', sans-serif;
	
}



#todo
{
	margin:0 auto;
	width:100%;
	height:auto;
	/*padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:50px; */
	box-sizing:border-box; /* A NU MAAAAAAAAAAAAAAAAAAAA */ 
	
}




.boton-normal
{
	
	float:left;
	width:100%; 
	height:auto;
	max-width:100px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid transparent;  
	color:#FFF;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
		background-color:#FF7800;
	
	
	/*-webkit-border-radius: 4px 4px 4px 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
	
	*/
	
	
	
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
	
	
}



.boton-normal:hover
{
	
	background-color:#C53E00;
	
	
}






.boton-naranja
{

	float:left;
	width:100%; 
	height:auto;
	max-width:100px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #FF7800;  
	color:black;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:white;
	
	
	/*-webkit-border-radius: 4px 4px 4px 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
	
	*/
	
	
	
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
	
	
}
.boton-naranja:hover
{
	
	background-color:#FF7800; color:white;
	
}




#contenedor_carrusel
{
	display:block;
}

#contenedor_carrusel_movil
{
	display:none;
}


.separador1
{
	margin-left:100px;
}




.BotonLogin
{
	width:100%; 
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:3px solid #001A70; 
	color:#FFF;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:#00209C;
	-webkit-border-radius: 4px 4px 4px 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.BotonLogin:hover
{
		background-color:#000F57;
		
}

.BotonRegistrar
{
	width:100%; 
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:3px solid #353535; 
	color:#FFF;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:grey;
	-webkit-border-radius: 4px 4px 4px 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}



.boton_fantasma
{
	border:1px solid white;
    background-color:#192472;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	font-size:12px;
	cursor:pointer;
	font-weight:400;
	color:white;
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.boton_fantasma:hover
{
	background-color:transparent;
	border-color:#fff;
}




.padding
{
	padding:60px;
}



.contenedorinside
{

	width:100%; height:auto; max-width:1180px; color:white; margin:0 auto;  box-sizing:border-box; padding: 20px;
}



.contenedor1
{
	padding-top:80px;
	padding-bottom:80px;
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
  
  
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	padding-left:20px;
	padding-rifht:20px;
	width: 33.33%;
	height:auto;
	float: left;
	box-sizing:border-box;
}

.contenedor4
{
	float:left;
	width:25%;
	height:auto;
	
	box-sizing:border-box;

}

.contenedor66
{
	float:left;
	width:66.6%;
	height:auto;
	box-sizing:border-box;
}

.contenedor75
{
	float:left;
	width:75%;
	height:auto;
	box-sizing:border-box;
}

.contenedor33
{
	float: left;
	width: 33.4%;
	height:auto;
	box-sizing:border-box;
}

.contenedor30
{
	float: left;
	width: 30%;
	height:auto;
	box-sizing:border-box;
}

.contenedor20
{
	float: left;
	width: 20%;
	height:auto;
	box-sizing:border-box;
}

.contenedor25
{
	float: left;
	width: 25%;
	height:auto;
	box-sizing:border-box;
}




.redes_sociales
{
	width:20%; height:auto; text-align:center; margin:0 auto;  padding-right:27px;
	
}


.logo_covalta
{
	
width:20%; height:auto; text-align:left; margin:0 auto; 	
}




.fbicon
{
	font-size:24px;
	color:	#EF7109;
	padding:5px;
	cursor:pointer;



	
 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;

}


.fbicon:hover
{
	
	font-size:28px;
	color:white;
}


.yticon
{
	font-size:24px;
	color:	#EF7109;
	padding:5px;
	cursor:pointer;
	
	 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;

}



.yticon:hover
{
	font-size:28px;
	color:white;

}



.menu_movil
{
	
	display:none;
}

.menu_pc
{
	
	width:100%; height:auto;
	background-color: #575757;
	margin:0 auto;
	float:left; 
	box-sizing:border-box;
	background:linear-gradient(rgba(0,0,0,0.71), rgba(0,0,0,0.41)) url(../imagenes/foto2.jpg);
	background-size:cover;
	background-position: center;
}

.vinculo_menu
{
	
	color:White;
	font-weight:100;
	cursor:pointer;
	padding-top:3px;
	padding-bottom:3px;
	font-size: 18px;
	border-bottom: 1px solid ;
	border-spacing:100px;
	
border-bottom-width: 3px;
border-color:transparent;



 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;
	
	
}


.vinculo_menu:hover
{
	color:white;
	border-bottom: 1px solid ;
	border-spacing:100px;
	border-color:#EF7109;
border-bottom-width: 3px;
	

	
	
}








.contenedorsubservicios
{
	
	display:none;
	width:auto; height:auto;
	
	position:absolute;
	 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;
	
	
}

.submenuservicios:hover > .contenedorsubservicios
{
	
	display:block;
	
	
}









.subservicios
{
	cursor:default;
	width:120px; height:auto; text-align:left; margin:0 auto;  background-color:#EF7109; 
	padding:10px;
	margin-top:12px;
 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;
	
	
}




.subvinculo_menu
{
	
	color:White;

	text-decoration: none;
	
	
		 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;
}


.subvinculo_menu:hover
{
	
	background-color: black;
}
	
	


.subtexto
{
	cursor:pointer;
	color:white;
	padding:10px;
	font-weight:400;
	text-align:left;
	 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;
	
}



.subtexto:hover
{
	
color:white;
}


.contenedor_botonesmovil
{
		display:none;
	
}

.parallax
{
	background-attachment:fixed;
	
}


.heig450
{
	height: 450px;
}

.flexcolumn
{
	display: flex;
	flex-direction: row-reverse;
}



/* MOVILES   */


@media only screen and (max-width:970px)
{

.flexcolumn
{
	display: flex;
	flex-direction: column;
}
	
	.heig450
{
	height: auto;
}
	
	
	.flexdirection 
{
	
	flex-direction: row;
}

.flex
{
	display:block;
}
	
	
	
.contenedor_botonesmovil
{
		display:none;
	
}

#contenedor_botonespc
{
	padding-left:30px;	
	
}


.boton-naranja
{
	
}

h1
{
	
	padding:0px;
	margin: 0px;
	font-size:40px;
}


h2
{
	
	padding:0px;
	margin: 0px;
	font-size:30px;
}


h3
{
	
	padding:0px;
	margin: 0px;
	font-size:24px;
}


h4
{
	
	padding:0px;
	margin: 0px;
	font-size:20px;
}

h5
{
	
	padding:0px;
	margin: 0px;
	font-size:18px;
}


h6
{
	
	padding:0px;
	margin: 0px;
	font-size:16px;
}



h7
{
	
	padding:0px;
	margin: 0px;
	font-size:14px;
}


.contenedor1
{
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	padding-right: 20px;
	padding-left:20px;
	box-sizing:border-box;	  
}
  
.contenedor2
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
  
.contenedor3
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.contenedor4
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

	.contenedor30
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}
	
.contenedor20
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}

.contenedor66
{
	width:100%;
	padding: 10px;
	height:auto;
	box-sizing:border-box;
}





.menu_pc
{
	
	display:none;
}




.menu_movil
{
	
	width:100%; height:auto; background-color: rgba(0,0,0,0.20); margin:0 auto; float:left;  box-sizing:border-box; position:relative;
	background:
	  linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
  
    url(../imagenes/foto2.jpg);
	
	background-repeat: no-repeat; background-position: center;
	
	padding:10px;
	
	
	display:block;
	
}



.fbicon
{
	font-size:24px;
	color:	#EF7109;
	
	cursor:pointer;



	
 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;

}


.fbicon:hover
{
	
	font-size:28px;
	color:white;
}


.yticon
{
	font-size:24px;
	color:	#EF7109;

	cursor:pointer;
	
	 -webkit-transition: all .4s ease;  /* Safari */
 -o-transition: all .4s  ease; /* Safari */
 -moz-transition: all .4s  ease; /* Safari */
 -ms-transition: all .4s  ease; /* Safari */
    transition: all .4s  ease;

}



.yticon:hover
{
	font-size:28px;
	color:white;

}





.redes_sociales
{
	width:100%; height:auto; text-align:center; margin:0 auto;  
	
}


.logo_covalta
{
	
width:50%; height:auto; text-align:center; margin:0 auto; 	
}










.contenedorinside
{

	width:100%; height:auto; max-width:710px; color:white; margin:0 auto;  text-align:center;
}




.contenedor_vinculos
{
	
	width:100%; height:auto; text-align:center; margin:0 auto;  display:none; align-items:center; justify-content:space-around; flex-direction:column; padding-bottom:10px; padding-top:10px; background-color: #434242;
	/*display:none; */
	
}








#contenedor_carrusel
{
	display:none;
}

#contenedor_carrusel_movil
{
	display:block;
}




.parallax
{
	background-attachment:inherit;
	
}


}








/* MOVIL CELULAR MENOS DE 710PX */





@media only screen and (max-width:710px)
{

	
.flexcolumn
{
	display: flex;
	flex-direction: column;
}	
	
	
		.heig450
{
	height: auto;
}
	
	.flexdirection 
{
	
	flex-direction: column;
}
	
	
#contenedor_botonespc
{
	display:none;
}


.contenedor_botonesmovil
{
		display:block;
	
}



.separador2
{
	width:100%;
	
}


.separador1
{
	
	
}

h1
{
	
	padding:0px;
	margin: 0px;
	font-size:28px;
}


h2
{
	
	padding:0px;
	margin: 0px;
	font-size:30px;
}


h3
{
	
	padding:0px;
	margin: 0px;
	font-size:20;
}

h4
{
	
	padding:0px;
	margin: 0px;
	font-size:18px;
}
	
	
	h5
{
	
	padding:0px;
	margin: 0px;
	font-size:16px;
}



.contenedor1
{
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;	  
}
  
.contenedor2
{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}
  
.contenedor3
{
	width:100%;
	padding-top:15px; padding-bottom:15px; padding-left:0px; padding-right:0px;
	box-sizing:border-box;
}

.contenedor4
{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}

	.contenedor30
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}
	
.contenedor20
{
	width:100%;
	height:auto;
	padding:10px;
	box-sizing:border-box;
}

.contenedor66
{
	width:100%;
	padding: 10px;
	height:auto;
	box-sizing:border-box;
}





.menu_pc
{
	
	display:none;
}




.menu_movil
{
	
	width:100%; height:auto; background-color: rgba(0,0,0,0.20); margin:0 auto; float:left;  box-sizing:border-box; position:relative;background: 
   
    linear-gradient(
      rgba(0,0,0,0.71), 
      rgba(0,0,0,0.41)
    ),
  
    url(../imagenes/foto2.jpg);
	
	
	background-repeat: no-repeat; background-position: center;
	background-attachment: fixed; background-size:cover;
	display:block;
}




.contenedorinside
{

	width:100%; height:auto; max-width:710px; color:white; margin:0 auto;  text-align:Center;
}




.contenedor_vinculos
{
	
	width:100%; height:auto; text-align:center; margin:0 auto;  display:none; align-items:center; justify-content:space-around; flex-direction:column; padding-bottom:10px; padding-top:10px; background-color: #434242;
	/*display:none; */
	
}







#contenedor_carrusel
{
	display:none;
}

#contenedor_carrusel_movil
{
	display:block;
}


.parallax
{
	background-attachment:inherit;
	
}



}















