/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-droplist.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropList {
left: 2px;
height:30px;
width:769px;
background:#89a url(topBack.gif) repeat-x left center;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
border:1px solid #ccd;
border-width:1px 1px 0 1px;
margin-top: 1px;
}

#dropList ul#menu {
margin:0; 
padding:0 0 0 40px; 
list-style:none; 
white-space:nowrap;
}

#dropList ul#menu li.level1-li {
float:left;
height:29px;
padding-top:1px;
margin-right:1px;
}

#dropList ul#menu li.level1-li a.level1-a {
display:block; 
height:26px; 
float:left; 
border-left:1px solid #7e8586;
border-right:1px solid #2d2d2d;
padding:0 10px 0 10px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:#ddd;
}

#dropList ul#menu li.sub a.level1-a {color:#ddd;}

#dropList ul#menu li.level1-li:hover,
#dropList ul#menu li.level1-li a.level1-a:hover {position:relative;}

#dropList ul#menu li.level1-li a.level1-a:hover, 
#dropList ul#menu li.level1-li:hover a.level1-a {
border-left:1px solid #2d2d2d;
border-right:1px solid #000;
color:#fff;
background:url(over.gif);
}

#dropList ul#menu li.sub a.level1-a:hover {
height:29px;
color:#000;
background:url(topHover.gif);
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:29px;
color:#000;
background:url(topHover.gif);
}

#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:29px; background:#fff url(divider.gif); border:1px solid #000; border-width:0 1px 1px 1px; padding:0;
}

/* IE6 only */
#dropList table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#dropList ul#menu :hover div.listHolder {left:0;}
#dropList ul#menu a:hover div.listHolder {left:-1px;}
#dropList ul#menu div.col1 {width:141px;}
#dropList ul#menu div.col2 {width:280px;}
#dropList ul#menu div.col3 {width:420px;}

#dropList ul#menu a:hover div.left1,
#dropList ul#menu :hover div.left1 {left:-141px;}

#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;}
#dropList ul#menu div.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(linedot.gif) repeat-x left bottom;}
#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;}
#dropList ul#menu div.listHolder div.listCol ul li a {color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url(dot.gif) no-repeat left center;}
#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline;}

#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#666; padding:5px 10px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(arrow.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#fff;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}
/* FIN DROPLIST -------------------------------------------------------------
---------------------------------------------------------------------------*/


body { 
	font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	/*background-color:#FFFFFF;*/
	background-color:#FFF;
	margin:0px 0px 0px 0px;
	}
.nav
{
	background-color: rgb(236,236,236);
	display: block;
	margin: 0;
	width: 135px;
	float: left;
}

.asdestinationlist .title
{
	background-color: rgb(236,236,236);
	display: block;
	margin: 0;
	width: 135px;
	margin-bottom: 5px;
}

.asdestinationlist h2
{
    background: url(imagenes/cp_newtop.gif) no-repeat top center;
	color: white;
	font: 11px Arial, Verdana,'Lucida Grande', Geneva, Arial,  sans-serif;
	padding: 4px 0px 2px 6px;
	font-weight: bold;
	margin:0;
	text-align: left;
}	
.asdestinationlist h2 a
{
	text-decoration: none;
	color: white;
}

.asdestinationlist h2 a:hover
{
	text-decoration: underline;
}

.asdestinationlist ol
{
	margin: 0;
	padding: 0;
}

.asdestinationlist li
{
	margin-left: 0;
	display: block;
	background-color: rgb(236,236,236);
	color: #778087;
	padding: 2px 5px 2px 6px;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 13px;

}

.asdestinationlist li a
{
	background-color: rgb(236,236,236);
	display: block;
	text-align: left;
	font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 13px;
	color: #778087;
	text-decoration: none;
	clear: right;
	margin: 0;
}

.asdestinationlist li a:hover
{
	text-decoration: underline;
	margin: 0;
}

.asdestinationlist a img
{
	padding: 0 !important;
	text-decoration: none;
	clear: right;
	margin: 0;
}

.list-end
{
	height:10px;
}


.blanco{
font-size: 12px;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
vertical-align:middle;
}

/*  CSS3 !! */
input, text{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 2px;
	border: 1px solid #000;
	padding: 4px;
}
/***************/

input, submit{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #BBB;
	padding: 4px;	
}

table, th{
	font-size: 12px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border:0;
}

table, td { 
font-size: 12px; 
font-family: Helvetica, "Gill Sans"; 
vertical-align: middle; 
}

td#alineat_adalt { 
font-size: 12px; 
font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
vertical-align:text-top; 
}

td#listheader{ 
color: white; 
font: bold 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
background-color: #ccc; 
margin: 10px 0 0; 
padding: 0 0 0 6px; 
border: solid 2px #989da5 
}

th#listheader{ 
color: white; 
font: bold 14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
background-color: #cc3300; 
padding: 0 0 2px 6px; 
border: solid 1px #c30 
 }
 
td#rojo { 
font: 10px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
background-color: #fff; 
text-align: center; 
padding: 0 0 2px 6px; 
border: solid 1px #c30; 
}

td#listlinks a{
	text-decoration: none;
}

