@font-face{
	font-family:"Agency";
	src: url("../fonts/AGENCYB.eot");
}

/* CSS Document PROCEMAT */

body{
	margin:0px;
	padding: 0 0 320px 0;
	background: url(../images/sitio/subtle_dots_black2x.png);
	overflow-x: hidden;
}

html{
	font-family:/*Arial, Helvetica, */serif;
	width: 100%;
	box-sizing: border-box;
}

p{
	margin:0;
}

#header{
	background:#161920;
	color:#EDEEF0;
	text-shadow: 0 0 2px #00FF00;
	padding:5px;
	border-bottom: 3px solid #287a71;
}

#tab_user{
	display:flex;
	align-items:center;
	font-size:.8em;
}

#a_logo{
	width: 25%;
}

#a_logo img{
	width: 90%;
}

#div_certificado{
	width: 25%;
}

#div_certificado img{
	width: 80%;
}

#header h1{
	width:50%;
	margin: 0;
	text-align:center;
	padding:0 15px;
	font-family: serif;
	font-size: 2em;
}

#main_container_index{
	background: url(../images/sitio/subtle_dots_2x.jpg) repeat;
	/*border-top:3px solid #49de83;*/
	border-top: 3px solid #49de83;
	/*background:url(../images/grey_noise.png);*/
	display:flex;
	z-index: 2;
	position: relative;
}

#main_end{
	background:url(../images/sitio/aux_fondo.png) no-repeat;
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 2;
}

#main_container_menu{
	border-top:1px solid #49de83;
	background: url(../images/sitio/subtle_dots_2x.png);
	/*background:url(../images/grey_noise.png);*/
	right:400px;
}

#main_container_titulo{
	/*border-top:1px solid #49de83;*/
	right:400px;
	text-shadow:#2E7153 0px 0px 2px;
	color:#339A6C;
	font-size: 1.4em;
	text-align:center;
	border-bottom:1px solid #49de83;
}

#main_container_presentacion{
	border-top:1px solid #49de83;
	text-shadow:#2E7153 0px 0px 2px;
	color:#339A6C;
	width:44%;
	left: 10px;
	font-size: 1.2em;
	align-items:center;
	text-align:center;
	border-bottom:1px solid #49de83;
}

#main_container_presentacion_i{
	border-top:1px solid #49de83;
	text-shadow:#2E7153 0px 0px 2px;
	color:#339A6C;
	width:44%;
	right: 340px;
	top: 872px;
	font-size: 1.2em;
	align-items:center;
	text-align:center;
	position: absolute;
	border-bottom:1px solid #49de83;
}

#main_container{
	position: relative;	
	background: url(../images/sitio/subtle_dots_2x.png);
	z-index: 2;
}

#main_container_certificado{
	width:50px;
	left: 400px;
	top:1288px;
	align-items:center;
	text-align:center;
	position: absolute;
}

#main_container > header{
	position: relative;
	height:34px;
	margin: 25px 0;
}

#main_container > header h1{
	font-family: 'Squada One', cursive;
	text-align:center;
	color:#14E787;
	text-shadow: -1px 2px 1px #14E787;
	font-size: 2.5em;
	letter-spacing: 7px;
	position: absolute;
	transform-origin: bottom center;
	opacity: 0;
}

#info{
	width:100%;
	/*background:#00C;*/
}

#carrusel{
	/*height:520px;*/
	background:#0F0;
}

.presentacion{
	background:#CCC;
	height:40px;
	line-height:40px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #FFF;
	padding:0 10px;
	font-family:Verdana, Geneva, sans-serif;
}

#main-container .presentacion:first-child{
	margin-top: 15px;
}

.presentacion p{
	width:100%;
}

#contacto{
	padding:10px;
}

#calidad{
	min-width: 285px;
	width: 285px;
}

#calidad img{
	opacity: 0;
	width: 100%;
}

/*#calidad{
	width:350px;
	padding: 0 10px 0 19px;
	background:url(../images/border_left.png) repeat-y;
}

#calidad h2{
	color:#287a71;
	margin-bottom:0px;
}

#calidad hr{
    height: 3px;
    border: 0;
    color: #77b800;
    background-color: #77b800;
	margin-top:0px;
}

#calidad p{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;
}*/

.valores li{
	margin-left: -24px;
}

.tituloSeccion{
	color: #FFF;
	text-shadow: 0 0 4px #000;
	text-align: center;
	border-top: 1px solid #01ab9e;
	border-bottom: 1px solid #01ab9e;
	padding: 5px;
	background: url(../images/sitio/fondo_h.png);
	background-size: 100%;
}

.textoNormal{
	font-family: 'Vollkorn', serif;
	font-size: 1.4em;
}

.sector{
	width: 90%;
	padding: 10px;
	font-size: 1.3em;
	/*text-align: center;*/
}

.sectores{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	text-align: center;
}

.sectores img{
	width: 50%;
}

.sectores > div{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sectores > div .arriba{
	order : 1;
	margin-bottom: 10px;
}

.sectores > div .abajo{
	order: 2;
}

.sectores .auxiliar{
	color: rgba(0, 0, 0, 0);
}

.textoPrincipal{
	margin: 0 50px;
}

#alianzaEstrategica > div{
	display: flex;
	align-items: center;
	padding: 20px 0 30px;
	text-align: justify;
}

#alianzaEstrategica img{
	width: 400px;	
}

#alianzaEstrategica p{
	margin-left: 30px;
}

#img_bannerRevista{
	margin: 25px 0 15px;
	width: 100%;
	border-top: 5px solid #49de83;
	border-bottom: 5px solid #49de83;
}

.lista p{
	position: relative;
	padding-left: 30px;
	margin-left: 20px;
}

.lista span{
	position: absolute;
	left: 0px;
	top: 3px;
	font-size: 1em;
	color: #00aca1;
}

.lista p:first-child{
	margin-top: 10px;
}

.lista p:last-child{
	margin-bottom: 10px;
}

.link{
	color: #00aca1;
}

.listaVinetas > p{
	text-align: justify;
}

.listaVinetas .primero{
	background: url(../images/sitio/primero.png) no-repeat;
	padding-left: 100px;
	margin-top: 20px;
}

.listaVinetas .segundo{
	background: url(../images/sitio/segundo.png) no-repeat;
	padding-left: 145px;
	margin-top: 20px;
}

.listaVinetas .tercero{
	background: url(../images/sitio/tercero.png) no-repeat;
	padding-left: 200px;
	margin-top: 20px;
}

#div_equipos{
	margin-left: 200px;
}

#p_siDeseas{
	padding-left: 200px;
}

#div_promotora{
	margin-top: 65px;
	color: #368b72;
	display: none;
}

#div_promotora h1{
	font-size: 1.3em;
	padding: 5px;
}

#h1_promotora{
	margin-bottom: 0;
}

#h1_certificado{
	margin-top: 0;
	margin-bottom: 5px;
	color: rgba(255, 192, 0, 0.7);
}

/**************************************
            MENÚ NAVEGACIÓN
**************************************/

#a_logoMenuBar{
	width: 225px;
}

#a_logoMenuBar img{
	width: 100%;
}

#navTop{
	width:1200px;
	display: flex;
	justify-content: center;
	margin:5px auto 0 auto;
	opacity: 0;
}

