/*                                                                                       Do the reset!

------------------------------------------------------------------------------------------------------

*/

* { 

    padding: 0; 

    margin: 0;

    line-height: 1.4em;

}



/*                                                                     Elementos definidos globalmente

------------------------------------------------------------------------------------------------------

*/

body {

	font: normal 69%/1.3em   arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;

    color:#323232;

    text-align: center;

}



a {

    text-decoration: underline;

    color: #2C540B;

}



a:hover {

}



a img {

    border: 0;

}



/*                                                                         Headings y bloques de texto

------------------------------------------------------------------------------------------------------

*/

h1 a {

    width: 186px;

    height: 51px;

    border: none;

    margin-left: -480px;

    position: absolute;

    top: 17px;

    left: 50%;

    text-indent: -10000px;

    background: url(../img/logo.png);

}



* html h1 a {

    background: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/logo.png, sizingMethod=crop);

}



h2 {

    font-size:1.9em;

	line-height:1em;

	text-transform:uppercase;

	color:#204303;	

} 



#contenido h3 {

    font-size:1.4em;

	line-height:1em;

	text-transform:lowercase;

	font-weight:normal;

	border-bottom:1px dashed #A2BC8D;

	padding-bottom:4px;

	margin:-3px 0 30px 0;

	color:#204303;

}  



#lateral h3 {

    font-size: 1em;

    text-transform: uppercase;

    margin-bottom: 0.5em;

}



h4 {

    font-size:1.3em;

	line-height:1em;

	text-transform:uppercase;

	border-bottom:1px dashed #A2BC8D;

	padding-bottom:4px;	

	margin:20px 0;

}  

h4.verde {

	font-size:1.1em;

	color:#FFF;

	background: #2C540B url(../img/h4Verde.gif) no-repeat left;

	text-transform:none;

	border:0;

	padding:7px 5px 8px 9px;

    margin-right: 35px; 

	font-weight:normal !important;

}



.tituloPanel h4,

.tituloPanelPeq h4 {

	border:0;

	font-size:1em;

	text-transform:uppercase;

	margin:0 !important;

	font-weight:normal !important;

}



p {

    margin-bottom: 0.8em;

}



table {

    border-collapse: collapse;

}



ul {

	list-style: none;

}



sup {

    vertical-align: text-top;

    font-size: 0.75em;

}



sub {

    vertical-align: text-bottom;

    font-size: 0.75em;

}



address {

    display: inline;

    font-style: normal;

} 



/*                                                                                              Links

------------------------------------------------------------------------------------------------------

*/

a.print {

	width:30px;

	height:31px;

	display:inline;

	float:right;

	margin-top:-20px;

}



a.print img {

    margin: 0 !important;

}



/*                                                                                            Listados

------------------------------------------------------------------------------------------------------

*/

.listadoComun li {

	background:url(../img/listadoDot.gif) no-repeat left 5px;

	padding-left:15px;

	margin-bottom:5px;

}



.listadoComun li a {

	text-decoration:none;

}

.listadoComun li a:hover {

	text-decoration:underline;

}



ul.listadoPDF li {

	background:url(../img/listadoPDF.gif) no-repeat left 5px;

	padding:8px 30px;

	margin-bottom:5px;

}



ul.listadoPDF li a {

	font-weight:bold;

	display:block;

	text-decoration:none;

}

ul.listadoPDF li a:hover {

	text-decoration:underline;

}



.paginador {
	margin-top: 2em;
	position: relative;
	text-align: center;
}
.paginador a {
  text-decoration: none;
  color:#666666;
}
.paginador a.botopagleft {
	position: absolute;
	top: 0;
	left: 110px;
}

.paginador a.botopagright {
	position: absolute;
	top: 0;
	right: 110px;
}

.paginador ul li {
	display: inline;
	margin-right: 0.3em;
}

.paginador ul li.sel {
	display: inline;
	margin-right: 0.3em;
  color:#204303;
  font-weight: bold;
}


/*                                                                             Elementos estructurales

------------------------------------------------------------------------------------------------------

*/

#wrap {

    width: 990px;

    margin: 0 auto;

    text-align: left;

}



#cabecera {

    position: relative;

    z-index: 10000;

    height: 110px;

    background: url(../img/cabeceraFondo.png) no-repeat 50% 0;

}



* html #cabecera {

    background-image: url(../img/cabeceraFondo.gif);

}



#principal { /* el margin-bottom y el padding-bottom de esta capa se controlan por JS, por favor no tocar */

    margin-left: 90px;

}



#contenido {

    width: 474px;

	padding:30px 6px 0 120px;

    font-size:1em;

}



* html #contenido {

	width: 600px;

}



#contenido img {

	margin:15px auto;

}



#lateral {

    position: absolute;

    left: 50%;

    top: 46px;

    width: 227px;
	

    margin-left: 236px;

    font-size: 0.92em;

}



#footer {

    clear: both;

    width: 100%;

    padding: 30px 0 15px;

    background: url(../img/cesped.jpg) repeat-x 0 100%;

    visibility: hidden;

}



/*                                                                                          Navegación

------------------------------------------------------------------------------------------------------

*/

#linksSecundarios {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: 200px;

    text-transform:lowercase;



}



