/* PRINCIPAL CSS - Común para toda la web */

/* Puesta a cero */
* html, * {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;} /* Poner cellspacing="0" en el codigo de la tabla */
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* =GENERAL
------------------------------------------------------------- */
body {
	margin:15px 0; padding:0;
	font:62.5%/120% Verdana, Arial, Helvetica, sans-serif;
	color:#444;
	background:#0071b0 url(../images/fondo.gif);
	text-align:center;
}
a, a:visited {color:#497ffe;} a:hover {text-decoration:none;}
.clear {clear: both; display: block; height: 0px; overflow: hidden; line-height: 0px; font-size: 0px;}

/* =CENTRAR PORTADA 
----------------------------------------------*/
#centrado {position:absolute; left:50%; top:50%; margin-left:-375px; margin-top:-230px; width:770px; border:1px solid #c5e412 ; background:#DB0F1A;}
#centradosec {position:absolute; left:50%; margin-left:-375px; width:770px; border:1px solid #c5e412; background:#fff;}

#grupo { float:left; width:552px; background:#fff; }

#identidad {float:left; width:552px; height:219px;}
#identidad h1 { background:#d8ed0c url(../images/imgpor_logo.gif) no-repeat 50% 50%; width:552px; height:140px; text-indent:-9999px;}
#identidad p { background:#d8ed0c  url(../images/imgpor_fecha.gif) no-repeat 50% 50%; width:552px; height:80px; text-indent:-9999px;}

#direccion {float:left; width:552px; min-height:241px; background:#f9c400 url(../images/fondo_flechafondo.gif) no-repeat 100% 50%;}
#logosymas { float:left; width:342px; font-size:110%; line-height:120%; padding:5px 10px 0 20px;; font-family:Arial, Helvetica, sans-serif;}
#logosymas p { text-align:left; margin-bottom:6px;}
#logosymas p img {margin-top:10px;}
#logosymas p span { color:#777;}
#idiomas { float:right; width:180px; height:241px; text-align:left; position:relative;}
#idiomas ul { float:left; width:180px; position:absolute; top:0%; margin-top:33px;} /* margin-top: altura segun idiomas para centrar */
#idiomas ul li { float:left; width:118px;}
#idiomas ul li a { float:left; width:118px; background: url(../images/fondo_boff.gif) no-repeat 0 0; padding-bottom:0px; line-height:200%; color:#666; text-decoration:none; font-size:120%; text-align:center; border-bottom:1px solid #7e9309;}
#idiomas ul li a:hover { float:left; width:118px; background: url(../images/fondo_bon.gif) no-repeat 0 0; padding-bottom:0px; line-height:200%; color:#fff; text-decoration:none; font-size:120%; text-align:center; border-bottom:1px solid #7e9309;}

#cartel { float:right; width:218px; background:#ffd;}

/* seccion */

#head {
	float:left;	position:relative;
	width:758px; height:175px;
	background:#fff url(../images/fondo_head.gif) no-repeat 0 0;
	text-align:left;
	padding-left:12px;
}
#head h1 { float:left; margin-left:18px; margin-top:39px; width:229px; height:64px;}
#head h1 span { position: absolute; left:-9999px; }
#head span.cartelpeq{ float:left; border:1px solid #DC8891;}
#head span.edicion { float:left; margin-top:69px; margin-left:17px;}
#head span.fechaedicion { 
	position:absolute;
	left:195px;
	bottom:10px;
	font-size:110%;
	color:#9d0c18;
	padding-bottom:11px;
	line-height: 1.3em;
}
#head span.idiomas { 
	position:absolute;
	right:15px;
	top:20px;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
#head span.idiomas a, #head span.idiomas a:visited{ color:#fff;	padding:0 5px;}	
#head span.idiomas a.activo{font-weight:bold;text-decoration:none;} 


#contenedor { float:left; width:770px; background:url(../images/fondo_contenedor.gif) repeat-y 0 0; text-align:left; padding-bottom:20px;}
#lateral { float:left; width:182px; margin:0;}
#lateral ul { float:left; width:182px; border-top:1px solid #C5E412; }
#lateral ul li { float:left; width:182px; }
#lateral ul li a {
	float:left; 
	width:167px; 
	border-bottom:1px solid #c5e412; 
	font-size:120%;
	text-decoration:none;
	padding:6px 3px 6px 12px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #57a7d1 url(../images/fondo_menu.gif) no-repeat 0 0;
}
#lateral ul li a:hover,
#lateral ul li a.activo,
#lateral ul li a.activo:hover {background: #e1a30e url(../images/fondo_menu_on.gif) no-repeat 0 0;		color:#fff;}
#lateral p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:110%; width:170px; padding-left:12px; line-height:130%; border-top:12px solid #677c02;}
#lateral span { float:left; width:170px; padding:10px 0; }

