/* CSS Document */

BODY {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

A { outline: none; }
	A IMG { border: none; vertical-align: middle; }

UL { margin: 0; padding: 0; list-style: none; }
	UL LI { margin: 0; padding: 0; list-style: none; }

OL { margin: 0; padding: 2px 8px; }
	OL LI { margin: 0; padding: 2px 0; }

H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; }
P { margin: 0; padding: 4px 0; }
	
INPUT, SELECT { font-size: 1em; vertical-align: middle; }
TEXTAREA { font-size: 1em; }

FORM { margin: 0; padding: 0; }

IMG { border: 0; }

.alignright { float: right; }
.alignleft { float: left; }

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }

.clear-both { clear: both; display:block; height:0px; }

/* Begin Images ( Estandar de WordPress) */
P IMG {	padding: 0; max-width: 100%; }
IMG.centered, IMG.aligncentered { display: block; margin-left: auto; margin-right: auto; }
IMG.alignright { clear:both; padding: 4px; margin: 0 0 2px 7px; display: inline; }
IMG.alignleft { clear:both; padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Clear Both fixed */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Posicionamiento */

.posicion-general {
	width: 900px;
	margin: 0 auto; 
	padding: 0; border:0;
	text-align: left;
}



Body {
background:#20356e;
margin: 0 auto;
text-align: center;
color:#fff;
}
table {
border: 1px solid #b8bdc8;
margin: 0 auto 2em auto;
}
table tr {
border: 1px solid #b8bdc8;
}

table thead th {

font: bold .7em/1.4em Georgia, "Times New Roman", Times, serif;
color: #fff;
text-align: center;
padding: .2em;
background-color: #b6bbc7;
}

table tbody td {
font: .7em/1.4em Georgia, "Times New Roman", Times, serif;
color: #20356e;
text-align: left;
padding: .2em;
padding-left: .8em;
border: 1px solid #b8bdc8;
background-color: #fff;
}


.header {
background:url(img/cabecera1.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header2 {
background:url(img/cabecera2.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header3 {
background:url(img/cabecera3.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header4 {
background:url(img/cabecera4.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header5 {
background:url(img/cabecera5.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header6 {
background:url(img/cabecera6.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header7 {
background:url(img/cabecera7.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.header8 {
background:url(img/cabecera8.png) no-repeat 50% 50%;
height: 240px; 
text-indent: -10000px;
position: relative;
margin: 0 auto; padding:0;}
.cuerpo {
margin: 0 auto; padding:0;
}
.sidebar{ float: left;
width: 250px;
margin:0; padding:0}
.contenido {
float: right;
width: 600px;
padding-top:6px;
padding-bottom:6px;
}
.footer{
background: #20356e url(/marato2010/img/pies1.png) no-repeat 0 0;
height:155px;
text-align: center;
}
.boton_sidebar {
background: #20356e url(/marato2010/img/bkg_botones_sidebar.png) no-repeat 0 0;
padding: 0;
color:#FFF;
height:30px;
width: 250px;
font-size: 1.25em;
margin: 7px 0;}
.boton_sidebar A{
color:#20356e;
text-decoration: none;
display:block;
padding: 1px 4px 4px 35px;
}
.boton_sidebar A:hover{
color:#20356e;
background: #20356e url(/marato2010/img/bkg_botones_sidebar_a.png) no-repeat 0 0;
}
.contenido h2 {
background: #20356e url(/marato2010/img/bkg_titulos.png) no-repeat 0 0;
width: 580px;
height: 33px;
color:#20356e;
font-size: 1.5em;
padding-left: 35px;

}
.contenido P {
padding: 5px 0 20px 10px;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/* Videos 30 edicion */

.contenedorvideo { 
	float:left; 
   width:180; 
   height:144px; 
   margin: 5px; 
   padding:2px; 
   background-color:#858da2; 
   border-right: #a5a7aa solid 2px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
   text-bottom-padding: 2px;
   } 