/*-----------------------------------------------------------------------------
Hoja de estilo básica de www.villadeolmedo.es

versión:	02/2007
autor:		Enrique Luque
email:		interactivos@ohvisual.com
website:	http://www.ohvisual.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remover padding y margin global */
* {
	margin: 0;
	padding: 0;
}

/* Margen superior e inferior para ciertos elementos */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, ol {
	margin: 1em 0;
}

ol {margin-left:20px;}
/* Clase para eliminar los flotantes*/
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* html>body .clear {
	display: inline-block;
	width: 100%;
}*/
* html .clear {height: 1%;/* Lo oculta para IE-mac \*/}	

/* Remover bordes a imágenes con enlaces */
img {border: 0;}
/* Remover el borde de puntos del enlace al ser pinchado*/
a {outline:0;}

hr {
	background-color:#E6E3CE;
	border: 0;
	color: #E6E3CE;
	height: 1px;
	width: 100%;
}

/* =Maquetación
-----------------------------------------------------------------------------*/
body {background-color:#FFF;}
body#cuerpo, body#inicio {background-color:#e7e6d3;}

#contenedor {width:772px; margin:0 auto; background-color:#FFF; border:1px solid #c1c0ab; /*border-left:1px solid #c1c0ab; border-right:1px solid #c1c0ab;*/}
#cabecera {margin:0;}
#contenido {clear:both; padding:12px}
#pie {}

body#inicio table {margin:0;}

/* =Tipografía
-----------------------------------------------------------------------------*/

* {
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
}

body {
  	font: 11px Tahoma, Verdana, sans-serif;
}

body * {
  font-size: 100.01%;
  line-height: 1.4;
}

blockquote {background-color:#F3F0DC; padding:10px;}

strong { font-weight: bold; }

pre {
	padding: 3%;
	border: 1px dotted #999;
	overflow: auto;
	background-color:#F2F2EC;
}

.System {font-family: System;}

.abaseFecha {color:#aeaeae; display:block; font:10px Tahoma, Verdana, sans-serif; margin:0 0 5px;}

/* =Títulos
-----------------------------------------------------------------------------*/
h1 {
	font-size: 2.4em;
	letter-spacing: -0.05em;
	line-height: 1.0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif, Tahoma;	
	font-size: 1.8em;
	line-height: 1.0;
}
#inicio h2 {
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;	
	color:#FFF;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.0;
	margin:0;
	background-color:#333333;
}

h3 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.9em;
	color:#5893ec;
	font-weight: normal;
	border-bottom:1px solid #f3f0dc;
	line-height:normal;
	margin:0 0 1em;
	padding-bottom:2px;
	letter-spacing: -1px;
}

#inicio h3 {
	color:#696969;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight:bold;
	letter-spacing:normal;
	line-height:normal;
	margin:0;
	padding-bottom:0;
}

h4 {font-family: Arial, Helvetica, sans-serif, Tahoma; margin:0 0 5px;}


