/* CSS Document */
*{margin:0; padding:0;}
body{background:url(../images/bg-body.gif) repeat-x #fff; font-size:11px; font-family: Arial, Helvetica, sans-serif;}
p { font-size:100%; }
h1 { font-size:130%; }
h2 { font-size:110%; }
h3 { font-size:105%; }
#winletras{border:1px solid #ccc;}
#letras{ background:none; margin:15px 0px 0px 0px;padding:2px; font-size:85%}
#letras p{ text-align:center; margin:2px;}
#web1998 {border:1px solid #ccc; width:90%; margin:15px auto; padding:2px;}

p a{ color:#4D8AC6; text-decoration:underline;}
p a:hover{ color:#C9651C; text-decoration:underline;}
#contenedor{margin:0 auto; width:701px;}
#cabecera{background: url(../images/bg-cabecera.jpg) no-repeat;width:701px; height:137px;}
#logotipo{ text-align:center;float:right;font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#000; font-size:190%; margin: 10px 10px 0 0; padding-bottom:6px;}
#logotipo img{border:0px; margin-top:5px;}
#logotipo a{text-decoration:none;color:#000;}
#logotipo a:hover{text-decoration:none;color:#000;}

#menu{ background:url(../images/bg-menu.gif) repeat-x; height:23px; width:100%; color:#fff; font-size:120%; font-weight:bold;}
#menu a{color:#fff; text-decoration:none;}
#menu ul{list-style-type: none; margin:0 0 0 23px; padding-top:3px; position: relative;}
#menu li {display: inline;}

li#inicio-link a{ padding:7px 10px;}
li#inicio-link-active { padding:7px 10px;background:url(../images/bg-inicio.gif) no-repeat 0 5px; color:#000; }
li#vuelta-link a{ padding:7px 10px;}
li#vuelta-link-active{ padding:7px 10px;background:url(../images/bg-vuelta.gif) no-repeat 0 5px; color:#000; }
li#monograficos-link a{ padding:7px 10px;}
li#monograficos-link-active{ padding:7px 10px; background:url(../images/bg-monograficos.gif) no-repeat 0 5px; color:#000; }
li#monograficos-link-active a{color:#000; }
li#fotografia-link a{ padding:7px 10px;}
li#fotografia-link-active{ padding:7px 10px; background:url(../images/bg-fotografia.gif) no-repeat 0 5px; color:#000; }
li#blog-link a{ padding:7px 10px;}
li#blog-link-active{ padding:7px 10px; background:url(../images/bg-blog.gif) no-repeat 0 5px; color:#000; }

#inicio-link a:hover{ background:url(../images/bg-inicio.gif) no-repeat 0 5px; color:#000; }
#vuelta-link a:hover{ background:url(../images/bg-vuelta.gif) no-repeat 0 5px; color:#000; }
#monograficos-link a:hover{ background:url(../images/bg-monograficos.gif) no-repeat 0 5px; color:#000; }
#fotografia-link a:hover{ background:url(../images/bg-fotografia.gif) no-repeat 0 5px; color:#000; }
#blog-link a:hover{ background:url(../images/bg-blog.gif) no-repeat 0 5px; color:#000; }
#cuerpo{border-left:1px solid #888888; border-bottom:1px solid #888888; border-right:1px solid #888888;width:699px;}
#cuerpo-izq{ width:499px; margin:0; float:left;}
#cuerpo-izq img{margin:0 5px 5px 10px;}
#cuerpo-izq img#big{margin:5px 5px 5px 10px;}
#cuerpo-izq p{margin:0 5px 5px 10px;}
#cuerpo-izq .bloq-div{width:49%; float:left;}
#cuerpo-izq ul { margin:1.5em; list-style-type:none;}
#cuerpo-izq ul li a{ color:#4D8AC6; text-decoration:underline; padding-bottom:1em;}
#cuerpo-izq ul li a:hover{ color:#C9651C; text-decoration:underline;}
#cuerpo-dcha{ width:198px; margin:0; padding:0px; float:right; background-color:#F5F5F5;border-left:1px solid #888;border-bottom:1px solid #888;}
#deco-dcha{background:url(../images/bg-inf-dcha.gif) repeat-x; margin:10px 0 0 0; padding:0; height:21px;}
.deco-h1{margin:10px; background:url(../images/deco-h1.gif) repeat-x 0 5px; height:19px;}
.bg-h1{background-color:#fff; color:#2E6193; padding-right:10px;}
.deco-h2{margin:10px; background:url(../images/deco-h2.gif) repeat-x; height:15px; text-align:center;}
.bg-h3{background-color:#Fff; padding:0 10px;}
.deco-h3{ background:url(../images/deco-h3.gif) repeat-x 0 10px; height:15px; text-align:center;}
.bg-h2{background-color:#F5F5F5; color:#2E6193; padding:0 10px;}
#cuerpo-dcha img{margin:0 5px 5px 5px;}
#cuerpo-dcha p{margin:0 5px 5px 10px;}
#submenu{border:1px solid #888888; color:#000; font-size:99%; background:url(../images/bg-submenu.gif) repeat-x; height:17px;}
#submenu ul{list-style-type: none; margin:0 0 0 30px; padding-top:1px;}
#submenu li{display: inline;}
#submenu a{ padding:0 3px 2px 0; color:#000; text-decoration:underline; font-size:99%}
#submenu a:hover{ color:#707070;}
.clear{clear:both;}
.cont-imgs{ width:80%; margin:15px auto; padding:0 4px; border-left:solid 6px #eee; border-right:solid 6px #eee}
.cont-imgs img{ cursor:pointer;}
.cont-imgs h3{font-size:135%; text-align:center; padding:10px; color:#F29857; }
.cont-imgs .windowtext { border: solid 1px #EEE; width:100%; height:200px; background-color:#F8F8F8; }
.cont-web{ width:86%; margin:15px auto; padding:0 2px; border-left:solid 6px #eee; border-right:solid 6px #eee}
.thumbnail{	padding: 3px 3px 8px 3px; background-color: #fff; border: 1px solid #ccc; float: left; margin:9px 6px;}
.thumbnail img {border:0;}
.sectionthumbnail{ margin:10px 3px;}







#pie{ border-left:1px solid #888888; border-right:1px solid #888888; border-bottom:1px solid #888888; background:url(../images/bg-pie.gif) repeat-x; height:18px; position:relative;}
#pie p{ color:#fff; padding:2px 0px 2px 10px; font-size:98%;}
#pie a{ text-decoration:underline; color:#fff; font-size:98%;}