/* Hoja de estilos Página Inicial- Maratón
Dirección de Internet - Coordinación General de Comunicación Social */

body {
	background:#999;
	font-family: 'Lucida Sans', 'Arial', 'Helvetica', 'sans-serif';
	font-size:11px;
	}

#contenedor {
	margin:0 auto;
	width:990px;
	height:950px;
	background:transparent url(img/fondo.jpg) no-repeat;
	border:1px solid #fff;
	}

#header {
	z-index:0;
	position:absolute;
	width:405px;
	height:200px;
	margin:0px 0px 0px 50px;
	}
	
a.sroll-inicio {
    display: block;
    width:400px;: 198px;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:0px;
	}

a:hover.sroll-inicio {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	} 

#contenido {
	z-index:1;
	position:absolute;
	width:695px;
	height:660px;
	margin:200px 0px 0px 290px;
	font-size:11px;
	}

#modulo{
	width:630px;
	height:637px;
	padding:20px 33px 0px 33px;
	background:transparent url(img/menu.png) no-repeat;
	}

#maraton{
	width:668px;
	height:646px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/maraton_int.png) no-repeat;
	}

#maratonkm{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/10km_int.png) no-repeat;
	}

#expo{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/todo_interior.png) no-repeat;
	}

#programa{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/programa_inte.png) no-repeat;
	}

#infante{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/infantil_int.png) no-repeat;
	}

#capacidades{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/capacidades_int.png) no-repeat;
	}
	
#turismo{
	width:668px;
	height:646px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/turismo_int.png) no-repeat;
	}
	
#contacto{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/contacto_int.png) no-repeat;
	}

#historia{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/historia_int.png) no-repeat;
	}

#galeria{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/galeria_int.png) no-repeat;
	}
	
#hospedaje{
	width:668px;
	height:651px;
	padding:20px 10px 0px 10px;
	background:transparent url(img/donde_int.png) no-repeat;
	}

.bot {
	float:left;
	width:211px;
	height:140px;
	}

.bot2 {
	float:left;
	width:201px;
	height:140px;
	}

.bot-mat {
	float:left;
	width:211px;
	height:140px;
	background:transparent url(img/maraton.png) no-repeat;
	}

*html .bot-mat {
	float:left;
	width:211px;
	height:140px;
	background:transparent url(img/maraton.gif) no-repeat;
	}

.bot2-m10{
	float:left;
	width:201px;
	height:140px;
	background:transparent url(img/10km.png) no-repeat;
	}

*html .bot2-m10{
	float:left;
	width:201px;
	height:140px;
	background:transparent url(img/10km.gif) no-repeat;
	}

