/* Generals */
* { margin:0px; padding:0px; }
img { border: 0; }
.clear { clear:both; }
body{ background-color:#99CBFE; font-family: Trebuchet, "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size:90%; color:#666666; text-align:center; min-width:750px; }
#outer{ width:750px; margin: 0 auto; text-align:left; background-color:#FFF; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; color:#666666; }
#sub-nav { width:196px; overflow: hidden; float:left; background: #E6F4FF; }
#branding{ height: 112px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color:#0F99FF;}
#branding h1{ color: #FF0000; background:transparent; font-size:110%; }
.online { width:300px; left: 85px; top: 78px; position:relative; }
#content-main {	float:right; width:547px; }	
.footer { clear:both; background-color:#0F99FF; color: #FFFFFF; border-top:3px solid #FFF; padding-left:5px; line-height:150%; }
#logo { background-color:#FFF; text-align:center; }
#search { background-color:#0F99FF; color:#FFF; font-weight:bold; font-size:12px; padding-bottom:5px; margin-bottom:1px; }
	
/* main-nav */
#main-nav ul { background-color: #0F99FF; padding-left: 0; margin-left: 0; float: left; width: 100%; line-height:150%; font-size:110%; border-bottom:3px solid #FFF; }
#main-nav li { display: inline; }
#main-nav li a { padding: 0.2em 1.1em; color: White; text-decoration: none; float: left; border-right: 1px solid #fff;}
#main-nav li a:visited { color: #FFF; }
#main-nav li a:hover { background-color: #F00; }

/* link styles */
a { color: #0F99FF; text-decoration:none; font-weight: bold; }
a:visited { color: #0F99FF; }
a:hover { color: #FF0000; }
a:visited:hover{ color: #FF0000; }
#top_nav a, .footer a { color: #FFFFFF;	text-decoration:none; font-weight: bold; }
#top_nav a:visited, .footer a:visited { color: #FFF; }
#top_nav a:hover, .footer a:hover { color: #FF0000; }
#top_nav a:visited:hover, .footer a:visited:hover { color: #F00; }

/* sub nav values */
.win p{ padding:5px; line-height:120%; }
#sub-nav ul { margin-left: 0; padding-left: 0; list-style-type: none; }
.suba{ display: block; padding: 3px; width: 194px; line-height:195%; }
#yellow a { border-bottom: 1px solid #eee; border-top: 1px solid #eee; background-image: url(../img/yell-but.gif); background-position: left; color: #FFF; }
#sub-nav a:link, #sub-nav a:visited { text-decoration: none; }
#yellow a:hover { color: #fff; background-image: url(../img/yell-but.gif); background-position: right; }
.blue a{ color: #0F99FF; border-top: 1px solid #0F99FF; margin-top:1px; text-indent:12px; }
.blue a:hover{ color: #FFFFFF; background-color: #0F99FF; }
.red a { background-color: #E11E1E; border-top: 1px solid #eee; color: #FFFFFF;	}
.red a:link, .red a:visited { color: #FFF; }
.red a:hover{ background-color: #0F99FF; color: #FFF; }
.red a:visited:hover{ color: #FFFFFF; }

/* classes */
.bbottom { border-bottom: 1px solid #FFF; }
.win { color: #0F99FF; font-weight:bold; border-top: 1px solid #0F99FF;	background-image: url(../img/win-bg.gif); background-repeat: repeat-x; }
.blueinput{ color: #0F99FF; }
.left{ float:left; }
.right{ float:right; }
.rightfooter{ float:right; padding-right:5px; }

/* typography */
p { font-size:90%; padding:0px; }
h1, h2, h3 { font-weight: bold;	color: #FFFFFF;	background: url(../img/h1.jpg);	font-size:140%;	text-indent:8px; line-height:170%; margin-top:3px; margin-bottom:3px; }
h2 { background: url(../img/h2.jpg); }	
h3 { background: url(../img/h3.jpg); }	
h4 { color: #0F99FF; }
.selectwide { width:155px; }
.selectsmall { width:40px; }
.selectmid { width:55px; }

/* offerboxes */
.ofertaContainer { float:left; margin-left: 5px; width: 530px; margin-bottom: 5px; margin-top: 5px; }
.ofertaItem { width:160px; height:211px; background-color: #C9E8FF; line-height:150%; float: left; margin: 5px; border: 1px #0F99FF solid; }
.titulNota{ font-size: 13px; }
div.conttitol{ background-color: #0F99FF; width:160px; height: 36px; }
.ofertaItem h4{ text-transform: uppercase; color:#FFFFFF; line-height:150%; font-size: 12px; text-indent: 0px; margin-left: 6px; }
.ofertaItem a{ text-transform: uppercase; color:#0F99FF; text-decoration:underline; font-size: 80%; } 
.redarrow{ vertical-align: middle; padding:2px; }
.orangeprice{ font-size: 12px; color: #FF9900; float:right; padding-right:5px; }
.offerleft{ float:left; padding-left:5px; font-size: 11px; }
.offerleft a:link{ font-family: Trebuchet, "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size: 11px; color:#666666; text-decoration: none; font-weight: lighter; }
.offerleft a:visited{ font-family: Trebuchet, "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size: 11px; color:#666666; text-decoration: none; font-weight: lighter; }
.offerleft a:hover{ font-family: Trebuchet, "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size: 11px; color:red; text-decoration: none; font-weight: lighter; }
.titulPrincipal { background-color: #0F99FF; font-weight: bold; color: #FFFFFF;	background: url(../img/h1.jpg); font-size:140%; text-indent:8px; line-height:170%; margin-top:4px; text-align:left; }
.titulPrincipal2 { background-color: #0F99FF; font-weight: bold; color: #FFFFFF; background: url(../img/h1.jpg); font-size:140%; text-indent:8px; line-height:170%; text-align:left; }
    	
/* Altres */
span.text { font-size:13px; }
.mapaContainer { margin: 15px 0 15px 15px; }

/* Taula de contacte*/
table.contacte { margin-left: 10px; text-indent: 0px; }
table.contacte img { margin: 0; padding: 0; border-style: solid; border-color: black; border-width:1px; }
table.contacte p { margin-left: 0px; padding-left: 0px; font-size: 13px; }
tr.tr_contacte{ height: 35px; vertical-alignment: top; text-indent: 0px; }

/* Rercuadre de links */
div.recuadre_links{ float: left; width: 196px; background-image:url("../img/bottomleft.jpg"); background-repeat: no-repeat; background-color: #E6F4FF; text-align: left; }
div.recuadre_links p{ color: #0F99FF; }
div.recuadre_links a{ margin: 0; padding: 0; color: #0F99FF; font-weight: lighter; font-size: 11px; }
div.recuadre_links a:hover{ color: red; }

/* Unregistre */
.unregistre { width: 525px; margin: 7px 0 0 8px; }
.unregistre_text { width: 100%; }
.unregistre_form { width: 380px; margin: 15px 0 0 0; padding: 8px 0 8px 10px; border-style: solid; border-width: 1px; border-color: #666666;; }
.unregistre_form p { font-weight: bold; font-size: 14px;}
.unregistre_form_input { margin: 0 20px 0 0; }
.unregistre_result { margin: 20px 0 0 0; font-weight: bold; }

/* Info page */
.info_container{ margin: 0 0 0 2px; font-size: 12px; text-align: left;}
.info_titol { font-size: 16px; font-weight: bold; padding: 3px 0 3px 5px; color: #FFFFFF; background-color: #ffa901; }
.info_titulFitxa { margin: 15px 0 0 0; padding: 5px 0 5px 5px; font-size: 13px; background: #ffeb9c; font-weight: bold; border-bottom: solid 2px #ffa901; color: #000000; }
.info_desc { margin: 2px 0 0 5px; }
.info_desc_opcions { margin: 25px 25px 0 0px; font-size: 15px; text-align: right;}
.info_descFitxa_one { width: 545px; }
.info_descFitxa_left { float: left; width: 272px; }
.info_descFitxa_right { float: right; width: 273px; }
.info_reservar { background: url('../img/fonsBotoFitxa.jpg'); width: 100px; height:20px; border: solid 1px #3263C9; font-weight: bold; font-size: 15px; text-align: center; padding: 2px 10px 2px 10px; }
.info_reservar a:link, .info_reservar a:hover, .info_reservar a:visited { color:#ffffff; text-decoration: none; }
.info_center { margin: 7px 0 0 212px; }
.info_fotos { margin: 5px 0 0 5px; }

/* Ampliacio */
#top_nav { background-color:#0F99FF; color:#FFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; line-height: 21px; }
.top_nav_left { float: left; width: 150px; margin: 0 0 0 5px; }
.top_nav_left span { color: #c1c1c1; }
.top_nav_right { float: right; width: 350px; margin: 0 5px 0 0; text-align: right; }