/*
Si se precede una orden con alguno de estos caracteres solo lo leen los navegadores que pone
_ internet explorer 6
. internet explorer 7
*/
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	size:12px;
	background: url(../img/barra-titulo.jpg) 0 0 repeat-x;
	color:navy;
}
* {  margin:0 0; padding:0 0; }
ol { list-style:none;}

.fontmini { font-size:11px; }
/* Pagina principal */
div#pagina
{ 
	margin: 0 auto;
	width:1030px;
	background: url(../img/cabecera.gif) 0 0 no-repeat;
	overflow:auto; 
	min-height:300px; /*Solo firefox */
	margin-top:0px;
}
div#pagina h1
{ display:none;
}
div#pagina h2
{
	margin-top:12px;
	margin-left:790px;
	width:200px;
	font-size:12px; 
	font-weight:bold;
	color: #fff;
	text-align:right;
}
div#menu
{
	width: 770px;
	height:60px;
	margin: 73px 103px 0;
	color:#000;
	font-size:12px;
	font-weight: bold;
	 
}
div#menu ol#opciones
{
	
}
div#menu ul#opciones li
{ 
	width:90px;
	display:inline; /*Poniendo esto no pilla el width */
	float:left; /*para que pille el width con el display inline */
	background:url(../img/tab3_20.gif) 0 0 no-repeat;
	padding:5px 0px 0 5px;
	height:40px;
}
div#menu ul#opciones li:hover
{ 
	cursor:pointer;
	color:#FF0000;
	font-weight: bold;
}
div#contenido
{ 
	margin-top:-35px;
	overflow:hidden;
	width:826px;

	min-height:200px;
	background:url(../img/barra-central.jpg) 0 0 repeat-y;
	margin-left: 99px;
	_margin-top:-34px;
	.margin-top:-34px;
}
div#contenido ol
{
	padding: 0 40px;
	font-weight: bold;
}

div#contenido p
{ 
	padding: 10px 20px;
	text-align:justify;
}
div#contenido p.subtitle
{
	text-decoration:underline;
	font-size: 15px;
}

div#contenido h2
{
	font-size:20px;
	width:700px;
	font-weight:bold;
	margin-left:30px;
	clear:left;
	padding:30px 0 10px 0;
	text-align:left;
	color:navy;
}
div#contenido h3
{ 
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	margin-left:30px;
}
.fotoleft
{
	float: left;
	margin:5px 5px;
	border:1px solid orange;
	margin-left:20px;
	margin-right:20px;
}
.fotoright
{
	float:right;
	margin:5px 5px;
	border:1px solid orange;
	margin-right:20px;
	margin-left: 20px;
}
.noborder
{
	border:0px;
}
div#pie
{ 
	background:url(../img/pie.jpg) 0 0 no-repeat;
	width: 826px;
	height:43px;
	margin-top:0px;
	margin-left:99px;
}
div#pie h3
{
	font-size:12px;
	text-align:right;
	width: 750px;
	height:25px;
	margin: 0 30px 0 30px;
}

/* Pagina de enlaces */
div#paginasamigas
{
	margin-left:20px;
	width:750px;
}
div#paginasamigas ul
{
	margin-left:20px;
	width:750px;
	list-style:none;
}
div#paginasamigas dt
{
	font-size:16px;
	font-weight:bold;
	color:#0000CC;
	margin-left:20px;
}
div#paginasamigas dd
{
	font-size:12px;
	color: #0066FF;
	margin-left:20px;
	padding:0 20px;
	text-align:justify;
}

/* Pagina Nosotros google maps */
div#googlemaps
{
	width:500px;
	height:300px;
	border:1px solid orange;
	margin: 0 10px;
}

ul#listazonas
{
	margin-left:40px;
}
/* PAgina Actividades */
ul#introactividades { margin-left:40px; list-style:circle;}

div#divactividades
{
	width:700px;
	margin-left:40px;
}
div#divactividades ul { list-style:none; }
div#divactividades ul dt { font-size:16px; font-weight:bold; text-decoration:underline; margin-top:10px; }
div#divactividades ul dd { font-size:14px; }
div#divactividades ul a { font-size:8; text-decoration:underline;}
div#divactividades ul a:hover { background:#fff;}
div#divactividades ul li ul { margin-left:30px; list-style:inside; }

ul#quetraer{ margin-right:20px; }
ul#quetraer li dt { font-weight:bold; margin-left:35px; }
ul#quetraer li dd { margin-left:35px; }

ul#infoactividades li dt { font-weight:bold; margin-left:35px;}
ul#infoactividades li dd { margin-left:55px;}

/****Pagina de contacto*/
div#formularioContacto{ margin-left:30px; border:1px solid orange; width:90%; padding:10px;}
div#formularioReserva{ margin-left:30px;display:none; border:1px solid orange; width:90%; padding:10px;}
div#formularioReserva span.link { color:#0033FF; text-decoration:underline; }
div#formularioReserva span.link:hover { cursor:pointer; text-decoration:underline;}
div#formularioReserva div#condiciones_legales { font-size:12px; border:2px dashed orange; display:none; top:300px; left:150px; position:absolute; background:#ccc; width:700px; }
/* Portada */
ul#lista_actividades { margin-left:50px; }

/* Detalles de las rutas */
div#detalles_ruta h2 { font-size:16px; background:#0033CC; color:white; text-align:center; width:90%;}
div#detalles_ruta ul { margin-top:20px;}
div#detalles_ruta dt.info_title { font-weight:bold; color:#0033CC; }
div#detalles_ruta p.info { width:80%; font-size:12px; border:1px solid orange; margin:10px 40px;}

/******* PAgina de fotos */
div#fotos_content {  margin: 0 40px; width:600px; }
div#fotos_content div { margin:10px 0;}
div#fotos_content a.title { padding:0 250px; background:#00CCCC; font-weight:bold; border:1px solid #0099CC; margin:10px 0; text-decoration:none; color:navy; clear:both; display:block;}
div#fotos_content a.title:hover { cursor:pointer; }
div#fotos_content img { border:0px; margin:5px 10px;}
div#fotos_content img:hover { cursor:pointer; border:2px dashed orange;}

/* Pagina de precios */
div#precios_content { margin:0 40px }
div#precios_content p.title { width:95%; background:#0099FF; border:1px solid #000; color:#000; font-weight:bold; }
div#precios_content p.info {width:80%; background:#FFFF00; font-weight:bold; color:#000; padding:10px 10px; margin:10px 10px;}