/*
*	Creado artesanalmente con http://notepad-plus.sourceforge.net
*	Emilio Mariscal - emi420(at)gmail.com - http://proyecto83.com
*/

/*** cuerpo ***/  

html, body { height: 100%; }

/*** contenedores  ***/

.contenedor {
position:relative; 
margin:0 auto; 
width: 952px;
height:auto !important; 
height:100%; 
padding-bottom:29px ;
}

.cabecera {
margin: 0 auto ;
width: 952px ;
height: 123px ;
}

.pagina {
min-height: 500px ;
margin-top: 0 ; 
width: 948px;
padding: 0 ;
}

.contenido.interior,
.contenido {
padding: 0 10px 10px 10px ;
width: 718px ;
float: right ;
}

.barra {
width: 210px ;
float: left ;
}

.barra-lateral {
float: right ;
width: 150px ;
margin:0.5em 0;
}

.cuerpo {
float: left ;
width: 540px ;
padding-left: 8px ;
}

.pie 
{
width:952px;
padding: 1em 0 1em 0;
bottom: 0 ;
background-color:Black;
}

/*** logo ***/

.logo {
width: 113px;
height: 108px;
float: left;
margin-top: 10px ;
}

.logo span {
display: none;
}

/*** variedades / clases utiles ***/

hr,
.clear {
display: block;
height: 1px;
border: 0;
margin: 1em 0 1em 0;
clear: both;
}

