@charset "UTF-8";
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none; margin:0; padding:0;}
body {background:#FFFFFF; font-family:lato, Arial, Helvetica, sans-serif; margin:0; padding:0;}
* {font-family:lato, Arial, Helvetica, sans-serif; margin:0; padding:0;}
html>body {margin:0; padding:0;}

a {text-decoration:none; color:#0e538c; outline:none;}
a:hover {text-decoration:underline; color: #f04c56;}
strong {font-weight:bold;}

/* separadores y bordes */
.separa {width:100%; clear:both; height:0; display:block; margin:0; padding:0 !important;}
.separa.espacio {width:100%; clear:both; height:0; display:block; margin:0 0 30px; padding:0 !important; overflow: hidden;}
.separa.linea {width:100%; clear:both; height:0; display:block; margin:30px 0 30px; padding:0 !important; overflow: hidden; border-bottom:  1px solid #CCCCCC;}
.separa.linea.punteada {border-bottom:  1px dotted #999999;}
.separa.linea.punteada.gris {border-bottom:  1px dotted #CCCCCC;}
hr {height: 1px; border: 0; background-color: #CCCCCC; margin: 20px 0;}
.none-border {border:none !important;}
.border-left {border-left:1px solid #CCC;}
.separa.portada {border-top:1px solid #e5e5e5;}

/* contenedores cajas */
.box-contenedor {width:auto; background:#edf2f5; border:1px solid #eee; clear:both; margin:25px 0; padding:30px; overflow: hidden;}
.box-contenedor.center {text-align: center;}

/* estilos para alineacion especifica */
.aleft {float:left;}
.aright {float:right;}

/* migas de pan */
ul.breadcrumbs {display:block; font-size:12px; color:#999999; margin:1em 0; float:left;}
ul.breadcrumbs a {font-family:latoLight, Verdana, Geneva, sans-serif; font-size:14px; color:#666666; line-height:130%;}
ul.breadcrumbs a.select, ul.breadcrumbs b {font-family:lato, Verdana, Geneva, sans-serif; color:#0E538C;}
ul.breadcrumbs b {font-size:14px; line-height:130%; font-weight: normal;}
ul.breadcrumbs li {float:left;}
ul.breadcrumbs li + li { margin:0 0 0 5px;}

/* elementos de navegacion especificos */
.volver {float:right; font-family:lato, Verdana, Geneva, sans-serif; font-size:17px !important; color:#29689B; line-height:130%; margin:1em 0;}
.volver span {font-family:lato, Verdana, Geneva, sans-serif; font-size:15px !important; color:#29689B; line-height:130%; margin:0 0 0 5px;}
.subir {margin:0; padding:.5em 0 1em 0; font-weight:normal; color:#0e7a7a; text-align:right;}
.subir a {margin:0; font-size:11px;  font-weight:normal; color:#fff; text-align:right; background:#007AC6; border-radius:3px; padding:.5em 1.2em; text-decoration:none; float:right; margin:0 5px;}
.subir a:hover {background:#FF8513; color:#000;}
select {color:#333333; font-size: 15px; padding:7px 47px 7px 10px; background:url(/img/select-arrow.gif) no-repeat right top #f6f6f6 !important; border: none !important; margin: 5px 0 !important; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; min-width: 150px !important;}

/* paginacion */
.paginacion {margin:30px 0; text-align:right;}
.paginacion span {color:#9b8882; font-size:14px;}
.paginacion span .actual, .paginacion span .pag_actual, .paginacion span a:hover {background:#393939; border-radius:3px; color:#ffffff !important; float:left; font-weight:bold; margin:0 5px 5px 0; padding:4px 8px; text-decoration:none;}
.paginacion span a {background:#f0f0f0; color:#9b8882; float:left; font-weight:bold; margin:0 5px 5px 0; padding:4px 8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;}
	
/* medidas especificas */
.w10 {width:10%;}
.w20 {width:20%;}
.w24-5 {width:24.5%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.m-top35 {margin-top:35px !important;}
.m-left14 {margin-left:10px;}
.font-size35 {font-size:35px;}

/* efectos */
.opacity {opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */}
.opacity:hover {opacity: 0.50;
filter: alpha(opacity=50); /* For IE8 and earlier */}

.transition  {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}
.transition:hover  {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}

/* estilos para ocultar en responsive */
.responsiveBtn {display: none;}

/* FIN Comunes */

/*--------------- Estructurales ---------------*/
#main {width:100%; margin:0 auto; clear:both; padding:30px 0;}
#main .auxi-main { max-width:1100px; width:100%; margin:15px auto;}
#header {background-color:#0E538C; display:block; margin:0 auto; padding:0; position:relative; width:100%; opacity: 1; transition: all 0.6s ease;}
#header .auxi {background:url(/img/bg_header.png) no-repeat -300px top; max-width:1100px; width:100%; margin:0 auto; padding:10px 0 4px; opacity: 1; transition: all 0.6s ease; height: 87px; overflow: hidden;}
/* footer */
#footer {width:100%; display:block; margin:0 auto; border-top:1px solid #e5e5e5;}
#footer .auxi {max-width:1100px; width:100%; margin:0 auto; padding:65px 0}
/* header */
#header .toggler {width:100%; position: static; top:101px; transition: all 0.4s ease;}
#header.sticky .toggler {position: fixed; top: 0; z-index: 1000; width:100%; opacity: 1; }
#header.sticky { transition: all 0.6s ease; width:100%; overflow: hidden;}
#header.sticky .auxi { opacity: 0; transition: all 0.6s ease; height: 0; overflow: hidden;}
#header.sticky .toggler .box-menu {background:#0e538c; transition: all 0.6s ease;}
#header.sticky .toggler .box-menu .menu > li > a {color:#ffffff; transition: all 0.6s ease;}
#header .toggler .box-menu {transition: all 0.6s ease; }
#header .toggler .box-menu .menu li a { transition: all 0.6s ease;}
#header .logo-sm {opacity: 0; margin:3px 0 5px 5px; transition: all 0.6s ease;}
#header .logo-sm img {width:55px; height: auto; display: block; transition: all 0.6s ease; float: left; max-width:73px; margin:3px 0 0 30px;}
#header.sticky .logo-sm {opacity: 1;  transition: all 0.6s ease;}
#header .logo-txt {opacity: 1; float: left; color:#fff; font-size: 10px; width:125px; font-weight: bold; margin: 9px 0 0 5px}
#header .logo-txt span {clear: both; display: block; font-weight: normal;}
#header.sticky .logo-txt {opacity:1;}
#header.sticky .cbp-hrmenu {float:right; margin:0; width: 90%;}
#header .logo-resp {display: none;}
#header.sticky .logo-resp {display:block;}
#header.sticky .cbp-hrmenu > ul > li a i {color:#FFFFFF; opacity:.5;}
#header.sticky .cbp-hrmenu > ul > li > a {border-left: 1px solid #276598; font-family:lato, Verdana, Geneva, sans-serif !important; font-size: 11px; padding:2.5em 1.5em;}

/* FIN Estructurales */ 

/*--------------- Header ---------------*/
#logo {display: table;}
#logo >* {display: table-cell; vertical-align: middle;}
#logo a {margin:0 20px 0 0; float:left;}
#logo span {font-family:lato, Verdana, Geneva, sans-serif; font-size:20px; color:#FFF; letter-spacing: 2px; line-height:120%;}
#logo span span {font-family:latoLight, Verdana, Geneva, sans-serif; font-size:17px;  float:none; clear:both; display:block;}
.icono {margin:5px 0 0 20px; padding:0 0 0 25px; background-size:20px 20px !important; float:left}
.icono.social { padding: 0 !important; }
.icono.social .fa {font-size: 1.3em; margin: 5px 0  0 10px; opacity: 0.7;}
.icono + .icono {margin:5px 0 0 15px;}
.icono i {float:left; margin:0 6px 0 0; color:#FFF; font-size: 1.5em;}
.icono span {float:left; padding:6px 0 0 0; font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; opacity:.7;}
.head.aright .aright {margin:22px 0 0 0; width: auto;}
.head.aright .aright .box-search {float: right; margin-left: 20px;}
.head ul.menu-top {float:right; margin-top:6px;}
.head ul.menu-top li {float:left;}
.head ul.menu-top li a {font-family:latolight, Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; padding:6px 10px; margin:0 2px 0 0; border:1px solid #276598; border-radius: 3px;}
.head ul.menu-top li a:hover {background-color:#f04c56; text-decoration:none;}
/* buscador header */ 
.box-search {width:195px; border:1px solid #5d7f9b; margin:0 auto 15px; -webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px; display: block; overflow: hidden;}
.box-search input.search {background:none; border:none; font-style:italic; font-size:12px; color:#ffffff; padding:8px 12px; float:left; width:135px;  opacity: 1;}
.box-search input.search:-moz-placeholder {color: #ffffff; opacity: 1; font-style:italic;}
.box-search input.search::-moz-placeholder {color: #ffffff; opacity: 1; font-style:italic;}
.box-search .boton-search {background:none; border:none; color:#fff; font-size:20px; margin:4px 0px; cursor:pointer;}

.box-menu {background-color:#edf2f5; width:100%; border-bottom:3px solid #d5d9dc; }
.head.ver-menu i { margin:7px 0 0 10px !important;}
.head #box-actividad-legislativa .ver-menu {margin-top:15px; margin-left:0; }

/* FIN Header */

/*--------------- Main--------------- */

/* rotulos */
h2.rotulo {width:100%; font-family:lato, Verdana, Geneva, sans-serif; font-size:30px; color:#003366; padding:0 0 10px; border-bottom:5px solid #f04c56; float:left; margin:0 0 10px;}
.select-form {background:#fff; border:1px solid #fff; font-family:lato, Verdana, Geneva, sans-serif; font-size:15px; margin:0 0 5px;}

/* botones */
.ver-mas {background-color:#0e538b; clear:both; color:#fff; display:table; font-family:opensans,Verdana,Geneva,sans-serif; font-size:13px; line-height:2em; margin:10px 0; padding:3px 20px; width:auto; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; transition: all 0.6s ease 0s;}
.ver-mas.azul {background-color:#003366;}
.ver-mas.rojo, .ver-menu.selected {background-color:#f04c56;}
.ver-mas.verde {background-color:#669900;}
.ver-mas.celeste {background-color:#0099ff;}
.ver-mas.gris {background-color:#666666;}

.ver-mas.transparente {border:1px solid #0e538b; background-color:#FFFFFF; color:#0e538b;}
.ver-mas.azul.transparente {border:1px solid #003366; background-color:#FFFFFF; color:#003366;}
.ver-mas.rojo.transparente {border:1px solid #f04c56; background-color:#FFFFFF; color:#f04c56;}
.ver-mas.verde.transparente {border:1px solid #669900; background-color:#FFFFFF; color:#669900;}
.ver-mas.celeste.transparente {border:1px solid #0099ff; background-color:#FFFFFF; color:#0099ff;}
.ver-mas.gris.transparente {border:1px solid #666666; background-color:#FFFFFF; color:#666666;}

.ver-mas.big {font-size: 20px;}
.ver-mas.medium {font-size: 15px;}
.ver-mas.small {font-size: 12px;}
.ver-mas.ultra-small {font-size: 10px;}

.ver-mas:hover {background-color:#f04c56 !important; color:#FFFFFF !important; }
.ver-mas.rojo:hover {background-color:#003366 !important; color:#FFFFFF !important; }
.ver-mas.transparente:hover {border: 1px solid #f04c56 !important;}

/* FIN Main*/

/*--------------- Footer ---------------*/
#footer .auxi .grid-2.aleft + .grid-2.aleft {margin:0 0 0 1.5%;}
ul.list-footer {width:100%;}
ul.list-footer li.rot {background:url(/img/linea_red.gif) no-repeat left bottom; font-family:latoBold, Verdana, Geneva, sans-serif; font-size:13px; color:#202124; line-height:130%; width:100%; padding:0 0 15px; margin:0 0 15px;}

ul.list-footer li {font-family:lato, Verdana, Geneva, sans-serif; font-size:13px; color:#00456c; line-height:130%; margin:0 0 15px;}
ul.list-footer li a {font-family:lato, Verdana, Geneva, sans-serif; color:#00456c;}

.footer-bootom {background-color:#f5f5f5; border-top:1px solid #e4e4e4;}
.footer-bootom .auxi {padding:80px 0 !important;}
ul.logos-footer {width:auto; display:table; margin:0 auto 55px;}
ul.logos-footer li {float:left; width:165px; text-align:center;}
ul.logos-footer li a span {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#333333; line-height:130%;}

.footer-bootom .auxi > p {font-family:lato, Verdana, Geneva, sans-serif; font-size:12px; color:#666666; line-height:130%; margin:0 auto; display:table; text-align:center;}
.footer-bootom .auxi > p img {margin:0 0 25px;}
.footer-bootom .auxi > p span {color:#003366;}

/* UItoTop jQuery Plugin 1.2*/ 
#toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:75px; z-index:999; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(/img/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(/img/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}

/* FIN Footer */


/*--------------- Font face ---------------*/
	/*Lato Light*/
	@font-face {
		font-family: 'lato';
		src: url('fonts/lato-regular-webfont.eot');
		src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/lato-regular-webfont.woff2') format('woff2'),
			 url('fonts/lato-regular-webfont.woff') format('woff'),
			 url('fonts/lato-regular-webfont.ttf') format('truetype'),
			 url('fonts/lato-regular-webfont.svg#lato') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN Lato Light*/
	
	/*Lato Light*/
	@font-face {
		font-family: 'latoLight';
		src: url('fonts/lato-light-webfont.eot');
		src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/lato-light-webfont.woff2') format('woff2'),
			 url('fonts/lato-light-webfont.woff') format('woff'),
			 url('fonts/lato-light-webfont.ttf') format('truetype'),
			 url('fonts/lato-light-webfont.svg#latoLight') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN Lato Light*/
	
	/*Lato Light Italic*/
	@font-face {
		font-family: 'latoLightItalic';
		src: url('fonts/lato-lightitalic-webfont.eot');
		src: url('fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/lato-lightitalic-webfont.woff2') format('woff2'),
			 url('fonts/lato-lightitalic-webfont.woff') format('woff'),
			 url('fonts/lato-lightitalic-webfont.ttf') format('truetype'),
			 url('fonts/lato-lightitalic-webfont.svg#latoLightItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN Lato Light Italic*/
	
	/*Lato Bold*/
	@font-face {
		font-family: 'latoBold';
		src: url('fonts/lato-bold-webfont.eot');
		src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/lato-bold-webfont.woff2') format('woff2'),
			 url('fonts/lato-bold-webfont.woff') format('woff'),
			 url('fonts/lato-bold-webfont.ttf') format('truetype'),
			 url('fonts/lato-bold-webfont.svg#latoBold') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN Lato Bold*/
	
	/*Lato Bold Italic*/
	@font-face {
		font-family: 'latoBoldItalic';
		src: url('fonts/lato-bolditalic-webfont.eot');
		src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/lato-bolditalic-webfont.woff2') format('woff2'),
			 url('fonts/lato-bolditalic-webfont.woff') format('woff'),
			 url('fonts/lato-bolditalic-webfont.ttf') format('truetype'),
			 url('fonts/lato-bolditalic-webfont.svg#latoBoldItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN Lato Bold Italic*/
	
	/*opensans*/
	@font-face {
		font-family: 'opensans';
		src: url('fonts/opensans-regular-webfont.eot');
		src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/opensans-regular-webfont.woff2') format('woff2'),
			 url('fonts/opensans-regular-webfont.woff') format('woff'),
			 url('fonts/opensans-regular-webfont.ttf') format('truetype'),
			 url('fonts/opensans-regular-webfont.svg#opensans') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	/*FIN opensans*/
/*---FIN Font face---*/


/*--------------- RESPONSIVE ----------------*/


@media(max-width:1200px) {
	#logo {margin:0 0 0 5px;}
}
@media(max-width:1170px) {
	.table-responsive {border:1px solid #ddd; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; width:100%;}
}
@media(max-width:1038px) {
	.head.aright {width: 55%;}
	#header .auxi {height:110px;}
}
@media(max-width:1008px) {
	.cbp-hrmenu > ul > li > a.first, .cbp-hrmenu > ul > li > a {padding:0.938em 0.5em !important;}
}
@media(max-width:967px) {
	.head.aright {width:57%;}
	.head.aright .aright {margin:18px 10px 0 0;}
	.head ul.menu-top li a {padding:8px 10px;}
	.icono {margin:5px 0 0 10px; padding:0;}
}
@media(max-width:935px) {
	.head.aright {width:55%;}
}
@media(max-width:925px) {
	.cbp-hrmenu > ul > li > a {font-size:13px !important;}
}
@media(max-width:895px) {
	#logo a {margin:0 15px 0 0;}
	#logo span {font-size:20px;}
	#header .auxi {height:150px;}
	.head.aright .aright .box-search {margin:15px 20px 0 0;}
	.head ul.menu-top li a {float:left; padding:8px 4px;}
	.icono {margin:5px 0 0 15px;}
	.icono + .icono {margin:5px 0 0 15px;}
}
@media(max-width:860px) {
	.cbp-hrmenu > ul > li > a {font-size:13px !important; text-transform:none !important;}
	.head.aright .aright {margin:0 10px 0 0;}
}
@media(max-width:760px) {
	ul.list-footer li {margin: 0 0 10px;}
	#footer .auxi .grid-2.aleft + .grid-2.aleft {margin:0;}
	#toTop {right:15px;}
	#footer .auxi .grid-2.aleft, #footer .auxi .grid-2.aleft + .grid-2.aleft {width:95% !important; margin:0 auto 25px; float:none;}
	
	#header .toggler {width:100%; position: static; top:101px; transition: all 0.4s ease;}
	#header.sticky .toggler{position: fixed; top:0px; z-index: 1000; width:100%; opacity: 1; }
	#header.sticky { transition: all 0.6s ease; width:100%; overflow:visible; position: fixed; top: 0; z-index: 1000;}
	#header.sticky .auxi { opacity: 1; transition: all 0.6s ease; height:75px; overflow: hidden; display:none;}
	
	#main {padding:20px 0;}
	#footer .auxi {padding:20px 0;}
}
@media(max-width:750px) {
	#main .auxi-main {width:90%;}
	#header .auxi {height:87px;}
	.cbp-hrmenu > ul > li > a {font-size:13px !important; text-transform: uppercase !important;}
	#header.sticky .auxi {display:block;}
    .aleft {float:none;}
}
@media(max-width:530px) {
	#footer .auxi {display: none;}
	.footer-bootom .auxi {display: block !important;}
	 ul.list-footer {display: none;}
	.logos-footer li {width: 33.33% !important;}
	.logos-footer li img {width:100%; height: auto; display: block;}
}
@media(max-width:450px) {
	#actividad-legislativa .listAuxi {width:80%; clear:both;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width:736px)
  and (orientation: landscape) {
	 #header {position: relative !important;}

}


/* FIN */