/* =Enlaces
-----------------------------------------------------------------------------*/
a:link, a:visited  {color: #006699;	text-decoration: none;}
p a:link, p a:visited {border-bottom:1px dashed #aaa090;}
a:hover, a:active {color: #CC0000; }

a:link h4, a:visited h4 {color: #006699;	text-decoration: none;}
a:hover h4, a:active h4 {color: #CC0000; }

/* =Cabecera
-----------------------------------------------------------------------------*/
#cabecera h1 { margin:/*12px 0 0 */0;}
#cabecera a {display:block; height:70px; background:url(../img/cabecera.gif) center top no-repeat; padding-left:70px;}
#cabecera span {display:none;}
#cabecera span.abaseFecha {
	color: #336699;
	display:block;
	font-family: georgia, times, serif;
	font-size:17px;
	font-weight:normal;
	line-height:76px;
	letter-spacing:normal;
	padding-left:5px;
	/*text-decoration:underline;*/
}


/* =Navegación principal
-----------------------------------------------------------------------------
#menu-principal a.home {
	width:45px;
	line-height: 2.5em;
	text-decoration: none;
	float: left;
	display: block;
	background: #AAA090 url(../img/ico_home.gif) no-repeat center;
}

#menu-principal ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 727px;
	background: #AAA090;
	list-style: none;
}

#menu-principal ul li {
	float: left;
	border-left:1px solid #cfc5a2;
}

#menu-principal ul a:link span, #menu-principal ul a:visited span{
	font: 11px Tahoma, Verdana, sans-serif;
	padding: 0 0.8em;
	line-height: 2.5em;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
}


#menu-principal ul a:hover span{
	color: #333;
	background: #cfc5a2;
}


#menu-principal ul .first a span{background: none;}

#menu-principal li.activa a:link, #menu-principal li.activa a:visited, #menu-principal li.activa a:hover {
	color: #333;
	background: #FFF;
}*/

/* =Navegación secundaria
-----------------------------------------------------------------------------
#menu-interno {
margin: 0 0 2em;
padding: 0 0 20px 0;
border-bottom: 1px solid #AAA090;
}

#menu-interno ul, #menu-interno li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#menu-interno a span{font: 11px Tahoma, Verdana, sans-serif;}
#menu-interno a:link, #menu-interno a:visited span{
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 4px solid #FFF;
}

#menu-interno li a:hover span, #menu-interno li.activa a:link span, #menu-interno li.activa a:visited span, #menu-interno li.activa a:hover span {
border-bottom: 4px solid #AAA090;
padding-bottom: 2px;
background: transparent;
}

#menu-interno a:hover { }*/


/* =Contenido Principal
-----------------------------------------------------------------------------*/
/*** NOTICIAS ***/
#noticiasAYTO, #noticiasEJ, #noticiasOC { background:#FFF; margin-bottom:12px; height:177px; overflow:hidden;}

#noticiasPC, #noticiasVO, #noticiasPM { background:#FFF; margin-bottom:12px; height:177px; overflow:hidden;}

#noticiasPC, #noticiasVO { padding-right:12px;}


/* Titulos rotativos */ 
#inicio  h2 a:link, #inicio  h2 a:visited
{color:#FFF; display:block;	padding:2px 0 3px 5px;}
#inicio  h2 a:hover {color:#FFF; background:#333 url(../img/ico_flecha1.gif) right center no-repeat;}

#inicio  h3 a:link, #inicio  h3 a:visited
{color:#696969; display:block; padding:0 5px;}
#inicio  h3 a:hover {color:#696969; border-color:#333; background:#e0dfcd url(../img/ico_flecha2.gif) right center no-repeat;}

/* Colores titulos rotativos */ 
#noticiasAYTO  h2 {background-color:#660000;}
#noticiasAYTO  h3 a {border-bottom:2px solid #660000; background:#eddfcd;}

#noticiasEJ  h2 {background-color:#F1CA01;}
#noticiasEJ  h3 a {border-bottom:2px solid #F1CA01; background:#fdf7cd;}

#noticiasOC  h2 {background-color:#851f35;}
#noticiasOC  h3 a {border-bottom:2px solid #851f35; background:#e1cab6;}

#noticiasVO  h2 {background-color:#b9ad83;}
#noticiasVO  h3 a {border-bottom:2px solid #b9ad83; background:#f6f5e7;}

#noticiasPM  h2 {background-color:#0082DC;}
#noticiasPM  h3 a {border-bottom:2px solid #0082DC; background:#e0eff8;}

/*.noticias {
	background-color:transparent;
}
.noticias_con{
	background-color:#F2F2F2;
}
.noticias img.miniatura, .noticias_con img.miniatura{
	float:right;
	margin:0px 8px 8px 12px;
}
.resumen{
	display:block;
	color:#666666;
	margin-bottom:12px;
}
.titulo_imagen{
	display:block;
	padding:4px 4px 6px 16px;
	background-image:url(../img/mayor.gif);
	background-repeat:no-repeat;
	background-position:6px 9px;
	font-family:Tahoma;
	font-size:12px;
	color:#660000;
}*/

/* LEER MAS 

a.mas, a.mas:link, a.mas:visited  {
	height:15px;
	padding: 0px 20px 0 0;
	margin-right: 2px;
	font-weight:bold;
	line-height:15px;
	display:block;
	text-align:right;
}
a.mas:link, a.mas:visited { background: url(../img/ico_mas1.gif) right center no-repeat; }
a.mas:hover { background: url(../img/ico_mas2.gif) right center no-repeat; }*/

/* =Rotativos
-----------------------------------------------------------------------------*/
a.cuadroMas {display:block; height:134px;}

a.cuadroMas:link, a.cuadroMas:visited { background:#FFF url(../img/ico_cuadroMas1.gif) right bottom no-repeat; }
a.cuadroMas:hover { background:#EEE url(../img/ico_cuadroMas2.gif) right bottom no-repeat; }

.cuadroMas img.miniatura{
	float:right;
	margin:0px 8px 8px 12px;
}

/* =Fecha
-----------------------------------------------------------------------------*/
.fecha {
	display:block;
	border:2px solid #AAA;
	padding:2px;
	font-family: georgia, times, serif;
	font-size: 11px;
	color:#AAA;
	text-align:center;
	background:#FFF;
}

.fecha .abFecha span {text-align:center;}

.f_des{ float:left; margin:5px 12px 4px 0px; }
.fecha .abDia, .fecha .abMes, .fecha .abAnoB{ display:block; line-height:90%; }
.fecha .abDia{ font-size: 19px; margin: -2px 0 3px 0; line-height:90%; }
.fecha .abAnoB{ font-size:10px; }
.fecha .abAnoA{ display:none; }
.fecha .abMes span, .fecha .abDia span, .fecha .abAno span, .fecha .abAnoA span, .fecha .abAnoB span{ display:none; }

/* =Agenda
-----------------------------------------------------------------------------*/
.agenda .abFecha {
	width: 30px;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 1px;
	float: left;
	text-align: center;
	color:#000;
	background:#FFF;
}

.agenda .abFecha, .agenda .abFecha a:link, .agenda .abFecha a:visited, .agenda .abFecha a:hover
{color:#AAA;}

.agenda .abMes, .agenda .abDia, .agenda .abAno, .agenda .abAnoA, .agenda .abAnoB
{display:block; font-family: georgia, times, serif; font-size: 12px; line-height:90%; text-align: center;}

.agenda .abAno, .agenda .abAnoA, .agenda .abAnoB
{font-size: 10px;}

.agenda .abFecha .abDia
{font-size: 19px; margin: -2px 0 3px 0;}

.agenda .abAnoA
{display:none;}

.agenda .abMes span, .agenda .abDia span, .agenda .abAno span, .agenda .abAnoA span, .agenda .abAnoB span
{display:none;}

.agenda .eventoInicio .abFecha
{border:2px solid #66CC00;}

.agenda .eventoFin .abFecha
{border:2px solid #FF0000;}


/* =Banners
-----------------------------------------------------------------------------*/
#bannersIzquierda {width:189px; overflow:hidden;}
#bannersIzquierda img {margin:0 12px 12px 0; display:block;}

/* =Contenido Secundario
-----------------------------------------------------------------------------*/



/* =Pie
-----------------------------------------------------------------------------*/



/* =Formularios
-----------------------------------------------------------------------------*/
input, option { padding:0 2px; line-height:normal;}

/* Quitar bordes del fieldset. igualar en Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tablas
-----------------------------------------------------------------------------*/
table {
	font-weight: normal;
	text-decoration: none;
	border-collapse:collapse;
}

table td {vertical-align:top;}

/* =Misc 1
-----------------------------------------------------------------------------
.columna-fotos {float: left; padding: 16px; background-color: #f3f0dc; margin: 0.4em 2.5em 2em 0; border: 1px solid #e6e3ce;}*/

/*** IMAGENES **


.img_contenedor{
	display:block;
	float:left;
	padding:5px;
	background-color: #f3f0dc;
	margin: 0.4em 0 2em 0;
	border: 1px solid #e6e3ce;
}
.img_relacionada{
	float:left;
	margin:12px 13px;
	text-align: center;
	border:3px solid #ded5b4;
}
.img_relacionada a{
	display:block;
	width:120px;
	height:98px;
	overflow:hidden;
	padding: 4px;
	background-color:#f3f0dc;
}*/

/*** /IMAGENES **

.foto img, .columna-fotos img {
	display: block;
	border:5px solid #ded5b4;
	clear: both;
}

.foto img.miniatura {clear:both; float:none; margin:5px auto; padding:20px;}

.fotoIzquierda {
	float: left;
	margin: 2px 20px 15px 0;
	padding: 4px;
	background-color:#f3f0dc;
	border:3px solid #ded5b4;
	clear: both;
}
.fotoDerecha {
	float: right;
	margin: 2px 0 15px 20px;
	padding: 4px;
	background-color:#f3f0dc;
	border:3px solid #ded5b4;
	clear: both;
}*/


/* Bloques resaltados 
-----------------------------------------------------------------------------
blockquote.intro {background-color:#ecf8fd; padding:10px; margin:0 0 8px 0; border-bottom:1px dashed #b6d6e3;}
blockquote.intro p {color:#5f7a84; line-height:1.2em; margin:5px;}
blockquote.intro .fotoIzquierda {
	float: left;
	margin: 2px 20px 15px 0px;
	padding: 5px;
	background-color: #f6fcff;
	border:2px solid #b6d6e3;
	clear: both;
}
blockquote.cita1 {width:95%; color:#6b6354; background-color:#F3F0DC; padding:10px;}*/

/* =Galería
-----------------------------------------------------------------------------
#galeria table {border:1px solid #E6E3CE;}
#galeria td.columna_0, #galeria td.columna_1, #galeria td.columna_2, #galeria td.columna_3 {padding:10px; text-align:center;}
#galeria .fila_0 {background-color:#F3F0DC;}
#galeria .fila_1 {background-color:#FAF8E8;}
a {cursor:pointer}
a.urlp:link img, a.urlp:visited img{ border:1px solid #E6E3CE;}
a.urlp:hover img{ border:1px solid #CC0000; }*/
