body{
	font-family: 'Avenir Next';
	font-size: 10px;
}

p, li{
	font-size: 1.7em;
}
header img{
	margin: 14px 0 0 70px;
	width: 32%;
	margin-right: 50.3px;
	float: left;
}
header h2{
	position: relative;
	top:140px;
	margin-left:350px;
	color: rgb(60,60,60);
	float: left;
}
#Menu{
	float: right;
	width: 75%;
	background-color: rgba(212,212,212,1);
	height: 46px;
	border-radius: 1px;
	box-shadow:0 0.1px 0.1px 0.1px;
	margin: 10px 80px 0 0;
}
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:100;
	left: 240px;
	max-width:1000px;
	width:100%;
	box-shadow:0px 1px 1px 1px rgba(0,0,0,.8);
}
#Menu li{
	float:left;
	font-size: 1.82em;
	padding: 7px 38px;
}
#Menu li:first-child{
	margin-left: 126px;
}
#Menu li.activo{
	border-top: 5px solid rgba(160,190,40,1);
	padding-top: 2px;
}
#Menu li:hover{
	border-top: 5px solid rgba(160,190,40,1);
	cursor: pointer;
	padding-top: 2px;
}
#Content{
	clear: both;
	margin-top: 40px;
	width: 100%;
	float: left;
	margin-top: 5em;
}
div#Inicio{
	margin:0 auto;
	width: 100%;
}
div#contenedor{
	border-radius:4px;
    height: 270px;
    margin-bottom: 50px;
}
#slider img{
    border-radius:4px;
    box-shadow:0 0.1px 0.3px 0.3px;
    height: 270px;
}
.info {
    margin-top: 12px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.slider-elemento {
    float: left;
    width: 33.333333%
}
/*ANIMACION*/
#slider {
    -moz-animation: autoSlider 10s infinite ;
    -o-animation: autoSlider 10s infinite ;
    -webkit-animation: autoSlider 10s infinite ;
    animation: autoSlider 10s infinite ;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    height: 350px;
    width: 300%;
}
@-moz-keyframes autoSlider {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: 0;
    }
    35% {
        margin-left: -100%;
    }
    65% {
        margin-left: -100%;
    }
    70% {
        margin-left: -200%;
    }
    95% {
        margin-left: -200%;
    }
    100% {
        margin-left: 0;
    }
}
@-webkit-keyframes autoSlider {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: 0;
    }
    35% {
        margin-left: -100%;
    }
    65% {
        margin-left: -100%;
    }
    70% {
        margin-left: -200%;
    }
    95% {
        margin-left: -200%;
    }
    100% {
        margin-left: 0;
    }
}
#Content li{
	font-size: 1.8em;
	background-image: url("../Images/elemento.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 14px;
	margin-bottom: 6px;
}
#Content .second {
	font-size: 1.6em;
	margin-left: 22px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 14px;
	padding: 0 0 0 22px;
	opacity: 0.9;
}
.left{
	float:left;
	margin-right: 60px;
}

.alinear_ul{
	display: flex;
	justify-content:center
}

.marg{
	margin-bottom: 1em;
}

#Inicio .alinear_ul li{
	background-image: url("../Images/IconPuzzle.png");
	background-repeat: no-repeat;
    background-position: left;
    background-size: 18px;
    padding: 0 0 0 32px;
    margin-bottom: 8px;
    font-size: 17px;
}
#Inicio .alinear_ul li:nth-child(2n){
	margin-left:180px;
}
#Inicio .alinear_ul li:nth-child(2n + 1){
	float: left;
	margin-right: 80px;
}
#Inicio .alinear_ul li:nth-child(2n):hover{
	cursor: pointer;
	font-weight: bold;
}
#resumen{
	clear: both;
	margin: 230px auto 0 auto;
	width: 860px;
	font-size: 1.36em;
}
#resumen p{
	float:left;
	margin-right: 6px;
}
#Servicios{
	margin-bottom: 2em;
}

#Empresa{
	margin-top: 3em;
	margin-bottom: 7em;
}

