/* contenido central */
#pagina { overflow:hidden; padding:20px 0;}
    #colIzqIndex { float:left; width:66.5%; padding:0 1.5%; margin-bottom:12px; border-right:1px solid #ccc; min-height:200px;}
    #colDerIndex { float:right; width:28%; padding: 0 1% 0 1%; }


/* col izquierda */
#colIzqIndex .destacadosGraficosCentro { margin:0 0 20px 0; padding:0; list-style:none; }
    #colIzqIndex .destacadosGraficosCentro li { display:block;margin-bottom:20px;}
        #colIzqIndex .destacadosGraficosCentro li a { display:block;}
            #colIzqIndex .destacadosGraficosCentro li a img { width:100%;}

#colIzqIndex .otrasNoticias { margin:30px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size:1.8em; color: #4d4949;}
#colIzqIndex .noticias {}
    #colIzqIndex .noticias article { border-bottom: 1px dotted #ccc;}
    #colIzqIndex .noticias article + article { margin-top:15px; }
        #colIzqIndex .noticias article figure { float:left; width:28%; margin:0 2% 10px 0; }
            #colIzqIndex .noticias article figure a {}
                #colIzqIndex .noticias article figure a img { width:100%;}
        #colIzqIndex .noticias article header { float:left; width:70%; }
            #colIzqIndex .noticias article header h2 { width: 90%; margin:0; border-left: 16px solid #0bb2ff; padding-left:10px; font-family: "Droid serif", serif; font-size:1.7em; line-height:1.3; color: #025780;}
                #colIzqIndex .noticias article header h2 a { color: #025780;}
                #colIzqIndex .noticias article header h2 a:hover {}
        #colIzqIndex .noticias article .resumen { float:left; width:70%; margin: 6px 0 16px 0; font-family:'Droid Sans', sans-serif; font-size:1.5em; color: #4d4949;}
            #colIzqIndex .noticias article .resumen > p { margin-top:0;}
        #colIzqIndex .noticias article.sinFoto header { width:100%;}
        #colIzqIndex .noticias article.sinFoto .resumen { width:100%;}


/* col derecha */
#colDerIndex .destacadosGraficos { margin:0 0 20px 0; padding:0; list-style:none; }
    #colDerIndex .destacadosGraficos li { display:block;margin-bottom:20px;}
        #colDerIndex .destacadosGraficos li a { display:block;}
            #colDerIndex .destacadosGraficos li a img { width:100%;}


#colDerIndex .datosJunta { margin:0 0 15px 0; border-bottom:1px dashed #ccc; padding-bottom:15px;}
    #colDerIndex .datosJunta > h3 { margin:0 0 10px 0; font-family: "Droid serif", serif; font-size:2em; font-weight: bold; color:#025780; text-align:center; }
    #colDerIndex .datosJunta .direccion { display:block; font-size:1.2em; margin-bottom:5px;}
    #colDerIndex .datosJunta .telefono { display:block; font-size:1.2em;}
#colDerIndex .presidenteJunta { margin-top:15px;}
    #colDerIndex .presidenteJunta .imgPresidente { float:left; width:38%; max-width:250px; margin-right:2%; margin-bottom:10px;}
        #colDerIndex .presidenteJunta .imgPresidente img { width:100%; max-width:250px;}
        #colDerIndex .presidenteJunta .redes { margin:0; padding:0; list-style:none;}
            #colDerIndex .presidenteJunta .redes li { margin-bottom:5px;}
                #colDerIndex .presidenteJunta .redes li img { width:20px; margin-right:5px;}
                #colDerIndex .presidenteJunta .redes li a { text-transform:uppercase;}
                #colDerIndex .presidenteJunta .redes li a:hover {}
    #colDerIndex .presidenteJunta .nombreApellidos { clear:both; display:block; margin:0; font-size:1.4em; font-weight: bold; color: #00577f;}
    #colDerIndex .presidenteJunta .cargo { display:block; margin:0; font-size:1.2em; font-weight:bold; color:#666; }
    #colDerIndex .presidenteJunta .carreraPolitica { clear:both; font-size:0.8em; color:#535353;  }
        #colDerIndex .presidenteJunta .carreraPolitica * { margin-bottom:5px;}
    #colDerIndex .datosJunta .enlaceCompoJunta { margin:15px 0 0 0; text-align:center; }
        #colDerIndex .datosJunta .enlaceCompoJunta a { display:inline-block; height: 25px; line-height: 25px; padding: 0 15px; font-size:1.2em; color: #ffffff; border-radius: 7px; background:#00577f;}


