@charset "utf-8";
/* CSS Document */
/****************************************
 * ETIQUETAS GENERALES
****************************************/
html,body{ 
	height:100%; 
	min-height:100%; 
	margin:0px; 
	padding:0px;
	color:#666666;
}
body{
	font-family:"p22_undergroundlight",serif;
}
h1{
	font-family:"Montserrat", sans-serif;
	font-size:24px;
	font-weight:400;
	line-height:28.8px;
	text-transform:uppercase;
	margin-bottom:2em;
}
h3{
	font-family:"Montserrat", sans-serif;
	color:#009ee3;
	font-size:18px;
	font-weight:400;
	line-height:23.4px;
	text-transform:uppercase;
}
/****************************************
 * TEXTOS/ALERTAS/AVISOS
****************************************/
.texto_alerta{
	color:#F00;
}
/****************************************
 * INTERFAZ GENERAL (INTERNA)
****************************************/
.columna_central{
	display:block;
	width:1200px;
	height:100%;
	margin:0 auto;
}
.sub_1{
	float:left;
	width:58%;
	padding-top:80px;
}
.sub_2{
	float:left;
	width:42%;
	padding-top:80px;
}
.sub_2 img{
	width:100%;
}
.elemento_izquierda{
	position:absolute;
	bottom:0;
	right:0;
}
.nota{
    background:#eeeeee;
    padding:2em;
}
#vista_contenedor{ 
    height:100%; 
    min-height:100%;
}
#header{
	position:relative;
	width:100%;
	height:126px;
	margin:20px 0 0 0;
	padding:2em auto 0;
}
#logotipo{
	float:left;
	width:270px;
	padding:0 15px;
}
#logotipo img{
	width:100%;
}
#idioma{
	float:right;
	width:40px;
	padding-top:7px;
	
}
#idioma a{
	transition:0.3s all ease;
}
#idioma a:hover{
	opacity:.8;
}
#idioma img{
	width:100%;
}
#menu_principal{
	width:100%;
	height:45px;
	background-color:#DDD;
	opacity:1;
}
#menu_principal ul{
	margin:0;
	padding:0;
	width:100%;
	display:block;
	list-style:none;
}
#menu_principal li a{
	font-family:"Montserrat",sans-serif;
	padding:0.75em 0.5em;
	text-transform:uppercase;
	display:block;
	font-size:14px;
	font-weight:400;
	color:#525252;
	text-decoration:none;
}
#menu_principal a:hover{
	color:#009ee3;
}
#contenedor_principal{
	width:100%;
	min-height:475px;
}
#footer{
	float:left;
	width:100%;
	background-color:#009ee3;
	color:#FFF;
	padding:0.3em 0;
	min-height:177px;
}
.footer_direccion{
	float:left;
	font-size:16px;
	line-height:22.4px;
}
.footer_contacto{
	position:relative;
	float:right;
	display:inline-block;
}
.footer_contacto ul{
	margin:0;
	padding:0;
}
.footer_contacto li{

}
.footer_contacto a{
	color:#000;
}
.footer_contacto a:hover{
	text-decoration: none;
	color: #009ee3;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.campo{
	width:100%;
	font-size: inherit;
	font-family: inherit;
	letter-spacing: normal;
	border: 1px solid #c8c8c8 !important;
	padding: 1em !important;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-sizing: border-box !important;
	display: inline-block;
	margin-bottom: 0.375em;
	background-color: white;
	color: #666666;
	vertical-align: baseline;
	line-height: normal;
	text-align: left;
}
select.campo option{
	font-family:"Montserrat",sans-serif;	
}
.checkbox{
	padding: 5px 4px;
	padding: 1em !important;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-sizing: border-box !important;
	display: inline-block;
	margin-bottom: 0.375em;
	background-color: white;
	color: #666666;
	vertical-align: baseline;
	line-height: normal;
}
.boton{
	background:#009ee3;
	border-radius:4px;
	color:white !important;
	font-family:"Montserrat",sans-serif;
	font-size:16px !important;
	display:inline-block;
	padding:0.4em 0.75em;
	text-transform:uppercase;
	-moz-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	-webkit-transition:0.3s all ease;
	transition:0.3s all ease;
	border:1px solid #e4eed1;
	cursor: pointer;
	outline:none;
}
.transaccion_exitosa{
	color:#090;
	font-size:18px;
	font-weight:bold;
}
.transaccion_exitosa a{	
	background: white;
	border-radius: 50%;
	color:#090;
	display: inline-block;
	height: 62px;
	line-height: 62px;
	text-align: center;
	width: 62px;
	font-size: 16px;
	font-size: 2.4rem;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.mitec{
	width:100%;
}
.mitec iframe{
	width:100%;
	height:750px;
}
/****************************************
 * CLASES ORIGINALES INA
****************************************/
.redes{
	width:500px;
	margin:2em 0;
}
.redes li{
	display:inline-block;
	margin-bottom:0.5em;
	margin-right:0.5em;
}
.redes li a{
	display:block;
}
.redes li a:hover:before{
	opacity: 0.5;
}
.redes li a:before{
	background: white;
	border-radius: 50%;
	color: #009ee3;
	display: inline-block;
	height: 62px;
	line-height: 62px;
	text-align: center;
	width: 62px;
	font-size: 24px;
	font-size: 2.4rem;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
#terminos_link{
	color:#009ee3;
	text-decoration:underline;
	cursor:pointer;
}
#terminos_link:hover{
	color:#000;
}
.terminos_dialog{
	position:fixed;
	top:5% !important;
	width:90% !important;
	height:80% !important;
	margin:0 auto;
	max-width:800px !important;
}
.terminos_contenido{
	padding:10px;
	word-wrap:break-word;
	overflow-y:scroll;
	height:85% !important;
}
/****************************************
 * CLASES RESPONSIVAS
****************************************/
@media screen and (max-width: 1200px) {
#logotipo{
	width:220px;
}
.columna_central{
	width:1000px;
}
}
@media screen and (max-width: 970px) {
#logotipo{
	float:right;
	max-width:340.5px;
	width:43%;
}
#idioma{
	float:left;
	padding-left:5px;
}
#menu_principal{
	display:none;
}
#header{
	height:95px;
}
.columna_central{
	width:100%;
}
.sub_1{
	width:auto;
	padding:0 5px;
}
.sub_2{
	width:100%;
	max-width:500px !important;
	padding:0 5px;
}
}
@media screen and (max-width: 760px) {
#footer{
	min-height:250px;
}
.footer_direccion{
	padding:0 15px;
}
.footer_contacto{
	float:left;
	min-height:160px;
	padding:0 15px;
}
.redes{
	width:100%;
	margin:15px 0 0 0;	
}
}
@media screen and (max-width:570px) {
.mitec{
	width:100%;
}
}
/****************************************
 * FONTS/ICONOS (ORIGINALES INA)
****************************************/
@font-face {
  font-family: 'ina-icons';
  src: url("fonts/ina-icons.eot?e73chd");
  src: url("fonts/ina-icons.eot?e73chd#iefix") format("embedded-opentype"), url("fonts/ina-icons.ttf?e73chd") format("truetype"), url("fonts/ina-icons.woff?e73chd") format("woff"), url("fonts/ina-icons.svg?e73chd#ina-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'p22_undergroundlight';
  src: url("fonts/p22underground-light_2-webfont.eot");
  src: url("fonts/p22underground-light_2-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/p22underground-light_2-webfont.woff2") format("woff2"), url("fonts/p22underground-light_2-webfont.woff") format("woff"), url("fonts/p22underground-light_2-webfont.ttf") format("truetype"), url("fonts/p22underground-light_2-webfont.svg#p22_undergroundlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'ina-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-apoyo-pedagogico:before {
  content: "\e911";
}
.icon-estudios-electromiografias:before {
  content: "\e912";
}
.icon-investigacion-socioeconomica-organizaciones:before {
  content: "\e913";
}
.icon-manejo-postural:before {
  content: "\e91a";
}
.icon-orientacion-alimentaria:before {
  content: "\e91b";
}
.icon-psicologia-infantil:before {
  content: "\e91c";
}
.icon-psicomotricidad:before {
  content: "\e91d";
}
.icon-psicopedagogia:before {
  content: "\e91e";
}
.icon-rehabilitacion-fisica:before {
  content: "\e91f";
}
.icon-terapia-ocupacional:before {
  content: "\e920";
}
.icon-terapias-acuaticas:before {
  content: "\e921";
}
.icon-terapias-lenguaje:before {
  content: "\e922";
}
.icon-buscar:before {
  content: "\e901";
}
.icon-calendario:before {
  content: "\e902";
}
.icon-email:before {
  content: "\e904";
}
.icon-menu:before {
  content: "\e905";
}
.icon-down-arrow:before {
  content: "\e900";
}
.icon-left-arrow:before {
  content: "\e903";
}
.icon-play:before {
  content: "\e906";
}
.icon-plus:before {
  content: "\e907";
}
.icon-right-arrow:before {
  content: "\e909";
}
.icon-up-arrow:before {
  content: "\e90c";
}
.icon-google-plus:before {
  content: "\e914";
}
.icon-facebook:before {
  content: "\e915";
}
.icon-instagram:before {
  content: "\e916";
}
.icon-twitter:before {
  content: "\e917";
}
.icon-youtube:before {
  content: "\e918";
}
.icon-checkmark:before {
  content: "\e90f";
}
.icon-cross:before {
  content: "\e919";
}
.icon-checkmark2:before {
  content: "\e908";
}
.icon-desarrollo-familiar:before {
  content: "\e90a";
}
.icon-documento:before {
  content: "\e90b";
}
/* line 132, _fonts.scss */
.icon-objetivo:before {
  content: "\e90d";
}
.icon-persona:before {
  content: "\e90e";
}
.icon-heart:before {
  content: "\e910";
}
.icon-user-tie:before {
  content: "\e923";
}
.icon-gift:before {
  content: "\e924";
}
.icon-alone {
  display: inline-block;
  /* Fix for clickability issue in WebKit */
}