table#rodona{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

table#rodona td{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
}

img{
	border: 0;
}

a{
	/*text-decoration: none*/;
	color: #1611ff;
	/*color: #999;*/
}

a:hover { 
	text-decoration: underline;
}

a:active{
	text-decoration: none;
}

a:visited{
color: #339;
}


.titulo {
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 18px;
  	color:#000000;
  	text-align:center;
}
h2 {
  font-size: 18px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  color: #000; 	
  font-weight: bold;
}

.bodymeu   {
  font-size: 13px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 14px;
}

.bodyjust   {
  font-size: 13px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 14px;
  text-align: justify;
}
.body_negrita  {
  font-size: 14px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 14px;
  font-weight: bold;
}
.gris_negrita {
  font-size: 15px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 14px;
  color: #A1A5A9;
}
.gris_negrita2 {
  font-size: 17px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 17px;
  color: #A1A5A9;
}
.gris {
  font-size: 12px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  line-height: 14px;
  color: #A1A5A9;
}
.gris_peque {
  font-size: 10px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  line-height: 14px;
  color: #A1A5A9;
  text-align:center;
  table-layout:auto;
}

.gris_news {
  font-size: 10px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  line-height: 14px;
  color: #A1A5A9;
  table-layout:auto;
}
.rojo {
  font-size: 12px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 14px;
  color: #CC3300;
}
.rojo_negrita {
  font-size: 10px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 14px;
  color: #CC3300;
}

.rojo_negrita_grande {
  font-size: 16px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 16px;
  color: #CC3300;
}

.van_rojo {
	background-color: #bc1820;
	color:#FFF;
}

.van_negro {
	background-color:#000;
	color:#FFF;
}

.van_azul {
	background-color: #1611ff;
	color:#FFF;
}

.van_antracita {
	background-color: #666;
	color:#FFF;
}

.van_blanco {
	background-color:#FFF;
	color:#000;
	border: 1px solid black;
}

.quote   {
  font-size: 13px;
  font-family: Helvetica;
  font-weight: normal;
  line-height: 14px;
  color: #25256B;
}
.medium  {
  font-size: 14px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 14px;
  color: #666666;
}
.mediumbold  {
  font-size: 12px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 14px;
  color: #333333;
}
.medium-just  {
  font-size: 12px;
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 14px;
  color: #666666;
  text-align: justify;
}

.pdf_link {
/*background-image:url(images/pdficon.gif);*/
background-image:url(images/download_icon.gif);
background-position:left;
width:auto;
background-repeat:no-repeat;
padding-left:10px;
margin-left:20px;
}

.foto_link {
background-image:url(images/ifoto20.gif);
background-position:left;
background-repeat:no-repeat;
font-weight: normal;
/*height:32px;*/
/*line-height: 20px;*/
padding-left:25px;
padding-right: 5px;
}

.info_link {
background-image:url(images/info20.gif);
background-position:left;
background-repeat:no-repeat;
/*height:32px;*/
/*line-height: 20px;*/
padding-left:25px;
}

.enlace_link {
background-image:url(images/enlace_icon.gif);
background-position:left;
background-repeat:no-repeat;
padding-left: 20px;
}
.video_link {
background-image:url(images/imovie20.gif);
background-position:left;
background-repeat:no-repeat;
/*height:32px;*/
/*line-height: 20px;*/
padding-left:25px;
}


.vcard_link {
background-image:url(images/vcard.png);
background-position:left;
width:auto;
background-repeat:no-repeat;
padding-left:27px;
margin-left:20px;
}
.pdf {
background-image:url(images/globaliconpdf12x12.gif);
background-position:left;
background-repeat:no-repeat;
/*height:32px;*/
/*line-height: 20px;*/
padding-left:20px;
font-weight: normal;
}

.pdf_folleto {
background-image:url(images/icono-pdf-grande.gif);
background-position:left;
background-repeat:no-repeat;
/*height:32px;*/
/*line-height: 20px;*/
padding-left:20px;
font-weight: normal;
}

.subir_icn {
background-image:url(images/subir_icon.gif);
background-position:left;
width:auto;
background-repeat:no-repeat;
padding-left:10px;
padding-right:10px;
margin-left:5px;
}



.vendido {
/*background-image:url(images/pdficon.gif);*/
background-image:url(images/vendido.jpeg);
background-position:right;
width:auto;
background-repeat:no-repeat;
padding-right:100px;
}

/* No se on es fa servir pero aqui se queda */
#header{
/*border:3px dotted green; */
background-color:#FFF; 
margin-left:auto; 
margin-right:auto; 
width:772px; 
padding-top:8px;
}

#taula{
width:700px; 
/*border:dotted; */
border-color:#CCC;
border:1px;
}


#index_menu{
width:160px; 
float:left;
padding-left: 13px;
/*border-style: solid;*/
padding-top:10px;
}

#header1{
margin-top:0px;
height:75px;

/*float:left;*/
}

#titulo{
position:absolute; 
left:15px; 
top:123px; 
width:748px; 
height:70px; 
z-index:1;
border:1px solid #CCC;
padding-top:10px;
padding-bottom:5px;

}  