a.srollover-rec10 {
	float:left;
    display: block;
    width: 110px;
    height: 136px;
    background: url("img/blank.gif") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.srollover-rec10 {
    background-position: -22px 0;
    background: url("img/blank.gif") 0 0 no-repeat;	
	} 

a.srollover-rec10bis {
	float:left;
    display: block;
    width: 87px;
    height: 90px;
    background: url("img/blank.gif") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.srollover-rec10bis {
    background-position: -22px 0;
    background: url("img/blank.gif") 0 0 no-repeat;	
	} 
	
a.srollover-rec10-2 {
	float:left;
    display: block;
    width: 100px;
    height: 136px;
    background: url("img/blank.gif") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.srollover-rec10-2 {
    background-position: -22px 0;
    background: url("img/blank.gif") 0 0 no-repeat;	
	} 
	
	
.ico-recor{
	float:left;
	width:95px;
	}	

.ruta{
	width:97px;
	height:127px;
	float:left;
	padding:5px 0px 0px 0px;}	
	

.banner {
	float:left;
	width:303px;
	height:97px;
	}

.banner2 {
	float:left;
	width:151px;
	height:97px;
	}

.patrocina {
	clear:both;
	width:625px;
	height:98px;
	margin-top:5px;
	background:transparent url(img/patrocinadores.png) no-repeat;
	}

.ico-menu{
	border:0px;
	margin:10px 0px 0px 15px;
	}

#menu {
	z-index:2;
	position:absolute;
	width:950px;
	height:40px;
	padding:0px 0px 0px 20px;
	margin-top:878px;
	}
	
a.sroll-menu1 {
	float:left;
    display: block;
    width: 55px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 10px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	}

*html a.sroll-menu1 {
	float:left;
    display: block;
    width: 55px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 5px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	}

a:hover.sroll-menu1 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu2 {
	float:left;
    display: block;
    width:40px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 2px 0px 2px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu2 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu3 {
	float:left;
    display: block;
    width:90px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu3 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu4 {
	float:left;
    display: block;
    width:200px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu4 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu5 {
	float:left;
    display: block;
    width:120px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu5 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu6 {
	float:left;
    display: block;
    width:95px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu6 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 
	
a.sroll-menu7 {
	float:left;
    display: block;
    width:115px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu7 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu8 {
	float:left;
    display: block;
    width:55px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu8 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu9 {
	float:left;
    display: block;
    width:55px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu9 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

a.sroll-menu10 {
	float:left;
    display: block;
    width:60px;
    height: 11px;
	line-height:11px;
	font-size:11px;
	font-family:"Lucida Sans";
	color:#fff;
	text-align:center;
    background: url("blank.gif") 0 0 no-repeat;
    text-decoration: none;
	margin:16px 0px 0px 0px;
	border-right:1px solid #fff;
	}

a:hover.sroll-menu10 {
    background-position: -22px 0;
    background: url("blank.gif") 0 0 no-repeat;
	text-decoration:underline;
	color:#0FF;
	} 

#footer{
	z-index:3;
	position:absolute;
	width:350px;
	height:20px;
	margin-top:925px;
	margin-left:640px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	}
	
.menus {
	behavior: url(iepngfix.htc)
	}

.marco {
	display: inline;
	float: left;
	margin:85px 0px 7px 25px;
	width: 390px;
	height: 470px;
	}

.marco2 {
	display: inline;
	float: left;
	margin:5px 0px 7px 30px;
	width: 420px;
	height: 455px;
	}

.marco3 {
	display: inline;
	float: left;
	margin:15px 0px 7px 30px;
	width: 390px;
	height: 500px;
	}

.marco4 {
	display: inline;
	float: left;
	margin:95px 0px 7px 60px;
	width: 375px;
	height: 505px;
	}

*html .marco4 {
	display: inline;
	float: left;
	margin:95px 0px 7px 30px;
	width: 375px;
	height: 505px;
	}
	
.marco5 {
	display: inline;
	float: left;
	margin:5px 0px 7px 245px;
	width: 400px;
	height: 535px;
	}

.marco6 {
	display: inline;
	float: left;
	margin:85px 0px 7px 325px;
	width: 320px;
	height: 505px;
	}
	
.marco7 {
	display: inline;
	float: left;
	margin:105px 0px 7px 30px;
	width: 410px;
	height: 495px;
	}

.marco8 {
	display: inline;
	float: left;
	margin:95px 0px 0px 35px;
	width: 465px;
	height: 510px;
	}

*html .marco8 {
	display: inline;
	float: left;
	margin:95px 0px 0px 35px;
	width: 470px;
	height: 510px;
	}

.txt{
	font-size:11px;
	line-height:18px;
	text-align:justify;
	padding:5px 15px 0px 15px;
	color: #666;
	}

.txt2{
	font-size:11px;
	line-height:18px;
	text-align:justify;
	padding:5px 10px 0px 10px;
	color: #666;
	}

.palabras{
	color: #069;
	font-weight:bold;
	}

.palabras2{
	color: #006699;
	font-weight:bold;
	}

.identi{
	padding:0px 20px 0px 20px;
	}
	
	
a.ligas {
	color: #09F;
	text-decoration:underline;
	}

a.ligas:hover {
	color: #960;
	text-decoration:none; 	
	}

a.ligas-descarga{
	color: #1178ec;
	text-decoration:none; 	
	font-weight:bold;
	}

a.ligas-descarga:hover {
	color: #963;
	text-decoration:underline;
	}

table.prog  {
	color:#666;
	line-height:13px;
	font-size:11px;
	height:20px;
	background-color:#f2f2f2;
	text-align: center;
	margin-left:20px;
	}

table.prog tr  {
	color:#666;
	line-height:13px;
	font-size:11px;
	height:20px;
	background-color:#f2f2f2;
	}


table.prog td  {
	border: 1px solid #ffffff;	
	padding: 4px;
	}

.parprog {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#006699;
	text-transform:uppercase;
	}

.iparprog {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#033043;
	text-transform:uppercase;
	}

.pdf {
	clear:both;
	margin:0px 0px 0px 30px;
	width: 240px;
	height: 48px;
	}

.pdf2 {
	float:left;
	margin:20px 0px 0px 10px;
	width: 181px;
	height: 66px;
	}

.pdf3 {
	float:left;
	margin:30px 5px 0px 0px;
	width: 180px;
	height: 505px;
	}
	
.ico-pdf{
	float:left;
	border:0px;
	margin:0px 5px 5px 0px;
	}

.ico-pdf2{
	border:0px;
	vertical-align:middle
	}
	
.ico-pdf3{
	float:left;
	border:0px;
	margin:10px 0px 5px 0px;
	}


hr{
	border:1px dotted #999;
	}
	
.divide{
	border: 1px solid #3CF;
	}	
	
.ico-epac{
	margin:0px 0px 0px 9px;
	}	
	
#marquesina{
	margin:0px 30px 0px 30px;
	}	

.ico-hotel{
	border:0px;
	margin:10px 0px 0px 95px;
	}

.caja-foto{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:210px;
	height:105px;
	}