#navTop #menu{
	padding-left: 0px;
	background:url(../images/header/blue_green.png) repeat-x;
	width:550px;
	height: 45px;
	display:inline-block;
}

#ul_izquierda, #ul_derecha{
	max-width: 180px;
	height: 45px;
	cursor: none;
	padding-left: 0;
	display: inline-block;
}

#navTop img{
	width:200px;
	vertical-align:middle;
}

#navTop ul li{
	font-family:serif;
	font-weight:bold;
	text-align:center;
	list-style:none;
	display:inline-block;
	padding:10px 5px;
	width:180px;
	height: 45px;
	font-size:0.9em;
	box-sizing:border-box;
	background:url(../images/header/border_left.png) no-repeat;
	background-position:0 10px;
	position: relative;
	line-height: 25px;
	transition:color 1s, text-shadow 1s;
	-webkit-transition:color 1s, text-shadow 1s;
	-moz-transition: color 1s, text-shadow 1s;
	-o-transition:color 1s, text-shadow 1s;
}

#navTop ul li a{
	color: #FFF;
	text-decoration: none;
	position: absolute;
	top: 11px;
	/*left: 10px;*/
}

#navTop ul li a:hover{
	animation: reboteMenu 2s ease 0s infinite;
}

#navTop ul li:first-child{
	background:none;
}

#navTop ul li.current a{
	text-decoration:underline;
	color:#66EE91;
	text-shadow:#FFF 0px 0px 1px;
}

#navTop ul li:hover{
	color:#FFFAF0;
	text-decoration:underline;
	cursor:pointer;
	text-shadow:#000 0px 0px 1px;
	transition:color 1s, text-shadow 1s;
	-webkit-transition:color 1s, text-shadow 1s;
	-moz-transition:color 1s, text-shadow 1s;
	-o-transition:color 1s, text-shadow 1s;
}

#navTop ul li span{
	margin-right:5px;
}

#menu_bar{
	display:none;
	background:url(../images/sitio/subtle_dots_black2x.png) repeat;
	padding: 2px 5px;
	align-items: center;
	justify-content: space-between;
	height:58px;
	/*line-height:60px;*/
	width:100%;
	position:fixed;
	top:0px;
	z-index:999;
	border-bottom:1px solid #FFF;
	box-shadow:0px 0px 5px #000;
	box-sizing: border-box;
}

#menu_bar span/*.icon-menu3*/{
	background: url(../images/green_back_40x40.png);
	display: block;
	width: 40px;
	height: 40px;
}

/*#bt_menu{
	
}*/

#img_logoDispositivo{
	margin-left:10px;
}

#nav_open{
	width:40px;
	height:40px;
	position:absolute;
	top:10px;
	right:10px;
	background:url(../images/header/navigation_toogle.png);
}
/******** FIN MENÚ NAVEGACIÓN ********/


/* =============================================================================================================
 * INFORMACIÓN
 * ============================================================================================================*/
#informacion{
	display: flex;
	margin-bottom: 30px;
}
#informacion > div{
	width: 50%;
	position: relative;
	box-sizing: border-box;
}

/*#informacion > div:first-child{
	background: #2A0988;
}

#informacion > div:last-child{
	background: #96181A;
}*/

#informacion .left{
	left: 10px;
}

#informacion .right{
	margin-top: 85px;
	left: -10px;
}

#informacion > div > div{
	width: 100%;
	height: 150px;
	margin: 10px 0;
} 

#informacion .left > div{
	float: right;
	/*background: url(../images/sitio/sin_nombre.png) no-repeat;*/
	/*background: #96181A;*/
}

#informacion .right > div{
	float: left;
	/*background: url(../images/sitio/sin_nombre_2.png) no-repeat;*/
}

#informacion img.movil{
	width: 150px;
	display: none;
	margin: 0 auto;
	border-radius: 5px;
}

.info-item{
	display: flex;
}

.info-item .borde{
	min-width: 20px;
	height: 100%;
}

.info-item img{
	width: 120px;
	border-radius: 60px;
	box-shadow: 0px 0px 20px 0px #FFF;
}

.info-item .body{
	background: #017227;
	width: 100%;
	height: 100%;
}

.info-item .punta{
	min-width: 105px;
	height: 100%;
}

.left .borde{
	background: url(../images/principal/borde_izquierdo.png);
}

.right .borde{
	background: url(../images/principal/borde_derecho.png);
}

.left .body{
	background: url(../images/principal/center.png);
}

.right .body{
	background: url(../images/principal/center.png);
}

.left .punta{
	background: url(../images/principal/punta_izquierda.png);
}

.right .punta{
	background: url(../images/principal/punta_derecha.png);
}

/*.left .info-item .body{
	padding: 10px 0;
}*/

/*.right .info-item .body{
	padding: 10px 10px 10px 0;
}*/

.info-item .body{
	display: flex;
	padding: 10px 0;
	align-items: center;
	position: relative;
	box-sizing: border-box;
}

.info-item .body > div{
	width: 100%;
	height: 100%;
	padding-top: 15px;
	display: flex;
	position: relative;
	flex-direction: column;	
}

.info-item .body h3{
	color: #FF9400;
	text-shadow: 0px -1px 3px #333;
	text-align: center;
}

.info-item .body p{
	color: white;
	text-align: justify;
	height: 100%;
}

.left .body p{
	margin:10px 0 25px 10px;
}

.right .body p{
	margin:10px 10px 25px 0;
}

.info-item .leer-mas{
	/*width: 100px;*/
	border: none;
	position: absolute;
	/*right: 0;*/
	bottom: 10px;
	text-align: center;
	text-decoration: none;
	color: aliceblue;
	font-weight: bold;
	text-shadow: 0 0 2px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*height: 25px;*/
	/*padding: 5px 0;*/
	/*background: url(../images/sitio/boton_azul.png);*/
}

.info-item .leer-mas:hover{
	text-shadow: 0 0 2px #228B22; /*Color forestgreen*/
}

.left .leer-mas{
	right: 0;
}

.right .leer-mas{
	right: 10px;
}

/************ Fin de información ***********/


/* =========================================================================================================
 *  LOGOS DE ENTIDADES VINCULADAS
 * ========================================================================================================*/

#logos{
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

#logos a{
	margin: 10px;
	display: inline-block;
	width: 50px;
	text-align: center;
}

/************ Fin de logos ***********/

/* =========================================================================================================
 *  FOOTER
 * ========================================================================================================*/

.parallax-window-small {
	height: 200px;
    background: transparent;
	border-top:10px solid rgba(75, 213,167,0.7);
	border-bottom:10px solid rgba(75, 213,167,0.7);
}

.parallax-window-large{
    height:450px;
    background: transparent;
	border-top:10px solid rgba(75, 213,167,0.7);
	border-bottom:10px solid rgba(75, 213,167,0.7);
}

#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*background:url(../images/sitio/subtle_dots_black2x.png);*/
	/*border-top:4px solid #287a71/*#1C5EA0*/
	padding-top:20px;
	position: fixed;
	bottom: 0; 
	width: 100%;
	z-index: -1;
}

#footer > section{
	width:1200px;
	margin:0px auto;
	display:-webkit-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#footer > section:first-child > div{
	width:400px;
	padding: 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#footer h4{
	font-size:1em;
	color:#FFF;
	margin-bottom:10px;
	text-align:center;
}

#somos h4{
	border-bottom:1px dotted #287a71;
	padding-bottom:10px;
}