#Servicios li{
	background-image: url("../Images/recurso5.png");
	background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
    padding: 0 0 0 36px;
    margin-bottom: 8px;
}
#Content #Empresa p#text{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#Content #Empresa #center{
	width: 510px3
	height: 420px;
	margin:20px auto;
}
#Content #Empresa #center img{
	width: 200px;
	margin:0 auto;
	opacity: 1;
}
#Content #Empresa #center #Vi{
	float:left;
	margin-right: 92px;
}
#Content #Empresa #center #Va{
	width: 248px;
	margin-top:-4px;
}
#Content #Empresa #center h2{
	z-index: 1;
	position: absolute;
	opacity: 0.9;
}
#Content #Empresa h2#Mision{
	margin-left: 219px;
	margin-top: 78px;
}
#Content #center h2#Vision{
	margin-left: 68px;
	margin-top: 78px;
}
#Content #center h2#Valores{
	margin-left: 364px;
	margin-top: 82px;
}
#Content .barra{
	width: 6px;
	height: 154px;
	float: left;
	margin-right: 10px;
}
#Content #Empresa .info p{
	width: 284px;
	text-align: justify;
	line-height: 1.52em;
}
#Content #Empresa #Mision p{
	width: 251px;
}
#Content #Empresa .info{
	width: 80px;
	position: absolute;
}
#Content #Empresa div#Vision{
	margin-top: -380px;
	margin-left: 180px;
}
#Content #Empresa div#Mision{
	margin-top: -400px;
	margin-left: 780px;
}
#Content #Empresa #Mision .barra{
	height: 106px;
}
#Content #Empresa div#Valores{
	margin-top: -170px;
	margin-left: 910px;
}
#Content #Empresa #Valores .barra{
	height: 126px;
}
div#Contacto{
	clear: both;
	background-color: rgba(220,220,220,0.9);
	float: left;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#Content #Contacto .icon{
	color:rgba(180,180,180,1);
	margin-right: 12px;
}
#Content #Contacto .icono{
	margin-top: 20px;
	margin-left: 82px;
	float: left;
}
#Content #Contacto .icono-facebook:hover{
	cursor: pointer;
	color:rgba(130,130,190,1);
}
#Content #Contacto .icono-instagram:hover{
	cursor: pointer;
	color:rgba(190,130,130,1);
}
#Content #Contacto .icono-mail:hover{
	cursor: pointer;
	color:rgba(30,30,180,0.5);
}

div#Servicios{
	display: none;
}
div#Empresa{
	display: none;
}
div#Mail{
	display: none;
}

.a_face:hover{
	text-decoration: none;
}

.lll{
	width: 30%;
}

.row-centered {
    text-align:center;
}

.col-centered{
	display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}

.app-nav{
	background: rgba(212,212,212,1);
	height: 46px;
	border-radius: 1px;
	box-shadow: 0 0.1px 0.1px 0.1px;
	width: 100%;
}
.p{
	padding-right: 0;
	margin-right: 0;
}

.l{
	width: 80%;
	position: absolute;
	right: 0;
}

.app-nav>li{
	 padding-right: .1em;
	 padding-left: .1em;
	 width: 17%;
}

.app-nav>li.vacios{
	 width: 50px;
}


.app-nav>li>a{
	color: black;
	text-shadow: none;
	font-size: 18px;
	text-align: center;
}

.app-nav>li>a:hover{

	background: none;
	text-transform: underline;
	box-shadow: inset 0 3px 0 0 rgba(160,190,40,1);
	padding-bottom: .5em;
	color: black;
	cursor: pointer;
}

.app-nav>li>a:focus{
	background: none;
	text-transform: underline;
	border-bottom: 2px solid black;
	padding-bottom: .5em;
	border: none;
	outline: none;	
}

.app-nav>li.vacios a:hover{
	 box-shadow: none;
	 cursor: default;
}

.com_padd{
	padding-left: 1em;
}

.abajo{
	color: rgb(80,80,80);
	/*margin-left: 19%;*/
	float: right;
	margin-top: 9%;
}

.llll{
	color: white;
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 25px;
	font-weight: 300;
}

.app-nav>li.activo{

	background: none;
	text-transform: underline;
	box-shadow: inset 0 4px 0 0 rgba(160,190,40,1);
	padding-bottom: .5em;
	color: black;
}

.app-navbaar{
	background: white;
	border-radius: 0;
}

.app-icon{
	background: rgba(160,190,40,1);
}

.img-header{
	width: 110px;
	vertical-align: middle;
}


#menu_celulares{
	display: none;
	border-bottom: 2px solid #f7f7f7;
}

.app-link{
	font-family: Roundhand;
	font-style: italic;
	color: rgba(255,65,65,.7);	
	text-shadow: none;
	padding-top: 10px;
	font-size: 32px;
	vertical-align: bottom;
}

