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

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

*/
/*@import url('https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic'); */
/*@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700italic,700,800,800italic,900,900italic');
*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
.hexagon {
  position: relative;
  width: 300px; 
  height: 173.21px;;
  background-color: #fff9fb;
  margin: 86.60px 0;
  border-left: solid 5px #333333;
  border-right: solid 5px #333333;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 212.13px;
  height: 212.13px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 38.9340px;
}

.hexagon:before {
  top: -106.0660px;
  border-top: solid 7.0711px #333333;
  border-right: solid 7.0711px #333333;
}

.hexagon:after {
  bottom: -106.0660px;
  border-bottom: solid 7.0711px #333333;
  border-left: solid 7.0711px #333333;
}



.boton_negro_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro_cuadrado:hover
{
	background-color:#000;
}


.boton_gris_cuadrado
{
	width: 120px;
	height: auto; box-sizing: border-box;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:18px;
	background-color:#afb2af;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	cursor: pointer;
	text-align: center;
	margin:0 auto;
	
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}
.boton_gris_cuadrado:hover
{
	
background-color: #626262;

}




.btn
{
	  flex: 1 1 auto;
padding-top:10px;
	padding-bottom:10px;
	padding-left:5px; 
	padding-right: 5px;
  text-align: center;
  text-transform: uppercase;
cursor: pointer;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
	
	
  transition: 0.5s;
  	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

.btncuadradogris
{
	width: 120px;
	  flex: 1 1 auto;
padding-top:10px;
	padding-bottom:10px;
	padding-left:5px; 
	padding-right: 5px;
  text-align: center;
/*  text-transform: uppercase;*/
cursor: pointer;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  margin:0 auto; text-align: center;
	
	
  transition: 1s;
  	-webkit-transition:All 1s linear;
	-moz-transition:All 1s linear;
	-o-transition:All 1s linear;
}




/* <- Magic Stuff Start */

.btn:hover {
  background-position: right center; /* change the direction of the change here */
}

.btncuadradogris:hover {
  background-position: right center; /* change the direction of the change here */
}

.btn-1 {
  background-image: linear-gradient(to right, #4F8CC9 0%, #00caad 51%, #4F8CC9 100%);
}

.btn-2 {
  background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%);
}

.btn-3 {
  background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
}

.btn-4 {
  background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}

.btn-5 {

  background-image: linear-gradient(to right, #AFB2AF 0%, #4F8CC9 70%, #AFB2AF 100%);
}

/* Magic Stuff End -> */



/* ALERTAS */


.Alertas
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1050;
	display:none;
	justify-content:center;
	align-items:center;
}
.Alertas.toggle
{
	display:flex;
}

.AlertasContenedor
{
	width:65%;
	max-width:480px;
	background-color:#FFFFFF;
	padding:40px;
	text-align:center;
}

.icongrown
{
	transition: all .2s ease-in-out; 
}

.grow { 
transition: all .5s ease-in-out; 
}
 
.grow:hover { 
transform: scale(1.1); 
}

.grow:hover .icongrown
{
	transform: scale(1.3); 
}


.bloque
{
	 width: 100%; height: auto;
	box-sizing: border-box;
	
	
	
	transition: all .5s ease;
 	-webkit-transition: all .5s ease;
 	-moz-transition: all .5s ease;
 	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
}



.bloque:hover  .contenedor3
{
		padding:0px;

}


/* VENTANA MODAL */

.VentanaModal
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1050;
	display:none;
	justify-content:center;
	align-items:center;
}
.VentanaModal.toggle
{
	display:flex;
}

.VentanaModalContenedor
{
	width:65%;
	max-width:700px;
	background-color:#FFFFFF;
	text-align:center;
}


.displaypc
{
	display: block;
}

	
	.displaymovil
{
	display: none;
}



.fbicon
{
	font-size:24px;
	color:	grey;
	
	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:#2F89C5;
}

/* ALERTAS */



/* COLORES */



.gris
{
	color:#A2A2A2;
}

.rojo
{
	color:#551113;
}

.doradoclaro
{
	color:#e1ce9c;
}


.doradofuerte
{
	color:#ceb475;
}


.fondo_gris
{
	background-color:#555555;
}