#somos p{
	line-height:22px;
	font-size: 0.9em;
}

#galeriaFooter a{
	border:2px solid #FFF/*#15ADFF*/;
	margin:5px;
	display:inline-block;
	border-radius:3px;
	border-bottom:10px solid #FFF/*#15ADFF*/;
}

#galeriaFooter a:hover{
	border:2px solid #287a71;
	border-bottom:10px solid #287a71;
}

#galeriaFooter img{
	width:50px;
	height:50px;
}

#galeriaFooter > div{
	width:270px;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	flex-direction: column;
}

#galeriaFooter > div div{
	display:flex;
}

#footer #contacto p{
	border-bottom:1px dotted #287a71;
	margin-bottom:10px;
	line-height:24px;
	font-size: 0.9em;
}

#galeriaFooter{
	border-left:1px dotted rgba(255,255,255,.3);
	border-right:1px dotted rgba(255,255,255,.3);
}

#copyright{
	padding:10px;
}

#copyright span{
	color:#FFF;
	line-height:24px;
	height:24px;
}

#redesSociales{
	float:right;
	display:-webkit-flex;
	display:flex;
}

#redesSociales img{
	margin-left:10px;
}

.grey{
	color:#999;
}

.white{
	color:#FFF;
}

/************* FIN DE FOOTER ***************/


/* ===================================================================================================================
 * CONTACTO
 * ===================================================================================================================*/

#infoContacto{
	display: flex;
	width: 90%;
	/*background: red;*/
	margin: 10px auto 0 auto;
	align-items: center;
}

#infoContacto{
	min-width: 280px;
	text-align: center;
	padding: 20px 0;
}

.contactos{
	/*background: #FFF;
	box-sizing: border-box;
	box-shadow: 0 0 30px 0 #287a71 inset;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contactos > div{
	margin: 20px 20px;
}

.ubicacion{
	margin: 30px 0 15px;
}

/*.nota .titulo{
	/*font-family: 'Baloo', cursive;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 18px;* /
	margin-top: 15px;
	/*color: #287a71;* /
}*/

/*.nota .titulo:first-child{
	margin-top: 0px !important;
}*/

.titulo{
	font-family: 'Baloo', cursive;
	font-weight: bold;
	margin-bottom: 10px;
	/*font-size: 1.2em;*/
	line-height: 18px;
	color: #287a71;
}

.datos{
	font-family: 'BenchNine', sans-serif;
	font-size: 1.2em;
}

#formContacto{
	font-family: 'Vollkorn', serif;
	font-size: 1.3em;
	/*background: green;*/
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 10px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#formContacto > p{
	text-align: justify;
}

#form{
	/*background: gray;*/
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

#formContacto span.icon-star-full{
	font-size: 14px;
	margin-right: 5px;
	color: #287a71;
}

#form input{
	height: 25px;
	padding: 0 10px;
}

#form textarea{
	height: 100%;
	padding: 5px 10px;
}

#bt_enviarMensaje{
	width: 150px;
	height: 28px;
	margin-top: 15px;
	color: #FFF;
	font-size: 0.9em;
	background: #45D997;
	border: 2px solid #287a71;
	border-radius:3px;
}

#bt_enviarMensaje span{
	margin-right: 10px;
}

#form input, #form textarea{
	background: #45D997;
	border: 1px dotted #287a71;
	border-radius: 3px;
	color: #FFF;
}

#form label{
	margin-top: 5px;
}

#form > div{
	display: flex;
	flex-flow: column;
	width: 50%;
}

#form > div:first-child{
	padding-right: 10px;
}

#form > div:last-child{
	padding-left: 10px;
}

#imagenContacto{
	display: flex;
	align-items: center;
}

#imagenContacto img{
	max-width: 300px;
	max-height: 300px;
}

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

.flex-column{
	display: flex;
	flex-flow: column;
}

#ubicacionContacto{
	width: 90%;
	margin: 20px auto;
}

#map{
	width: 100%;
	height: 400px;
	margin-right: 20px;
}

#fb-page{
	width: 320px;
}

/************ FIN DE CONTACTO **************/


/* ===================================================================================================================
 * EQUIPAMIENTO
 * ===================================================================================================================*/

#equipamiento > div{
	width: 100%;
}

#equipamiento > div.right{
	background: rgba(89,194,146,0.35);
}

#equipamiento > div.left{
	background: rgba(89,194,146,0.2);
}

#equipamiento .imagenEquipo{
	min-width: 50%;
	max-width: 50%;
	display: flex;
	align-items: center;
}

#equipamiento .imagenEquipo img{
	width: 100%;
	opacity: 0;
}

#equipamiento > div.left .imagenEquipo{
	order:1;
}

#equipamiento > div.left article div{
	order:2;
}

#equipamiento > div article{
	display: flex;
	width: 80%;
	padding: 20px 50px;
	margin: 0 auto;
}

#equipamiento > div.right article div{
	padding-right: 25px;
}

#equipamiento > div.left article div{
	padding-left: 25px;
}

#equipamiento h2{
	font-family: 'Vollkorn', cursive;
	font-size: 2em;
	color: #288A5D;
	text-align: center;
	margin: 10px 0;
	opacity: 0;
}

#equipamiento article p{
	font-family: 'BenchNine', sans-serif;
	letter-spacing: 1px;
	font-size: 1.5em;
	text-align: justify;
}

#equipamiento article p span{
	font-size: 0.7em;
	margin: 0 10px 0 15px;
	color: #287a71;
}

table{
	width: 100%;
}

table thead th{
	background: /*#709E89*/#287a71;
	color: #FFF;
	padding: 5px 0;
}

table tbody td{
	padding: 5px 0;
	text-align: center;
}

table tbody tr:nth-child(even){
	background: /*#709E89*/ rgba(57, 175, 162, 0.3);
}

#tbe_espPlasma th{
	width: 25%;
}


/********************** FIN DE EQUIPAMIENTO ************************/

.pause{
	animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-webkit-animation-play-state: paused !important;
}

.running{
	animation-play-state: running !important;
	-o-animation-play-state: running !important;
	-moz-animation-play-state: running !important;
	-webkit-animation-play-state: running !important;
}

.rebote{
	animation: rebote 4s ease 0s infinite both/*, changeImage 3s linear 5s infinite alternate*/;
	-o-animation:  rebote 4s ease 0s infinite both/*, changeImage 3s linear 5s infinite alternate*/;
	-moz-animation: rebote 4s ease 0s infinite both/*, changeImage 3s linear 5s infinite alternate*/;
	-webkit-animation:  rebote 4s ease 0s infinite both/*, changeImage 3s linear 5s infinite alternate*/;
}