.lll, .abajo{
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: .1em;
}

.h3_servicios{
	margin-bottom: .5em;
	margin-top: 1em;
	font-size: 26px;
}

.app-navv>li{
	 padding-right: 1em;
}

.app-navv>li>a{
	color: gray;
	text-shadow: none;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	font-size: 16px;
	text-align: center;
}

.app-navv>li.activo{

	text-transform: underline;
	font-weight: bold;
}


.paren{
	width: 100%;
}

.inicio_info{
	text-align: justify;
}

.verde{
	color: rgba(160,190,40,1);
}

.frase{
	text-align: center;
	margin-top: 4em;
	margin-bottom: 3em;
}

.frase span{
	font-size: 20px;
}

.bold{
	font-weight: bold;
}

.fondo_imagen{
background: rgba(160,190,40,.5);
}

.derecha{
	position: absolute;
	right: 0;
}

#M{
	margin: 0 auto;
}

.cont{
	width: 300px;
	position: absolute;
	margin: 0 auto;
  	left: 60%;
  	right: 0;
	font-size: 8px;
	border-left: 3px solid orange;
	display: none;
}

.cont2{
	width: 300px;
	position: absolute;
	margin: 0 auto;
	top: 45px;
  	left: 0;
  	right: 60%;
	font-size: 8px;
	border-left: 3px solid #A8C417;
	display: none;
}

.cont3{
	width:55%;
	position: absolute;
	margin: 0 auto;
	top: 40px;
  	left: 45%;
  	right: 0;
	font-size: 8px;
	border-left: 3px solid #2868B1;
	display: none;
}

.poo{
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	text-align: justify;
	padding-left: .5em;
}

.poo_v{
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	padding-left: .5em;
}

.p_vision{
text-align: center;
color: #A8C417;
font-weight: bold;
font-size: 20px;
}

.p_mision
{
text-align: center;
color: orange;
font-weight: bold;
font-size: 20px;
}

.p_valores{
	color: #2868B1;
	font-weight: bold;
	font-size: 20px;
	padding-left: .5em;
}

.xs_mision{
	padding-top: 2em;
	padding-bottom: 2em;
}

.xs_vision{
	padding-top: 2em;
	padding-bottom: 2em;
}

.xs_valores{
	padding-top: 2em;
	padding-bottom: 2em;	
}

.h1_empresa{
	margin-bottom: 1em;
	text-align: center;
}

.h1_empresa + p{
	text-align: justify;
	margin-bottom: 1em;
}

.h1_mision{
	color: orange;
}

.h1_vision{
	color: #A8C417;
}

.h1_valores{
	color: #2868B1;

}

.margen_abajo{
	margin-bottom: 2em;
}

.pointer:hover{
cursor: pointer;
}

#Mail{
	margin-top: 2em;
	margin-bottom: 3em;
}

#email{
	background: rgba(212,212,212,1);
	padding: 3em;
	border-radius: 10px;
}

#correo_elec{
	width: 50%;
	margin: 0 auto;
	background: rgba(248,248,248,1);
}

#correo_elec::-webkit-input-placeholder {
   text-align: center;
}

#correo_elec:-moz-placeholder { 
   text-align: center;  
}

#correo_elec::-moz-placeholder { 
   text-align: center;  
}

#asunt{
	margin: 0 auto;
	width: 30%;
	background: rgba(248,248,248,1);
}

#txtarea{
	width: 80%;
	margin: 0 auto;
	resize: none;
	background: rgba(248,248,248,1);
	border-radius: 10px;
}

#txtarea::-webkit-input-placeholder {
   text-align: center;
}

#txtarea:-moz-placeholder { 
   text-align: center;  
}

#txtarea::-moz-placeholder { 
   text-align: center;  
}

#enviar{
	outline: none;
	-webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    width: 20%;
}

#enviar:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: rgba(240,240,240,1);
}


.h1_mail{
	color: rgba(160,190,40,1);
	margin-bottom: 1em;
	text-align: center;
	padding-bottom: 1em;
	box-shadow: inset 0 -3px 0 0 rgba(160,190,40,1);
}

.p_alerts{
    text-align: justify !important;
    font-weight: 600 !important;
    font-family: "Avenir Next" !important;
    color: #777 !important;
}


