/* CSS Document */
/*#main {padding-top: 15px;}*/
#destacados.grid-8 {max-width:740px;}
#actividad-legislativa.grid-4 {margin-left:0; float:right;}
#ultimos-proyectos.grid-4 .some-content-related-div {background:#f5f5f5;}
.col-short .some-content-related-div .slimScrollDiv {height:350px !important;}
#ultimos-proyectos.grid-4 h2.rotulo {border-bottom:5px solid #f04c56; margin:0; width:100%;}
#destacados h2 {width:100%; font-family:latolight, Verdana, Geneva, sans-serif; font-size:20px; color:#003366; padding:0 0 10px; border-bottom:5px solid #f04c56; float:left; margin:0;}
#destacados article.grid-12 .imagen, #destacados article.grid-6 .imagen {position:relative;}
#destacados article.grid-12 .imagen a img {width:100%; height:auto;}
#destacados article.grid-12 .imagen .epigrafe, #destacados article.grid-6 .imagen .epigrafe {position:absolute; left:20px; bottom:20px; background-color:#0e538c; font-size:18px; color:#FFF; font-family:latoBold, Verdana, Geneva, sans-serif; padding:12px 17px; max-width: 85%; }
#destacados article.grid-6 .imagen .epigrafe {font-family:lato, Verdana, Geneva, sans-serif; font-size:16px;}
#destacados article.grid-12 h3, #destacados article.grid-6 h3 {font-family:lato, Verdana, Geneva, sans-serif; font-size:23px; color:#333; margin:15px 0 20px 0;}
#destacados article.grid-6 h3 {font-size:24px; line-height: 150%;}
#destacados article.grid-12 h3 a, #destacados article.grid-6 h3 a {font-family:lato, Verdana, Geneva, sans-serif; color:#333;}
#destacados article.grid-12 ul, #destacados article.grid-6 ul {clear:both;}
#destacados article.grid-12 ul li, #destacados article.grid-6 ul li {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#0066cc; margin:0 0 10px;}
#destacados article.grid-12 ul li i, #destacados article.grid-6 ul li i {color:#a9a9a9;}
#destacados article.grid-12 ul li a, #destacados article.grid-6 ul li a {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#0066cc;}

/*Formacion ciudadana*/
.grid-3, #historia .grid-3 {float:left; position:relative;}

#destacados .bx-wrapper .bx-controls .bx-controls-direction {display:none;}
#destacados .bx-wrapper .bx-controls {width:auto; margin:0 auto; display:table;}
#destacados .bx-wrapper .bx-controls .bx-pager {float:left;}
#destacados .bx-wrapper .bx-controls .bx-pager .bx-pager-link {background-color:#999999; font-size:0; width:15px; height:15px; display:block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
#destacados .bx-wrapper .bx-controls .bx-pager .bx-pager-link.active {background-color:#f04c56;}
#destacados .bx-wrapper .bx-controls .bx-pager .bx-pager-item {float:left;}
#destacados .bx-wrapper .bx-controls .bx-pager .bx-pager-item + .bx-pager-item { margin:0 0 0 10px;}
#destacados .bx-wrapper .bx-controls .bx-controls-auto {float:left; margin:2px 0 0 12px;}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-start {background:url(/img/controls.png) no-repeat -86px -11px; display:block; height:11px; margin:0 0 10px; outline:0 none; text-indent:-9999px; width:19px;}
.bx-wrapper .bx-controls-auto .bx-stop {background:url(/img/controls.png) no-repeat -86px -44px; display:block; height:11px; margin:0 0 10px; outline:0 none; text-indent:-9999px; width:19px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}

#destacados .grid-6 {position:relative; float:left; margin-left:0;}
#destacados .grid-6 + .grid-6 {float:right;}
#destacados .grid-6 a img {width:100%; height:auto;}

.some-content-related-div {clear:both;}
#inner-content-div > p {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#333333; margin:35px 0 0 0; padding:0 37px 0 35px; clear:both;}
#inner-content-div > p a {background-color:#e3e8ed; clear:both; color:#0066cc; display:table; font-family:latoBoldItalic,Verdana,Geneva,sans-serif; font-size:14px; margin:5px 0 0; padding:5px 10px; 
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;}

