/* CSS Document */

body {
	background-image: url(../imagenes/utiles/bg-azul.gif);
	background-repeat: repeat-x;
	background-color: #6699CC;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 { 
font-family: 'trebuchet ms', verdana, sans-serif;
font-weight: normal;
font-size: medium;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 15px;
	margin-bottom: 10px;

}
h2 {
  	color: #2B6088;
	font-size: 16px;
	font-weight: bold;
}
h3 {
  	color: #2B6088;
	font-weight: bold;
	margin-bottom: 2px;
}
.titulo {
	color: #003366;
	font-size: 22px;
	font-weight: bold;

}
.subtitulo {
	color: #2B6088;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.destacar {
	font-size: 16px;
	color: #DB3E06;
}
.destacar_petit {
	font-size: 14px;
	color: #DB3E06;
}
.condiciones {
	font-size: 12px;	
}

#contenido {
	margin: 0 auto;
	width: 958px;
}


#cabecera {
	background-image: url(../imagenes/portada-09/bg-vertientes.gif);
	height: 52px;
	background-repeat: no-repeat;
}

#idiomas {
	margin-left: 780px;
}
#menu-sup {
	height: 30px;
	padding-top: 0px;
}
#caja {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	clear:left;
	
}
#txt {
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
}

/* BR despues dem aquetación con columnas */
.separar_columnas {
	clear: both;
}

#pie_pag {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	color: #999999;
}
#pie_pag h4 {
font-size:12px;
}

/* imagenes sobre texto */
 .imgtxt
 {
	float: right;
	width: auto;
	margin-bottom: 10px;
	margin-left: 10px;
 }

.bordefoto {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
/* enllaços de mes info per relacionar pagines */

.masinfo {
	padding-left: 10px;
	padding-right: 5px;
}

.masinfo a  {
	color:#31648B;
	text-decoration:underline;
	font-weight: bold;
	background-color: #FFFFFF;
      }

.masinfo a:visited   {
	color:#31648B;
	text-decoration:underline;
	background-color: #FFFFFF;

      }
	  
.masinfo a:hover  {
	color: #DB3E06;
	text-decoration:underline;
	background-color: #FFFFFF;
      }
	  
	  
/* NUBE DE TAGS   */
  
#tags1 a  {
	color:#31648B;
	text-decoration:none;
	margin-right: 10px;
	font-weight: bold;
      }
#tags1 {
	margin-top: 10px;
	padding-left: 10px;
}
#tags1 a:visited   {
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 10px;
	font-weight: bold;

      }
#tags1 a:hover  {
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 10px;
	background-color: #31648B;
	font-weight: bold;

      }
.tags2 {
font-size: 16px;

}
.tag3 {
	color:#31648B;
	font-size: 14px;

}
.titulo3 {
	color: #003366;
	font-size: 18px;
	font-weight: bold;
}
.destacarGran {
	font-size: 18px;
	color: #DB3E06;
}
.destacar-tachar {
	font-size: 18px;
	color: #DB3E06;
	text-decoration: line-through;
}
.titulodestacar {
	color: #DC4008;
	font-size: 22px;
	font-weight: bold;
}


/* NAVIGATION - CSS SPRITES

 MENU PRIMAVERA - VERANO
*/
  


#menu-sup { float:left; width:975px; height:30px; } 
#menu-sup  a:hover {border:none;} 

#menu-sup  a.inicio, a.actividades, a.alojamiento, a.multiaventura, a.vacaciones, a.viajes, a.cursos, a.infoyreservas { background:url(../imagenes/portada-10/nav-vertientes.gif); height:30px; display:block; float:left; text-indent:-9999px; } 

#menu-sup  a.inicio { background-position:0 0; width:79px; } 
#menu-sup  a:hover.inicio { background-position: 0px -30px; }
#menu-sup a.actividades { background-position:-79px 0; width:102px; } 
#menu-sup a:hover.actividades { background-position:-79px -30px; }	
#menu-sup a.alojamiento { background-position:-181px 0; width:114px; } 
#menu-sup a:hover.alojamiento { background-position:-181px -30px; }
#menu-sup a.multiaventura { background-position:-295px 0; width:127px; } 
#menu-sup a:hover.multiaventura { background-position:-295px -30px; }
 
#menu-sup a.vacaciones { background-position:-422px 0; width:174px; } 
#menu-sup a:hover.vacaciones { background-position:-422px -30px; }
#menu-sup a.viajes { background-position:-596px 0; width:133px; } 
#menu-sup a:hover.viajes { background-position:-596px -30px; }
#menu-sup a.cursos { background-position:-729px 0; width:73px; } 
#menu-sup a:hover.cursos { background-position:-729px -30px; }
#menu-sup a.infoyreservas { background-position:-802px 0; width:156px; } 
#menu-sup a:hover.infoyreservas { background-position:-802px -30px; }


#menu-sup { float:left; width:972px; height:30px; } 
#menu-sup  a:hover {border:none;} 
#menu-sup  a.inicio, a.actividades, a.alojamiento, a.multiaventura, a.ofertas, a.ski, a.raquetas, a.cursos, a.infoyreservas { background:url(../imagenes/portada-10/nav-invierno.gif); height:30px; display:block; float:left; text-indent:-9999px; } 

#menu-sup  a.inicio { background-position:0 0; width:77px; } 
#menu-sup  a:hover.inicio { background-position: 0px -30px; }

#menu-sup a.actividades { background-position:-77px 0; width:107px; } 
#menu-sup a:hover.actividades { background-position:-77px -30px; }
	
#menu-sup a.alojamiento { background-position:-184px 0; width:111px; } 
#menu-sup a:hover.alojamiento { background-position:-184px -30px; }

#menu-sup a.multiaventura { background-position:-295px 0; width:127px; } 
#menu-sup a:hover.multiaventura { background-position:-295px -30px; }
 
#menu-sup a.ofertas { background-position:-422px 0; width:82px; } 
#menu-sup a:hover.ofertas { background-position:-422px -30px; }

#menu-sup a.ski { background-position:-504px 0; width:111px; } 
#menu-sup a:hover.ski { background-position:-504px -30px; }

#menu-sup a.raquetas { background-position:-615px 0; width:150px; } 
#menu-sup a:hover.raquetas { background-position:-615px -30px; }

#menu-sup a.cursos { background-position:-765px 0; width:75px; } 
#menu-sup a:hover.cursos { background-position:-765px -30px; }

#menu-sup a.infoyreservas { background-position:-840px 0; width:119px; } 
#menu-sup a:hover.infoyreservas { background-position:-840px -30px; }

/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	

#menu-sup ol, ul {
	list-style: none;
}
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:auto;
	list-style: none;

	}
	

		
#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
	width:160px;
}

#drops li {
	float: left;
	list-style: none;

	/*width: 10em;*/
}

#drops li ul {
	position: absolute;
	width: 160px;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

/*END SUCKERFISH*/

#drops ul.dr-actividades li:hover {

}
#drops ul {
	padding:5px;
	width:100px;
	clear:both;
	float:left;
	margin-top:30px;
	background-color: #3A3A3A;
	}
#drops ul a {
	
	color:#fff;
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 11px;
	text-decoration:none;
	line-height: 25px;
	font-weight: normal;
	clear:both;
	float:left;
	}
	#drops ul a:hover {
	color: #333333;
	}
	#drops li ul li:hover {
	background-color: #FFCC00;
	padding-left: 5px;
}