* {
margin:0;
padding:0;
}
body { 
text-align:center;  /* para que se centre la pagina en IE6 */
font-family: "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#f6f6f6;
}

/* ---------------------LINKS------------------------- */ 

a {color: #0000CC;text-decoration: underline;}
a:link {color: #0000CC;text-decoration: underline;}
a:visited {text-decoration: underline; color: #800080;}
td a:hover, p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, li a:hover {color:#fff; text-decoration: underline; background-color: #219D3B;}

#rutasdestacadas a:hover img, #fotos a:hover img, #galeria a:hover img {
background-color:#219D3B;
}
#rutasdestacadas a:visited img, #fotos a:visited img, #galeria a:visited img {
border: 1px solid #800080;
}
#contenedor {
text-align:left; /* volvemos a alinear a la izquierda */
position : relative;
margin : 0px auto;
max-width : 60em;
min-width : 47em;
background:#fff url(images/sombra_abajo.gif) center 6.5em no-repeat;
}
#cabecera {
height: 6.8em;
margin : 0em 0 2em 0;
padding:0;
width : 100%;
background:  url(images/foto.jpg) 20em 1em no-repeat #f6f6f6;
}
#cabecera img {
margin:0.5em 0 0 2.5em;
width : 17.5em;
height:3.5em;
border:0;
}
#contenido{
overflow:hidden;
padding:2em .9em;
margin-top:-2em;
border-left:1px solid #D8E9DB;
border-right:1px solid #D8E9DB;
height:100%;
}
#link a{
position:absolute;
width:23em; 
height:2.5em; 
top:2em; 
left:1em;
background:url("fondo_simulado_para_IE");
}

acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }

/* --------menu principal----------- */

#menuprincipal{
position:absolute;
top:1.5em;
width:100%;
margin:2em 0em 0 0em;
border-bottom: 0.7em solid #219D3B;
}
ul.menu {
font-size: 0.8em;
padding:0.5em;
margin-left:1em;
}
.menu li{
display:inline;
}
#menuprincipal a{
font-weight:bold;
padding:0.5em 1.5em;
text-decoration:none;
background:#276B35 url(images/fondo_pestana.gif) top right no-repeat;
color:#fff;
border-left:1px #ccc solid;
margin-right:-2px;}

#menuprincipal a.activo{
background-color:#219D3B;
background-image:  url(images/fondo_pestana_2.gif);
}
#menuprincipal a.activo:hover{
color:#fff;
}
#menuprincipal a:visited{
color:#fff;
}
#menuprincipal a:hover{
background-color:#219D3B;
background-image:url(images/fondo_pestana_2.gif)
}
#menuprincipal span.separador{
display:none;
}
#menuprincipal a span {
text-decoration: underline;
}

/* ----------- busqueda ------------ */

#busqueda{
position:absolute;
text-align:center;
border:none;
position:absolute;
top:0em;
right:0;
padding:0em;
width:18.5em;
}
#busqueda form{
padding:.6em;
}
.boton{
padding:0 .6em;
}


#columna1index{
    float:left;
	width : 47%;
}

#columna2index{
margin-top:1em;
float:right;
width : 48%;
}
#guiafotorutacolumna2 #busqueda{
width:19.5em;
}
#titulomapa, #busqueda label {
font-size: 1.2em;
color:#21612E;
margin:0;
border-bottom: 0px solid #219D3B;
}
#busqueda p{
color:#333;
margin:0.5em 0 0 0;
font-size:0.8em;
}
#titulos {
position:relative;
margin:0 2em 0 0;
}
#titulos p{
margin-bottom:0.8em;
}
h1{
font-size:1.3em;
color:#276B35;
margin:0.2em 0 0 0.4em;
}
#guiafotoruta h2, #guiafotorutacolumna2 h2, #indicerutas h2 {
clear:both;
color:#276B35;
font-size:1.1em;
margin:1.1em 0 0.8em 0.4em;
}
p {
font-size:0.90em;
font-weight:normal;
margin: 1em 0em 0em 0.6em;
}
ul{
font-size:0.90em;
margin:1em 0 0 3em;}

/*  capa mapa   */