.x{
	background: url("../Images/Banner1.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
}

.x2{
	background: url("../Images/Banner2.png") no-repeat center;
	background-size: cover;
	background-position: bottom;
	width: 100%;
	height: 300px;
}

.x3{
	background: url("../Images/Banner3.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
}

.x4{
	background: url("../Images/Banner4.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
}

.servicios_li{
	font-size: 1.0em;
}

.servicios_li:hover{
	color: black;
	cursor: pointer;
}


.acomodo{
	margin-top: -4em;
	margin-left: -1em;
}

#Vi{
	margin-top: -4em;
	margin-right: -1em;
}

.collider_mision{
	position: absolute;
	width: 139px;
	height: 139px;
	background: none;
	margin: 0 auto;
	right: 0;
	left: 28px;
	top: 54px;
	border-radius: 100px;
	z-index: 100;
	cursor: pointer;
}


.collider_vision{
	position: absolute;
	width: 142px;
	height: 142px;
	background: none;
	margin: 0 auto;
	right: 20px;
	top: -21px;
	border-radius: 100px;
	z-index: 100;
	cursor: pointer;
}

.collider_valores{
	position: absolute;
	width: 142px;
	height: 142px;
	background: none;
	margin: 0 auto;
	left: 54px;
	top: 30px;
	border-radius: 100px;
	z-index: 100;
	cursor: pointer;
}

#Ventajas{
	background-image: url("../Images/ok.jpg");
	background-repeat: no-repeat;
	background-position: 108% 80px;
	background-size: 600px 450px;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: justify;
	display: none;
}

.borde{
	padding-bottom: 2em;
}

.titulo_ventajas{
	text-align: center;
	color: rgba(160,190,40,1);
	margin-top: 1em;
	margin-bottom: 1em;
}

.espacio_puntitos{
	margin: 4px !important;
	background-image: none !important;
	background: rgba(160,190,40,1) !important;
	border: none !important;
}

.carousel-indicators li.active{
	width: 12px;
	height: 12px;
}

.icono_de_infromacion{
	opacity: .7;
	color: #333;
	font-size: 16px;
}

.icono_de_infromacion:hover{
	opacity: .9;
	cursor: pointer;
}

.confirm{
	background: rgba(160,190,40,1) !important;
}

.espac{
	margin-right: .5em;
}

.cal{
	display: none;
}

@media (max-width: 991px){

	.cont{
	width: 240px;
	left: 65%;
	}

	.cont2{
	width: 250px;
  	right: 90%;
  	top: 0;
	}

	.cont3{
	left: 60%;
	width:40%;
	}

	#Ventajas{
	background-position: 115% 80px;
	background-size: 500px 375px;

	}

	.x3{
	background: url("../Images/Banner3_sm.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
	}

}

@media (max-width: 767px){
	.l{
		display: none;
	}
	#menu_celulares{
	display: block;
	}
	.alinear_ul_2{
	display: flex;
	justify-content:center
	}

	.alinear_ul_2 ul li{
		font-size: 1.6em !important;
	}

	.h3_servicios{
	text-align: center;
	}

	#Servicios{
	background-image: none;
	}

	#Ventajas{
	background-image: none;
	}

	.borde{
	border: none;
	}

	#Empresa{
	margin-bottom: 0;
	}

	#email{
	width: 75%;
	margin: 0 auto;
	}

	.x3{
	background: url("../Images/Banner3_xs.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
	}

	.x4{
	background: url("../Images/Banner4_xs.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
	}




}


@media (max-width: 620px){

	#correo_elec{
	width: 100%;
	}

	#asunt{
	width: 100%;
	}

	#txtarea{
	width: 100%;
	}

	#enviar{
    width: 40%;
	}

	.p_alerts{
		font-size: 14px !important;
	}

	.x{
	background: url("../Images/Banner1_xs.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
	}

	.x2{
	background: url("../Images/Banner2_xs.png") no-repeat center;
	background-size: cover;
	width: 100%;
	height: 300px;
	}

}



@media (max-width: 400px){

	#Inicio .alinear_ul li:nth-child(2n){
	margin-left: 0;
	}

	#Inicio .alinear_ul li:nth-child(2n + 1){
	float: none;
	margin-right: 0;
	}

	.alinear_ul_2 ul li{
		font-size: 1.1em !important;
	}

	#email{
		width: 100%;
	}

	.p_alerts{
		font-size: 12px !important;
	}

}