#linksSecundarios li {

    display: inline;

    float: left;

    padding-left: 6px;

    background: url(../img/linksSecundariosSeparador.gif) no-repeat 2px 20px;

}



#linksSecundarios li.primero {

    padding: 0;

    background: none;

}



#linksSecundarios a {

    float: left;

    padding: 13px 5px 0;

    font-size: 0.92em;

    background-image: url(../img/linksSecundariosActivo.gif);

}

#linksSecundarios a.peque{

    text-transform:uppercase;

    margin-right:-6px;

}

#linksSecundarios a.grande{

    text-transform:uppercase;

    margin-top:-4px;

   }

#linksPrincipales a,

#linksSecundarios a {

    color: #FFF;

    text-decoration: none;

    background-repeat: repeat-x;

    background-position: 0 100em;

}



#linksPrincipales a:hover,

#linksSecundarios a:hover {

    background-position: 0 100%;

}



#linksPrincipales {

    width: 588px;

    padding: 0 0 4px 12px;

    margin-top: -100px;

    background: url(../img/menuFondo.png) no-repeat 0 100%;

	font-weight:bold;

	font-size:1.05em;



}



* html #linksPrincipales {

    position: relative;

    width: 600px;

    height: 128px;

    margin-top: -103px;

    margin-right: -12px;

}



#linksPrincipales ul li {

    float: left;

    display: inline;

    position: relative;

	padding-right:1px;

    z-index: 1;

	background:url(../img/menuSeparador.gif) no-repeat right 91% ;

}



#linksPrincipales ul li.ultimo {

	background:none !important;

}

#linksPrincipales ul li a {

    position: relative;

    z-index: 5000;

    display: block;

    padding: 100px 11px 8px;

    background-image: url(../img/menuActivo.gif);

    text-transform: uppercase;

}



#linksPrincipales ul ul {

    position: absolute;

    top: 138px;

    left: 50%;

    display:none;

    width: 139px;

    padding-bottom: 8px;

    margin-left: -69px;

    background: url(../img/menuSubFondo.gif) no-repeat 50% 100%;

}



#linksPrincipales ul ul li {

    display: block;

    float: none;

    padding: 0 7px;

	background:none;

}



#linksPrincipales ul ul li.primero {

    padding-top: 17px;

    background: url(../img/menuSubDeco.gif) 50% 0 no-repeat;



}



#linksPrincipales ul ul a {

    width: 128px;

    padding: 1px 2px;

    margin: 1px -2px;

    font-size: 0.92em;

	color:#4b4b4b;

}



#linksPrincipales ul ul a:hover {

	background:#636363;

	color:#FFF;

}



/*                                                                                            Lateral

------------------------------------------------------------------------------------------------------

*/

#lateral h2 {

    color: #FFF;

    text-transform: uppercase;

    font-size: 1.1em;

    background: url(../img/sidebarSup.gif) no-repeat 50% 0;

}



#lateral div h2 {

    height: 14px;

    padding: 10px 15px;

    background: url(../img/sidebarSup.gif) no-repeat 50% 0;

	font-weight:bold;

}



#lateral h2 a {

    display: block;

    color: #FFF;

    text-decoration: none;

	font-weight:bold;

    background: url(../img/flechaHor.png) no-repeat 100% 50%;
	
	height:16px;

}



* html #lateral h2 a,

* html dl.desplegableHistoria dt a,

* html a.destacado {

    background-image: url(../img/flechaHor.gif);

}



#lateral .contenedor {

    padding: 5px 15px 15px;

    list-style: none;

}





#lateral .contenedor a {

	background:url(../img/flechaLateral.gif) no-repeat right center;

	padding-right:25px;

	text-decoration:none;



}

#lateral .gris {

    color: #333;

    background: url(../img/sidebarInf.gif) no-repeat 50% 100%;

}

#lateral #ayudaLateral img {

	

}

ul.menuSocios {

	padding:2px 0 10px 0;
	position:relative;
	z-index:10000;

}



* html ul.menuSocios {

    padding: 0;

    height: 100%;

}



ul.menuSocios li {

    margin-top: 2px;

}



* html ul.menuSocios li {

    float: left;

    clear: left;

    width: 100%;

}



ul.menuSocios li a {

    display: inline;

	margin-left: 20px !important;

	font-size:1em !important;

}



ul.menuSocios li a:hover {

    background-image: url(../img/linksSecundariosActivo.gif);

}

/* modulos laterales: */

#noticiasLateral li {

    border-bottom: 1px solid #BFCAB8;

    margin-bottom: 5px;

}



#noticiasLateral li.ultimo {

    padding: 0;

    border: 0;

    margin: 0;

}

#noticiasLateral .contenedor a {

	background:none;

}



#materialLateral {

    background: url(../img/sidebarInfMaterial.gif) no-repeat 50% 100%;

 }

 

#publicacionesLateral {

    background: url(../img/sidebarInfPublicaciones.gif) no-repeat 50% 100%;

 }  



#materialLateral .contenedor,

#publicacionesLateral  .contenedor  {

    padding-left:96px;

    color:#FFF;

 }

 

#materialLateral .contenedor a,

#publicacionesLateral  .contenedor a {

	color:#FFF;

	background:url(../img/flechaLateralBlanca.gif) no-repeat right center;

	padding-right:25px;

	text-decoration:none;}





.desplegableHistoria dd.activo {

	display:block;

}