#capamapa {
   position:relative;
   height: 100%;
   background-color:#E9E6E6;
   border: 1px solid #219D3B;
   padding:0.6em;
   margin:0 0 2em 0;
}
#capamapa h2 {
margin: 0 0 0em 0;
}
#capamapa p {
margin:0.5em 0;
padding:0;
}
#map {
   width: 99%;
   height: 22em;
   margin: 0px 0 0 0;
   border: 2px solid #219D3B;
}
#map span{
display:block;
}
#capamapa2 #map span{
display:inline;
}
#capamapa2 #map {
   width: 99%;
   height: 35em;
   margin: 1em 0;
   border: 2px solid #219D3B;
}
#capamapa2 #map img{
float:left;
}

/*  fin capa mapa   */

#guiafotoruta {
float:left;
display:inline-block;
width:52%;
max-width:30em;
min-width:20em;
height: 100%;
}

#guiafotoruta li{
margin-bottom:.4em;
}


#guiafotorutacolumna2{
display:inline;
float:right;
width:45%;
max-width:23em;
}
#fotos{
margin:0 0 0em 0;
}
#fotos h2, #guiafotorutacolumna2 h2 {
clear:both;
width:21em;
margin:2em 0 1em 0;
padding:0 0 0 0.4em;
font-size:1em;
font-weight:bold;

border-top: 1px solid #71D287;

border-bottom: 1px solid #219D3B;
background: url(images/sombra_2.gif) center top repeat-x;
}
#fotos h2 {
margin-top:1.5em;
}
#fotos img {
margin:8px 0px 0px 0px;
padding:5px;
border: 1px solid #71D287;
background-color:#ffffff;
}
#rutasdestacadas {
position:relative;
float:left;
display:inline;
}
#rutasdestacadas, #guiafotoruta {
   padding:0.5em;
}
#rutasdestacadas h3 {
margin:1em 0 0.3em 0;
font-size:0.9em;
}
#rutasdestacadas p {
font-size:85%;
}
#rutasdestacadas li {
font-size:0.9em;
padding-left:10em;
padding-right:0.5em;
background:url(images/scuare.gif) 9em 0.5em no-repeat;
line-height:1.5em;
list-style-type:none;

}
#rutasdestacadas ul {
margin:0 0 1em 0;
padding:0;
}
#rutasdestacadas hr {
clear:both;
margin:0em 0;
}
h2.destacados {
margin:1em 0 0.8em 0;
border-top: 1px solid #71D287;
border-bottom: 3px solid #219D3B;
font-size:1em;
font-weight:bold;
padding:0 0 0 0.4em;
color:#21612E;
background:url(images/sombra_2.gif) center top repeat-x;
}
.nuevo{
color:red;
font-weight:normal;
}
#piedepagina{
clear:both;
border-top: 4px solid #276B35;
width:100%;
height: 100%;
margin: 0;
padding:0 0 2em 0;
background:#f6f6f6 url(images/sombra_abajo.gif) center top no-repeat;
}
#piedepagina p {
text-align:center;
}
#rutasdestacadas img {
float:left;
margin:0 10px 0 0px;
padding:5px;
border: 1px solid #71D287;
background-color:#ffffff;
}

/*   galeria de fotos  */

#galeria{
clear:both;
overflow:hidden;
margin-bottom:-1em;
margin:2em auto 0 auto;
width:48.5em;
}
#galeria img {
margin:10px 6px;
padding:5px;
border: 1px solid #71D287;
background-color:#ffffff;
text-align:left;
}
#contenidocapafotos{
   padding: 0 0.5em 0.5em 0.5em;
}
#subrruta ul{
float:left;
width : 44%;
margin:2em 0 0 0em;
padding-left:2em;
color:#333;
}
#subrruta ul li{
margin: 0 0 0.5em 0;
}
p.verfotos{
clear:both;
display:block;
padding:0 0 0em 2em;
margin:0.5em 0px 0em 0.5em;
background:  url(images/camara.gif) 0 0px no-repeat;
}
.verengoogle{
padding:0 0 0em 2em;
margin:0.5em 0px 0em 0.5em;
background:url(images/google_ico.gif) 0 0px no-repeat;
}
.verfotos span {
color:#444;
}
#guiafotoruta p.llegar{
margin-bottom:1.5em;
}
fieldset{
border: none;
}