#contenido {float:left;	width:542px; padding:0; padding-left:23px;}
#contenido h2 {
	float:left;	
	width:542px;
	background: url(../images/fondo_h2.gif) no-repeat 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#9d0c18;
	font-size:160%;
	padding:7px;
	padding-left:20px;
	margin-bottom:5px;
}
#contenido p, #contenido span  {
	float:left;
	width:542px;
	color:#555;
	font-size:110%;
	line-height:140%;
	margin-top:10px;
}
#contenido p.titulo {
	float:left;
	position:relative;
	font-size:120%;
	line-height:100%;
	color:#9D0C18;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #d9d1b2;
	padding-bottom:3px;
}
#contenido p.titulo a{
	float:right;
	position:absolute; right:0;	top:0;
	font-size:90%;
	text-transform:none;
	font-weight:normal;
}

#contenido p.subtitulo {
	font-weight:bold;
	color:#9D0C18;
}
#contenido span.destacado {
	margin-left:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:130%;
	color:#777;
}
#contenido ul {
	float:left;
	width:452px;
	font-size:110%;
	text-decoration: none;
	margin-left: 20px;
	padding:10px 10px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555;

}
#contenido ul li {
	float:left;	
	background: url(../images/bullet.gif) no-repeat 0 2px;
	padding-left:10px;
	line-height: 130%;
	width:452px;
	margin-bottom: 6px;
}
#contenido ul li ul {
	float:left;	
	width:432px;
	margin-bottom:15px;}
#contenido ul li ul li {
	float:left;	
	background: url(../images/bullet_circle.gif) no-repeat 0 2px;
	font-size:90%;
	width:432px;
	margin-bottom: 3px;
}

#contenido ul.jurado {padding:0;margin:0;color:#666;}
#contenido ul.jurado li {padding:0;margin:0; margin-left:20px !important; margin-left:10px; padding-left:10px; padding-bottom:8px;}
#contenido p.titulo_2 {	font-weight:bold; padding-bottom:10px;}
#contenido ul.jurado strong {color:#9D0C18;}
#contenido ul.jurado em {color:#aaa;}

/*  Estilos para la foto y el texto de la descarga del Palmares  */
#contenido img.foto_palmares {
	border: 1px solid #333;
}
#contenido p.descarga_palmares {
	width: 468px;
	margin-top: 6px; margin-bottom: 8px;
	padding: 4px; padding-left: 28px;
	color: #333;	
	background: #FEF3CA url(../images/icono_pdf.gif) no-repeat 6px 40%;
	border: 1px solid #E0B61F;
}
/*  ----- Tabla fechas de actuaciones ----------------------------------------------------  */

#contenido table.actuaciones {
	float:left;
	width:99%;
	border-collapse:collapse;
	font-size:110%;
	margin-top:15px; margin-bottom: 15px;
}

#contenido table.actuaciones th {
	text-align:center; 
	background:#c2071a; 
	border:1px solid #fff;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	font-weight:bold; 
	color:#fff; 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:2em;
}
#contenido table.actuaciones th.bl { border-left:1px solid #c2071a;}
#contenido table.actuaciones th.br { border-right:1px solid #c2071a;}
#contenido table.actuaciones td {
	border:1px solid #ffedab;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px; 
	line-height:130%; 
	color:#555; 
	vertical-align:top;
}
#contenido table.actuaciones td.mes { 
	background-color:#fadf7d; 
	color:#917200; 
	text-transform:uppercase; 
	padding:2px; 
	text-align:center; 
	font-weight:bold;
	letter-spacing:0.4em; 
}
#contenido table.actuaciones td strong {
	display:block; width:2em; text-align:center; padding:2px; background:#ffe480; color:#c2071a; margin-bottom:4px;}

#contenido table.actuaciones td.evento {
	background:#ffc;
}
#contenido table.actuaciones a { padding-left:5px;}

/*  ----- Tabla de Noticias ----------------------------------------------------  */

#contenido table.noticias {
	float:left;
	width:542px;
	border-collapse:collapse;
	font-size:110%;
	margin-top:20px; margin-bottom: 8px;
}
#contenido table.noticias caption{
	padding:10px 0 5px 0;
	font-weight:bold;
	width:542px;
	color:#826600;
}

#contenido table.noticias td, #contenido table.noticias th {border:1px solid #eee; padding:5px; line-height:130%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555;}
#contenido table.noticias th { background-color:#826600; color:#fff; font-weight:normal; text-transform:uppercase}
#contenido table.noticias tr.alt { background-color:#fefaeb;}
#contenido table.noticias td.nombre {color:#826600; font-weight:bold;}
#contenido table.noticias a { padding-left:5px;}


/* imagenes flotantes izquierda y derecha */
img.foto_izquierda {
	float: left;
	margin: 4px 6px 4px 0px;
	border: 1px solid #826600;
}

img.foto_derecha {
	float: right;
	margin: 4px 0px 4px 6px;
	border: 1px solid #826600;	
}

/* especial barras gobierno */

#cab_gobierno { float:left; width:760px;}
#pie {float:left; width:746px; border-left:0; border-right:0; border-bottom:0; font-size:120%; padding-right:14px; padding-left:10px;}
#pie p {position: relative; margin-top: 15px;" }