.fondo_rojo
{
	background-color:#551113;
}

.fondo_doradoclaro
{
	background-color:#e1ce9c;
}


.fondo_doradofuerte
{
	background-color:#ceb475;
}




/* COLORES */

.sombra
{
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.sombrahover
{
	
		
	  box-shadow: 0 0px 0px rgba(0,0,0,0.0);
  transition: box-shadow 1s ease-in-out;
}


.sombrahover:hover
{
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.cursorpointer
{
	transition: all 1s ease;
}


.cursorpointer:hover
{
	cursor: pointer;
}

.rotaricon
{
	transition: all .5s ease;
 	-webkit-transition: all .5s ease;
 	-moz-transition: all .5s ease;
 	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
}

.rotaricon.toggle
{
    -webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-90deg);  /* IE 9 */
    -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */
    transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
	opacity: 0;
}

.chevronleft
{
	opacity: 0;
		transition: all .5s ease;
 	-webkit-transition: all .5s ease;
 	-moz-transition: all .5s ease;
 	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
}

.chevronleft.toggle
{
	opacity: 1;
}

.firasans
{
	font-family: 'Fira Sans', sans-serif;
}


.sanspro
{
	font-family: 'Source Sans Pro', sans-serif;
}



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


.flexdirection 
{
	
	flex-direction: row;
}

body::-webkit-scrollbar {
    width: 8px;

	
}

body::-webkit-scrollbar-track {
    width: 8px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
}
 
body::-webkit-scrollbar-thumb {
background-color: #afb2af;  outline: 1px solid slategrey; 
}

body::-webkit-scrollbar-thumb:hover {
background-color: #626262
}

body::-webkit-scrollbar-thumb:active {
background-color: #626262;
  
}

::-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:1px solid #373737;
	font-size:16px;
	color:#434a54;
	background-color:rgba(255,255,255,.7);
	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;
	
}

.textbox-linea2::placeholder
{
	color:white;
}

.textbox-linea2
{
	box-sizing:border-box;  
	width:100%;
	float: left;
	padding:20px;
	
	border:none;
	border:1px solid #fff;
	border-color:white;
	font-size:24px;
	color:#fff;
	background-color:transparent;
	transition: all 1s ease;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-o-transition: all 1s ease;
}

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

.textbox-linea2:focus 
{
	outline:none;
	border-color:black;
	
}



.flex
{
	display:flex;
}




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


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


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: 'Raleway', sans-serif;
	background-color:white;
	padding:0px;
}





#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 */ 
	
}

.menu_oculto_pc
{
	
	width: 300px;
	
	height: 100vh; 
	position: fixed; 
	background-color: #555555;
	left: -230px;
	z-index: 1000;
	
	
		
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.menu_oculto_pc.toggle
{
	left: 0px;
}


.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:#000;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
		background-color:white;
	border-radius:20px;
	
	/*-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
{
	
	float:left;
	box-sizing: border-box;
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid transparent;  
	color:white;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:#FF8000;
	
	
	
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;	
	

}

.boton_naranja:hover
{
	background-color:white;
	color: #373737;
}



.btn_transparente_naranja
{
	float: left;
	box-sizing: border-box;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:3px solid #FF8000;  
	border-color: #FF8000;
	background-color: transparent;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	text-decoration:none;
	color:white;
	font-size: 20px;
	font-weight: 500;
	
		
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}


.btn_transparente_naranja:hover
{
		background-color: white;
		border-color: white;
		color:#FF8000;

}


.boton_gris_cuadrado
{
	
}


.boxshadow
{
		cursor: pointer;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.50);
	box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.50);	
}


.boxshadowhover
{
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.0);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.0);
	
	
	
transition:all 2s ease;
	-webkit-transition:all 2s ease;
	-moz-transition:all 2s ease;
	-ms-transition:all 2s ease;
	-o-transition:all 2s ease;		
}


.boxshadowhover:hover
{
	cursor: pointer;
	-webkit-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 5px 21px 0px rgba(0,0,0,0.75);	
}



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






.boton-rojo
{

	float:left;
	width:100%; 
	height:auto;
	max-width:100px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid beige;  
	color:white;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	/* font-family: 'Lato', sans-serif;*/ 
	font-size:18px;
	text-decoration:none;
	background-color:#510B0D;
	border-radius:20px;
	
	
	/*-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-rojo:hover
{
	
	background-color:#710406; color:white;
	
}




#contenedor_carrusel
{
	display:block;
}

#contenedor_carrusel_movil
{
	display:none;
}



@-webkit-keyframes updown {
  0%   { margin-top: 0px; }
  20%   { margin-top: 5px; }
	40%   { margin-top: 10px; } 60%   { margin-top: 5px; } 80%   { margin-top: 2px; }
  100% { margin-top: 0px; }
}
@-moz-keyframes updown {
  0%   { margin-top: 0px; }
  20%   { margin-top: 5px; }
	40%   { margin-top: 10px; } 60%   { margin-top: 5px; } 80%   { margin-top: 2px; }
  100% { margin-top: 0px; }
}
@-o-keyframes updown {
  0%   { margin-top: 0px; }
  20%   { margin-top: 5px; }
	40%   { margin-top: 10px; } 60%   { margin-top: 5px; } 80%   { margin-top: 2px; }
  100% { margin-top: 0px; }
}
@keyframes updown {
  0%   { margin-top: 0px; }
  20%   { margin-top: 5px; }
	40%   { margin-top: 10px; } 60%   { margin-top: 5px; } 80%   { margin-top: 2px; }
  100% { margin-top: 0px; }
}


.updwn
{
  -webkit-animation: updown 5s infinite; /* Safari 4+ */
  -moz-animation:    updown 5s infinite; /* Fx 5+ */
  -o-animation:      updown 5s infinite; /* Opera 12+ */
  animation:         updown 5s infinite; /* IE 10+, Fx 29+ */
}




