/* CSS Document */
html {
	height:101%;
	}
body {
	padding:0px;
	margin:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:20px;
	margin-bottom:20px;
	}
#pagina {
}

/* Banner */
#banner {
	margin:0px;
    height: 132px;
    background-color:#990000;
}
#titular {
    margin-bottom: 0px;
    text-align: center;
    padding-top: 5px;
    letter-spacing: 5px;
    
    }
#titular h1 {
    display:inline-block; 
    color: #FFFFFF;  
    padding: 5px;
    font-size: 300%;
    text-align: center;
    word-spacing: 125%;
    margin: 0px;
    /* background-color: beige; */
}

#menu_principal {
    padding-left: 85px;
    margin-top: 0;
}

nav a{
        text-decoration:none;
        color:inherit;
        font-size: 14px;
        font-weight: bold;
      }
            
nav li{
        display:inline-block;
/*        height:25px;*/
        padding:10px 10px;
        background-color: #A50707;
        border:1px solid #CCC;
        border-radius: 10px;  
        text-align:center;
        vertical-align: middle;
        color:#fff;
        position:relative;
}
            
nav li:hover{
    background-color:#FF8000;
    /* opacity: 0.7;*/
      }
            
nav li>ul{
      display:none;
      }

nav li:hover>ul{
      display:block;
      position:absolute;
      top:30px;
      left:0px;
}

/*Titulo */
#titulo {
	margin-bottom:0;
	margin-left:20px;
	margin-right:3px;
	margin-top:2px;
	/* border:1px solid #CCCCCC; */
	border-left:2px solid #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
	height:auto;
/*	height:35px;*/
	}
#titulo h1 {
	font-size:150%;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	letter-spacing:8px;
	font-weight: bolder;
	color:#330066;
	padding-bottom:0;
	}

/*Sección central */
#central {
/*	border:1px solid #CCCCCC;  */
	padding-top:0px;
	padding-bottom:15px;
	height:100%;
	margin-top:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

#columna1, #columna2, #columna2a, #columna2b {
    margin-top: 10px;
    box-sizing: border-box;
    
}
#columna1 li, #columna2a li, columna2b li {
    margin-bottom: 5px;
}
#columna1 {
    float: left;
    width: 40%;
    padding-right: 5px;
    text-align: justify;
}
#columna1 #buscar {
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}
#buscar h2 {
    background-color: #A50707;
    color: #FFF;
    margin-left: 5px;
    font-family: inherit;
    letter-spacing: 5px;
    border-radius: 5px;
    
}

#presentacion h2 {
    margin-top: 10px;
    padding: 5px;
    background-color: #999999;
    color: #FFF;
    border-radius: 5px;
    letter-spacing: 5px;
}
#columna2 {
    float: left;
    width: 60%;
    
}

#columna2 #columna2a {
    float: left;
    width: 50%;
}
#columna2a {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#columna2 #columna2b {
    float: left;
    width: 50%;
    padding-left: 5px;
}
#pie {
    clear: both;
    border-top: 1px solid #CCCCCC;
}

/*Menu */
#menu, #menu_premio {
	min-width:50px;
	width: 20%; /*ancho zona menú */
/*	border:1px solid #FF9900; */
	float:left;
	padding-left:5px;
	padding-top:5px;
	text-align:justify;
	font-size:90%;
	margin-top:20px;
	margin-left:20px;
}

#menu h2 {
	margin-top:0;
	background-color:#000066;
	color:#000066;
	font-size:85%;
	
	}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;

	}
#menu li a, #menu li a:visited{
	display:block;
	border:1px solid #996666;
	background-image: url(imagenes/px_gris.gif);
	background-repeat:repeat;
	padding:2px;
	margin-bottom:1px;
	margin-top: 1px;
	text-decoration:none;
	color: #CC0000;
	font-size:90%;
}	
#menu li a:hover {
	background-image: url(imagenes/px_gris2.gif);
	background-repeat:repeat;
	color: #000000;
	}
#menu li.on, #menu li.on a {
	color:#FFFFFF;
	background-image:  url(imagenes/px_rojo3.gif);
	background-repeat:repeat;
	font-weight:600;
	}
#menu .tit_menu {
	font-weight:bolder;
	color:#990000;
	margin-bottom:3px;
	}
#menu_premio ul {
	margin-left:10px;
	padding-left:10px;
	list-style:none;
	font-size:90%;
	margin-top:0;
	list-style:none;
	list-style-image: url(imagenes/5.gif);
	text-align:justify;
	}
#menu_premio ul li {
	margin:1px 0 2px 0;
	padding:0;
	}
#menu_premio ul li a, #menu_premio ul li a:visited {
	text-decoration:none;
	color:#003399;

/*	border:1px dotted #336699;*/
	}
#menu_premio ul li a:hover {
	color:#3399FF;
	}
		

/* Contenido */
#contenido {
	width:70%;
	min-width:200px;
	float:left;
	margin-left:5px;
	padding-left:20px;
	text-align:justify;
	padding-right:10px;
	border-right:2px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
}

#presentacion {
	/* width:60%; */
	min-width:200px;
	float:left;
	margin-left:5px;
	padding-left:10px;
	text-align:justify;
	padding-right:10px;
}

#presentacion a, #presentacion a:visited, #contenido a, #contenido a:visited {
	color:#990000;
	text-decoration:none;
	}
#presentacion a:hover, #contenido a:hover {
	color:#FF6666;
	text-decoration:underline;
	}	