.rotar{
	-o-animation: rotation 1s linear infinite;
	-moz-animation: rotation 1s linear infinite;
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
	-o-transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.headShake{
	animation: headShake 5s ease-in-out 4s infinite;
	-o-animation: headShake 5s ease-in-out 4s infinite;
	-moz-animation: headShake 5s ease-in-out 4s infinite;
	-webkit-animation: headShake 5s ease-in-out 4s infinite;
}

.headerAnim{
	animation: headerAnim 2s ease 1s;
	animation-fill-mode: forwards;
	-o-animation: headerAnim 2s ease 1s;
	-moz-animation: headerAnim 2s ease 1s;
	-webkit-animation: headerAnim 2s ease 1s;
}

.moverIzqDer{
	animation: moverIzqDer 5s cubic-bezier(0.38, 0.48, 0.3, 1.07) 1.25s infinite, moverDer 1.25s 0s 1;
	-o-animation: moverIzqDer 5s cubic-bezier(0.38, 0.48, 0.3, 1.07) 1.25s infinite, moverDer 1.25s 0s 1;
	-moz-animation: moverIzqDer 5s cubic-bezier(0.38, 0.48, 0.3, 1.07) 1.25s infinite, moverDer 1.25s 0s 1;
	-webkit-animation: moverIzqDer 5s cubic-bezier(0.38, 0.48, 0.3, 1.07) 1.25s infinite, moverDer 1.25s 0s 1;
 }

.verDesdeArriba{
	animation: verDesdeArriba 1s ease-in-out 0s;
	-o-animation: verDesdeArriba 1s ease-in-out 0s;
	-moz-animation: verDesdeArriba 1s ease-in-out 0s;
	-webkit-animation: verDesdeArriba 1s ease-in-out 0s;
}

.slideInLeft{
	animation: slideInLeft 1s ease-in-out 0s;
	-o-animation: slideInLeft 1s ease-in-out 0s;
	-moz-animation: slideInLeft 1s ease-in-out 0s;
	-webkit-animation: slideInLeft 1s ease-in-out 0s;
}

.slideInRight{
	animation: slideInRight 1s cubic-bezier(0, 0, 0, 1) 0s;
	-o-animation: slideInRight 1s cubic-bezier(0, 0, 0, 1) 0s;
	-moz-animation: slideInRight 1s cubic-bezier(0, 0, 0, 1) 0s;
	-webkit-animation: slideInRight 1s cubic-bezier(0, 0, 0, 1) 0s;
}

.zoomIn{
	animation: zoomIn 1s ease-in-out 3s;
	-o-animation: zoomIn 1s ease-in-out 3s;
	-moz-animation: zoomIn 1s ease-in-out 3s;
	-webkit-animation: zoomIn 1s ease-in-out 3s;
}

/*#conveniosImg:hover {
	animation: changeImage 3s linear infinite;
}*/


/* ===================================================================================================================
 * ANIMACIONES
 * ===================================================================================================================*/

@keyframes verDesdeArriba{
	0%{
		opacity: 0;
		transform: translate(0, -100px);
	}
	100%{
		opacity: 1;
		transform: translate3d(0, 0);
	}
}

@-o-keyframes verDesdeArriba{
	0%{
		opacity: 0;
		transform: translate(0, -100px);
	}
	100%{
		opacity: 1;
		transform: translate3d(0, 0);
	}
}

@-moz-keyframes verDesdeArriba{
	0%{
		opacity: 0;
		transform: translate(0, -100px);
	}
	100%{
		opacity: 1;
		transform: translate3d(0, 0);
	}
}

@-webkit-keyframes verDesdeArriba{
	0%{
		opacity: 0;
		transform: translate(0, -100px);
	}
	100%{
		opacity: 1;
		transform: translate3d(0, 0);
	}
}

/**************************/

@keyframes slideInLeft{
	0%{
		position: relative;
		left: -100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-o-keyframes slideInLeft{
	0%{
		position: relative;
		left: -100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-moz-keyframes slideInLeft{
	0%{
		position: relative;
		left: -100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-webkit-keyframes slideInLeft{
	0%{
		position: relative;
		left: -100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

/**************************/

@keyframes slideInRight{
	0%{
		position: relative;
		left: 100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-o-keyframes slideInRight{
	0%{
		position: relative;
		left: 100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-moz-keyframes slideInRight{
	0%{
		position: relative;
		left: 100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

@-webkit-keyframes slideInRight{
	0%{
		position: relative;
		left: 100px;
		opacity: 0;
	}
	100%{
		position: relative;
		left: 0px;
		opacity: 1;
	}
}

/**************************/

@keyframes zoomIn{
	0%{
		transform: scale(0.8,0.8);
		opacity: 0;
	}
	50%{
		transform: scale(1.2, 1.2);
	}
	100%{
		transform: scale(1, 1);
		opacity: 1;
	}
}

@-o-keyframes zoomIn{
	0%{
		transform: scale(0.8,0.8);
		opacity: 0;
	}
	50%{
		transform: scale(1.2, 1.2);
	}
	100%{
		transform: scale(1, 1);
		opacity: 1;
	}
}

@-moz-keyframes zoomIn{
	0%{
		transform: scale(0.8,0.8);
		opacity: 0;
	}
	50%{
		transform: scale(1.2, 1.2);
	}
	100%{
		transform: scale(1, 1);
		opacity: 1;
	}
}

@-webkit-keyframes zoomIn{
	0%{
		transform: scale(0.8,0.8);
		opacity: 0;
	}
	50%{
		transform: scale(1.2, 1.2);
	}
	100%{
		transform: scale(1, 1);
		opacity: 1;
	}
}

/**************************/

@keyframes cuttinghead{
	0%{background-image: url(../images/servicios/cutting_head_2.png); }
	33%{background-image: url(../images/servicios/cutting_head_4.png); }
	66%, 100%{background-image: url(../images/servicios/cutting_head_3.png);}
}

@-moz-keyframes cuttinghead{
	0%{background-image: url(../images/servicios/cutting_head_2.png); }
	33%{background-image: url(../images/servicios/cutting_head_4.png); }
	66%, 100%{background-image: url(../images/servicios/cutting_head_3.png);}
}

@-o-keyframes cuttinghead{
	0%{background-image: url(../images/servicios/cutting_head_2.png); }
	33%{background-image: url(../images/servicios/cutting_head_4.png); }
	66%, 100%{background-image: url(../images/servicios/cutting_head_3.png);}
}

@-webkit-keyframes cuttinghead{
	0%{background-image: url(../images/servicios/cutting_head_2.png); }
	33%{background-image: url(../images/servicios/cutting_head_4.png); }
	66%, 100%{background-image: url(../images/servicios/cutting_head_3.png);}
}

/**************************/

@keyframes rotation{
	0%{
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes rotation{
	0%{
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotation{
	0%{
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotation{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/**************************/

@keyframes rebote{
	0%, 20%, 65%, 87%, 100%{
		transform: translate3d(0px, 0px, 0px);
		visibility: visible;
	}
	45%, 50%{
		transform: translate3d(0px, -150px, 0px) scale3d(0.95, 1.3, 1);
		animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		transform: translate3d(0px, -75px, 0px);
		animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		transform: translate3d(0px, -15px, 0px);
	}
}

@-o-keyframes rebote{
	0%, 20%, 65%, 87%, 100%{
		-o-transform: translate3d(0px, 0px, 0px);
		visibility: visible;
	}
	45%, 50%{
		-o-transform: translate3d(0px, -150px, 0px) scale3d(0.95, 1.3, 1);
		-o-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-o-transform: translate3d(0px, -75px, 0px);
		-o-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-o-transform: translate3d(0px, -15px, 0px);
	}
}

@-moz-keyframes rebote{
	0%, 20%, 65%, 87%, 100%{
		-moz-transform: translate3d(0px, 0px, 0px);
		visibility: visible;
	}
	45%, 50%{
		-moz-transform: translate3d(0px, -150px, 0px) scale3d(0.95, 1.3, 1);
		-moz-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-moz-transform: translate3d(0px, -75px, 0px);
		-moz-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-moz-transform: translate3d(0px, -15px, 0px);
	}
}

@-webkit-keyframes rebote{
	0%, 20%, 65%, 87%, 100%{
		-webkit-transform: translate3d(0px, 0px, 0px);
		visibility: visible;
	}
	45%, 50%{
		-webkit-transform: translate3d(0px, -150px, 0px) scale3d(0.95, 1.3, 1);
		-webkit-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-webkit-transform: translate3d(0px, -75px, 0px);
		-webkit-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-webkit-transform: translate3d(0px, -15px, 0px);
	}
}

/****************************/

@keyframes reboteMenu{
	0%, 20%, 65%, 87%, 100%{
		transform: translate3d(0px, 0px, 0px);
		animation-timing-function: cubic-bezier(0.25, .6, .4, 1);
	}
	45%, 50%{
		transform: translate3d(0px, -10px, 0px) scale3d(0.95, 1.3, 1);
		animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		transform: translate3d(0px, -5px, 0px);
		animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		transform: translate3d(0px, -1px, 0px);
	}
}

@-o-keyframes reboteMenu{
	0%, 20%, 65%, 87%, 100%{
		-o-transform: translate3d(0px, 0px, 0px);
		-o-animation-timing-function: cubic-bezier(0.25, .6, .4, 1);
	}
	45%, 50%{
		-o-transform: translate3d(0px, -10px, 0px) scale3d(0.95, 1.3, 1);
		-o-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-o-transform: translate3d(0px, -5px, 0px);
		-o-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-o-transform: translate3d(0px, -1px, 0px);
	}
}

@-moz-keyframes reboteMenu{
	0%, 20%, 65%, 87%, 100%{
		-moz-transform: translate3d(0px, 0px, 0px);
		-moz-animation-timing-function: cubic-bezier(0.25, .6, .4, 1);
	}
	45%, 50%{
		-moz-transform: translate3d(0px, -10px, 0px) scale3d(0.95, 1.3, 1);
		-moz-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-moz-transform: translate3d(0px, -5px, 0px);
		-moz-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-moz-transform: translate3d(0px, -1px, 0px);
	}
}

@-webkit-keyframes reboteMenu{
	0%, 20%, 65%, 87%, 100%{
		-webkit-transform: translate3d(0px, 0px, 0px);
		-webkit-animation-timing-function: cubic-bezier(0.25, .6, .4, 1);
	}
	45%, 50%{
		-webkit-transform: translate3d(0px, -10px, 0px) scale3d(0.95, 1.3, 1);
		-webkit-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	75%{
		-webkit-transform: translate3d(0px, -5px, 0px);
		-webkit-animation-timing-function: cubic-bezier(.8, .1, 0.8, .1);
	}
	97%{
		-webkit-transform: translate3d(0px, -1px, 0px);
	}
}

/****************************/


@keyframes headShake{
	0%{
		transform:translateX(0)
	}
	2.6%{
		transform:translateX(-6px) rotateY(-9deg)
	}
	7.4%{
		transform:translateX(5px) rotateY(7deg)
	}
	12.6%{
		transform:translateX(-3px) rotateY(-5deg)
	}
	17.4%{
		transform:translateX(2px) rotateY(3deg)
	}
	20%, 100%{
		transform:translateX(0);
	}
}

@-o-keyframes headShake{
	0%{
		-o-transform:translateX(0)
	}
	2.6%{
		-o-transform:translateX(-6px) rotateY(-9deg)
	}
	7.4%{
		-o-transform:translateX(5px) rotateY(7deg)
	}
	12.6%{
		-o-transform:translateX(-3px) rotateY(-5deg)
	}
	17.4%{
		-o-transform:translateX(2px) rotateY(3deg)
	}
	20%, 100%{
		-o-transform:translateX(0);
	}
}


@-moz-keyframes headShake{
	0%{
		-moz-transform:translateX(0)
	}
	2.6%{
		-moz-transform:translateX(-6px) rotateY(-9deg)
	}
	7.4%{
		-moz-transform:translateX(5px) rotateY(7deg)
	}
	12.6%{
		-moz-transform:translateX(-3px) rotateY(-5deg)
	}
	17.4%{
		-moz-transform:translateX(2px) rotateY(3deg)
	}
	20%, 100%{
		-moz-transform:translateX(0);
	}
}

@-webkit-keyframes headShake{
	0%{
		-webkit-transform:translateX(0);
	}
	2.6%{
		-webkit-transform:translateX(-6px) rotateY(-9deg)
	}
	7.4%{
		-webkit-transform:translateX(5px) rotateY(7deg)
	}
	12.6%{
		-webkit-transform:translateX(-3px) rotateY(-5deg)
	}
	17.4%{
		-webkit-transform:translateX(2px) rotateY(3deg)
	}
	20%, 100%{
		-webkit-transform:translateX(0);
	}
}

/****************************/

@keyframes changeImage{
	0%{
		opacity: 0.8;
	}
	100%{
		opacity: 0.3;
	}
}

@-o-keyframes changeImage{
	0%{
		opacity: 0.8;
	}
	100%{
		opacity: 0.3;
	}
}

@-webkit-keyframes changeImage{
	0%{
		opacity: 0.8;
	}
	100%{
		opacity: 0.3;
	}
}

@-moz-keyframes changeImage{
	0%{
		opacity: 0.8;
	}
	100%{
		opacity: 0.3;
	}
}

/****************************/
@keyframes headerAnim{
	0%{
		transform: translate3d(0px, -180px, 0px);
		animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	50%{
		transform-origin: bottom center;
		transform: translate3d(0px, 0px, 0px) scale3d(1.05, 0.8, 1);
		animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	90%{
		transform: scale3d(1, 1, 1);
		transform-origin: bottom center;
	}
	100%{
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
}

@-o-keyframes headerAnim{
	0%{
		-o-transform: translate3d(0px, -180px, 0px);
		-o-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	50%{
		-o-transform-origin: bottom center;
		-o-transform: translate3d(0px, 0px, 0px) scale3d(1.05, 0.8, 1);
		-o-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	90%{
		-o-transform: scale3d(1, 1, 1);
		-o-transform-origin: bottom center;
	}
	100%{
		opacity: 1;
		-o-transform: translate3d(0px, 0px, 0px);
	}
}

@-moz-keyframes headerAnim{
	0%{
		-moz-transform: translate3d(0px, -180px, 0px);
		-moz-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	50%{
		-moz-transform-origin: bottom center;
		-moz-transform: translate3d(0px, 0px, 0px) scale3d(1.05, 0.8, 1);
		-moz-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	90%{
		-moz-transform: scale3d(1, 1, 1);
		-moz-transform-origin: bottom center;
	}
	100%{
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
	}
}

@-webkit-keyframes headerAnim{
	0%{
		-webkit-transform: translate3d(0px, -180px, 0px);
		-webkit-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	50%{
		-webkit-transform-origin: bottom center;
		-webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.05, 0.8, 1);
		-webkit-animation-timing-function: cubic-bezier(0, 1.15, 1, 0.96);
	}
	90%{
		-webkit-transform: scale3d(1, 1, 1);
		-webkit-transform-origin: bottom center;
	}
	100%{
		opacity: 1;
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}

/***************************************/

@keyframes moverDer{
	0%{
		transform: translateX(0px) perspective(0px) rotateY(0deg);
	}
	100%{
		transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-o-keyframes moverDer{
	0%{
		-o-transform: translateX(0px) perspective(0px) rotateY(0deg);
	}
	100%{
		-o-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-moz-keyframes moverDer{
	0%{
		-moz-transform: translateX(0px) perspective(0px) rotateY(0deg);
	}
	100%{
		-moz-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-webkit-keyframes moverDer{
	0%{
		-webkit-transform: translateX(0px) perspective(0px) rotateY(0deg);
	}
	100%{
		-webkit-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

/***************************************/

@keyframes moverIzqDer{
	0%{
		transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
	50%{
		transform: translateX(-80px) perspective(800px) rotateY(-45deg);
	}
	100%{
		transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-o-keyframes moverIzqDer{
	0%{
		-o-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
	50%{
		-o-transform: translateX(-80px) perspective(800px) rotateY(-45deg);
	}
	100%{
		-o-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-moz-keyframes moverIzqDer{
	0%{
		-moz-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
	50%{
		-moz-transform: translateX(-80px) perspective(800px) rotateY(-45deg);
	}
	100%{
		-moz-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

@-webkit-keyframes moverIzqDer{
	0%{
		-webkit-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
	50%{
		-webkit-transform: translateX(-80px) perspective(800px) rotateY(-45deg);
	}
	100%{
		-webkit-transform: translateX(80px) perspective(800px) rotateY(45deg);
	}
}

/************ ANIMACIONES **************/

/*******************************************************************************************
                         Estilos encuesta de satisfacción
*******************************************************************************************/
.borderText{
	animation: borderTextAnimation .3s cubic-bezier(0.4,0,0.2,1);
	animation-fill-mode: forwards;
}

.principal{
	width: 100%;
	background: #fff;
	padding: 15px;
	background: url(../images/sitio/subtle_dots_2x.png);
	box-sizing: border-box;
}

.div_parrafo{
	
    background-color: rgba(198,242,227,0.6);
    border: 1px solid #dadce0;
    border-radius: 8px;
    /*margin-bottom: 12px;*/
    padding: 22px 24px 24px;
    /*padding-top: 22px;*/
	
	/*margin: auto;*/
	margin: 0 auto 15px auto;
    text-align: left;
    width: 700px;
}

.div_titulo{
	font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
	font-size: 26px;
	font-weight: bold;
	display: flex;
	align-items:center;
	justify-content: space-around;
	
}

.div_instrucciones{
	letter-spacing: .4px;
	line-height: 21px;
	margin-top: 10px;
}

.div_input{
	line-height: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 10px;
}

.div_margen{
	margin-left: 10px
}
.div_inputDesicion{
	line-height: 50px;
	display: flex;
	justify-content: center;
}

.div_primeraAnimacion{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3); 
	width: 350px; 
	height:29px; 
	box-sizing:border-box
}

.div_segundaAnimacion{
	background: #287a71; 
	height: 2px; 
	opacity: 0;
}

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

.button{
	width: 120px;
	height: 32px;
	background: #287a71; 
	font-size: 1em;
	color: white;
	font-family: 'Vollkorn';
	letter-spacing: 5px;
	border-radius: 4px;
	border: 1px solid #90cb5d;
	
}

.borderTop{
	border-top: 10px solid #287a71;
}

.txt_sugerencias{
	height: 85px; 
	width: 100%; 
	margin-top: 15px;
	box-sizing: border-box;
}

.lbl_desicion{
	margin-right: 50px;
}

.lbl_form{
	display: block;
	padding: 4px;
}

.lbl_seccion{
	display: flex;
    justify-content: center;
	font-weight: bold;
}

.input{
	background: none; 
	border: 0; 
	outline: 0; 
	width: 100%; 
	line-height:26px;
	padding: 0;
}

.hide{
	display: none !important;
}

.errorPregunta{
	border: 1px solid #f00 !important;
	padding-bottom: 12px;
}

.preguntaObligatoria{
	color: #f00;
    background: url(../images/alerta.png) no-repeat;
    padding-left: 32px;
    background-size: 20px;
    margin-top: 20px;
    display: block;
}

.obligatorio{
	font-size:17px;
	font-weight:900;
	color:#F03;
	margin-bottom:5px;
	margin-right:2px;
}

.campo{
	display: flex;
	align-items: center;
	width: 350px;
}

.campoObligatorio{
	font-size:14.5px;
	font-weight:900;
	color:#F03;
	margin-bottom:5px;
	margin-right:2px;
	display: none;
	margin-left: 5px;
}

.redBorder{
	border: 1px solid #f00 !important;
}

.dato{
	display: flex;
}

.dato label{
	width: 180px;
	box-sizing: border-box;
}

/******************* Estilos para resultados de encuesta de satisfacción ********************/

.center{
	 margin: 0 auto;
}

.centerText{
	text-align: center;
}

.centerH{
	justify-content: center;
}

.centerV{
	align-items: center;
}

.centerHV{
	justify-content: center;
	align-items: center;
}

.container300{
	width: 300px;
	padding: 10px;
}

.container400{
	width: 400px;
	box-sizing: border-box;
}

.container500{
	width: 500px;
}

.container600{
	width: 600px;
}

.container800{
	width: 800px;
	min-width: 800px;
}

.container1200{
	width: 1200px;
}

.containerRest{
	width:100%;
}

.flex{
	display: flex;
}

.cuerpo{
	background: rgba(198, 242, 227, 0.6);
}

.cuerpo header{
	background: rgba(40,122,113, 0.3);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.headerResult{
	padding: 0 15px;
	background: #161920;
	border-bottom: 3px solid #287a71;
	margin-bottom: 15px;
}

.headLogo{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-basis: 10%;
	height: 100%;
}

.headLogo img{
	width: 160px;
}

.navPage{
	display: flex;
	justify-content: space-between;
}

.navUserMenuWrap{
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 100px;
}

.navUserMenu{
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 5px;
}

.navUserMenu:hover{
	background: rgba(255,255,255, 0.3);
}

.desplegableMenu{
	background: #fff;
	border: 1px solid #BEBEBF;
	display: none;
	margin: 0px;
	padding: 10px;
	position: absolute;
	top: 36px;
	right: 15px;
	box-shadow: -1px 12px 18px -2px rgba(0,0,0,0.4);
	width: 300px;
}

.navDesplegableItem:hover{
	background: rgba(198, 242, 227, 0.7);
}

.navDesplegableItem a{
	color: #525254;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
}

.modal{
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0px;
	background: rgba(22, 25, 32, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
}

/*#sctLogin > div{
	height: 100%;	
}*/

#formLogin label:first-child{
	margin-top: 0;
}

#formLogin label{
	display: block;
	margin-top: 15px;
	font-size: 1.4em;
	color: #339A6C;
	font-weight: bold;
	font-family: 'BenchNine';
	letter-spacing: 2px;
	margin-bottom: 3px;
}

#formLogin input[type=text],
#formLogin input[type=password]{
	height: 30px;
	width: 100%;
	font-size: 1.2em;
	box-sizing: border-box;
	background: url(../images/grey_noise_2.png);
	border: 1px dotted #8C8C8C;
	border-radius: 5px;
	padding: 0 10px;
}

.modal .botonAceptar{
	width: 50%;
    background: #01ab9e;
    display: block;
    height: 30px;
    color: #fff;
    border: 2px dotted #287a71;
    border-radius: 5px;
    margin: 25px auto 5px auto;
    font-size: 1.2em;
    font-family: 'Vollkorn';
}

.modal .botonAceptar:hover{
	font-size: 1.3em;
	cursor: pointer;
	height: 32px;
}

.modal > div > header{
	background: rgba(22, 25, 32, 1);
    color: #fff;
    border-top: 10px solid #287a71;
	border-bottom: 3px solid #00aca1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	
}

.LV_invalid{
	border-color: #a30617;
    background-color: #f80e27;
    color: #fff;
    text-shadow: 0px 1px 0px #a30617;
	font-size: 0.8em;
}

.LV_validation_message{
	position: absolute;
    right: 5px;
    top: -15px;
    padding: 1px 3px 0;
    border: 1px solid #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.campoLogin{
	position: relative;
}

.modal header h2{
	margin: 5px 0;
	letter-spacing: 3px;
}

.showPassword {
    background-image: url(../images/Preview.png);
}

.showPassword:hover{
    background-image: url(../images/Preview_2.png);
}

.hidePassword{
	background-image: url('../images/Preview_4.png');
}

.hidePassword:hover{
	background-image: url('../images/Preview_3.png');
}

.showHidePass {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: -2px;
    right: 5px;
}

#div_errorLogin{
	display: flex;
	align-items: center;
}

#spn_warning{
	background: url(../images/Alert.png);
    width: 32px;
    height: 32px;
    display: flex;
    margin-right: 10px;
}

#lbl_noticeInfo{
	color: #C0392B;
    font-family: bodoniCondensed;
    font-size: 1.2em;
}

.containerModal{
	background: url(../images/sitio/subtle_dots_2x.png);
	margin: 0 auto;
	padding: 10px 15px;
}

#spnTiempoSesion{
	font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
	font-weight: bold;
}

.listaNormal{
	list-style: none;
	width: 100%;
	padding: 0px;
	margin-top: 0;
}

.listaNormal li{
	background: rgba(0,172,161,0.6)/*#00aca1*/;
	border-bottom: 1px dotted #fff;
	padding: 5px 10px;
	text-align: left;
	font-weight: bold;
	color: #161920;
	text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.5);
	
}

.listaNormal li.seleccionado{
	background: rgba(0,172,161,1);
}

.listaNormal li:hover{
	background: rgba(0,172,161,1)/*#90cb5d*/;
	cursor: pointer;
}

.listaNormal li.seleccionado:hover{
	background: rgba(0,172,161,1);
	cursor: auto;
}

.titulo3{
	width: 100%;
	text-align: center;
	margin-top: 5px;
	background : #8497b0;
	margin-bottom: 0;
	padding: 7px 0;
	border-bottom: 1px dotted #fff;
	color: #fff;
	text-shadow: -1px 1px 1px black;
	font-weight: normal;
	border-top: 4px solid #5b9bd5;
	letter-spacing: 2px;
}

#sctEncuestas > section{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.resultEncuesta{
	width: 350px;
	padding: 10px;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	margin: 10px;
}

.calificacion{
	font-size: 1.5em;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}

.linkEncuesta{
	color: #00aca1;
	margin: 5px 0;
	display: block;
}

.linkEncuesta:hover{
	font-weight: bold;
	cursor: pointer;
}

.infoEncuesta label{
	font-weight: bold;
	display: flex;
}

.infoEncuesta > div{
	display: flex;
	margin: 15px auto;
}

.infoEncuesta > div > div{
	width: 500px;
	display: flex;
}

.infoEncuesta span{
	margin-left: 8px;
}

#imgLoadingEncuestas{
	display: block;
	margin: 0 auto;
}

/* ===================================================================================================================
 * MEDIA QUERIES
 * ===================================================================================================================*/

@media screen and (max-width:1400px){
	#header h1{
		margin: 5px 0;
	}
}

@media screen and (max-width:1200px){
	
	body{
		padding: 0 0 500px 0;
	}
	
	#header h1{
		font-size: 1.6em;
	}
	
	#footer > section{
		width:800px;
	}
	
	#footer > section:first-child > div:last-child{
		width:800px;
	}
	
	.info-item img{
		width: 100px;
	}
	
	.left .info-item img{
		margin-left: -10px;
	}
	
	.right .info-item img{
		margin-right: -10px;
	}
	
	.left .body p{
		margin: 3px -5px 25px 10px;
	}
	
	.right .body p{
		margin: 3px 10px 25px -5px;
	}
	
	.info-item .body div{
		padding-top: 0px;
	}
	
	.info-item .leer-mas{
		bottom: 0;
	}
	
	#navTop{
		/*width:1010px;*/
		width:100%;
		margin: 5px 0 0 0;	
	}
	
	#navTop ul{
		width:400px;
	}
	
	#navTop ul li{
		font-size:1em;
		/*width:130px;*/
		padding:8px 2px;
	}
	
	#infoContacto{
		width: 98%;
	}
	
	#imagenContacto{
		display: none;
	}
	
	#formContacto{
		padding: 10px 20px;
	}
	
	#ubicacionContacto{
		width: 98%;
	}
	
	.sector{
		padding: 10px 20px;
		font-size: 1em;
	}
	
	.textoPrincipal{
		margin: 0 15px;
	}
	
	#calidad{
		min-width: 265px;
		width: 265px;
	}
	
	.listaVinetas .primero{
		padding-left: 50px;
		background-position-x: -50px;
	}
	
	.listaVinetas .segundo{
		padding-left: 95px;
		background-position-x: -50px;
	}
	
	.listaVinetas .tercero{
		padding-left: 150px;
		background-position-x: -50px;
	}
	
	#div_equipos{
		margin-left: 150px;
	}
	
	#p_siDeseas{
		padding-left: 150px;
	}
	
	#alianzaEstrategica img{
		width: 250px;	
	}
	
	#equipamiento > div article{
		width: 90%;
	}
}

@media screen and (max-width: 1000px){	
	
	#header{
		display: none;
	}
	
	#menu_bar{
		display:flex;
	}
	
	#main_container_titulo{
		padding-top: 10px;
	}
	
	#div_promotora{
		display: block;
	}
	
	#navTop{
		margin-top:0px;
		height:100%;
		position:fixed;
		top:60px;
		z-index:9999;
		background:#368b72;
		width:50%;
		float:left;
		left:-50%;
	}
	
	#navTop #menu{
		display:block;
		background:none;
		width:100%;
	}
	
	#ul_izquierda, #ul_derecha{
		display: none;
	}
	
	#navTop ul li{
		width:100%;
		background:none;
		text-align:left;
		padding-left:20px;
		border-bottom:1px solid rgba(255,255,255,0.3);
		list-style:none;
		display:block;
		font-size: 1.3em;
		text-align: left;
	}
	
	#navTop ul li a{
		position: initial;
	}
	
	#navTop img{
		display:none;
	}
	
	/*#main_container{
		margin-top:57px;
	}*/
	
	#main_container_index{
		/*margin-top: 57px;*/
		flex-direction: column;
	}
	
	#contact_bar{
		display:none;
	}
	
	#navTop ul li span{
		margin-right:15px;
	}
	
	#logosIzquierda, #logosDerecha{
		display:none;
	}
	
	#informacion .left{
		left: 0px;
		/*padding-right: 10px;*/
	}
	
	#informacion .right{
		left: 0px;
		padding-left: 10px;
	}
	
	.info-item .punta{
		min-width: 20px;
	}
	
	.info-item .leer-mas{
		bottom: -5px;
	}
	
	.left .punta{
		background: url(../images/sitio/borde_derecho.png);
	}
	
	.right .punta{
		background: url(../images/sitio/borde_izquierdo.png);
	}
	
	#menu_inferior section{
		margin: 0 10px 30px 10px;
	}
	
	#menu_inferior iframe{
		margin: 0 0 0 10px;
	}
	
	#infoContacto{
		width: 99%;
	}
	
	#ubicacionContacto{
		width: 99%;
	}
	
	#servicios .panel{
		padding: 10px;
	}
	
	#convenios{
		width: 98%;
	}
	
	#convenios article:first-of-type{
		margin-left:30px;
	}
	
	#calidad{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-between;
	}
	
	#calidad img{
		width: 285px;
		height: min-content;
	}
	
	#main_container_menu{
		background: none;
	}
	
	#equipamiento > div article{
		font-size: 0.9em;
		width: 100%;
		padding: 10px 8px;
		box-sizing: border-box;
	}
	
	#equipamiento .imagenEquipo{
		box-sizing: border-box;
	}
	
	#equipamiento > div.left article div{
		padding-left: 7px;
	}
	
	#equipamiento > div.right article div{
		padding-right: 7px;
	}
}