/* --------Condiciones de uso----------- */

#condiciones p, #condiciones li {
margin:1em;
} 

/* --------acerca de----------- */

#condiciones img{
float:right;
}

/* ----- indice fotos -----*/

#indicefotos ul, #indicerutas ul {
float:left;
margin:2em 1em;
padding-left:1.5em;
}
#indicefotos ul li, #indicerutas ul li {
margin:0.5em 0;
}
#indicefotos{
background:  url(images/colage.jpg) top right no-repeat;
overflow:hidden;
}
#indicefotos h1, #indicefotos p.indice{
width:32em;
}
#indicerutas{
background:url(images/anda.gif) right 0em no-repeat;
}
.colomna1, .colomna2, .colomna3{
width:25%;
background-color:#f6f6f6;}

#cse-search-results{
margin:0em 0.5em;
font-size:10pt;
}

/* -------------- indice rutas ---------- */

td a:hover {color:#fff; text-decoration: underline; background-color: #219D3B;}

#indicerutas #col1{
float:left;
width:48%;
margin:2em 0em 1.8em 0.3em;
}
#indicerutas #col2{
float:right;
margin:2em 0em 1.8em 0;
width:48%;
}
#indicerutas table {
font-size:0.9em;
max-width:30em;
min-width:20em;
border-collapse:collapse;
margin:0 0 0 0;
}
th{
background-color:#E9E6E6;
padding:3px 8px;
color:#276B35;
font-size:1.1em;
border-bottom: 2px solid #276B35;
background-image:  url(images/sombra_2.gif);
background-position: center top;
background-repeat: repeat-x;
}
th.dos{
padding:3px 0px;
}
td{
font-size:0.9em;
padding:5px 8px;
vertical-align:middle;
}
td.dos{
width:65%;
padding:5px 4px 5px 0;
}
tr.impar{
background-color:#eeecec;
}

/* ------------- mapas ------------- */

.globo img {
	margin-top:-0.6em;
	margin-bottom:1em;
	padding:2px;
	border: 1px solid #ccc;
}
.bocadillo{
	width: 250px;	
}
.globo h1{
	margin-left:.8em;
	font-size:1em;
	width: 250px;
}

/* ---------------- descargas ------------- */

#descarga{
	font-size:0.8em;
	position:absolute;
	padding:1.5em 2em 1em 1em;
	z-index:200;
	border:1px solid #276B35;
	background:#fff  url(images/sombra_abajo.gif) no-repeat center top;
	margin-left:0.5em;
	display:none;
}
#descarga #button{
	margin-top:1.5em;
}
#cerrar a{
	color:#fff;
	font-weight:bolder;
	position:absolute;
	top:0;
	right:0;
	background:#fc0202;
	border:1px solid #fff;
	padding:0 4px 1px 4px;
	text-decoration:none;
}
#cerrar a:hover{
	background:#fe8383;
}
.descargar{
	background:url(images/arrow.png) no-repeat 0em 0.2em;
	padding-left:1.2em;
}
.globo h1, .globo p{
	margin:0.3em 0;
	padding:0;
}
.oculto{
 display:none; 
}
.visible{
 display:block;
}

/* ---------------- como-llegar ------------- */

.llegar #direcciones {width:46%;float:left;margin:.5em .5em 0 0;}
.llegar #capamapa2 #map {width:50%;float:left;margin:1.8em 0 2em 0;}
.llegar .form_llegar{padding:0.5em;}
.llegar #capamapa2 p.ejemplo{
margin:0em 0 0 0em;
color:#333;
font-size:0.8em;
}
.llegar .comollegar{float:left;}
#condiciones.llegar p.comollegar{margin-top:0.6em;padding:0;}
.nota{border: 1px solid #999; padding:.5em; background-color:#ffffe1;}
.llegar #capamapa2{clear:both;margin-top:-2em;}
.llegar #direcciones a {font-size:1em;font-weight:bold;}