/* Clase Noticia */
#noticia{
	width: 400px;/* ancho de la noticia = ancho + padding */
	margin: 6px; /*para que no se pegue al borde*/
	padding: 0px;/*algo de relleno*/
	display: inline;
}

#noticia h1 {
	width: 396px;
	font-size: 16px;
	color: #444444;
   padding: 4px;
	padding-right: 0px;
	text-align: left;
	border: 1px solid #000000;
}
#noticia h2, noticia h2 a{
	width: 396px;
	display: block;
	font-size:14px;
	color:#444444;
	text-align: left;
	border: 1px solid black;	
	margin-top: 4px;
	padding: 4px;	
	text-decoration: none;
}

#noticia p {
	text-align: justify;
	font-weight: normal;
	font-size: 11px;
	margin: 0; /*los h1 vienen con margen, con esto se lo quito*/
}

#noticia a img{
	border: 4px solid #CCCCCC;
	width: 100px;
	margin-right: 8px;
	float: left;
}

#noticia hr{
	height:2px;
	padding:0px;
	margin-top:10px;
	margin-bottom:0px;
	clear: both;
	color: #CCCCCC;
	border: dotted;
}

#central{
	width: 408px;
	margin: 4px;
	padding: 4px;	
	padding-top: 0px;
	margin-top: 0px;	
	display: block;
	float: left; /*	clear: right;*/
	border: 2px solid #DDDDDD;
	border-bottom-style: none;
	border-top-style: none;
}

#izquierda{
	display: block;
	float: left;
	width: 165px;
	padding:0px;
}
#izquierda h2 {
	margin: 10px 0 0 0;
	padding:2px;
	font-size: 1em;
	color: white;
	text-align:center;
	background-color: black;
	border:#ccc 0px solid;
	height:22px;
	font-weight:bold;
}
#izquierda h3 {
	padding: 5px;
	margin: 0;
	font-size: 0.9em;
	background:#F3F6ED;
	border:black 2px dotted;
	border-top:#f3f6ed 1px solid;
	border-bottom:#f3f6ed 1px solid;	
	text-align:left;
}

#izquierda ul {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	font-size: 0.9em;
	padding-bottom:3em;
	background:#F3F6ED;
	border:black 2px dotted;
	border-top:#f3f6ed 1px solid;
}
#lista_titular{
	text-align: left;
}
#lista_titular h5{	
	font-size: 14px;
	margin: 0 0 -10px 10px;
}
#lista_titular li{	
	margin-bottom: 10px;
	list-style-type: none;
}
#columna{
	padding:0px;
	margin: 0px;
	margin-top: 0px;
	margin-left:  2px;
	width: 165px;
	float: left;
/*	clear: right;*/
}
	
#columna ul{
	list-style-type: none; /*con esto quitamos las viñetas*/
	margin: 0; /*le quitamos el margen a la lista*/
	padding: 0; /*y el relleno*/	
	margin-bottom:4px;	
	width: 160px;	
}

#columna li {
	border-left: 14px #f00 solid;
	background-color: #0E7CB5; 
	font-size: 10px;	
	margin-bottom:1px; 
	width: 148px;	 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	clear: left;
}
#columna li a {
	padding: 1px;
	padding-left: 4px;
	display: block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	width: 150px; /*defino el ancho del rectangulo del vinculo*/
	text-align: left;
	width: 148px;		
	text-transform: uppercase; /*decorare los vinculos en mayusculas*/
	color: #fff;
}

#columna li a:hover {
	width: 143px;
	_width: 100%;
	color: white;
	background-color:#990000; /*decoración para el evento hover (mouse encima)*/ 
}


.banner{
	margin-top: 4px;
	border: 2px solid Black;
	float:left;
	clear: left;	
}

#banner_google{
	padding-bottom: 4px;
}
.cuadradito{
	width: 14px;
	height: 14px;
	background-color: Navy;
	margin: 0 4px 0 0;
	float: left;
}

#villenaorg{
	clear: both;
	width: 163px;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	text-align: left;
	background-image: url(/iconos/fondo-villenaorg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
}
#villenaorg ul{
	margin:0;
	padding:0;
	border: none;
	font-size: 11px;
	background: transparent;									
}
#villenaorg li{
	padding: 4px;
	margin: 0;
	list-style: none;
	background: transparent;														
}
#villenaorg h2{
	height: 30px;
	margin: 0;
	padding:0;
	background: #0e334e;
	text-align: left;
}
#villenaorg a img{
	padding: 4px 0 0 0;
	border: 0;
}


