/* 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:link, 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 #8983ff; background:#009ee0;}
#centradosec {position:absolute; left:50%; margin-left:-375px; width:770px; border:1px solid #8983ff; background:#fff;}

#grupo { float:left; width:552px; background:#fff; }

#identidad {float:left; width:552px; height:219px;}
#identidad h1 { background:#766eda url(../images/imgpor_logo.gif) no-repeat 50% 50%; width:552px; height:176px; text-indent:-9999px; padding-top:5px;}
#identidad p { background:#766eda url(../images/imgpor_fecha.gif) no-repeat 50% 0%; width:552px; height:38px; text-indent:-9999px;}

#direccion {float:left; width:552px; min-height:241px; background:#d7df23 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;}
#logosymas p.logo { float:left; width:134px; text-align:left; margin-top:20px;}
#logosymas p.txtlogo { float:left; width:195px; margin-left:10px; margin-top:30px; }
#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:#fff; text-decoration:none; font-size:120%; text-align:center; border-bottom:1px solid #33346a;}
#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 #0667d3;}

#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:14px; margin-top:10px; width:150px; height:64px;}
#head h1 span { position: absolute; left:-9999px; }
#head span.cartelpeq { float:left; border:1px solid #c8c7d6;}
#head span.edicion { float:left; margin-top:70px; margin-left:8px;}
#head span.fechaedicion { 
	position:absolute;
	left:202px;
	bottom:10px;
	font-size:120%;
	color:#615bd6;
	padding-bottom:15px;

}
#head span.idiomas { 
	position:absolute;
	right:64px;
	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 #bfd6e2; }
#lateral ul li { float:left; width:182px; }
#lateral ul li a {
	float:left; 
	width:167px; 
	border-bottom:1px solid #bfd6e2; 
	font-size:120%;
	text-decoration:none;
	padding:6px 3px 6px 12px;
	color:#fff;
	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: #938fe0 url(../images/fondo_menu_on.gif) no-repeat 0 0;	}
#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 #766eda;}
#lateral span { float:left; width:170px; padding:10px 0; }


/*  Contenido interior  */
#contenido {float:left;	width:542px; padding:0; padding-left:23px;}
#contenido h2 {
	float:left;	
	width:542px;
	background:#fff url(../images/fondo_h2.gif) no-repeat 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#615bd6;
	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:#4942d6;
	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:#615bd6;
}
#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 p.premiados { padding-bottom: 2px; border-bottom: 1px solid #aaa; margin-bottom: 10px;}
#contenido ul.jurado strong {color:#615bd6;}
#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;
}
/*  ---------------------------------------------------------  */

#contenido table {
	float:left;
	width:542px;
	border-collapse:collapse;
	font-size:110%;
	margin-top:20px; margin-bottom: 8px;
}
#contenido table caption{
	padding:10px 0 5px 0;
	font-weight:bold;
	width:542px;
	color:#826600;
}

#contenido table td, #contenido table th {border:1px solid #eee; padding:5px; line-height:130%;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#555;}
#contenido table th { background-color:#5242D7; color:#fff; font-weight:normal; text-transform:uppercase}
#contenido table tr.alt { background-color:#fefaeb;}
#contenido table td.nombre {color:#5242D7; font-weight:bold;}
#contenido table 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;" }