/*
|==========================================================================
| Geeklopers - Document CSS
|==========================================================================
|
| Kevin Ramírez, Rodrigo Zamora, Manuel Verdugo 
| - Estilos para la Vista de Inicio
|
*/
/*{border: solid red 1px;}/**/

#Respuesta{margin-top:20px;}
.view table {margin:auto;}

h1, h2, h3, h4, h5 { font-weight: 900; margin:0; }
h1 { font-size: 42px; }
/*ul {padding:0; margin:0;}*/
a, a:visited, a:focus, a:active { color: #043969; }
a i, .fa.fa-search { color: #dc6ba3; }
a:hover, a i:hover { color: #043969 !important; }
a:hover i { color: #dc6ba3; }
.entry-header {padding:20px 0; background: transparent;}
.btn { border-radius: 0; font-size: 13px; border: 0; padding: 8px 12px; }
.btn:focus { outline: none; }
.btn:active { outline: none; box-shadow: none; }
.btn:active { outline: none; box-shadow: none; }
img {max-width: 100%;}
.menu-item i {margin-right:0 !important;}
.relative {position: relative;}
.container {max-width: 1200px;}
button { outline: none; box-shadow: none; font-weight: 900; }
input { outline: none; box-shadow: none; }
.left {float: left;}
.right {float: right;}
.carousel-control.right {background: none;}
.carousel-control.left {background: none;}
.o-h {overflow: hidden;}
.pad-none {padding: 0;}
.margin-none {margin: 0;}
.center {display: flex; justify-content: center; align-items: center;  display: -webkit-flex;
    display: -moz-flex;
     display: -ms-flexbox;
    -ms-flex-pack: center;
    display: -o-flex;
    display: flex;}
html,body { padding: 0; margin: 0; font-size: 16px; color: #000; background-color: #edeef0;}
.home header {padding-bottom: 70px;}

header {background-color: #fff; border-top: solid 10px #efb3d2; padding-bottom:10px;} 
header .logo {float: left; margin-top: 30px;}
header .logo img {height: auto; max-width: 100%;}
header .links {float: right;}
header .links .redes {display: inline-flex;  margin-top: 50px;}
header .links .redes .telefono {margin-right: 30px; font-size: 16px;}
header .links .redes .telefono a {color: #6f8ea7;}
header .links .redes .correo {margin-right: 30px; font-size: 16px;}
header .links .redes .correo a {color: #6f8ea7;}
header .links .redes .link i {font-size: 25px; padding: 0 10px}
header .buscador .form-control{float: right; width: 200px; padding-right: 30px;}
header .buscador .form-control:focus i, .sesiones-y-acuerdos .buscador .form-control:focus i {background-color:#dc6ba3;}
header .buscador button{border:none; background: none; position: absolute; right: 15px; top: 8px;}
header .buscador button:hover {color: #043969;}
header .menu {width: 100%; padding: 30px 0; display: inline-block; text-align: center;}
header .menu li a {text-transform: uppercase;}
header .menu li a:hover, header .menu li.current_page_item  a, header .menu li.current-menu-item a {background: #8f386c;  color: #ffffff !important;}
header .menu #menu-header {padding:0; margin:0;}
header .scroll-top {height: 70px; width: 70px; background-color: #bc4a88; position: fixed; bottom: 20px; right: 20px; z-index: 3;}
header .scroll-top:hover {cursor: pointer;}
header .scroll-top i {font-size: 40px; color: #fff; margin-top: -5px}

footer {height: 700px; background-color: #8f386c; color: #fff;}
footer .left, .contacto .left {padding-right: 100px; height: 700px;}
footer .left .texto, .contacto .left .texto {font-size: 18px;}
footer .left form,  footer .left form{margin-top: 60px}
footer .left form .radio label, .contacto .left form .radio label {margin-right: 30px}
footer .left form .form-group label, .contacto .left form .form-group label {font-weight: 500;}
footer .left form .form-group input, .contacto .left form .form-group input {background-color: #8f386c; border-radius: 0; color: #fff;}
footer .left form .form-group textarea, .contacto .left form .form-group textarea {background-color: #8f386c; border-radius: 0; height: 120px; color: #fff; resize: none;}
footer .left form button, .contacto .left form button {background-color: #8f386c; border: solid 1px #fff; font-weight: 400;}
footer .left form .informacion a, .contacto .left form .informacion {color:#fff; margin-top: 25px; font-size: 18px;}
footer .left form .informacion i, .contacto .left form .informacion i {font-size: 30px; margin-right: 10px}
footer .left .links, .contacto .left .links {margin-top: 30px;}
footer .left .links ul, .contacto .left .links ul {padding:0; margin:0;}
footer .left .links li, .contacto .left .links li {display:inline-block;}
footer .left .links a, .contacto .left .links a {font-size: 14px; color: #fff; padding: 10px;}
footer .left .links a:last-of-type, .contacto .left .links a:last-of-type {padding:5px;}
footer .right, .contacto .right {padding-left:  100px; height: 640px;}
footer .right .marge, .contacto .right .marge {margin-top: 60px;}
footer .right .s-n, .contacto .right .s-n {margin-top: 10px}
footer .right .s-n a, .contacto .right .s-n a {padding: 0px 5px; font-size: 30px;}
footer .right .s-n a i, .contacto .right .s-n a i {color: #fff;}
footer .right .oficina, .contacto .right .oficina {border-bottom: 1px solid #fff;}
footer .right .oficina a {color:#ffffff;}
footer .right .oficina:last-child, .contacto .right .oficina:last-child {border: none;}
footer .right .oficina .margin, .contacto .right .oficina .margin {margin-left: 80px;}
footer .right .oficina .margin .title, .contacto .right .oficina .margin .title {font-size: 16px; margin: 15px 0;}
footer .right .oficina .margin i, .contacto .right .oficina .margin i {float: left; font-size: 30px}
footer .right .oficina .margin .texto, .contacto .right .oficina .margin .texto {font-size: 12px; margin-left: 30px; margin-bottom: 20px}

.view .section1 .direccion{border-bottom:1px solid #4f4e50; margin-top: -30px; font-size: 23px; color: #4f4e50; display: inline-block; font-style: italic; text-transform: uppercase; line-height: 1;}
.view .section1 .direccion span{color: #89878c;}

.inicio ul {padding:0; margin:0;}
.inicio .titulo {font-size: 78px;}
.inicio .section1 {margin-top: -80px;}
.inicio .section2, .inicio .section4, .nosotros, .procesos-electorales, .partidos-politicos, .resultados-busqueda, .sesiones-y-acuerdos, .boletines-de-prensa, .contacto, .eventos, .eventos.detalle, .transparencia, .transmisiones-de-radio, .educacion-civica, .geografia-electoral{padding: 50px 0;}
.inicio .section2 #menu-lila li {float: left; list-style: none;}
.inicio .section2 #menu-lila li a {display: block; margin-left: 26px; margin-bottom: 30px; width:256px; height:110px;}
.inicio .section2 #menu-lila li a:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.inicio .section2 #menu-lila li a img {height: auto;}
.inicio .section2 #menu-lila li a span {display: none;}
.inicio .section2 #menu-lila a:hover {text-decoration:none !important;}
.inicio .section2 .boton-lila .icono i {font-size: 50px;}
.inicio .section2 .boton-lila:hover {background: #6b1045;}
.inicio .section2 .boton-lila:hover i {color:white !important;}
.inicio .section2 .boton-lila .texto, .section2 .boton-lila .icono i {color:white;}
.inicio .section3 {font-family:'SinkinSans-Thin';}
.inicio .section3 .calendar-detail {background-color:#cdcdcd; padding:2em;}
.inicio .section3 .group:after {content: ""; display: table; clear: both;}
.inicio .section3 .calendar-wrapper {padding: 2em; padding-top:0; background:#cdcdcd;}
.inicio .section3 table {clear: both; width: 100%; border-collapse: collapse; color: #444;}

.inicio .section3 td {height: 48px; text-align: center; vertical-align: middle; width: 14.28571429%;}
.inicio .section3 td.not-current {color: #c0c0c0;}
.inicio .section3 td.evento {background-color:#a94687 !important; color:#FFFFFF !important;}
.inicio .section3 td.today {font-weight: 700; color: #FFFFFF !important; font-size: 1.5em; background-color: #303030 !important;}
.inicio .section3 td.evento:hover, td.today:hover {cursor: pointer;}
.inicio .section3 thead {border-bottom: 1px solid #000000; position: absolute; top: 20px; width: 350px; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.inicio .section3 thead td {border: none; color: #28283b; text-transform: uppercase; font-size: 1.5em;}
.inicio .section3 .not-current, .inicio .section3 .evento.not-current {background-color:transparent !important; color:transparent !important;}
.inicio .section3 #btnPrev {float: left;}
.inicio .section3 #btnPrev:before {content: '\f0d9'; font-family: FontAwesome; padding-right: 4px;}
.inicio .section3 #btnNext {float: right;}
.inicio .section3 #btnNext:after {content: '\f0da'; font-family: FontAwesome; padding-left: 4px;}
.inicio .section3 #btnPrev,#btnNext {background: transparent; border: none; outline: none; font-size: 1em; color: #9a9a9a; cursor: pointer; font-family: "Roboto Condensed", sans-serif; font-size:30px; margin-top:20px; text-transform: uppercase; transition: all 0.3s ease;}
.inicio .section3 #btnPrev:hover, #btnNext:hover {color: #28283b; font-weight: bold;}
.inicio .section3 .calendar-detail span{display: block;}
.inicio .section3 .calendar-detail .wrap-fecha-dia {border-bottom: 1px solid #171717;}
.inicio .section3 .calendar-detail .wrap-fecha-dia span:first-child {font-size: 40px;}
.inicio .section3 .calendar-detail .wrap-fecha-dia span:last-child {font-size: 30px;}
.inicio .section3 .calendar-detail .wrap-evento {border-bottom: 1px solid #171717; margin:10px 0;}
.inicio .section3 .calendar-detail .wrap-evento:last-child {border:none;}
.inicio .section3 .calendar-detail .wrap-evento span {font-size:20px;}

.inicio .section4 .titulo,.inicio .section7 .titulo {font-size: 60px; line-height: 55px; margin-bottom: 50px;}
/**/
.inicio .section4 #menu-informacion-de-interes li, .educacion-civica .section-menu-paridad li {height: 140px; width: 353px; margin-right: 3px; margin-bottom: 6px; float: left; list-style-type: none;}
.inicio .section4 #menu-informacion-de-interes li:hover a, .educacion-civica .section-menu-paridad li:hover a{-webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: pointer !important;} 
.inicio .section4 #menu-informacion-de-interes li a {border:2px solid #b888a6; display: block;}
.inicio .section4 #menu-informacion-de-interes li a span, .educacion-civica .section-menu-paridad li a span{display: none;}
.inicio .section4 #menu-informacion-de-interes li a img {height: auto; padding:0 !important; width: 100%;}

.inicio .section5 {margin: 50px 0;}
.inicio .section5 .fondo {position: absolute; top: 0; z-index: 1; height: 928px; width: 100%}
.inicio .section5 .fondo.orange {background-color: rgba(233, 144, 68, 0.7);}
.inicio .section5 .fondo.orange a, .section6 .fondo.pink a {color:white; font-size: 25px; font-style: italic; text-decoration: underline;}
.inicio .section5 .fondo.orange .texto {font-size: 27px; color: #fff; max-width: 1000px;}
.inicio .section5 .fondo.orange .texto .titulo {font-size: 78px; color: #fff; font-weight: 900; margin-bottom: 90px;}
.inicio .section6 .fondo {position: absolute; top: 0; z-index: 1; height: 932px; width: 100%}
.inicio .section6 .fondo.pink {background-color: rgba(174, 124, 174, .7);}
.inicio .section6 .fondo.pink .texto {font-size: 27px; color: #fff; max-width: 1000px;}
.inicio .section6 .fondo.pink .texto .titulo { color: #fff; font-weight: 900; margin-bottom: 90px;}
.inicio .section7  {padding: 50px 0;}
.inicio .section7 li{float: left; list-style-type: none;}
.inicio .section7 li:first-child{margin-right: 20px;}

.nosotros .section2 {margin-top:40PX;}
.nosotros .section2 ul li {display: inline-block;}
.nosotros #menu-nosotros {padding:0; margin:10px 0;}
.nosotros .section2 .link {display: inline-flex; padding: 0px 15px;}
.nosotros .section2 .link a {font-size: 24px; text-decoration: none; position: relative;}
.nosotros .section2 .link a .bar {width: 100%; height: 5px; background-color: #91346c; position: absolute; top: -5px; display: none;}
.nosotros .section2 .link:hover a .bar, .nosotros .section2 li.current-menu-item a .bar {display: block;}

.nosotros .section3 h2, .procesos-electorales .section2 h2, .partidos-politicos .section2 h2, .resultados-busqueda h3, .sesiones-y-acuerdos h2, .boletines-de-prensa h2, .eventos h2, .transparencia h2, .transmisiones-de-radio h2, .educacion-civica h2, .geografia-electoral h2 {font-size: 60px; font-weight: 900; color: #91346c; margin:40px 0;}
.nosotros .section3 p,.procesos-electorales .section2 p, .partidos-politicos .section2 p, .geografia-electoral .section7 p, .sesiones-y-acuerdos p, .boletines-de-prensa p, .eventos p, .transparencia p, .transmisiones-de-radio p, .geografia-electoral p {color: #5b5b5f; font-size: 24px; text-align: justify;}
.nosotros .section3 h3 {color: #91346c; font-size: 28px; font-weight: 400; padding: 40px 0;}
 
.page-id-98 .procesos-electorales .section3 {font-size: 20px;}

.partidos-politicos .section2 ul, .educacion-civica .section2 ul, .geografia-electoral .section3 ul {padding: 0; margin: 40px 0;  text-align: center;}
.partidos-politicos .section2 ul li, .sesiones-y-acuerdos .section3 .wrap-boton, .geografia-electoral .section3 ul li, .transparencia .section3 .wrap-boton, .educacion-civica .section2 ul li  {display: inline-block; height: 100px; margin-right: 15px; width: 372px; vertical-align: middle;}
.partidos-politicos .section2 ul li.current-menu-item, .partidos-politicos .section2 ul li:hover, .educacion-civica .section2 ul li.current-menu-item, .educacion-civica .section2 ul li:hover, .geografia-electoral .section3 ul li.current-menu-item, .geografia-electoral .section3 ul li:hover {border-bottom: 9px solid #91346c; color:#fff !important; text-decoration: none;}
.partidos-politicos .section2 ul li a:hover, .educacion-civica .section2 ul li a:hover, .geografia-electoral .section3 ul li a:hover {color:#fff !important; text-decoration: none;}
.partidos-politicos .section2 ul li a,.geografia-electoral .section3 ul li a, .transparencia .section3 a, .educacion-civica .section2 ul li a{color:white; display: flex; justify-content: center; align-items: center; font-size: 20px;  height: 82px; background-color:#8f386c;  width: 100%;}
.partidos-politicos .section3 , .partidos-politicos .section4, .geografia-electoral .section3{margin:40px 0;}
.partidos-politicos .section3 .bar, .sesiones-y-acuerdos .section3 .bar, .transparencia .section3 .bar, .geografia-electoral .section3 .bar {background:#8f386c; height: 9px; margin-top:8px; width:375px; }
.partidos-politicos .section3 .wrap-boton:hover .bar, .sesiones-y-acuerdos .section3 .wrap-boton:hover .bar, .transparencia .section3 .wrap-boton:hover .bar, .geografia-electoral .section3 .wrap-boton:hover .bar {display: block !important;}
.partidos-politicos .section3 .wrap-boton .current-menu-item + .bar, .sesiones-y-acuerdos .section3 .wrap-boton .current-menu-item + .bar, .transparencia .section3 .wrap-boton .current-menu-item + .bar, .geografia-electoral .section3 .wrap-boton .current-menu-item + .bar   {display: block;}
.partidos-politicos .section4 .row, .partidos-politicos .section5 .row, .partidos-politicos .section6 .row {margin-top:50px;}
.partidos-politicos .section4 .wrap-partido .texto {margin-top:20px;}
.partidos-politicos .section4 .row:nth-child(2) .wrap-partido:nth-child(3),.partidos-politicos .section4 .row:nth-child(3) .wrap-partido:nth-child(3){height: 223px; position: relative;}
.partidos-politicos .section4 .row:nth-child(2) .wrap-partido:nth-child(3) .texto,.partidos-politicos .section4 .row:nth-child(3) .wrap-partido:nth-child(3) .texto {bottom: 0; left: 0; right: 0; position: absolute;}
.partidos-politicos .section5 ul{padding:0; margin:0;}
.partidos-politicos .section5 ul li{ font-size:20px; display: inline-block; text-decoration: underline; width: 100%;}
.partidos-paliticos .section5 ul li a {color:#202020 !important;}

 .seleccionado {fill: #8f386c !important;}
 g:hover,  path:hover,  polygon:hover {cursor:pointer;}
 .geografia-electoral .section3 .wrap-boton,
 .geografia-electoral .section3 .bar,  .geografia-electoral .section3 ul li, .sesiones-y-acuerdos .section3 .wrap-boton, .sesiones-y-acuerdos .section3 .bar{width: 274px !important;}
 .geografia-electoral .section7 .flex {display: inline-flex;}
 .geografia-electoral .section7 .section7-1 {font-size: 24px; color: #000; padding: 45px 0; border-bottom: solid 5px #8f386c; }
 .geografia-electoral .section3 .wrap-boton, .educacion-civica .section2 ul li,
 .geografia-electoral .section3 .bar{width: 372px !important;}
 .geografia-electoral .section7 .flex {display: inline-flex;}
 .geografia-electoral .section7 .section7-1 {font-size: 24px; color: #000; padding: 45px 0; border-bottom: solid 5px #8f386c; }
 .geografia-electoral .section7 .section7-1 .select { margin-right: 80px; margin-bottom: 20px;}
 .geografia-electoral .section7 .section7-1 .select:last-child {margin-right: 0;}
 .geografia-electoral .section7 .section7-1 .select select {width:500px; margin-top: 10px;}
 .geografia-electoral .section7 .section7-1 .select a {width: 180px; margin-top: 10px; background-color: #8f386c; color: #fff; border-radius: 5px; font-size: 20px; float: right;}
 .geografia-electoral .section7 .section7-2 {padding-top: 45px; font-size: 24px; color: #000;}
 .geografia-electoral .section7 .section7-2 .select { margin-right: 40px;}
 .geografia-electoral .section7 .section7-2 .select:nth-child(5) {margin-right: 0;}
 .geografia-electoral .section7 .section7-2 .select select {width: 340px; margin-top: 10px;}
 .geografia-electoral .section7 .section7-2 .select a.btn-planos {width: 180px; margin-top: 20px; background-color: #8f386c; color: #fff; border-radius: 5px; font-size: 20px; float: right;}
 .geografia-electoral .section7 .section7-2 .bottom {text-align: center; font-size: 24px; color: #5b5b5f; margin-top: 45px;}
 .geografia-electoral #mapa-division-div, .geografia-electoral  #mapa-distritacion-div {position: relative;}
 .geografia-electoral #mapa-division-div .info-municipios,.geografia-electoral #mapa-distritacion-div .info-distritos {border-left: 7px solid #8f386c; padding-left: 20px; position: absolute; right: 100px; top:0;} 
 .geografia-electoral #mapa-division-div .info-municipios .wrap-texto, .geografia-electoral #mapa-distritacion-div .info-distritos .wrap-texto {margin-top:20px;}
 .geografia-electoral #mapa-division-div .info-municipios .wrap-texto a, .geografia-electoral #mapa-distritacion-div .info-distritos .wrap-texto a{text-decoration: underline;}
 .geografia-electoral #mapa-distritacion-div select{margin-top: 10px;}
 .geografia-electoral #mapa-distritacion-div p select {font-size: initial;}

.page-id-299 .preguntas-frecuentes .section1 {margin-bottom: 50px;}

.sitios-interes .section3 {margin-top: 50px;}
.sitios-interes .section3 .sitios-btn  {width: 230px; height: 130px; display: inline-block; border: 3px solid #8b3266; padding: 20px; background-color: #fff; margin-bottom: 4px;}
.sitios-interes .section3 .sitios-btn a .img-frame {width: 100%; height: 100%;}

.resultados-busqueda .section2 .wrap-texto h2, .resultados-busqueda .section2 .wrap-texto i {color:#ff187c;}
.resultados-busqueda .section2 .wrap-imagen {float:left;}
.resultados-busqueda .section2 .wrap-texto {margin-top:50px;}
.resultados-busqueda .section2 .wrap-texto h2 {font-family:'PTSans-regular'; font-size:100px; font-weight: lighter; }
.resultados-busqueda .section2 .wrap-texto i {font-size:35px; letter-spacing: 1px;}
.resultados-busqueda .section2 .wrap-texto i:last-child {color:#9f5982;}
.resultados-busqueda .section2 .resultados,.resultados-busqueda .section2 .resultados-no-encontrados {margin-top:50px;}
.resultados-busqueda .section2 .resultados ul li {list-style-type:none; margin-top:30px;}
.resultados-busqueda .section2 .resultados ul li:first-child{margin-top:0;}
.resultados-busqueda .section2 .resultados ul li a {color:#0000ff; text-decoration: underline;}
.resultados-busqueda .section2 .resultados ul li span {color:#666666; display:block;}
.resultados-busqueda .section2 .resultados ul li span p {display: inline;}
.resultados-busqueda .section2 .resultados-no-encontrados {margin-left: 190px;}
.resultados-busqueda .section2 .resultados-no-encontrados span, .resultados-busqueda .section2 .resultados-no-encontrados ul li, .resultados-busqueda .section2 .resultados-no-encontrados ul li a {color:#9f5982; font-size:20px;}
.resultados-busqueda .section2 .resultados-no-encontrados ul li {font-weight: bold; list-style-type: none;}
.resultados-busqueda .section3 {margin-top:30px;}
.resultados-busqueda .section3 a:hover span {text-decoration: none;}

.sesiones-y-acuerdos .section3 .archive {margin:40px 0;}
.sesiones-y-acuerdos .section3 .archive li{background-color:#91346c; display: inline-block;  margin: 10px;}
.sesiones-y-acuerdos .section3 .archive li a {align-items: center; border:1px solid #91346c; color:#ffffff; display: flex; font-size: 30px; justify-content: center; height: 100px; width: 372px;}
.sesiones-y-acuerdos .section3 .archive li a:hover {background-color: #edeef0; color: #91346c !important; text-decoration: none;} 
.sesiones-y-acuerdos .section3 .archive-dos ul {padding:0; margin:0;}
.sesiones-y-acuerdos .section3 .archive-dos ul li {list-style-type: none; margin-bottom: 15px;}
.sesiones-y-acuerdos .section3 .archive-dos ul li a {color:#91346c; font-family:'PTSans-regular';}
.sesiones-y-acuerdos .section3 .archive-dos ul li a span {display: block;}
.sesiones-y-acuerdos .buscador {float: right; position: relative; width: 300px;}
.sesiones-y-acuerdos .buscador span {color:#828181;}
.sesiones-y-acuerdos .buscador input, .sesiones-y-acuerdos .buscador button  {background-color: transparent;}
.sesiones-y-acuerdos .buscador button {border:none; position: absolute; right: 0; top: 28px;}
.sesiones-y-acuerdos .buscador button:hover {color: #043969;}
.sesiones-y-acuerdos .section3 .post-detail h3 {color: #91346c; font-family: 'PTSans-regular'; font-size: 40px;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar{border:2px solid #a43e75; float: right; margin-top:-25px; position:relative;  width: 72px;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar .month, .sesiones-y-acuerdos .section3 .post-detail .mini-calendar .day {color:#8f386c; height: 35px;} 
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar b {font-size:25px;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar .day {border-top:2px solid #8f386c;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar .line{height: 10px; width: 2px; background-color: #8f386c; position: absolute; top:-6px;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar .line.line-left {left: 18px;}
.sesiones-y-acuerdos .section3 .post-detail .mini-calendar .line.line-right {left: 45px;}
.sesiones-y-acuerdos .section3 .post-detail .post-content {margin-top:50px;}
.sesiones-y-acuerdos .section3 .post-detail .post-content h3 {font-size: 30px;}
.sesiones-y-acuerdos .section3 .post-detail .post-content p, .sesiones-y-acuerdos.detalle .section3 p {color:initial; font-size: initial; font-family: initial; margin:0;}
.sesiones-y-acuerdos .section3 .post-detail .post-content strong em {color:#5b5a5d;}
.sesiones-y-acuerdos .section3 .post-detail .post-content p a {background-color:#9c075c; border:1px solid #9c075c; color:#ffffff; display: inline-block; padding: 5px; margin-top:10px; font-family: 'PTSans-regular'; }
.sesiones-y-acuerdos .section3 .post-detail .post-content p a:hover{background-color: #edeef0; color:#9c075c !important; text-decoration: none !important;} 
.sesiones-y-acuerdos .section3 .post-detail .post-content hr {height: 4px; background-color: #ce689b; border:none;}
.sesiones-y-acuerdos .section3 .post-detail .post-content h6 a {background-color:#de2074; border:1px solid #de2074; color:#ffffff; font-size: 18px; font-weight: lighter; padding: 5px 10px;}
.sesiones-y-acuerdos .section3 .post-detail .post-content h6 a:hover {background-color:#edeef0; color:#de2074 !important; text-decoration: none !important;}

.sesiones-y-acuerdos.detalle .section3 .post-detail h3 {margin-bottom: 50px; font-size:30px;}
.sesiones-y-acuerdos.detalle .section3 .post-detail h5 {margin-top:50px;}
.sesiones-y-acuerdos.detalle .section3 .post-detail .mini-calendar {margin-top:-60px;}

.boletines-de-prensa .section3, .eventos .section3 {margin-top: 40px;}
.boletines-de-prensa .section3 li, .eventos .section3 li, .transmisiones-de-radio .section3 li {list-style-type:none; margin-bottom: 20px;}
.boletines-de-prensa .section3 li:last-of-type, .eventos .section3 li:last-of-type, .transmisiones-de-radio .section3 li:last-of-type {margin-bottom:0;} 
.boletines-de-prensa .section3 li a, .eventos .section3 li a, .transmisiones-de-radio .section3 li a {border:1px solid #91346c; background-color: #91346c; color:#ffffff; display: block; font-size:20px; padding:5px; text-align: center;}
.boletines-de-prensa .section3 li a:hover, .eventos .section3 li a:hover, .transmisiones-de-radio .section3 li a:hover {background-color:#edeef0; color:#91346c !important; text-decoration: none;}
.boletines-de-prensa .section3 .post-detail .columna-1, .eventos .section3 .post-detail .columna-1 {border-bottom: 4px solid #8f386c; margin-bottom:40px; padding-bottom: 40px; }
.boletines-de-prensa .section3 .post-detail .columna-1:last-of-type, .eventos .section3 .post-detail .columna-1:last-of-type{margin-bottom: 0;}
.boletines-de-prensa .section3 .post-detail .columna-2 img, .eventos .section3 .post-detail .columna-2 img{height: 150px; width: 150px;}
.boletines-de-prensa .section3 .post-detail .columna-3 h3, .eventos .section3 .post-detail .columna-3 h3 {margin-bottom: 10px;}
.boletines-de-prensa .section3 .post-detail .columna-3 span, .eventos .section3 .post-detail .columna-3 span{margin-left: 20px; font-weight: 200;}
.boletines-de-prensa .section3 .post-detail .columna-3 .post-content, .eventos .section3 .post-detail .columna-3 .post-content {text-align: justify;}
.boletines-de-prensa .section3 .post-detail .columna-3 .post-content p, .eventos .section3 .post-detail .columna-3 .post-content p{color:initial; font-size: initial;}
.boletines-de-prensa .section3 .post-detail .columna-3 .post-content a, .eventos .section3 .post-detail .columna-3 .post-content a{background-color: #91346c; border:1px solid #91346c; color:#ffffff; height: 25px; margin-top:5px;  width: 100px;}
.boletines-de-prensa .section3 .post-detail .columna-3 .post-content a:hover, .eventos .section3 .post-detail .columna-3 .post-content a:hover {background-color: #edeef0; color:#91346c !important; cursor: pointer; text-decoration: none;}

.boletines-de-prensa.detalle .section3 .post-detail .columna-1, .eventos.detalle .section3 .post-detail .columna-1 {border-bottom: none;}
.boletines-de-prensa.detalle .section3 .post-detail .columna-3, .eventos .section3 .post-detail .columna-3 {margin-top: 30px;} 
.boletines-de-prensa.detalle .section3 h1, .eventos.detalle .section3 h1 {margin-bottom: 20px;}
.boletines-de-prensa.detalle .section3 h1 span, .eventos.detalle .section3 h1 span {margin-left: 10px;}

.contacto .section2 {background-color: #fff; padding: 30px; overflow: hidden; margin: 50px 0}
.contacto .section2 .left {border-right: 1px solid #dc6ba3; height: auto;}
.contacto .section2 .left form .form-group input {background-color: #e7e7e7; border:solid 1px #e7e7e7; color: #000;}
.contacto .section2 .left form .form-group textarea {background-color: #e7e7e7; border:solid 1px #e7e7e7; color: #000;}
.contacto .section2 .left form button {background-color: #ff187c; color: #fff;}
.contacto .left .links a {color: #000;}
.contacto .section2 .right {height: auto;}
.contacto .section2 .right .oficina {border-bottom: 1px solid #dc6ba3}
.contacto .section2 .right .oficina:last-child {border: none;}
.contacto .section2 .right .oficina .margin .texto {color: #000;}
.contacto .right .oficina .margin i {color: #dc6ba3;}
.contacto .right .oficina .margin i.letter {font-size: 20px; margin-top: -3px;}

.sitemap .section2 {margin-top: 50px;}
.sitemap .section2 ul {margin-left: 25px;}

.transparencia .section3, .transparencia .section4 {margin-top: 50px;}
.transparencia .section3 a:hover {color:#ffffff !important;}
.transparencia .section4 .articulo {width: 18%; float: left; margin: 0 10px; height: 340px; /*display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;*/}
.transparencia .section4 .articulo a {text-decoration: none;}
.transparencia .section4 .articulo .art-box {height: 125px; width: 100%; background-color: #ce689b; color: #fff; font-size: 30px;}
.transparencia .section4 .articulo .art-text {font-size: 20px; margin: 10px 0;}

.transparencia.detalle .container{position: relative;}
.transparencia.detalle .section4{max-width: 759px; margin-left: auto; margin-right: auto;}
.transparencia.detalle .section4 .fraccion {font-size: 20px;}
.transparencia.detalle  a i {background-color: #ce689b; color:#ffffff; font-size: 50px; padding:5px;}
.transparencia.detalle  a:hover {text-decoration: none;}
.transparencia.detalle .link-post-siguiente,.transparencia.detalle .link-post-anterior{ position: absolute; bottom:50px;}
.transparencia.detalle .link-post-siguiente a,.transparencia.detalle .link-post-anterior a {color:#000000;}
.transparencia.detalle .link-post-siguiente {right: 0;}
.transparencia.detalle .section4 .articulo {height: auto; float: none; margin:0;}
.transparencia.detalle .section4 .post-content h1 {margin-bottom: 30px;}
.transparencia.detalle .section4 .post-content {margin-top: 30px;}
.transparencia.detalle .section4 .post-content p {color:initial; font-size:initial; font-weight: initial;}
.transparencia.detalle .section4 .post-content h6 a{background-color:#de2074; border:1px solid #de2074; color:#ffffff; font-size: 18px; font-weight: lighter; padding: 5px 10px;}
.transparencia.detalle .section4 .post-content h6 a:hover {background-color:#edeef0; color:#de2074 !important; text-decoration: none !important;}

.view.art99 .wrap-boton.art99 .bar, .view.art95 .wrap-boton.art95 .bar{display: block;}

.transmisiones-de-radio .section2 a {color:#8f386c; font-weight: bold; display: block; margin:30px 0;}
.transmisiones-de-radio .section3 h3 {color:#8f386c; margin-bottom: 30px;}
.transmisiones-de-radio .section3 .post-detail span{display: block;margin:10px 0;}


.view  table tr:first-of-type td{background-color: #91346c; color: white; text-align: center;} 
.view  table tr td{background-color: #cecdcc; text-align: center;}

.home table tr:first-of-type, .home table tr td {background-color:#cdcdcd !important; color:#444 !important;}

/*KEVIN 3*/
.dibujo .section2 .picture {width: 350px; height: 350px; margin: auto; background-color: red;}
.dibujo .section2 .texto {font-size: 28px; margin-top: 40px;}
.dibujo .section2 .texto .categoria {text-transform: uppercase; font-weight: bold; font-size: 30px;}

/*rorrito*/

.view ul li.menu-item-has-children .sub-menu{display: none; margin:0; top:100px; width: 100%; cursor:pointer}
.view ul li.menu-item-has-children:hover .sub-menu, .view ul li.menu-item-has-children .sub-menu:hover{display: block;}
.view ul li.menu-item-has-children {position: relative; border:0 !important;}
.view .section2 ul li:hover .sub-menu li a {color:initial !important;}
.view ul li.menu-item-has-children:hover{cursor: pointer;}
.view ul li.menu-item-has-children .sub-menu {font-size: 14px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); position: absolute; z-index: 1000;}
.view ul li.menu-item-has-children .sub-menu li {border:0 !important; height: auto !important; width: 100% !important;}
.view ul li.menu-item-has-children .sub-menu li a{background-color:#cdcdcd; color: #262626; font-size: initial; padding: 10px; height: auto !important; }
.view ul li.menu-item-has-children .sub-menu li:hover{border:none !important;}
.view ul li.menu-item-has-children .sub-menu li a:hover{background-color:#333; color:#fff !important;}

/*rorrito*/

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {border: none; margin: 0; padding: 0; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;	box-sizing: content-box; }
#cssmenu > ul > li {list-style: inside none; display: inline-block;	position: relative;}
#cssmenu > ul > li > a {position: relative;	padding: 12px 20px;	text-align: center;	text-decoration: none; font-size: 13px;	font-family: Arial, Helvetica, sans-serif;}
#cssmenu > ul > li > a:hover {background: #8f386c;	color: #ffffff !important;}
#cssmenu > ul > li > a:after {position: absolute; border-right: 1px solid; top: -1px; bottom: -1px;	right: -2px; z-index: 99; border-color: #3c3c3c;}
#cssmenu ul li.has-sub:hover > a:after {top: 0; bottom: 0;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 19px;}
#cssmenu ul li.has-sub:hover > a {background: #8f386c;	border-color: #8f386c; padding-bottom: 13px; padding-top: 13px;	top: -1px; z-index: 999;}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {	display: block; }
#cssmenu ul li.has-sub > a:hover {background: #8f386c;	border-color: #8f386c;}
#cssmenu ul li > ul, #cssmenu ul li > div {display: none; width: auto;	position: absolute;	top: 25px; padding: 10px 0; background: #8f386c; border-radius: 0 0 5px 5px; z-index: 999;}
#cssmenu ul li > ul {width: 200px;}
#cssmenu ul li > ul li {display: block; list-style: inside none; padding: 0; margin: 0; position: relative;}
#cssmenu ul li > ul li a {outline: none; display: block; position: relative; margin: 0;	padding: 8px 20px; font: 10pt Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;}
#cssmenu ul ul a:hover {color: #ffffff;}
#cssmenu > ul > li.has-sub > a:hover:before {border-top: 5px solid #ffffff;}

.comisiones .section2 h3 {color: #91346c; margin: 15px 0;}

.directorio .section2 .dir-box {float: left; width: 33%;}
.directorio .section2 .dir-box .dir-container {height: 728px;width: 248px; margin: 0 auto;}
.directorio .section2 .dir-box .dir-container .picture {height: 368px; width: 248px;}
.directorio .section2 .dir-box .dir-container .texto {color: #91346c; margin: 15px 0;}
.directorio .section2 .dir-box .dir-container .texto .nombre {font-size: 25px; font-family: 'PTSans-regular'; font-weight: bold;}
.directorio .section2 .dir-box .dir-container .texto .puesto {font-size: 23px; font-family: 'PTSans-regular'; font-style: italic;}
.directorio .section2 .dir-box .dir-container .texto .datos {font-size: 21px; font-family: 'PTSans-regular';}

.collapse-iees button.btn {margin-top: 50px;width: 100%; font-size: 50px !important; padding: 0 12px; background-color: #8f386c; border-radius: 5px;}
.collapse-iees button.btn[aria-expanded="true"] .fa.fa-caret-right, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-caret-right, .eventos .section3 button[aria-expanded="true"] .fa.fa-caret-right {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform:rotate(90deg);}
.collapse-iees button .fa.fa-caret-right, .boletines-de-prensa .section3 button .fa.fa-caret-right{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.collapse-evento button.btn {margin-top: 0px;width: 100%; font-size: 24px !important; padding: 0 12px; background-color: #544b79; border-radius: 5px;}
.collapse-evento button.btn[aria-expanded="true"] .fa.fa-book, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-book, .eventos .section3 button[aria-expanded="true"] .fa.fa-book {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform:rotate(-45deg);}
.collapse-evento button .fa.fa-book, .boletines-de-prensa .section3 button .fa.fa-book{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.collapse-eventocuento button.btn {margin-top: 0px;width: 100%; font-size: 24px !important; padding: 0 12px; background-color: #643688; border-radius: 5px;}
.collapse-eventocuento button.btn[aria-expanded="true"] .fa.fa-image, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-image, .eventos .section3 button[aria-expanded="true"] .fa.fa-image {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform:rotate(-180deg);}
.collapse-eventocuento button .fa.fa-image, .boletines-de-prensa .section3 button .fa.fa-image{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.collapse-eventocorto button.btn {margin-top: 0px;width: 100%; font-size: 24px !important; padding: 0 12px; background-color: #90396c; border-radius: 5px;}
.collapse-eventocorto button.btn[aria-expanded="true"] .fa.fa-film, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-film, .eventos .section3 button[aria-expanded="true"] .fa.fa-film {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform:rotate(-180deg);}
.collapse-eventocorto button .fa.fa-film, .boletines-de-prensa .section3 button .fa.fa-film{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.collapse-eventoensayo button.btn {margin-top: 0px;width: 100%; font-size: 24px !important; padding: 0 12px; background-color: #413960; border-radius: 5px;}
.collapse-eventoensayo button.btn[aria-expanded="true"] .fa.fa-clipboard, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-clipboard, .eventos .section3 button[aria-expanded="true"] .fa.fa-clipboard {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform:rotate(-45deg);}
.collapse-eventoensayo button .fa.fa-clipboard, .boletines-de-prensa .section3 button .fa.fa-clipboard{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.collapse-convIntCons button.btn {margin-top: 0px;width: 100%; font-size: 24px !important; padding: 0 12px; background-color: #093b5b; border-radius: 5px;}
.collapse-convIntCons button.btn[aria-expanded="true"] .fa.fa-clipboard, .boletines-de-prensa .section3 button[aria-expanded="true"] .fa.fa-clipboard, .eventos .section3 button[aria-expanded="true"] .fa.fa-clipboard {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform:rotate(-180deg);}
.collapse-convIntCons button .fa.fa-clipboard, .boletines-de-prensa .section3 button .fa.fa-clipboard{margin-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.educacion-civica { font-family: 'PTSans-regular';}
.educacion-civica table th{text-align: center;}
.educacion-civica table tr:first-of-type{background-color: #813d68; color:white; }
.educacion-civica iframe{margin-top:30px;}
.educacion-civica .section4{margin-bottom: 30px;}
.educacion-civica .section4 a, .educacion-civica .section5 a{display: block;}
.educacion-civica .section5 .row{margin-bottom: 30px;}
.educacion-civica .section5 h2 {text-align: center;}
.educacion-civica .section5 h5{background-color: #4c4c4c; color: white; font-size: 30px; padding:10px 0; text-align: center; letter-spacing: 1px;}
.educacion-civica img {max-width: 100%;}
.educacion-civica .descarga{background-color: #de2074; border:1px solid #de2074; color:white; width: 250px; padding:5px; margin:10px 5px 10px 0;}
.educacion-civica .descarga i{color: white; margin-right: 5px;}
.educacion-civica .descarga:hover{background-color:white; text-decoration: none; color:#de2074 !important;}
.educacion-civica .descarga:hover i{color: #de2074;}
.educacion-civica .section4 h3:first-of-type{margin:20px 0;}
.educacion-civica .section4 h3, .educacion-civica .section5 h3{margin-bottom: 20px;}
.educacion-civica .section4 h4, .educacion-civica .section5 h4 {margin:20px 0;}
.educacion-civica .section4 h4, .educacion-civica .section4 h3{color:#5b5b5f;}

.educacion-civica .paridad-de-genero {font-size: 22px !important;}
.educacion-civica .paridad-de-genero .section4 a { margin:10px 0;}
.educacion-civica .paridad-de-genero p{text-align: justify;}
.educacion-civica .paridad-de-genero p.descargas-texto {margin: 30px 0 15px 0;}
.educacion-civica .paridad-de-genero h4{font-size: 22px; font-family: 'PTSans-bold' !important;}
.educacion-civica .paridad-de-genero a {color: #000 !important; font-family: 'PTSans-bold' !important;}
.educacion-civica .paridad-de-genero a span {color: #fd4600; margin-left: 5px;}
.educacion-civica .section-menu-paridad {background-color: #fff;}
.educacion-civica .section-menu-paridad li {margin:0; padding: 0; text-align: center;}

/* Large desktops and laptops */

@media (min-width: 1600px) {
  /*body { border: 2px solid brown;}/**/
  
}
/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1599px) {
  /*body { border: 2px solid yellow;}/**/
  svg{min-height:900px;}
  .inicio .section5 .image img {height: auto;}
  .inicio .section5 .fondo {height: 100%;}
  .inicio .section5 .fondo.orange .texto {font-size: 20px;}
  .inicio .section5 .fondo.orange .texto .titulo {font-size: 55px;}
  .inicio .section6 .image img {height: auto;}
  .inicio .section6 .fondo {height: 100%;}
  .inicio .section6 .fondo.pink .texto {font-size: 20px;}
  .inicio .section6 .fondo.pink .texto .titulo {font-size: 55px;}
	
   /*KEVIN*/
  .geografia-electoral .section7 .section7-1 .select select {width: 545px;}
  .geografia-electoral .section7 .section7-2 .select select {width: 365px;}
  
    /*KEVIN 3*/
  .dibujo .section2 .picture {width: 300px; height: 300px; margin: auto; background-color: red;}
  .dibujo .section2 .texto {font-size: 20px; margin-top: 40px;}
  .dibujo .section2 .texto .categoria {text-transform: uppercase; font-weight: bold; font-size: 22px;}
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  /*body { border: 2px solid green;}/**/
   svg{min-height:900px;}
    #cssmenu > ul > li {margin:10px;}

    footer {height: auto;}
    footer .left { height: 732px;}
    footer .right {height: auto;}
    footer .right .oficina .margin, .contacto .right .oficina .margin {margin: 0;}
  
   .inicio .section4 .titulo {font-size: 45px; margin-bottom: 50px;}
   .inicio .section4 ul li { margin-right:5px; margin-bottom: 5px; width: 49%; height: auto;}
   .inicio .section4 ul li a {border:2px solid #b888a6 !important;}
   
   .inicio .section5 .image img {height: auto;}
   .inicio .section5 .fondo {height: 100%;}
   .inicio .section5 .fondo.orange .texto {font-size: 20px;}
   .inicio .section5 .fondo.orange .texto .titulo {font-size: 55px; margin-bottom: 50px;}
   .inicio .section6 .image img {height: auto;}
   .inicio .section6 .fondo {height: 100%;}
   .inicio .section6 .fondo.pink .texto {font-size: 20px;}
   .inicio .section6 .fondo.pink .texto .titulo {font-size: 55px; margin-bottom: 50px;}

   .sesiones-y-acuerdos .buscador button {top:28px;}
   .transparencia .section4 .articulo {width: 22.9%;}

   /*KEVIN*/
  .geografia-electoral .section7 .section7-1 .select select {width: 450px;}
  .geografia-electoral .section7 .section7-2 .select select {width: 300px;}

  /*KEVIN 2*/
  .funciones .section2 h3 {color: #91346c;}
  .funciones .section2 ul li {color: #5b5b5f; font-size: 24px;}
  .funciones .section2 ol li {color: #5b5b5f; font-size: 24px;}
}
/* Portrait tablets and small desktops 
@media (min-width: 768px) and (max-width: 991px) {
  /*body { border: 2px solid cyan;}/**/
/*}*/

@media (max-width: 991px){
  /*Landscape phones and portrait tablets */
 /* body { border: 2px solid purple;}/**/
 header form {width: 200px; position: relative; margin: 15px auto; float: none;}
  header .buscador button {left: 5px; top: 7px;}
  header .logo {text-align: center; float: none;}
  header .buscador .form-control {float: none; width: 200px; margin:15px  auto;}
  header .links {float: none; display:block; text-align: center;  width: 100%;}
  header .menu {padding-top: 0;}
  
  #cssmenu > ul > li {margin:10px;}

  footer {height: auto;}
  footer .left { height: 732px;}
  footer .right {height: auto;}
  footer .right .oficina .margin, .contacto .right .oficina .margin {margin: 0;}
  .inicio .section2 .boton-lila{width:224px;}
  .inicio .section3 .row .col-md-6:last-child {margin-top:20px;} 
  .inicio .section3 .calendar-detail .wrap-fecha-dia span:first-child{font-size: 30px;}
  .inicio .section3 .calendar-detail .wrap-fecha-dia span:last-child{font-size: 20px;}
  .inicio .section4 .titulo {font-size: 45px; margin-bottom: 50px;}
  .inicio .section4 ul li { margin-right:5px; width: 49%;}
  .inicio .section4 ul li a {border:2px solid #b888a6 !important;}
  
  .inicio .section5 .image img {height: auto;}
  .inicio .section5 .fondo {height: 100%;}
  .inicio .section5 .fondo.orange {padding: 0 15px}
  .inicio .section5 .fondo.orange .texto {font-size: 18px;}
  .inicio .section5 .fondo.orange .texto .titulo {font-size: 45px; margin-bottom: 20px;}
  .inicio .section6 .image img {height: auto;}
  .inicio .section6 .fondo {height: 100%;}
  .inicio .section6 .fondo.pink {padding: 0 15px;}
  .inicio .section6 .fondo.pink .texto {font-size: 18px;}
  .inicio .section6 .fondo.pink .texto .titulo {font-size: 45px; margin-bottom: 20px;}
  .inicio .section7 li {width: 100%; float: none;}
  .inicio .section7 li:first-child{margin-right: 0; margin-bottom:30px;}

  .nosotros {padding: 50px 15px;}
  .nosotros .section2 {text-align: center; margin-top: 30px}
  .nosotros .section2 .link {margin-top: 10px;}
  .nosotros .section2 .link a {font-size: 20px;}
  
  .nosotros .section3 p {font-size: 18px;}
  .nosotros .section3 h2 {font-size: 50px; margin: 29px 0; text-align: center !important;}
  .nosotros .section3 p .subtitulo {padding: 20px 0}
  .nosotros .section3 p .subtitulo:first-child {padding-top: 0;}

  .procesos-electorales .section2 h2, .boletines-de-prensa .section2 h2 {font-size: 35px;}
  .procesos-electorales .section2 p,  .boletines-de-prensa p {font-size: 20px;}
  
  .partidos-politicos .section3 {text-align: center;}
  .partidos-politicos .section3 .wrap-boton {width: 355px;}
   
  .sesiones-y-acuerdos .section3 .archive li {margin:20px 0;}
  .sesiones-y-acuerdos .buscador {float: none; width: 600px; margin:0 auto;}
  .sesiones-y-acuerdos .section3 .archive-dos ul li {text-align: center;}
 
  .boletines-de-prensa .section3 .post-detail .columna-1, .eventos .section3 .post-detail .columna-1{margin:20px 0; text-align: center;}
  
  .transparencia .section4 .articulo {width: 22.3%;}
  .transparencia .section4 .articulo .art-box {font-size: 25px;}
  .transparencia .section4 .articulo .art-text {font-size: 18px;}

  .transparencia.detalle .section4 .articulo {margin:0 auto;}
  .transparencia.detalle .link-post-siguiente, .transparencia.detalle .link-post-anterior{bottom:200px;}
  .transparencia.detalle .section4 .post-content h1 {text-align: center; font-size: 25px;}

  /*KEVIN*/
  .geografia-electoral .section7 .flex {display: block;}
  .geografia-electoral .section7 .section7-1 .select { margin-right: 0px; margin-bottom: 0px;}
  .geografia-electoral .section7 .section7-1 .select select {width:100%;}
  .geografia-electoral .section7 .section7-1 .select a {width: 100%; margin-top: 0px;margin-bottom: 20px; float: none;}
  .geografia-electoral .section7 .section7-2 .select { margin-right: 0px;}
  .geografia-electoral .section7 .section7-2 .select:nth-child(5) {margin-right: 0;}
  .geografia-electoral .section7 .section7-2 .select select {width: 100%; margin-top: 20px;}
  .geografia-electoral .section7 .section7-2 .select a.btn-planos {width: 100%; margin-top: 0px;float: none;}


  /*KEVIN 2*/
  .directorio .section2 .dir-box {width: 50%;}
  .directorio .section2 .dir-box .dir-container {height: 660px;}
  .directorio .section2 .dir-box .dir-container .texto .nombre {font-size: 23px; font-family: 'PTSans-regular'; font-weight: bold;}
  .directorio .section2 .dir-box .dir-container .texto .puesto {font-size: 21px; font-family: 'PTSans-regular'; font-style: italic;}
  .directorio .section2 .dir-box .dir-container .texto .datos {font-size: 19px; font-family: 'PTSans-regular';}
  
  /*KEVIN 3*/
    .dibujo .section2 .picture {width: 200px; height: 200px;}
    .dibujo .section2 .texto {font-size: 18px;}
    .dibujo .section2 .texto .categoria {font-size: 18px;}

  .educacion-civica .paridad-de-genero div >.img-responsive { margin:0 auto; }
  .educacion-civica .paridad-de-genero h4, .educacion-civica .paridad-de-genero h3 {margin-top:20px;}
  .educacion-civica .section-menu-paridad li {width:100%;}

}

@media (max-width: 767px) {
 /* body { border: 2px solid orange;}/**/
  .collapse-iees button.btn {font-size:20px !important; margin-top:0 !important;}
   .collapse-evento button.btn {font-size:18px !important; margin-top:0 !important;}
   .collapse-eventocuento button.btn {font-size:18px !important; margin-top:0 !important;}
   .collapse-eventocorto button.btn {font-size:16px !important; margin-top:0 !important;}
   .collapse-eventoensayo button.btn {font-size:18px !important; margin-top:0 !important;}
    .collapse-convIntCons button.btn {font-size:18px !important; margin-top:0 !important;}
  .view ul li.menu-item-has-children .sub-menu {top:90px;}

  .home a i, .fa.fa-search{right: 222px;}
 div[class^='n2-style-']{display: none;}
  header {padding-bottom: 0;} 
  header .logo {float: left; margin-top: 30px;}
  header .logo img {width: 150px; margin-left: 30px}
  header .links {float: none; display: inline-block; width: 100%;}
  header .links .redes .telefono {margin: 0;}
  header .links .redes .correo {margin-left: 0; margin: 15px 0;}
  header .links .redes {display: block; text-align: center;}
  header .menu-btn {float: right; font-size: 30px; margin-top: 40px; margin-right: 30px;}
  header .menu {height: 0px; overflow: hidden; padding:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
  header .menu a {line-height: 20px; display: block; text-align: center;}
  header .menu.show {height: 450px; margin-bottom: 30px;}
  header .menu.show .btns li {display: block;}
  
  #cssmenu > ul > li {display: block;}
  #cssmenu ul li > ul, #cssmenu ul li > div {background-color:#c74086; position: initial; width: 100%;}

  footer {height: auto; padding: 50px 0;}
  footer .left, .contacto .left {height: auto; padding: 0 15px; border: none !important; width: 100%;  margin-top: 50px;}
  footer .left form, .contacto .left form {margin: 0;}
  footer .right, .contacto .right {height: auto; padding: 0 15px; width: 100%;}
  footer .right .marge, .contacto .right .marge {margin: 0;}
  .right .oficina .margin, .contacto .right .oficina {width: 100%;}
  footer .right .oficina .margin, .contacto .right .oficina .margin {margin: 0;}

  .inicio .section1 {margin-top: 0;}
  .inicio .section2 .boton {float: none;}
  .inicio .section2 ul li {display: block; height: 100%; margin-top:10px; width: 100%; float:none;}
  .inicio .section2 ul li:first-child {margin-top:0;}
  .inicio .section2 ul li a {margin:0 auto !important;} 
  
  .inicio .section3 thead {width: 150px;}
  .inicio .section3 thead td {font-size: 14px;}
  .inicio .section3 .container {width:100%;}
  .inicio .section3 .row .col-md-6:last-child {margin-top:20px;} 
  .inicio .section4 ul li a {border:2px solid #b888a6 !important;}
  .inicio .section5 .fondo.orange {height: auto; position: static; padding: 20px}
  .inicio .section5 .fondo.orange .texto {font-size: 12px;}
  .inicio .section5 .fondo.orange .texto .titulo, .inicio .section4 .titulo, .inicio .section7 .titulo {font-size: 25px; margin-bottom: 50px; text-align: center;}
  .inicio .section6 .fondo.pink {height: auto; position: static; padding: 20px}
  .inicio .section6 .fondo.pink .texto {font-size: 12px; text-align: justify;}
  .inicio .section6 .fondo.pink .texto .titulo {font-size: 25px; margin-bottom: 20px; text-align: center;}
  .inicio .section7 .titulo br{display: none;}
  .inicio .section7 li, .menu-menu-informacion-de-interes-paridad li {width: 100%; float: none;}
  .inicio .section7 li:first-child, .menu-menu-informacion-de-interes-paridad li:{margin-right: 0; margin-bottom:30px;}

  .nosotros {padding: 50px 15px;}
  .nosotros .section2 {text-align: center; margin-top: 30px}
  .nosotros .section2 .link {margin-top: 10px;}
  .nosotros .section2 .link a {font-size: 18px;}
  .nosotros .section3 p {font-size: 15px;}
  .nosotros .section3 h2 {font-size: 40px; margin: 29px 0; text-align: center !important;}

  .boletines-de-prensa.detalle .section3 h1, .eventos.detalle .section3 h1 {font-size: 25px; text-align: center;}
  .boletines-de-prensa .section3 .post-detail .columna-3 .post-content a, .eventos .section3 .post-detail .columna-3 .post-content a {margin-left: auto; margin-right: auto;}

  .boletines-de-prensa .section3 .post-detail .columna-2, .eventos .section3 .post-detail .columna-2{margin:20px 0; text-align: center;}
  .boletines-de-prensa .section3 .post-detail .fila-1 .columna-2, .eventos .section3 .post-detail .fila-1 .columna-2 {text-align: center; margin-bottom: 20px;}
  .boletines-de-prensa .section3 .post-detail .fila-1 .columna-3 h3, .eventos .section3 .post-detail .fila-1 .columna-3 h3 {text-align: center;}
  .boletines-de-prensa .section3 .post-detail .fila-1 .columna-3 h3 span, .eventos .section3 .post-detail .fila-1 .columna-3 h3 span {display: block; margin:10px auto;}

  .procesos-electorales, .partidos-politicos, .resultados-busqueda, .sesiones-y-acuerdos, .boletines-de-prensa, .eventos, .transparencia, .geografia-electoral, .transmisiones-de-radio, .educacion-civica {padding: 50px 15px !important;}
  .procesos-electorales .section2 h2, .partidos-politicos .section2 h2, .resultados-busqueda h3, .sesiones-y-acuerdos h2, .sesiones-y-acuerdos .section3 .post-detail h3, .boletines-de-prensa h2, .eventos h2, .transparencia h2, .geografia-electoral h2, .transmisiones-de-radio h2, .transmisiones-de-radio h3, .educacion-civica h2 {font-size: 35px; text-align: center;}
  .procesos-electorales .section2 p, .partidos-politicos .section2 p, .sesiones-y-acuerdos p, .boletines-de-prensa p, .eventos p, .transparencia p, .geografia-electoral p, .transmisiones-de-radio p, .educacion-civica p {font-size: 15px; margin-top: 30px; text-align: justify;}

  .partidos-politicos .section3 button, .geografia-electoral .section3 button , .geografia-electoral .section3 a#descriptivo-distritacion, .transparencia .section3 a {font-size: 16px;}
  .partidos-politicos .section3 .wrap-boton {width: 100%;}
   
  .geografia-electoral .section3{text-align: center;}
  .geografia-electoral #mapa-division-div .info-municipios, .geografia-electoral #mapa-distritacion-div .info-distritos{margin-bottom: 20px; position: initial;}
  .geografia-electoral #mapa-division-div .info-municipios {right:30px; top:-40px;}
  .geografia-electoral #mapa-division-div .info-municipios .wrap-texto{margin-top:10px;}
  .geografia-electoral #mapa-division-div .info-municipios h3 {font-size:20px;}
  .geografia-electoral #mapa-division-div .info-municipios h4 {font-size:14px;}
  
  /*KEVIN*/
  .geografia-electoral .section7 .flex {display: block;}
  .geografia-electoral .section7 .section7-1 .select { margin-right: 0px; margin-bottom: 0px;}
  .geografia-electoral .section7 .section7-1 .select select {width:100%;}
  .geografia-electoral .section7 .section7-1 .select a {width: 100%; margin-top: 0px;margin-bottom: 20px; float: none;}
  .geografia-electoral .section7 .section7-2 .select { margin-right: 0px;}
  .geografia-electoral .section7 .section7-2 .select:nth-child(5) {margin-right: 0;}
  .geografia-electoral .section7 .section7-2 .select select {width: 100%; margin-top: 20px;}
  .geografia-electoral .section7 .section7-2 .select a.btn-planos {width: 100%; margin-top: 0px;float: none;}
 

  .resultados-busqueda .section2 .wrap-imagen img {width: 100px; margin-right: 10px;}
  .resultados-busqueda .section2 .wrap-texto h2 {font-size:50px;} 
  .resultados-busqueda .section2 .wrap-texto i {font-size:14px;} 
  .resultados-busqueda .section2 .resultados ul li span p {display:block; text-align: justify; font-size:15px;}
  .resultados-busqueda .section2 .resultados-no-encontrados {margin-left: 20px;}

  .sesiones-y-acuerdos .section3 .archive li {margin-left:0; margin-bottom: 20px; width: 100%;}
  .sesiones-y-acuerdos .section3 .archive li a {width: 100%;}
  .sesiones-y-acuerdos .section3 .archive-dos ul li {width: 100%;}
  .sesiones-y-acuerdos .buscador {float: none; width: 100%;}
  .sesiones-y-acuerdos .buscador button {top:28px;}	
  
  .transparencia .section3.center {display: block;}
  .transparencia .section3 .wrap-boton {width: 100%; margin-right: 0;}
  .transparencia .section3 .wrap-boton .bar {display: none !important; }
  .transparencia .section3 .wrap-boton:hover .bar {display: none !important; }
  .transparencia .section4 .articulo {width: 100%; margin: 20px 0; height: auto;}
  .transparencia .section4 .articulo .art-box {font-size: 22px;}

  .transparencia.detalle .link-post-siguiente, .transparencia.detalle .link-post-anterior {bottom: 0;}
  .transparencia.detalle .link-post-anterior {left: 0;}
  .transparencia.detalle  a i {font-size: 25px; padding:5px;}

  .page-id-329 .container {text-align: center;}
  .page-id-329 .container ul li {list-style-type: none;}

  .sesiones-y-acuerdos .section3 .post-detail .mini-calendar {float: none; margin:20px auto 0 auto;}
 
  /*KEVIN 2*/
  .comisiones .section2 h3 {font-size: 20px;}

  /*KEVIN 2*/
  .directorio .section2 .dir-box {width: 100%; float: none}
  .directorio .section2 .dir-box .dir-container {height: auto;}
  .directorio .section2 .dir-box .dir-container .texto .nombre {font-size: 21px;}
  .directorio .section2 .dir-box .dir-container .texto .puesto {font-size: 20px;}
  .directorio .section2 .dir-box .dir-container .texto .datos {font-size: 17px;}
  
  .transmisiones-de-radio .section3 .post-detail .col-sm-6 {margin-top:20px; text-align:center;}
  
  /*KEVIN 3*/
  .dibujo .section2 .picture {width: 250px; height: 250px;}
  .dibujo .section2 .texto {margin: 40px 0;}

  .educacion-civica .paridad-de-genero div >.img-responsive { margin:0 auto; }
  .educacion-civica .paridad-de-genero h4, .educacion-civica .paridad-de-genero h3 {margin-top:20px;}
  .educacion-civica .section-menu-paridad li {width:100%;}
}
/* Landscape phones and smaller */
@media (max-width: 500px) {
  /*body { border: 2px solid red;}/**/
  
}
@media (max-width: 480px) {
  /*body { border: 2px solid red;}/**/
   ul{padding:0;}
  .view table{width:100% !important;}
  .view iframe{width: 100%;}
 
  .well ul {padding:inherit;}
  div[class^='.n2-style-']{display: none;}
  #cssmenu > ul > li {display: block;}
  #cssmenu ul li > ul, #cssmenu ul li > div {background-color:#c74086; position: initial; width: 100%;}

  .collapse-iees button.btn {font-size:20px !important; margin-top:0 !important;}
  .collapse-evento button.btn {font-size:18px !important; margin-top:0 !important;}
  .collapse-eventocuento button.btn {font-size:18px !important; margin-top:0 !important;}
  .collapse-eventocorto button.btn {font-size:16px !important; margin-top:0 !important;}
  .collapse-eventoensayo button.btn {font-size:18px !important; margin-top:0 !important;}
   .collapse-convIntCons button.btn {font-size:18px !important; margin-top:0 !important;}
  
  .home a i, .fa.fa-search{right: 140px;}
  .inicio .section2 .boton-lila {margin-right: auto; margin-left: auto;}
  .inicio .section7 .titulo br{display: none;}
  	
  .partidos-politicos .section2 ul li, .sesiones-y-acuerdos .section3 .wrap-boton, .geografia-electoral .section3 ul li, .transparencia .section3 .wrap-boton, .educacion-civica .section2 ul li{width: 100% !important;}

  .geografia-electoral #mapa-division-div .info-municipios {right:10px; top:-40px;}
  .geografia-electoral #mapa-division-div .info-municipios .wrap-texto{margin-top:0;}
  .geografia-electoral #mapa-division-div .info-municipios h3 {font-size:20px;}
  .geografia-electoral #mapa-division-div .info-municipios h4 {font-size:14px;}
  
  .resultados-busqueda .section2 .resultados ul li span p {display:block; text-align: justify;}
  .resultados-busqueda .section2 .resultados-no-encontrados span p, .resultados-busqueda .section2 .resultados-no-encontrados ul li {font-size:15px;}
  .resultados-busqueda .section2 .resultados-no-encontrados {margin-left: 20px;}
  
  .sesiones-y-acuerdos .section3 .archive li {margin-left:0; margin-bottom: 20px; width: 100%;}
  .sesiones-y-acuerdos .section3 .archive li a {width: 100%;}
  .sesiones-y-acuerdos .section3 .archive-dos ul li {width: 100%;}
  .sesiones-y-acuerdos .buscador {float: none; width: 100%;}
  .sesiones-y-acuerdos .buscador button {top:28px;}	 


}