@media screen and (max-width:800px){
	
	body{
		padding-bottom: 0;
	}
	
	#footer > section{
		flex-direction:column;
		width:400px;
	}
	
	#footer > section:first-child > div:last-child{
		width:400px;
	}
	
	#redesSociales{
		order:-1;
	}
	
	#informacion{
		flex-flow: column;
	}
	
	#informacion .right{
		margin-top: 0px;
	}
	
	#informacion > div{
		width: 100%;
		padding: 0 10px;
	}
	
	.info-item img{
		width: 130px;
		border-radius: 65px;
	}
	
	/*.parallax-slider{
		width:200px;
	}*/
	
	.parallax-window-large{
		height:250px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#infoContacto{
		width: 90%;
		flex-flow: column;
	}
	
	#formContacto{
		padding: 15px 0;
	}
	
	#ubicacionContacto{
		width: 90%;
	}
	
	#ubicacionContacto > div{
		flex-flow: column;
		align-items: center;
	}
	
	#map{
		margin-right: 0;
	}
	
	#fb-page{
		margin-top: 20px;
	}
	
	#lamina-acero, #cutting-head, #lamina-acero-corte{
		display: none;
	}
	
	#servicios{
		flex-flow: column;
	}
	
	#servicios .panel{
		padding: 0 20px 10px 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#servicios .panel:first-of-type{
		padding-right: 20px;
	}
	
	#servicios .panel:last-of-type{
		padding-right: 20px;
	}
	
	#convenios{
		flex-direction: column;
	}
	
	#convenios article{
		width: 100%;
	}
	
	#convenios article:first-of-type{
		margin: 0 0 15px 0;
		order: 1;
	}
	
	#footer{
		position: static;
	}
	
	#equipamiento > div article{
		flex-direction: column;
		align-items: center;
	}
	
	#equipamiento > div.left .imagenEquipo{
		order: 2;
	}
	
	#equipamiento .imagenEquipo{
		min-width: 60%;
		max-width: 60%;
		margin-top: 15px;
	}
	
	.div_parrafo{
		width: 100%;
		box-sizing: border-box;
	}
	
}