.divisor
{
	width: 50px;
	height: 2px;
	background-color: #e1ce9c;
	margin:0 auto;
	box-sizing: border-box;
	
}


.cuadroservicio
{
	height: 300px;
	position: relative;
	overflow: hidden;
					
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}


.hidewind
{
	width: 100%;
	height: 100%;
	/* background: linear-gradient( rgba(0,0,0, 1), rgba(0,0,0, .5)); */
	
	background: linear-gradient( rgba(0,0,0, .6), rgba(46,137,196, .8));
	
	position: absolute;
	z-index: 100;
	
	top:100%;
	
	
		
	transition:all .8s ease;
	-webkit-transition:all .8s ease;
	-moz-transition:all .8s ease;
	-ms-transition:all .8s ease;
	-o-transition:all .8s ease;	
}




.cuadroservicio:hover .hidewind
{
	top:0;
}













.separador1
{
	margin-left:100px;
}


.separadornaranja
{
	width: 100px;
	height: 3px;
	background-color: #FF8000;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	
}




.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;
}






.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:20px;
	width: 33.33%;
	height:auto;
	float: left;
	box-sizing:border-box;
}

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

}



.contenedor40
{
	float:left;
	width:40%;
	height:auto;
	box-sizing:border-box;
}



.contenedor60
{
	float:left;
	width:60%;
	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.3%;
	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
{
	
width:20%; height:auto; text-align:left; margin:0 auto; 	
}






.instaicon
{
	font-size:18px;
	color:	#a1a1a1;

	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;

}


.instaicon:hover
{
	
	color:purple;
}


.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_pc
{
	
	width:100%; height:60px; /*background-color: #510B0D;*/ background-color: white; /*background-color: rgba(81, 11,13,.90);*/ margin:0 auto; float:left;  box-sizing:border-box;  
}







.vinculo_menu
{
	/*
	color:black;
	font-weight:100;
	cursor:pointer;
	
	font-size: 16px;
	border-bottom: 1px solid ;
	border-spacing:100px;
	float: left;
	padding:10px;
	
	
border-bottom-width: 3px;
border-color:transparent;




	
	*/
	
	
	display: flex; justify-content: center; align-content: center; align-items: center; font-size: 20px;  color: white; padding-top:10px; padding-right: 15px;
	cursor:pointer;
	
	 -webkit-transition: all .4s ease;  
 -o-transition: all .4s  ease; 
 -moz-transition: all .4s  ease;
 -ms-transition: all .4s  ease; 
    transition: all .4s  ease;
}


.vinculo_menu:hover
{
	color:#ceb475;


	
	
}








.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;
	
	
}