#header2{
background-image: url(imagenes/nav2.jpg);
background-repeat:no-repeat;
margin-top:0px;
float:right;
width: 507px; 
height: 114px;
}

#navegacion{  /* Ara es lo que avans era el header */
/*border:3px dotted green; */
background-image: url(images/header-humetonline.gif);
width:769px;
height:75px;
margin-left:3px;
/*margin-left:auto;*/
/*margin-right:auto;*/
margin-bottom:0px;
margin-top:2px;
/*background-color:#161E43;*/
/*border:3px dotted green;*/
}

#deluxe-menu{
height:13px;
margin-left:2px;  
width:769px; 
/*background-color: #CCFF00*/
}

#contenedor{
background-color:#FFFFFF;
/*background-image:url(../images/fondo.jpg);*/
background-position:center;
background-repeat:no-repeat;
font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
padding: 0;  
/*margin-left:auto; */
margin-right: 0; 
margin-left: 2px;
/* width:758px; */
width:766px; /* Tinc que variar aquesta mida pq en IE i Firefox fan mes gran el contenidor per culpa del borde. Sense borde es veu be */
/*Amb 766px es veu be en Safari + Firefox i una mica mes petit en explorer */
border: 2px solid #000;
z-index:10;
height: 100px;
margin-top: 0;
}


#contenedor_galeria{
background-color:#333;
/*background-image:url(../images/fondo.jpg);*/
font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
padding: 0;  
/*margin-left:auto; */
margin-right: 0; 
margin-left: 2px;
/* width:758px; */
width:766px; /* Tinc que variar aquesta mida pq en IE i Firefox fan mes gran el contenidor per culpa del borde. Sense borde es veu be */
/*Amb 766px es veu be en Safari + Firefox i una mica mes petit en explorer */
border: 2px solid #CCC;
z-index:10;
height: 670px;
margin-top: 0;
}


#footer{
width:769px;
height:100px;
margin-left:2px;
margin-bottom:0px;
margin-top:2px;
background: url(images/footer.gif) no-repeat;
}

#titulo{
position:absolute; 
left:15px; 
top:123px; 
width:748px; 
height:70px; 
z-index:1;
border:1px solid #CCC;
padding-top:10px;
padding-bottom:5px;
}  


#casilla{
/*background-color:yellow;*/
width:345px; 
height:323px; 
z-index:1; 
border:1px solid #CCC; 
padding:10px 10px 10px 10px;
}

#casilla_index{
width:150px; 
height:130px; 
z-index:1; 
border:1px solid #FFF; 
padding:10px 10px 10px 10px;

}

#casilla_larga{
position:absolute; 
width:746px;
left:16px; 
height:166px; 
padding-right:25px;
border:1px solid #CCC;
z-index:10; 
padding:10px 5px 5px 5px;
}

#casilla_formulari{
width:auto;
margin-bottom: 5px;
padding: 5px;
float:left;

}

#casilla_formulari_clear_right{
width:auto;
margin-left: 5px;
margin-bottom: 5px;
padding: 5px;
clear: right;	
}



#casilla_theault{
position:absolute; 
width:720px;
left:16px;  
border:1px solid #CCC;
z-index:10; 
padding:10px 15px 25px 5px; /*TRLB*/
height:320px; 
}

#texto_en_casilla{
width:300px; 
text-align:justify;
}

#texto_en_casilla2{
width:500px; 
text-align:justify;
}

#columna1{
/*background-color:yellow;*/
width:390px;
height:inherit; 
float:left;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}



#columna2{
/*background-color:blue;*/
width:382px; 
height:inherit; 
float:right;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
clear:right
}


/* Menu Vertical CSS*/
#button {
	width: 12em;
	border-right: 1px solid #fff;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #000;
	color: #333;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #fff;
		margin: 0;
		}


	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #339;
		border-right: 10px solid #ccc;
		background-color: #000;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #ccc;
		border-right: 10px solid #339;
		background-color: #fff;
		color: #339;
		}
/*FI MENU*/

#destino{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #036;
	height: auto;

	/*En IE no funciona lo de hacer el margen auto a 	izquierda y derecha, hay que hacer el div con 		width:auto */
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
	/* Fin del truco */
	
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.extra_content{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	border: 2px dotted #CC6;
	height: auto;
	background: #fefecb;
	width: auto;
	margin-left: 80px;
	margin-right: 5px;
	padding: 5px;
}

/* VANS */


/* Menu superior tabs */
#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #036; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 

/* Submenu horitzontal */
#navcontainer ul
{
margin-top: 2px;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
color: #fff;
background-color: silver;
border: 1px solid #036;
	padding: .2em 2em;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #036;
}
/* COMUNICACION ESPECIAL*/
div.recuadro{
border: 1px solid silver;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
padding:10px;
margin-left: 10px;
margin-right: 10px;
}

.popup{
font-size: 1px;
text-align: left;
border: 1px solid #CC3300;	
width: 250px;
background-color: #ccc;	
position: absolute;
left: 500px;
top: 20px;
padding:0px;
float: none;
display: block;
	}

.noseve{
display: none;	
}