#contenido h1 {
	font-size:120%;
	color:#996666;
}
#contenido h2, #contenidos #ultimos h2 {
	font-size:120%;
	color:#990000;
/*	border-bottom:1px solid #996666; */
	border-left: 3px solid #990000;
	margin-bottom:15px;
	background-image: url(imagenes/h2.jpg);
	background-repeat:no-repeat;
	padding: 2px 0 2px 4px; 	

}
#contenido h3 {
	font-size:90%;
	font-weight:bolder;
	color:#000099;
	}
#contenido h4 {
	font-size:80%;
	font-weight:bolder;
	color:#666666 ;
	}
#contenido ul {
	margin-left:35px;
	padding:0;
	list-style-type:none;
}
#contenido ul li {
	margin-bottom:10px;
	list-style-image: url(imagenes/1.gif);
}
#contenido p {
	padding-right:25px;
	}

/* Portada */

#novedades1, #novedades2, #crisis_educacion, #videos {
	/* width: 30%; */
	padding:0;
	text-align:center;
	font-size:90%;
	margin:5px; 
/*	border: 1px solid #333333; */
}
#portada_subseccion {
    width: 95%;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size:90%;
    padding:5px;
}
#portada_subseccion h2 {
    padding:5px;
	font-size:160%;
	letter-spacing:5px;
	margin:0 0 2px 0;
/*    background-color: #837F80; */
    color:#454545;
    border-bottom: 1px solid #454545;
    
}    

#portada_subseccion2 {
/*    border:1px solid #454545; */
    border-radius: 5px;
    text-align:justify;
    padding: 10px ;
    margin: 5px;
    /*background-color: #CCC;*/
}
#portada_subseccion2 h2 {
    padding:5px;
    border-radius: 10px;
	font-size:160%;
	letter-spacing:5px;
	margin:0 0 2px 0;
    background-color: #990000; 
    color:#FFF;
    border-bottom: 1px solid #CCC;
    text-align: center;
}  

#novedades1 {
	float:left;
	}
#novedades2, #crisis_educacion, #videos {
	float:left;
	position:relative;
}
#novedades1 h2, #novedades2 h2, #crisis_educacion h2, #videos h2 {
	padding:5px;
	font-size:130%;
	font-weight:bolder;
	letter-spacing:2px;
	margin:0 0 2px 0;
	border:1px solid #CCCCCC;
	height:13px;
	}
#novedades1 h2 {
	color: #990000;
	background-image: url(imagenes/fondo_deg7.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height:18px;
	}
#novedades2 h2, #crisis_educacion h2 {
	color: #FFFFFF;
	background-image: url(imagenes/fondo_deg6.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	font-family: "Arial Narrow";
	height:18px;
	}
#novedades2 ul, #crisis_educacion ul, #portada_subseccion ul, #portada_subseccion2 ul {
	margin:0 2px 0 12px;
	padding:0 2px 0 12px;
	list-style:none;
	list-style-image: url(imagenes/3a.gif);
	font-size:90%;
	}
#novedades2 ul li, #crisis_educacion ul li, #portada_subseccion ul, #portada_subseccion2 ul{
	margin-bottom:3px;
	}
#novedades2 a, #novedades2 a:visited, #portada_subseccion a, #portada_subseccion a:visited, #portada_subseccion2 a, #portada_subseccion2 a:visited {
	color:#CC0000;
	text-decoration:none;
	}
#novedades2 a:hover, #portada_subseccion a:hover, #portada_subseccion2 a:hover {
	color:#FF9900;
	text-decoration:underline;
	}			
iframe, .destacados {
	margin-left:auto;
	margin-right:auto;
	}
.destacados {
	/* border:1px solid #CCCCCC; */
	padding-top:2px;
	margin: auto;
	/* width:97%; */
	text-align:justify;
	padding-left:4px;
	padding-bottom:2px;
}
#ultimos {
	font-size:95%;
	clear: both;
	}
#ultimos div {
	width:43%;
	float:left;
	height: 100%;
	font-size:90%;
	margin-right:25px;
	margin-top:0px;
	margin-bottom:10px;
	}
#ultimos strong, #ultimos1 strong {
	display:block;
	color:#000066;
	border-left:3px solid #000066;
	padding-left:3px;
	margin-bottom:2px;
	padding-bottom:0px;
	}	
#ultimos div a, #ultimos div a:visited, #ultimos1 div a, #ultimos1 div a:visited {
	color:#990000;
	text-decoration:none;
	}
#ultimos div a:hover, #ultimos1 div a:hover {
	color:#FF9900;
	text-decoration:underline;
	}
.fuente {
	font-size:85%;
	}
#ultimos1 div {
	height: 100%;
	font-size:90%;
	margin-right:25px;
	margin-top:0px;
	margin-bottom:10px;
	}
.pie_foto {
	font-size:80%;
	text-align:justify;
	}
#congreso2009 #contenido {
	width:60%;
	}
#congreso2009 #menu {
	width:30%;
	}
.fondo_gris {
    background-color: beige;
}
li.mas {
    list-style-image: url(imagenes/vineta_gris15.jpg);
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    font-size: 110%;
    line-height: 30px;
    vertical-align: middle;
    padding: 0px;
}	
ul.trayectoria li{
    list-style-image: url(imagenes/vineta_triple15.jpg);
    margin-bottom: 5px;
    font-weight: bold;
    vertical-align: middle;
    padding: 0px;
}
ul.trayectoria li a, ul.trayectoria  li a:visited {
	padding: 2px;
    color:#CC0000;
	text-decoration:none;
}
.imagen:hover {
    filter: opacity(.5);
}