.link-1 {
  transition: 0.3s ease;
  background: #3fa46a;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  border-top: 4px solid #3fa46a;
  border-bottom: 4px solid #3fa46a;
  padding: 20px 0;
  margin: 0 20px;
}
.link-1:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0; 
}






.subvinculo_menu
{
	
	color:white;
	font-size: 16px;

	text-decoration: none;
	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;
}


.subvinculo_menu:hover
{
	
	color: #FF8000;
	
	

}




.subvinculo_submenu
{
	
	color:white;
	font-size: 16px;

	text-decoration: none;
	cursor: pointer;
	padding:10px;
	

	
	
		 -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_submenu:hover
{
	
	color: #FF8000;
	
	

}
	

.snip1135 {
  /*font-family: 'Raleway', Arial, sans-serif; */
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
	font-size: 16px;
}
.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  padding: 0;
	
}
.snip1135 .subvinculo_menu {
  padding: 0.5em 0;
  color: rgba(255,255,255,.80);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.snip1135 .subvinculo_menu:before,
.snip1135 .subvinculo_menu:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 .subvinculo_menu:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
background-color:#ff8000;
	
}
.snip1135 .subvinculo_menu:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: white;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 .subvinculo_menu:hover:before,
.snip1135 .current .subvinculo_menu:before {
  opacity: 1;
  width: 100%;
 
}
.snip1135 .subvinculo_menu:hover:after,
.snip1135 .current .subvinculo_menu:after {
  max-width: 100%;
	color:white;
	
}

	


.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;
}


	
.menu_oculto_movil
	{
		display: none;
	}
.panelmenu
{
	display: none;
}


.contenedor_derecho
{
	
	width: 100%; height: auto; margin:0 auto;  padding-left:70px; box-sizing: border-box;
}

/* MOVILES   */


.subvinculo_menu_movil
{
	color:black;
	padding:3px;
	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;
	
}

.subvinculo_menu_movil:hover
{
	color:#FF8000;
}


#desplegarmenu
{
	background-color: #f6f7f6;
	
	display: none;
}

@media only screen and (max-width:970px)
{
	
.displaypc
{
	display: none;
}

	

	
.displaymovil
{
	display: block;
}

	
.contenedor_derecho
{
	
	width: 100%; height: auto; margin:0 auto;  padding-left:0px;
}
	
.menu_oculto_pc
	{
		display:none;
	}
	
	
.menu_oculto_movil
{
	display: block;
	width: 100%;
	
	height: 60px; 
	position: relative; 
	background-color: #555555;
	float: left;
	
	
		
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}


	
	
.panelmenu
	{
		display: block;
		width: 300px;
		max-width: 70%;
		height: 100vh;
		background-color: #555555;
		position: absolute;
		z-index: 1000;
		left:-70%;
		
		
				transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
	}
	
	
.panelmenu.toggle
	{

		left:0px;
	}
	
	

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

.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;
}
	
.contenedor40
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
}



.contenedor60
{
	float:left;
	width:100%;
	height:auto;
	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;
}










.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
{
	
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)
{
	.displaypc
{
	display: none;
}
	
	
	
	.displaymovil
{
	display: block;
}

	
	.contenedor_derecho
{
	
	width: 100%; height: auto; margin:0 auto;  padding-left:0px;
}
		
.menu_oculto_pc
	{
		display:none;
	}
	
	
.menu_oculto_movil
{
	display: block;
	width: 100%;
	
	height: 60px; 
	position: relative; 
	background-color: #555555;
	float: left;
	
	
		
		transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.menu_oculto_movil.toggle
{
	left: 0px;
}
	
	
	
	
.panelmenu
	{
		display: block;
		width: 300px;
		max-width: 70%;
		height: 100vh;
		background-color: #555555;
		position: absolute;
		z-index: 1000;
		left:-70%;
		
		
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
		
	}
	
	.panelmenu.toggle
	{

		left:0px;
	}
	
	

	
.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;
}
	
.contenedor40
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
}



.contenedor60
{
	float:left;
	width:100%;
	height:auto;
	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: 60px; background-color: white;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;
	
	
	
display: table;
	
}


.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;
	
}



}