.clear {
clear: left;
margin: 0;
visibility: hidden;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*** menu principal ***/

.menu.principal {
display: block ;
width: 737px ;
height: 39px ;
margin-left: -8px ;
}

.menu.principal li {
height: 29px ;
padding: 10px 0 0 0 ;
margin: 0 0 0 0 ;
float: left ;
display: block ;
width: 105px ;
}

.menu.principal a {
display: block ;
height: 20px ;
}

.menu.principal span {
visibility: hidden ;
}

.menu.principal li.ambiente{
width: 154px ;
}

.menu.principal li.gobernador{
width: 163px ;
}

/*** menu secundario ***/

.menu.secundario {
float: left ;
padding-top: 6px ;
width: 567px ;
height: 17px ;
margin-bottom: 0 ;
margin-left: -8px ;
}

.menu.secundario li {
float: left ;
margin: 0 0 0 -2px ;
padding-left: 35px ;
}

/*** buscador ***/

.buscador input.texto {
width: 90px ;
height: 15px ;
}

.buscador .boton-texto {
width: 108px ;
height: 23px ;
border: 0 ;
padding: 0 !important ;
width: auto !important ;
margin-top: -6px ;
}

.buscador {
width: 170px ;
padding-top: 6px ;
height: 17px ;
float: right ;
margin-right: -11px ;
}

.buscador input.texto {
height: 15px ;
padding: 0 ;
margin: -3px 0 0 0 ;
width: 110px !important ;
}

/*** cuadros ***/

.cuadros li {
margin-bottom: 0 ;
min-height: 150px !important ;
height: auto !important ;
height: 150px ;
margin-top: 17px ;
padding-top: 0 ;
}

.cuadros li p,
.cuadros li h3,
.cuadros li .imagen {
margin: 5px ;
}

.cuadros .imagen {
float: left ;
}

.cuadros .clear {
height: 15px ;
}

.cuadros h2 {
display: block ;
height: 20px ;
margin: -5px 0 5px -1px ;
position: absolute ;
}


.cuadros h2 span {
display: block ;
padding: 2px 0 0 0 ;
margin-left: 10px ;
height: 15px ;
}

.cuadros h3 {
margin-left: 5px ;
}

/*** tres columnas cuadros ***/

.tres-columnas.cuadros h2 {
width: 228px ;

}

.tres-columnas.cuadros li {
width: 226px ;
 
}


/*** dos columnas cuadros ***/

.dos-columnas.cuadros li {
min-height: 120px !important ;
height: auto !important ;
height: 120px ;
margin-top: 17px ;
width: 262px ;
}

.dos-columnas.cuadros h2 {
width: 264px ;
}

/*** tres columnas portada secccion ***/
.tres-columnas.portada-seccion.cuadros h2 {
width: 228px !important ;
}

.tres-columnas.cuadros li {
width: 226px !important ;
 height:160px;
}


/*** cuatro columnas cuadro largo***/

.cuadro-largo {
width: 691px ;
margin-bottom: 5px ;
padding: 10px ;
}

.cuadro-largo .imagen,
.cuadro-largo .enlace {
float: left ;
clear: left ;
margin: 0 10px 10px 0 ;
width: 243px ;
}

ul.cuadro-largo .imagen {
width: auto ;
margin-bottom: 5px ;
}

.cuatro-columnas.cuadro-largo li p,
.tres-columnas.cuadros li h3,
.tres-columnas.cuadros li .imagen {
margin: 5px ;
}

h2.cuadro-largo {
margin: 0 ;
display: block ;
height: 17px ;
width: 703px ;
padding:3px 0 0 10px ;
margin: 10px 0 0 0  ;
}

.cuatro-columnas.cuadro-largo  h3 {
margin-left: 5px ;
}

.cuatro-columnas.cuadro-largo li.ultimo {
margin: 0 !important ;
}

/*** portada seccion ***/

.portada-seccion {
min-height: 165px ;
height: 165px ;
height: auto !important ;
}

.portada-seccion .imagen {
float: right;
margin: 0 0 5px 10px ;
}

/*** nota ***/

span.cuadro-largo {
border: 0 ;
padding: 0 ;
}

span.cuadro-largo a {
float: right ;
padding: 0 0 0 22px ;
height: 15px ;
margin-top: 5px ;
}

.enlace.ver-fotos {
width: 220px ;
padding: 0 0 0 24px ;
}

/*** Resultado de busqueda (item) ***/

.item {
padding: 0 2em 2em 2em ;
}

.item .imagen {
margin-right: 2em ;
}


.item h3 {
margin-bottom: .5em ;
}

/*** Formulario de busqueda ***/

.formulario-buscador {
padding: 1.6em 1em 1em 1em ;
height: 30px ;
}

.formulario-buscador label {
width: 63%;
float: left ;
padding-right: 1em ;
padding-top: 5px ;
}

.formulario-buscador select {
margin-right: .5em ;
display: block ;
float: left ;
}

.formulario-buscador fieldset {
float: right ;
}

/*** menu posicionador ***/

.posicionador {
clear: both ;
padding: 5px 0 5px 0 ;
margin-bottom: 10px ;
width: 100% ;
height: 15px ;
}

.posicionador li {
float: left ;
padding: 0 ;
margin: 0 ;
}

.posicionador li a {
margin-right: 5px ;
}


/*** portada noticias ***/

.noticias {
margin-top: 10px ;
width: 536px ;
clear: both ;
overflow: hidden ;
height: 210px ;
}
.noticias div.izq, .noticias div.der {
width: 245px ;
padding: 0 10px 0 10px ;
min-height: 210px ;
height: auto !important ;
height: 210px ;
margin: 0 ;
}

.noticias  h3 {
margin-bottom: 4px ;
display: block ;
padding: 0 10px 0 0 ;
height: 20px ;
width: 246px ;
}

.noticias  h3 span  {
width: 240px ;
margin-left: -11px ;
display: block ;
padding: 2px 10px 0 10px ;
height: 18px ;
position: absolute ;	
margin-left: -11px ;
}

.noticias div.der h3 span {
margin-left: -10px ;
}

.noticias div.der h3 {
/*position: absolute ;*/
}

.noticias  h4 {
/*padding-bottom: 3px ;*/
line-height: 120% !important ;
}

.noticias  p {
/*padding-bottom: 3px ;*/
line-height: 120% !important ;
}



/*
.noticias div.der hr {
height: 15px ;
background: none ;
border: 0 ;
visibility: hidden ;
}
*/


/****	menu desplegable  ***/

.barra .menu-desplegable {
	margin: 5px ;
}

.barra .menu-desplegable li {
	padding-top: 3px;
	margin:0px;
	width:100%;
}

.barra .in-menu li {
	background: none ;
	padding: 6px 0 6px 16px ;
	margin-left: -10px ;
}

.barra .menu-desplegable .menu-desplegable_sign {
	width:10px;
	display:block;
	height:10px;
	float:left;
}
.barra .menu-desplegable .menu-desplegable_sign a {
	padding:0px;
	margin:0px;
}