#contenedorTotal { padding-top:64px;}

/* BASANDONOS EN IMAGENES DE 1600x378*/
/* slider cabeceras */
.contenedorSlider {overflow: hidden; width:100%; position: relative; }
	.cabecerasSlider { width:100%; }
	    .cabecerasSlider .galeriaCabecerasSliders { margin:0; padding:0; list-style:none; }
            .cabecerasSlider .galeriaCabecerasSliders li { /*background: url('/img/index/fndSliderPP.jpg') center left repeat-x;*/ text-align:center; }
                .cabecerasSlider .galeriaCabecerasSliders li article { position:relative; display:inline-block; width:100%; /*max-width:1600px;*/ margin:0 auto; }
                    .cabecerasSlider .galeriaCabecerasSliders li article a { display:block; color:#fff; }
                    .cabecerasSlider .galeriaCabecerasSliders li article img.imgAsociada { max-width:100%;}
                    .cabecerasSlider .galeriaCabecerasSliders li article img.imgAsociadaMovil { display:none; }
                    .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto { position:absolute; left:0; right:0; bottom:0; z-index:10; width:100%; max-width:1000px; margin:0 auto 30px auto; color:#fff;}
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .titular { clear: both; float: right; margin: 0 3% 0 0; max-width:375px; width: 46%; font-family:'Droid Sans', sans-serif; font-weight:bold; font-size:4.6em;}
                        .cabecerasSlider .galeriaCabecerasSliders li article a:hover .bloqueTexto .titular { text-decoration:underline;}
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .entradilla { clear: both; display: block; float: right; margin-right: 3%; margin-top: 10px; max-width:375px; padding:0; width: 45%; font-family:'Droid Sans', sans-serif; font-size:1.8em;}
	    
        .controlPaginador { position: absolute; z-index:10; bottom:0px; right:0px; display: block; width: 100%; height:35px; margin: 0 auto; text-align:center; }
	       .flex-control-nav { display:inline-block; margin:0 0 0 35%; padding:0;}
	           .flex-control-nav li {display: inline-block; }
		           .flex-control-nav li a { display: block; width:16px; height:16px; padding:5px; text-decoration: none; text-indent:-9999px; background: url(/img/interface/disc2.png) no-repeat 5px 5px; }
		           .flex-control-nav li a.flex-active, .flex-control-nav li a:hover {background: url(/img/interface/disc.png) no-repeat 5px 5px; }

@media only screen and (max-width: 1000px){
    .contenedorSlider { }
        .cabecerasSlider { }
            .cabecerasSlider .galeriaCabecerasSliders { }
                .cabecerasSlider .galeriaCabecerasSliders li {  }
                    .cabecerasSlider .galeriaCabecerasSliders li article {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article a {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img { }
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto {width:70%; }
                            .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .titular { font-size:2.4em;}
                            .cabecerasSlider .galeriaCabecerasSliders li article a:hover .bloqueTexto .titular { }
                            .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .entradilla { font-size:1.5em;}
							
		.controlPaginador {right:10%;}
}				   

@media only screen and (max-width: 768px){
    .contenedorSlider { }
        .cabecerasSlider {  }
            .cabecerasSlider .galeriaCabecerasSliders { }
                .cabecerasSlider .galeriaCabecerasSliders li {  }
                    .cabecerasSlider .galeriaCabecerasSliders li article {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article a {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto {width:65%; }
		
		.controlPaginador {right:13%;}
}

@media only screen and (max-width: 650px){
    .contenedorSlider {}
        .cabecerasSlider { }
            .cabecerasSlider .galeriaCabecerasSliders {  }
                .cabecerasSlider .galeriaCabecerasSliders li {  }
                    .cabecerasSlider .galeriaCabecerasSliders li article {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article a {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto {width:60%; }
                            .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .entradilla { display:none;}
		
		.controlPaginador {right:15%;}
}

@media only screen and (max-width: 520px){
    .contenedorSlider { }
        .cabecerasSlider { }
            .cabecerasSlider .galeriaCabecerasSliders { }
                .cabecerasSlider .galeriaCabecerasSliders li {  }
                    .cabecerasSlider .galeriaCabecerasSliders li article {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article a {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img.imgAsociada {  }
                        .cabecerasSlider .galeriaCabecerasSliders li article img.imgAsociadaMovil { }
                        .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto { }
                            .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .titular { font-size:2em;}
                            .cabecerasSlider .galeriaCabecerasSliders li article a:hover .bloqueTexto .titular { }
                            .cabecerasSlider .galeriaCabecerasSliders li article .bloqueTexto .entradilla { display:none;}
}

@media only screen and (max-width: 450px){
    .contenedorSlider { }
        .cabecerasSlider { }
            .cabecerasSlider .galeriaCabecerasSliders { }
}


/* barra gris */
.barraGrisExterior { display:block; width:100%; min-height:90px; background:#f3f3f3; text-align:center; }
    .barraGrisExterior .barraGris { width:100%; max-width:1000px; padding:20px 0; margin:0 auto;}
        .barraGrisExterior .barraGris ul { margin:0; padding:0;}
            .barraGrisExterior .barraGris ul li { display:inline-block; width:30%; vertical-align:top;}
            .barraGrisExterior .barraGris ul li + li { margin-left:3%;}
                .barraGrisExterior .barraGris ul li .imagen { float:left; }
                .barraGrisExterior .barraGris ul li .bloqueTexto { float:left; width:74%; margin-left:4%; text-align:left;}
                    .barraGrisExterior .barraGris ul li .bloqueTexto .titular { margin:0 0 5px 0; font-family:'Droid Serif', serif; font-size:1.8em; color:#333;}
                    .barraGrisExterior .barraGris ul li .bloqueTexto .subtitular { font-family:'Droid Sans', sans-serif; font-size:1.5em; color:#505050; font-style:italic;}
                .barraGrisExterior .barraGris ul li a { display:block;}
                    .barraGrisExterior .barraGris ul li a:hover .imagen img { opacity:0.75;}

@media only screen and (max-width: 768px){
    .barraGrisExterior .barraGris ul li .bloqueTexto { width:65%; }
        .barraGrisExterior .barraGris ul li .bloqueTexto .titular { font-size:1.4em; }
        .barraGrisExterior .barraGris ul li .bloqueTexto .subtitular { font-size:1.2em; }
}

@media only screen and (max-width: 520px){
    .barraGrisExterior { }
        .barraGrisExterior .barraGris { }
            .barraGrisExterior .barraGris ul { }
                .barraGrisExterior .barraGris ul li { width:31%; }
                .barraGrisExterior .barraGris ul li + li { margin-left:1%; }
                    .barraGrisExterior .barraGris ul li .imagen { float:none; margin-bottom:5px; }
                    .barraGrisExterior .barraGris ul li .bloqueTexto { width:100%; }
                        .barraGrisExterior .barraGris ul li .bloqueTexto .titular { text-align:center; font-size:1.4em; }
                        .barraGrisExterior .barraGris ul li .bloqueTexto .subtitular { font-size:1.2em; }
}


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


/* col izquierda */
#colIzqIndex .noticias {}
    #colIzqIndex .noticias article { border-bottom: 1px dotted #ccc;}
    #colIzqIndex .noticias article + article { margin-top:15px; }
        #colIzqIndex .noticias article header { border-left: 16px solid #1e4a90;}
            #colIzqIndex .noticias article.primero header h2 {width: 90%; margin:0 0 0 10px; font-family: "Droid serif", serif; font-size:2em; line-height:1.3; color: #1e4a90;}
            #colIzqIndex .noticias article header h2 {width: 90%; margin:0 0 0 10px; font-family: "Droid serif", serif; font-size:1.7em; line-height:1.3; color: #1e4a90;}
                #colIzqIndex .noticias article header h2 a { color: #1e4a90;}
                #colIzqIndex .noticias article header h2 a:hover {}
        #colIzqIndex .noticias article figure { display:block; margin:0;}
            #colIzqIndex .noticias article figure a {}
                #colIzqIndex .noticias article.primero figure a img { margin-top:10px; width:100%;}
                #colIzqIndex .noticias article figure a img {width:40%;float:left;margin:10px 10px 10px 0;}
        #colIzqIndex .noticias article .resumen { margin: 6px 0 16px 26px; font-family:'Droid Sans', sans-serif; font-size:1.5em; color: #4d4949;}
            #colIzqIndex .noticias article .resumen > p { margin-top:0;}
#colIzqIndex .enlaceANoticias { margin:6px 0 0 0; font-family: "Droid serif", serif; font-size:1.6em; font-weight: bold; text-align: right;  }
    #colIzqIndex .enlaceANoticias a { color: #00577f; }


/* col centro */
#colCentroIndex .videos {}
    #colCentroIndex .videos article { display: inline-block; width:100%; min-height: 100px; margin:0; padding:4px 0 8px 0; border-bottom: 1px dotted #ccc; }
    #colCentroIndex .videos article + article { margin-top:10px; }
        #colCentroIndex .videos article figure { float:left; width:39.3%; margin:0 12px 0 0;}
            #colCentroIndex .videos article figure img { width:100%;}
        #colCentroIndex .videos article header { float:left; width: 55%;  margin-bottom: 16px; }
            #colCentroIndex .videos article header .btn_play { float:left; height:16px; width:16px; margin-right:4px; background:url(/img/interface/btn_play.png) no-repeat 0 0;}
            #colCentroIndex .videos article header .video_date { font-size:1.1em; color:#4d4949; margin:0;}
            #colCentroIndex .videos article header h2 { margin:6px 0 0 0; font-family: "Droid serif", serif; font-size:1.4em; line-height:1.3; color: #1e4a90; font-weight:bold;}
                #colCentroIndex .videos article header h2 a { color: #1e4a90;}
                #colCentroIndex .videos article header h2 a:hover {}
			#colCentroIndex .videos article.main header {width:auto;}
			#colCentroIndex .videos article.main header h2 {font-size:2em;border-left:16px solid #ccc;padding-left:10px;margin-top:20px;}
    #colCentroIndex .enlaceAVideos { margin:6px 0 0 0; font-family: "Droid serif", serif; font-size:1.6em; font-weight: bold; text-align: right;  }
        #colCentroIndex .enlaceAVideos a { color: #00577f; }


#colCentroIndex .galeria { margin-top: 32px; padding:0 0 15px 0; border-bottom: 1px dotted #ccc;}
    #colCentroIndex .galeria .sliderGaleria {overflow:hidden;width:100%;height:270px;}
    #colCentroIndex .galeria .imagenesGrandes {overflow:hidden;height:270px;}
        #colCentroIndex .galeria .imagenesGrandes article {background:white;}
            #colCentroIndex .galeria .imagenesGrandes article header {}
                #colCentroIndex .galeria .imagenesGrandes article header .icon_camera { position: relative; top: 5px; display: inline-block; float: left; height: 11px; width: 16px; background-image: url(/img/interface/camera.png); background-repeat: no-repeat;}
                #colCentroIndex .galeria .imagenesGrandes article header h2 { margin-bottom: 10px; border-left: 16px solid #1e4a90; padding:0 0 0 8px; font-family: "Droid serif", serif; font-size: 1.6em; font-weight: bold;  }
                    #colCentroIndex .galeria .imagenesGrandes article header h2 a { color: #4d4949;}
            #colCentroIndex .galeria .imagenesGrandes article figure { margin:0;}
                #colCentroIndex .galeria .imagenesGrandes article figure img { width:100%;}
    #colCentroIndex .galeria .sliderCarruselExterior {position:relative;}
    #colCentroIndex .galeria .sliderCarrusel {width:95%;height:63px;position:absolute;top:0;left:2.7%;}
    #colCentroIndex .galeria .flechaAnterior {position:absolute;top:10px;left:-2px;}
		#colCentroIndex .galeria .flechaAnterior.inactiva {opacity:0.5;}
    #colCentroIndex .galeria .flechaSiguiente {position:absolute;top:10px;right:-2px;}
		#colCentroIndex .galeria .flechaSiguiente.inactiva {opacity:0.5;}
    #colCentroIndex .galeria .carrusel { float:left; height: 42px; padding:0;list-style:none; overflow:hidden;}
        #colCentroIndex .galeria .carrusel li { float: left; width: 80px; padding-right:3px;}
            #colCentroIndex .galeria .carrusel li a {}
                #colCentroIndex .galeria .carrusel li a img { width:100%; opacity:0.5;}
                #colCentroIndex .galeria .carrusel li a:hover img { opacity:1;}
                #colCentroIndex .galeria .carrusel li.numeroActual a img { opacity:1;}
    #colCentroIndex .galeria .icoMas { float:right; margin-top:10px; width:4%;}
    #colCentroIndex .enlaceAImagenes { margin:6px 0 0 0; font-family: "Droid serif", serif; font-size:1.6em; font-weight: bold; text-align: right;  }
        #colCentroIndex .enlaceAImagenes a { color: #1e4a90; }


/* 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 .redes { margin-bottom:20px; }
    #colDerIndex .redes ul { margin:0; padding:0; list-style:none;}
        #colDerIndex .redes ul li { display:inline-block; width:13%;}
        #colDerIndex .redes ul li + li { margin-left:2%;}
            #colDerIndex .redes ul li a { display:inline-block;}
                #colDerIndex .redes ul li a img { width:100%; opacity:0.5;}
                #colDerIndex .redes ul li a:hover img { opacity:1;}

#colDerIndex .widgetMoviles { margin-bottom:20px; }
    #colDerIndex .widgetMoviles > img { float:left;}
    #colDerIndex .widgetMoviles ul { float:right; width:65%; list-style:none; margin:0; padding:0; text-align:right;}
        #colDerIndex .widgetMoviles ul li { display:inline-block; margin-top:5px;}
            #colDerIndex .widgetMoviles ul li a {}
            #colDerIndex .widgetMoviles ul li a:hover { }

#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:#1e4a90; 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 #1e4a90; 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, #colCentroIndex { width:46.3%; padding-top:16px; margin-bottom:0; padding-left: 1.66%;}
    #colCentroIndex {border-right:none;}
    #colDerIndex { clear:both; float:none; width:96.6%; padding:0 1.7%; }
        #colDerIndex .destacadosGraficos { float:left; width:44%;}
        #colDerIndex .redes { float: left; width:8%; margin-left:2%; }
            #colDerIndex .redes ul { }
                #colDerIndex .redes ul li { width:100%; margin-bottom:8px;}
        #colDerIndex .widgetMoviles { float: right; min-width: 220px; width: 30%; }
        #colDerIndex .listadoColumna { clear: left; float: left; width: 45%; margin-left: 1% ;}
        #colDerIndex .listadoColumna.masLeidas { clear: none; float: right; }
}

@media only screen and (max-width: 520px){
    #colIzqIndex, #colCentroIndex, #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 { width:55%; margin-left:22%; }
                    #colDerIndex .redes ul { }
                        #colDerIndex .redes ul li { width:28%; margin-bottom:8px; margin-right: 2%; margin-left: 1.5%;}
        #colDerIndex .widgetMoviles { float:none; width:100%; }
        #colDerIndex .listadoColumna { clear:none; float:none; width:100%; }
        #colDerIndex .listadoColumna.masLeidas { clear:none; float:none; }
}