@media screen and (max-width:640px){
	
	#main_container_index{
		font-size: 0.85em;
	}
	
	#informacion .left, #informacion .right{
		padding: 0;
	}
	
	#div_promotora h1{
		font-size: 1.1em;
	}
	
	.listaVinetas .segundo{
		padding-left: 75px;
		background-position-x: -70px;
	}
	
	.listaVinetas .tercero{
		padding-left: 110px;
		background-position-x: -80px;
	}
	
	#div_equipos{
		margin-left: 110px;
	}
	
	#p_siDeseas{
		padding-left: 110px;
	}
	
	#alianzaEstrategica > div{
		flex-flow: column-reverse;
		padding: 10px 0 30px;
	}
	
	#alianzaEstrategica img{
		margin-top: 15px;
		width: 300px;
	}
	
	#alianzaEstrategica p{
		margin-left: 0px;
	}
	
	#calidad{
		justify-content: center;
	}
	
	.div_titulo{
		font-size: 21px;
	}
	
	.div_titulo img{
		width: 200px;
	}
	
	/*#txt_otroMedio{
		width: 100px;
	}*/
	
	#div_pregunta1 .div_input{
		flex-wrap: wrap;
	}
	
	#div_pregunta1 .div_input label{
		margin-bottom: 10px;
	}
}