#actividades .some-content-related-div {clear:both;}
#actividades #inner-content-div > p {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#ffffff; margin:0 0 15px; line-height: 140%; padding:0 37px 0 35px; clear:both;}
#actividades #inner-content-div > p a {background-color:#e3e8ed; clear:both; color:#0066cc; display:table; font-family:latoBoldItalic,Verdana,Geneva,sans-serif; font-size:14px; margin:5px 0 0; padding:5px 10px; -webkit-border-radius: 35px;-moz-border-radius: 35px;
border-radius: 35px;}
#actividades .slimScrollDiv {height: 220px !important; margin: 0 20px 40px 0; overflow: hidden;}
#actividades #inner-content-div {height: 220px !important;}

.grid-12.diputados-actividad {background:url(/img/bg_inicio.jpg) repeat-y center top #0e538c; clear:both; margin:50px 0 65px 0;}

#diputados {background-color:#003366; float:left; padding:0 0 42px;}
#diputados h2.rotulo {color:#fff; display: table; float: none; margin:40px auto 40px; width:auto;}
.imagen-diputado {clear:both; width:107px; float:left; margin:0 30px 0 10px;}
.imagen-diputado .foto {border:1px solid #FFF; float:left; margin:0 0 10px;}
.imagen-diputado .foto img {float:left;}
.imagen-diputado h3 {font-family:latoBoldItalic, Verdana, Geneva, sans-serif; font-size:15px; color:#fff; text-align:center; margin:0 0 10px; line-height: 120%;} 
.imagen-diputado p {font-family:latoLightItalic, Verdana, Geneva, sans-serif; font-size:13px; color:#fff; text-align:center; line-height: 120%;} 
.select-diputado {float:left; position: relative; min-height: 210px; width:200px;}
.select-diputado p {font-family:latoLightItalic, Verdana, Geneva, sans-serif; font-size:18px; color:#fff; margin:0 0 5px;}
.select-diputado ul {clear:both; margin:5px 0 0 0;}
.select-diputado ul li {float:left; clear:both; color:#FFF; margin:0 0 5px;}
.select-diputado ul li a {font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#fff; padding:0;}
.select-diputado .ver-mas { float:left; margin:0px;}

#actividad-legislativa .listAuxi {float: left; display: block; width:100%; background: #edf2f5; padding: 10px 0; border-bottom: 3px solid #d5d9dc;}
#actividad-legislativa h2 {width:100%; font-family:latolight, Verdana, Geneva, sans-serif; font-size:20px; color:#003366; padding:0 0 10px; border-bottom:5px solid #f04c56; float:left; margin:0; text-align: center; }
#actividad-legislativa h3 {color: #003366; font-family: latoBold,Verdana,Geneva,sans-serif; font-size: 16px; margin:15px 35px;}
#actividad-legislativa ul {margin:0 0 10px 35px; overflow: hidden; list-style:inside none disc; }
#actividad-legislativa ul li {float:left; clear:both; color:#333; margin:0 0 8px; color:#999999;}
#actividad-legislativa ul li a {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; color:#333; padding:0;}
#actividad-legislativa .ver-mas { float:none; margin:20px auto 25px; background: #003366;}
#actividad-legislativa .ver-mas i {padding-left: 10px;}

/* FORMACIîN CIUDADANA */
#formacion-ciudadana {width:100%; clear:both; background-color:#2B6A9D; padding:25px 0; margin:35px auto; display:inline-table;}
#formacion-ciudadana h3 {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:20px; color:#fff; line-height:130%; margin:0 auto 25px; display:table;}
#formacion-ciudadana .grid-3 {min-height:140px; width:21.8%;}
#formacion-ciudadana .grid-3 a img {float:left; margin:0 10px 0 0; border:1px solid #FFF;}
#formacion-ciudadana .grid-3 h4 {font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#202124; line-height:120%;}
#formacion-ciudadana .grid-3 h4 a {font-family:lato, Verdana, Geneva, sans-serif; color:#fff;}
#formacion-ciudadana .ver-mas {background-color:#003366 !important; margin:30px auto 0;}

/* APLICACIONES */
#aplicaciones {text-align:center; width:100%; clear:both; background-color:#edf2f5; padding:25px 0; margin:35px auto; display:inline-table; border-radius:10px;}
#aplicaciones h3 {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:20px; color:#0e538c; line-height:130%; margin:0 auto 5px auto; display:table;}
#aplicaciones .appcentro {padding: 5px;}
#aplicaciones .img {float:left; margin-left: 0px; display:inline-block;}
#aplicaciones > ul > li {display:inline-block; margin: 15px 15px 0 15px;}

/* APLICACIONES MOVILES (idem aplicaciones)*/
#aplicacionesMoviles {text-align:center; width:100%; clear:both; background-color:#edf2f5; padding:25px 0; margin:35px auto; display:inline-table; border-radius:10px;}
#aplicacionesMoviles h3 {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:20px; color:#0e538c; line-height:130%; margin:0 auto 5px auto; display:table;}
#aplicacionesMoviles .appcentro {padding: 5px;}
#aplicacionesMoviles .img {float:left; margin-left: 0px; display:inline-block;}
#aplicacionesMoviles > ul > li {display:inline-block; margin: 15px 15px 0 15px;}

.diputados-actividad .auxi {max-width:1200px; width:100%; margin:0 auto;}
#actividades {background-color:#0e538b; float:left}
#actividades .rotulo {color:#fff; display:table; float:none; margin:40px auto 40px; width:auto;}
#actividades .grid-4 {float:left; padding:0 30px; width:25.26%; min-height:210px; margin:0 0 40px; position:relative; text-align: center;}
#actividades .grid-4 + .grid-4 {border-left:1px solid #286698; text-align: left;}
#actividades .grid-4 h3 {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:22px; color:#fff; margin:0 0 15px;}
#actividades .grid-4 h3.rotulo, #actividades #ultimos-proyectos h3 {border-bottom: 5px solid #f04c56; font-family: lato,Verdana,Geneva,sans-serif; padding: 0 0 10px;  margin:40px 0 40px !important;}
#actividades #ultimos-proyectos h3 {margin:40px 0 40px 30px !important;  font-size: 22px;}
#actividades .grid-4 p {clear:both; font-family:latoLightItalic, Verdana, Geneva, sans-serif; font-size:14px; color:#ebf6ff; margin:10px 0 15px; text-align:center; display:inline-block;}
#actividades .grid-4 ul {clear:both; margin:0;}
#actividades .grid-4 ul li {float:left; clear:both; color:#FFF; margin:0 0 5px;}
#actividades .grid-4 ul li a {font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#fff; padding:0;}

.funcion-participacion-formacion {clear:both; margin:0 auto 90px;}
.funcion-participacion-formacion .grid-4 {float:left; margin:0;}
.funcion-participacion-formacion .grid-4 img {width:100%; height:auto;}
.funcion-participacion-formacion .grid-4 + .grid-4 {margin:0 0 0 14px;}
.funcion-participacion-formacion .grid-4 h4 {font-family:lato, Verdana, Geneva, sans-serif; font-size:30px; color:#333333; margin:0 auto 30px; text-align:center;}
.funcion-participacion-formacion .grid-4 article.grid-12 {position:relative; border-top:5px solid #f04c56;}
.funcion-participacion-formacion .grid-4 article.grid-12 a img {width:100%; height:auto;}
.funcion-participacion-formacion .grid-4 article.grid-12 ul {position:absolute; left:25px; top:50px;}
.funcion-participacion-formacion .grid-4 article.grid-12 ul li {font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#fff; margin:0 0 10px;}
.funcion-participacion-formacion .grid-4 article.grid-12 ul li i {color:#b2732d;}
.funcion-participacion-formacion .grid-4 article.grid-12 ul li a {font-family:lato, Verdana, Geneva, sans-serif; color:#000000; border-bottom:1px solid #b2732d; margin:0 0 0 5px;}
.funcion-participacion-formacion .grid-4 article.grid-12 .box-txt {position:absolute; left:0; right:0; bottom:15px; width:85%; margin:0 auto;}
.funcion-participacion-formacion .grid-4 article.grid-12 .box-txt h3 {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:18px; color:#333333; text-align:center;}
.funcion-participacion-formacion .grid-4 article.grid-12 .box-txt h3 a {font-family:latoBold, Verdana, Geneva, sans-serif; color:#000000; }	

#banner-home {margin:0 0 90px;}
#banner-home .grid-4 {float:left; border-top:5px solid #f04c56; margin:0; width:32.26%;}
#banner-home .grid-4 + .grid-4 {margin:0 0 0 15px;}
.grid-4.imagen a img {width:100%; height:auto;}
#banner-home .grid-4.texto {border-left:1px solid #8faac8; border-right:1px solid #8faac8; border-bottom:1px solid #8faac8;}
#banner-home .grid-4.texto a img {float:left; margin:0 20px 0 0;}
#banner-home .grid-4.texto a {float:left;}
#banner-home .grid-4.texto a h3, #banner-home .grid-4.texto h3 {font-family:lato, Verdana, Geneva, sans-serif; font-size:18px; color:#0e538b; margin:15px 0 10px 0; padding:0 30px 0 0;}
#banner-home .grid-4.texto a p, #banner-home .grid-4.texto p {font-family:lato, Verdana, Geneva, sans-serif; font-size:15px; color:#333333; padding:0 30px 0 0;}

#sitios-relacionados {margin:35px 0 0 0;}
#sitios-relacionados h2 {font-family:lato, Verdana, Geneva, sans-serif; color:#333333; font-size:25px; line-height:130%; margin:0 auto 40px; display:table;}
article.slide a span {font-family:lato, Verdana, Geneva, sans-serif; font-size:14px; line-height:130%; color:#333333; text-align:center; display:table; margin: 0 auto;}
#sitios-relacionados .bx-wrapper {position:relative; padding: 0 60px;}
#sitios-relacionados .bx-wrapper .bx-controls .bx-pager {display:none;}
#sitios-relacionados .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {background:url(/img/slide.png) no-repeat left top; width:35px; height:35px; display:block; font-size:0; position:absolute; left:0; top:40%;}
#sitios-relacionados .bx-wrapper .bx-controls .bx-controls-direction .bx-next {background:url(/img/slide.png) no-repeat -35px top; width:35px; height:35px; display:block; font-size:0; position:absolute; right:0; top:40%;}
#sitios-relacionados .bx-wrapper article, #sitios-relacionados .bx-wrapper article a {text-align: center;}

.diputados-actividad .ver-mas {padding:3px 15px; margin-top:15px; }
#actividades .ver-mas {background:#003366 !important; position:relative;}


@media(max-width:1160px) {
	#main .auxi-main {width:90%;}
	#destacados.grid-8 {width:66.13%;}
	#ultimos-proyectos.grid-4 {width:32.26%;}
	.slimScrollDiv {height:510px !important;}
	#ultimos-proyectos.grid-4, #actividad-legislativa.grid-4 {max-width:420px; width:29.7%;}
}
@media(max-width:1140px) {
	#banner-home .grid-4.texto a img {width:125px; height:auto;}
	#banner-home .grid-4 {width:32.05%;}
	#banner-home .grid-4.texto a h3 {font-size:14px;}
	#banner-home .grid-4.texto a p {font-size:13px;}
}
@media(max-width:1136px) {
	#actividades .grid-4 {width:24.26%;}
}
@media(max-width:1122px) {
	.imagen-diputado {float:none; margin:0 auto 20px;}
	.select-diputado {float:none; margin:0 auto 20px; width:75%;}
	#actividades .grid-4 {width:38.26%; margin:0 0 25px;}
	#actividades #ultimos-proyectos {width:52.13%;}
}
@media(max-width:1095px) {
	#banner-home .grid-4.texto a img {width:38%; height:auto;}
}
@media(max-width:1082px) {
	#banner-home .grid-4.texto a img {width:35%; height:auto; margin:0 10px 0 0;}
}
@media(max-width:1036px) {
	#banner-home .grid-4.texto a p {display:flex; margin:0 0 10px;}
	.slimScrollDiv {height:400px !important;}
	#actividad-legislativa.grid-4 {margin-left:10px;}
}
@media(max-width:945px) {
	.grid-12.diputados-actividad {background:#0e538b;}	
	#diputados {background-color:#003366; float:none; margin:20px auto 0; padding:0 0 45px; display:table;width:100%;}
	#actividades {float:none; width:100%;}
	#actividades .grid-4 {margin:0 0 15px; width:25.26%;}
	.imagen-diputado {float:left !important; margin: 0 30px 0 30px !important;}
	.select-diputado {float:left !important; margin:0 0 20px 15px !important; width:auto !important;}
	.funcion-participacion-formacion .grid-4 h4 {font-size:22px;}
 	#diputados > * {margin:0 auto 30px; float:none;	text-align:center;}
	.select-diputado ul {margin:15px auto 0;}
	.select-diputado p {float:left; padding:10px;}
	.select-form {float:left;}
	.diputados-actividad .ver-mas {position:relative;}
	
}

@media(max-width:1100px) {
	#formacion-ciudadana .grid-3 h4 {display:flex;}

}
@media(max-width:1148px) {
	#formacion-ciudadana .grid-3 {margin:0 18px 15px; min-height:140px; width:19.8%;}
}

@media(max-width:1110px) {
	#formacion-ciudadana .grid-3 {margin:0 10px 15px; min-height:140px; width:22.8%;}
}

@media(max-width:955px) {
	#formacion-ciudadana .grid-3 {width:33.8%;}
}
@media(max-width:914px) {
	.funcion-participacion-formacion .grid-4 {width:100%; max-width:390px; clear:both; margin:0 auto 30px !important; float:none;}
	.funcion-participacion-formacion .grid-4 h4 {margin:0 auto 15px;}
	#banner-home .grid-4 {clear:both; float:none; margin:15px auto !important; width:400px;}
}
@media(max-width:768px) {
	#actividades .grid-4 {max-width:100%; width:90% !important;}
	#banner-home .grid-4 {width:400px !important; max-width:100%; min-height: auto;}
	#actividades .grid-4 h3 {
    color: #fff;
    display: table; margin:0 auto 15px;}
	.box-search {float:right; height:40px; margin:0 0 0 20px;}
	.slimScrollDiv {height: 270px !important;}
	#actividades .grid-4 {float:none; margin:0 auto 20px; padding:0 0 40px 0; border-left:0px solid #286698 !important;}
	.diputados-actividad .auxi {padding:0 0 10px 0;}
	#main section {margin-bottom: 30px;}
	.funcion-participacion-formacion .grid-4 + .grid-4 {margin: 0 0 0 0;}
	
	h2.rotulo {float:none; width:auto;}
	#ultimos-proyectos.grid-4, #actividad-legislativa.grid-4 {float:right; margin-left: 0;}
	#actividad-legislativa .listAuxi {width:100%;}
	#diputados {margin-bottom:0 !important; padding:0;}
	
	#diputados h2.rotulo {margin:20px auto !important;}
	.select-diputado {margin:0 0 0 10px !important; min-height:160px;}
	.select-diputado .ver-mas {margin:20px auto 0 !important; position:relative !important; float:none !important;}
	
	#actividades .grid-4 h3 {float:left;}
	.box-search {clear:both; float:left;}
	#actividades .grid-4 p {clear:both; float:left;}
	
	#actividades .grid-4 h3.rotulo, #actividades #ultimos-proyectos h3 {margin:20px 0 !important;}
	#actividades #ultimos-proyectos {width:90% !important; margin:0 auto; float:none;}
	
	#actividades .grid-4 {margin:0 auto 10px; padding:0 0 10px;}
	.grid-12.diputados-actividad {margin:50px 0 20px;}
	.funcion-participacion-formacion {margin:0 auto 20px;}
}
@media(max-width:760px) {
#ultimos-proyectos.grid-4, #actividad-legislativa.grid-4 {float:right; margin-left:0; max-width:740px; width:97%; }
#formacion-ciudadana .grid-3 {width:46.8% !important;}
}
@media(max-width:600px) {
	.select-diputado {width:65% !important;}
}	
@media(max-width:505px) {
	.imagen-diputado, .select-diputado {float:none!important; margin:0 auto!important;}
	.select-diputado p {float:none; margin:0 auto!important; padding:10px;}
	.select-form {float:none; margin:0 auto!important;}
	.select-diputado ul li {float:none; margin: 0 auto 5px;}
}