/*
ESTILO GENERAL
---------------
1.- Reset
2.- Fuente de letra
3.- Botón
4.- Scroll
5.- Cabecera
6.- Pie
7.- Formulario
8.- General

*/

/* 1.- Reset*/

body, div, html{ margin:0px;padding:0px;font-size:15px;font-family: 'Korolev Medium' }

div{ vertical-align:top;
	-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;  }

.estrecho{ max-width: 100%;height: auto;    width: auto\9; /* ie8 */border:none;display:inline-block }

/* 2.- Fuente de letra */

@font-face {
font-family: 'Korolev Medium';
font-style: normal;
font-weight: normal;
src: local('Korolev Medium'), url('Korolev Medium.woff') format('woff');
}

@font-face {
font-family: 'MetaBoldLF-Roman';
font-style: normal;
font-weight: normal;
src: local('MetaBoldLF-Roman'), url('MetaBoldLF-Roman.woff') format('woff');
}

/* 3.- Botón */

a.boton{
	text-decoration:none;
	font-weight: 600;
    font-size: 15px;
    display: inline-block;
    padding: 4px 10px 7px 10px;
    margin: 0px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    width: auto;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	}
a.boton:hover{  }
a.rojo{ background-color:#005396;color: #fff;border:#005396 solid 1px }
a.blanco{ background-color:#FFF;color: #005396;border:#005396 solid 1px}
a.amarillo{ background-color:#FF0;color: #000;border:#fff solid 1px}

input[type=submit]{
	text-decoration:none;
	font-weight: 600;
    font-size: 15px;
    display: inline-block;
    padding: 4px 10px 7px 10px;
    margin: 0px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    width: auto;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	background-color:#005396;
	color: #fff;
	border:#005396 solid 1px
	}
input[type=submit]:hover{ background-color:#06F }

input[type=button]{
	text-decoration:none;
	font-weight: 600;
    font-size: 15px;
    display: inline-block;
    padding: 4px 10px 7px 10px;
    margin: 0px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    width: auto;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	background-color:#005396;
	color: #fff;
	border:#005396 solid 1px
	}
input[type=button]:hover{ background-color:#06F }
/* 4.- Scroll */

.scroll-top {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none; /* Estara oculto por defecto */
    text-indent: -9999px; /* Oculta el texto del enlace */
    z-index: 1000; /* Evita que otros elementos esten por encima */
    background: url('../img/arriba.png') no-repeat;
}

.scroll-top:hover {
    opacity: 0.8;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
}

/* 5.- Cabecera */

#gen{ width:100%;text-align:center }

#inf{ display:inline-block;width:100%;max-width:1000px;text-align:right;margin-top:5px;margin-bottom:5px }
.inf-obj{ display:inline-block;width:auto;vertical-align:middle }
.inf-obj-ico{ width:20px;height:20px;display:inline-block }
.inf-obj-des{ display:inline-block;width:auto;color:#000; }

#cab{ display:inline-block;width:100%;max-width:1100px }
#cab-log{ display:inline-block;width:300px;text-align:left;vertical-align:middle;margin:5px 0px 5px 0px }
#cab-log a{ text-decoration:none;font-family:'MetaBoldLF-Roman';font-size:40px;color:#000;font-weight:bold }  
#cab-log span{ color:#F00;
 }
#cab-men,#cab-fla{ display:none}
#cab-bus{ display:inline-block;width:calc(100% - 600px);text-align:center;vertical-align:middle;margin-left:20px;margin-right:20px}
#cab-bus-cam{ width:calc(100% - 60px);display:inline-block;height:30px;border:#CCC solid 1px;vertical-align:middle;background:#FFF }
#cab-bus-cam-tex{ width:90%;text-align:left;border:none;height:calc(100% - 2px);font-size:17px }
#cab-bus-cam-tex-mov{ text-align:left;font-weight:bold;border:none;width:90%;height:calc(100% - 2px);font-size:15px }
#cab-bus-bot{ display:inline-block;width:49px;height:30px;background:#ffc000;vertical-align:middle;margin-left:-5px;cursor:pointer }
#cab-bus-bot img{ margin-top:6px }
#cab-ses{ width:200px;display:inline-block;vertical-align:middle }
#cab-ses-ing{ width:90px;display:inline-block;margin-right:5px }
#cab-ses-reg{ width:90px;display:inline-block }

#men{ display:inline-block;width:100%;background:#005396;margin-top:5px }
#men-lis{ width:100%;margin:0px;padding:0px }
#men-lis li{ display:inline-block;padding:8px 15px 8px 15px;margin:0 }
#men-lis a{ text-decoration:none;color:#FFF;font-size:16px;margin:0;padding:0 }
#men-lis a:hover{ color:#FF0 }
#men-lis li:hover{ }
#men-lis li:nth-child(1):before { content: url(../img/icono-home.png);margin-right:5px }
#men-lis li:nth-child(2):before { content: url(../img/icono-email.png);margin-right:5px }
#men-lis li:nth-child(3):before { content: url(../img/icono-nota.png);margin-right:5px }
#men-lis li:nth-child(4):before { content: url(../img/icono-web.png);margin-right:5px }
#men-lis li:nth-child(5):before { content: url(../img/icono-pago.png);margin-right:5px }
#men-lis .activo{ background:#08A6E5 !important}
#men-lis .activo >a{ color:#FF0 }
.men-ocu{ display:none !important;background:#005396;color:#FFF }

#con{ position:relative;width:100%;height:inherit;background:#fff;z-index:100}
#sta{ width:100%;text-align:center;display:inline-block;height:inherit }
/* 6.- Pie */

#pie{ display:inline-block;width:100%;background:#b6d9fd;padding-bottom:5px }
#pie-men{ display:inline-block;width:28%;vertical-align:top }
#pie-for{ display:inline-block;width:28%;vertical-align:top }
#pie-inf{ display:inline-block;width:20%;vertical-align:top }
#pie-con{ display:inline-block;width:20%;vertical-align:top }
#pie-men-tit{ width:100%;padding-top:3px;padding-bottom:5px;font-weight:bold }
#pie-men-des{ width:90%;text-align:justify;color:#333;line-height:16px }
#pie-inf-tit{ width:100%;padding-top:3px;padding-bottom:5px;font-weight:bold }
#pie-con-tit{ width:100%;padding-top:3px;padding-bottom:5px;font-weight:bold }
#pie-for-tit{ width:100%;padding-top:3px;padding-bottom:5px;font-weight:bold }
#pie-for-des{ width:90%;text-align:justify;color:#333;line-height:16px }
#pie-inf-lis{ display:inline-block;width:90%;text-align:left;color:#FFF;list-style:none;margin:0;padding:0 }
#pie-inf-lis li{ margin-bottom:3px }
#pie-inf-lis li a{ text-decoration:none;color:#333 }
#pie-inf-lis li a.cel:before { content:url(../img/icono-celular-gris.png);padding-right:10px;padding-bottom:5px }
#pie-inf-lis li a.cor:before { content:url(../img/icono-correo-gris.png);padding-right:10px;padding-bottom:5px }
#pie-inf-lis li a.tel:before { content:url(../img/icono-telefono-gris.png);padding-right:10px;padding-bottom:5px }
#pie-inf-lis li a.ubi:before { content:url(../img/icono-ubicacion.png);padding-right:10px;padding-bottom:5px }

.pie-con-txt{ display:inline-block;width:95%;height:22px;padding:2px;margin-bottom:2px;margin-top:1px;font-size:15px }
.pie-con-area{ display:inline-block;width:95%;height:50px;padding:2px;margin-bottom:7px;margin-top:1px;font-size:15px;font-family:'Korolev Medium';font-weight:normal }

#pie-for-tar{ display:inline-block;height:inherit;width:100%;text-align:left;margin-top:5px }
#pie-for-tar img{ display:inline-block }

#der{ display:inline-block;width:100%;text-align:center;background:#000;color:#fff;padding-top:5px;padding-bottom:5px }
#der-aut{ display:inline-block;width:100%;vertical-align:middle;padding-top:5px;padding-bottom:5px }
#der-aut a{ text-decoration:none;color:#F66 }

#cap{ display:inline-block;width:calc(100% - 20px);background:#FFF;margin-top:20px;padding:10px }
#cap-tit{ display:inline-block;width:100%;font-size:16px;line-height:19px;color:#333;text-align:center;margin-bottom:10px }
#cap-img{ display:inline-block;width:200px;vertical-align:top }
#cap-con{ display:inline-block;width:calc(100% - 210px);vertical-align:top }
#cap-con-men{ display:inline-block;width:100%;font-size:15px;text-align:center;color:#333 }
#cap-con-for{ display:inline-block;width:100% }
.cap-con-for-txt{ width:calc(100% - 10px);padding:5px;margin-top:10px }
#cap-con-bot{ display:inline-block;width:100%;margin-top:10px }

/* 7.- Formulario */

.frm-nom{ display:inline-block;width:100%;height:inherit;padding-top:10px;padding-bottom:5px;font-size:15px;font-weight:bold;text-align:center }
.frm-tit{ display:inline-block;font-size:13px;width:90%;text-align:left;margin-bottom:3px;margin-bottom:3px }
.frm-tit span{ color:#F00 }
.frm-cam{ font-size:13px;width:90%;text-align:left;display:inline-block;margin-left:-4px }
.frm-txt{ display:inline-block;width:100%;padding-top:3px;padding-bottom:3px;margin-bottom:3px }
.frm{ display:inline-block;width:100%;text-align:center;height:inherit;padding-top:5px;padding-bottom:5px }

/* 8.- General */
.tit{ display:inline-block;width:100%;font-size:40px;font-weight:bold;color:#0672C9;margin-top:10px }
.sub{ display:inline-block;width:100%;font-size:22px;font-weight:bold;color:#000 }
.slo{ display:inline-block;width:100%;font-size:19px;font-weight:300 }

@media screen and (max-width: 750px) {
	.men-ocu{ display:inline-block !important }
	
	#inf{ display:none}
	#cab-log{ width:calc(90% - 100px);text-align:center }
	#cab-log a{ font-size:28px  }
	#cab-bus{ display:none }
	#cab-ses{ display:none }
	#cab-men{ display:inline-block;width:30px;vertical-align:middle;cursor:pointer }
	#cab-fla{ display:inline-block;width:60px;vertical-align:middle;cursor:pointer }

	#men{ display:none }
	#men-lis li{ width:100%;margin:0px;padding-top:5px;padding-bottom:5px;border-bottom:#0169bd solid 1px }
	#men-lis li a{ font-size:13px }

	#pie-men,#pie-con,#pie-for,#pie-inf{ width:90% }
	#pie-men-lis li{ margin:0;display:inline-block }
	#pie-men-tit, #pie-con-tit,#pie-inf-tit,#pie-men-for{ margin-top:5px }
	#pie-men-des{ line-height:16px;text-align:center }
	#pie-for-tar{ text-align:center }
	
	#der-aut{ font-size:10px }
	
	#cap-tit{ font-size:13px }
	#cap-tit img{ display:none }
	#cap-img{ width:100%;margin:0px;padding:0px;text-align:center }
	#cap-img img{ max-height:130px }
	#cap-con{ width:98%;margin:0px;padding:0px }
	
	.tit{ font-size:20px }
	.sub{ font-size:15px }
	.slo{ font-size:13px }
}