#colDerIndex .programas { margin:0 0 15px 0; border-bottom:1px dashed #ccc; padding-bottom:15px; }
    #colDerIndex .programas > h3 { margin:0; }
        #colDerIndex .programas > h3 img { width:100%; max-width:280px;}
    #colDerIndex .programas ul { margin:0; padding:0px 10px 10px 82px; list-style:none;}
        #colDerIndex .programas ul li { }
            #colDerIndex .programas ul li a { display:inline-block; min-height:16px; margin-bottom:5px; font-size:1.2em; color: #555; text-decoration: none; padding: 0 0 0 20px; background:url(/img/icons/icon_pdf.gif) no-repeat 0 0; }


#colDerIndex .enlaces { margin:0 0 15px 0; border-bottom:1px dashed #ccc; padding-bottom:15px; }
    #colDerIndex .enlaces > h3 { margin:0 0 10px 0; font-family: "Droid serif", serif; font-size:2em; font-weight: bold; color:#025780; text-align:center; }
    #colDerIndex .enlaces ul { margin:0; padding:0px 10px 10px 20px; list-style:none;}
        #colDerIndex .enlaces ul li { }
            #colDerIndex .enlaces ul li a { display:inline-block; margin-bottom:5px; font-size:1.2em; font-weight:bold; text-decoration:underline; }
            #colDerIndex .enlaces ul li a:hover { text-decoration:none;}


#colDerIndex .redesPPCant { margin:0 0 15px 0; border-bottom:1px dashed #ccc; padding-bottom:15px; }
    #colDerIndex .redesPPCant > h3 { margin:0 0 10px 0; font-family: "Droid serif", serif; font-size:2em; font-weight: bold; color:#025780; text-align:center; }
    #colDerIndex .redesPPCant ul { margin:0; padding:0; list-style:none;}
        #colDerIndex .redesPPCant ul li { display:inline-block; width:22%;}
        #colDerIndex .redesPPCant ul li + li { margin-left:2%;}
            #colDerIndex .redesPPCant ul li a { display:inline-block;}
                #colDerIndex .redesPPCant ul li a img { width:100%; opacity:0.5;}
                #colDerIndex .redesPPCant ul li a:hover img { opacity:1;}


#colDerIndex .listadoColumna { margin-bottom:25px; }
    #colDerIndex .listadoColumna h3 { margin:0 0 15px 0; font-family: "Droid serif", serif; font-size:2em; font-weight: bold; color:#025780; text-align:center;}
    #colDerIndex .listadoColumna ol { list-style:none; padding:0; margin:0;} 
        #colDerIndex .listadoColumna ol li { margin:0; }
        #colDerIndex .listadoColumna ol li + li { margin-top:15px;}
            #colDerIndex .listadoColumna ol li span { float:left; width:22px; padding-top:5px; font-family: "Droid serif", serif; font-size:2em; font-weight: bold; color:#fff; text-align:center; }
            #colDerIndex .listadoColumna ol li a { display:block; min-height:35px; border-left:22px solid #0bb2ff; padding-left:10px; font-family:'Droid Sans', sans-serif; font-size:1.2em; color:#535353; vertical-align:top;}
            
            #colDerIndex .listadoColumna.masLeidas ol li a { border-color:#ccc;}


@media only screen and (max-width: 768px){
    #colIzqIndex { width:64%; }
    #colDerIndex { width:30%; }
        #colIzqIndex .noticias article { }
            #colIzqIndex .noticias article .resumen { display:none; }
}

@media only screen and (max-width: 520px){
    #colIzqIndex, #colDerIndex { clear:both; width:96.6%; padding:15px 1.7% 0 1.7%; border-right:none;}
        #colDerIndex .destacadosGraficos { float:none; width:100%;}
                    #colDerIndex .destacadosGraficos li a img { width:100%;}
        #colDerIndex .redes { float:none; width:100%; margin-left:0; }
            #colDerIndex .redes ul { }
                #colDerIndex .redes ul li { width:22%; margin-bottom:0;}
        #colDerIndex .listadoColumna { clear:none; float:none; width:100%; }
        #colDerIndex .listadoColumna.masLeidas { clear:none; float:none; }
}