@media screen and (max-width:540px){
	
	#footer > section{
		/*flex-direction:column;*/
		width:100%;
	}
	
	#footer > section:first-child > div{
		width:100%;
	}
	
	#footer > section:first-child > div:last-child{
		width:100%;
	}
	
	#slider{
		/*padding:0px;*/
		margin-top:-10px;
	}
	
	.flexslider{
		border:none;
		box-shadow:none !important;
	}
	
	/*#main_container{
		margin-top:60px;
	}*/
	
	#informacion .left, #informacion .right{
		padding: 0;
	}
	
	#informacion img.movil{
		display: block;
	}
	
	#informacion .body img{
		display: none;
	}
	
	.left .body p, .right .body p{
		margin: 5px -10px 0 -10px;
	}
	
	.left .leer-mas, .right .leer-mas{
		right: -10px;
	}
	
	#menu_inferior section{
		width: 155px;
		margin: 0px 5px 30px 5px;
	}
	
	#menu_inferior iframe{
		margin: 0;
	}
	
	#logos a, #logos img{
		width: 40px;
	}
	
	#logos a{
		margin: 7px;
	}
	
	#formContacto{
		padding: 15px 10px;
		font-size: 1.2em;
	}
	
	#infoContacto{
		width: 98%;
	}
	
	#ubicacionContacto{
		width: 100%;
	}
	
	#form{
		flex-flow: column;
	}
	
	#form > div{
		width: 100%;
	}
	
	#form > div:last-child{
		padding-left: 0;
	}
	
	#form textarea{
		height: 150px;
	}
	
	#ubicacionContacto p{
		margin-left: 10px;
	}
	
	#servicios .panel{
		padding: 0 10px 10px 10px;
	}
	
	#servicios .panel:first-of-type{
		padding-right: 10px;
	}
	
	#servicios .panel:last-of-type{
		padding-right: 10px;
	}
	
	.div_input{
		flex-flow: column;
	}
	
	.dato{
		flex-flow: column;
		margin-bottom: 10px;
	}
	
	.dato label{
		padding-bottom: 0px;
	}
	
	.div_primeraAnimacion{
		width: 100%;
	}
}

@media screen and (max-width:420px){
	
	#main_container_index{
		font-size: 0.7em;
	}
	
	#navTop{
		width: 80%;
		left: -80%;
	}
	
	.sector{
		padding: 10px;
		width: 100%;
	}
	
	.div_titulo{
		display: flex;
		flex-flow: column-reverse;
	}
}

/* Estilos nuevos de la encuesta */

@keyframes borderTextAnimation{
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0;
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1;
	}
}