/* CSS Document */
body {font-size:100%; font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: 1em; text-align:center; background: #cac6ad;}
html {	
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color:#6d685d;
}
form {margin: 0; padding: 0;}
a img {border:0px}
img {vertical-align:top}
span a {color:#a13e41; text-decoration:underline}
span a:hover {text-decoration:none}
.fright {float:right;}
.clear {clear:both;}
.wrapper {margin:20px auto 0 auto; width:962px; padding-bottom: 25px; background: #FFF url(images/bg_wrapper.gif) no-repeat center bottom;}
.search {font-weight:bold; font-size:0.92em; text-align: center; padding:0; height: 29px; line-height: 29px; margin:15px auto 0 auto; background:url(images/bg_search.gif) no-repeat center top; }
.search a {color:#655d52;}
.search a:hover {color:#933;}
.news_box {float: right; width: 646px; height: 35px; display: block; background:url(images/bg_novetats.jpg) repeat-x left center;}
#novetats {font-size: 16px; font-weight:bold; margin: 0 20px; line-height: 34px; text-align: center;}
#novetats a {color: #e5e7e4; text-decoration: none;}
#novetats a:hover {color: #ffe78c;}

/*==========LIST=======*/
.list {margin: 0 0 15px 0; padding:0; list-style:none; font-size: 1em;}
.list li{ color: #85785c; margin: 3px 0 3px 20px; font-weight:bold; padding:0 0 0 10px; background:url(images/bg_list1.gif) no-repeat left 5px;}
.list li a{color:#85785c; text-decoration:underline;} 
.list li a:hover {color: #000;text-decoration:none; }

.list1 {margin: 11px 0 14px 0; padding:0; list-style:none; font-size: 1em;}
.list1 li{ color: #85785c; margin: 4px 0 4px 17px; font-weight:bold; background:url(images/bg_list1.gif) no-repeat left 5px; padding-left:10px;}
.list1 li a{color:#85785c; text-decoration:underline;} 
.list1 li a:hover {color: #000 }

.steps {margin: 55px 0 0 0; padding:0; list-style:none; font-size: 1em}
.steps li{ color: #608273; padding-left: 22px}
.steps li p {margin: 0; padding: 0 0 0 5px; border-left: 2px solid #afc1b9}
.steps li.li1{ margin: 0; background:url(images/bg1.gif) no-repeat left 2px;}
.steps li.li2{ margin: 25px 0 0 0; background:url(images/bg2.gif) no-repeat left 2px;}
.steps li.li3{ margin: 25px 0 0 0; background:url(images/bg3.gif) no-repeat left 2px;}
.steps li a{color:#608273; text-decoration:underline;} 
.steps li a:hover {color: #000 }

/*==========HEADER=======*/
#header {width: 914px; height:374px; padding: 24px 24px 0 24px; background: url(images/bg_header.gif) no-repeat center top;}
#header .menu {height: 50px; padding:0;}
#header ul.m {margin: 0; padding:0; list-style:none; font-size: 13px;}
#header .m li{margin:0; padding:0; line-height:46px; display:inline; }
#header .m li a {width: 152px; height: 46px;  text-align: center; float: left; color: #685d41; font-weight:bold; text-decoration: none; background:url(images/bg_menu.gif) center left no-repeat; display: block; border-top: 1px solid #f7f7ee;} 
#header .m li.first a {width: 153px; height: 46px; background:url(images/bg_menufirst.gif) center left no-repeat; margin:0; padding:0; display:block; }
#header .m li.last a {width: 153px; height: 46px; background:url(images/bg_menulast.gif) center left no-repeat; margin:0; padding:0; display:block; }
#header .m li a:hover { background:url(images/bg_menuon.gif) center left no-repeat; }
#header .m li.first a:hover { background:url(images/bg_menufirston.gif) center left no-repeat; }
#header .m li.last a:hover { background:url(images/bg_menulaston.gif) center left no-repeat; }
#header .m li.current a { background: url(images/bg_menulaston.gif) center left no-repeat; }
#header .m li span a{color:#9a1b3b; text-decoration:none; font-weight:normal} 
#header .m li span a:hover { text-decoration:underline; }
#header .m .bg_none{ background:none}
#header .logo_box{ width: 914px; height:321px; background:url(images/bg_logo.jpg) top left no-repeat;}
#header .logo { width: 255px; height:230px; background:url(images/bg_logo.jpg) top left no-repeat; float: left; padding-top:91px; margin: 0 12px 0 0;}
#header #monoSlideshow { width: 646px; height:321px; float: right;}

/*==========CONTENT=======*/
#content {font-size:0.75em; width: 914px; padding: 0 24px; text-align:left; background: url(images/bg_content.gif) repeat-y top left;}
#content .title {width: 100%; color: #933; margin: 0; padding-bottom: 3px; font-weight:bold; font-size: 21px;}
#content .subtitle {width: 100%; color: #386350; margin: 5px 0 5px 0; font-weight:bold; font-size: 16px;}
#content .width_100{width:100%}
#content .pic_left {float:left; margin:0px 24px 0px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .col1{ background: #f4f4ef url(images/bg_col1.gif) no-repeat bottom center;}
#content .colmed {width: 599px; float: left; margin: 15px 0 0 30px; padding: 5px; text-align: center; border: 1px dotted #933; background: #f4f4f4; }
#content .textsmall {width: 565px; float: left; margin: 5px 0 0 45px; padding: 0; text-align: center; color: #999}
#content .title_col1{ margin:28px 0 30px 32px; display:block}
#content .indent_col1{ padding:35px 0 20px 0}
#content .indent_col1_1{ padding: 25px 0 0 0}
#content .indent_col3{ padding:5px 15px 5px 15px; margin-top: 20px;}
#content .indent_col5{ padding:0;}
#content .indent_col5_5{ padding:5px 0 0 15px; margin-top: 20px;}
#content .leng { width: 910px; height: 24px; margin: 0 0 2px 0; padding: 0 4px 0 0; border-top: 3px solid #d0c39b; background: #d0c39b url(images/bg_leng.gif) no-repeat top left;}
#content .leng .home {width: 48px; font-size: 0.9em; float: left; text-align: center; margin: 0; background: #d0c39b; line-height: 24px;}
#content .leng .home a {color: #595645; font-weight:bold; text-decoration: none;}
#content .leng .idioma { font-size: 0.9em; float: right; text-align: right; margin: 0; line-height: 24px; }
#content .leng .idioma a {color: #595645; text-decoration: none; margin: 0 9px;}
#content .leng .idioma a:hover {color: #0d0c0e;}
#content .indent_more{ margin:25px 0 0 0px}
#content .indent_more1{ margin:36px 0 0 0px}
#content #monoSlideshow2 { width: 504px; height: 445px; margin: 10px 0 1px 45px; padding: 14px 38px; background: url(images/bg_galeria.jpg) no-repeat top left;}
#content .col1 .list {margin-left: 15px;}
#content .calendar {font-size:11px;  width: 178px; color: #900; text-align: center; margin: 0 auto; padding: 10px 10px 0 13px; background: url(images/bg_calendar.jpg) no-repeat top left;}
#content .calendar input {width: 180px; margin-top: 9px; color: #333;}
#content .calendar * { margin:0; padding:0;}

/*==========CONTENT CLASS=======*/
#content .indent_col1{ padding:25px 0 20px 0}
#page1 .indent_col3{margin-top: 0;}
#page1 #content .headtext {color: #900; margin: 0; padding: 0; font-size: 1.5em; font-weight:normal; font-style: italic; line-height: 30px; }
#page1 #content .col1 b {color:#333; font-size:1.1em; display:block; padding:0 0 5px 0px}
#page1 #content .col1 strong {font-size:0.92em; color:#666}
#page1 #content .col3 p {margin: 0 10px 0 0; line-height: 15px;}
#page1 #content .col3 .box_list {width:100%; padding:0 0 25px 0px}
#page1 #content .indent_col5{ padding-top: 8px;}
#page1 #content .col5 .pic {margin:8px 0 38px -7px}
#page1 #content .col1 .head {color: #386350; margin: 10px 0 3px 5px; font-weight:bold; font-size: 14px; text-align: center;}
#page1 #content .col1 .small {margin: 0 0 2px 0; font-size: 10px; text-align: center;}
#page1 #content .mercantur {margin: 10px auto;}


#page2 #content .indent_col1_1{ text-align: center;}
#page2 #content .col5 p {margin: 10px 0 0 0}
#page2 #content .col1 img {margin: 0 auto 10px auto; border: 1px solid #333;}
#page2 #content .indent_col3 { border-right: 1px dotted #ccc; }

#page3 #content .col1 .head {color: #386350; margin: 5px 0 10px 20px; font-weight:bold; font-size: 16px; font-style: italic;}
#page3 #content .col3 .box_1, #page3 #content .col3 .box_2 {float: left; height: 85px; color:#2d2b26; padding: 5px 5px 5px 10px; border-left: 5px solid #595645;}
#page3 #content .col3 .box_1 {width: 271px; margin: 0 16px 15px 15px;}
#page3 #content .col3 .box_2 {width: 272px; margin: 0 0 15px 0}
#page3 #content .col3 .esqui {background: url(images/bg_esqui.jpg) no-repeat top right;}
#page3 #content .col3 .btt {background: url(images/bg_btt.jpg) no-repeat top right;}
#page3 #content .col3 .equitacio {background: url(images/bg_equitacio.jpg) no-repeat top right;}
#page3 #content .col3 .pesca {background: url(images/bg_pesca.jpg) no-repeat top right;}
#page3 #content .col3 .aventura {background: url(images/bg_aventura.jpg) no-repeat top right;}
#page3 #content .col3 .golf {background: url(images/bg_golf.jpg) no-repeat top right;}
#page3 #content .col3 .gastronomia {background: url(images/bg_gastronomia.jpg) no-repeat top right;}
#page3 #content .col3 .festes {background: url(images/bg_festes.jpg) no-repeat top right;}
#page3 #content .col3 .title_box {color: #2d2b26; font-weight:bold; font-size: 14px;font-style: italic;}
#page3 #content .col3 p {margin: 5px 0 0 0}
#page3 #content .col3 p a {color: #386350}
#page3 #content .col3 p a:hover {color: #000}

#page4 #content .col1 .pic {margin:36px 0 10px 0px}
#page4 #content .col1 p {margin:2px 20px 9px 0px}
#page4 #content .col1 a, #page4 #content .col3 a {color: #386350}
#page4 #content .col1 a:hover, #page4 #content .col3 a:hover {color: #000}
#page4 #content .col3 .box_2 {padding:0 0 0 16px}
#page4 #content .indent_col1_1{margin-left: 30px}
#page4 #content .indent_col3 {padding:5px 0 5px 15px;}
#page4 #content .mapa { border: 1px solid #000}
#page4 #content .col1 img {margin: 0 auto 10px auto; border: 1px solid #333;}

#page5 #content .indent_col3 { border-right: 1px dotted #ccc; text-align: center}
#page5 #content .indent_col5_5 { text-align: center}
#page5 #content ul.preus {width: 280px; margin: 20px auto 0 auto; padding:0; list-style:none; font-size: 1em;}
#page5 #content ul.preus li {color: #6d685d; margin: 0 0 7px 0; font-weight:bold; height:30px; padding-bottom: 5px; border-bottom: 1px solid #d3d1ce;}
#page5 #content ul.preus li .lileft{ width: 230px;float: left; text-align: left; line-height: 1.2em;}
#page5 #content ul.preus li .lileft span { font-size: 0.85em;font-weight:normal;color: #99958d;}
#page5 #content ul.preus li .lileft i { color: #99958d;}
#page5 #content ul.preus li .liright{ float: right}
#page5 #content .col1 .head {color: #386350; margin: 0 0 3px 5px; font-weight:bold; font-size: 14px; text-align: center;}
#page5 #content .col1 .small {margin: 0 0 2px 0; font-size: 10px; text-align: center;}
#page5 #content .colmed p {margin: 3px 40px;}
#page5 #content .subtitle {margin: 0 40px}
#page5 #content p.small {width: 295px; font-size: 0.85em; line-height: 1.2em; margin: 0 auto; color: #99958d;}

#page6 #content .col1 p{ margin: 28px 10px 10px 20px}

#page7 #content .list1 { margin: 10px 0 0 0}
#page7 #content .col3 p{ margin: 10px 0 0 0}
#page7 #content .indent_col5_5 {padding: 0;}


#reserva #content .indent_col3 {text-align: center}
#reserva #content .indent_col5_5 { height: 500px; text-align: center; padding-bottom: 10px; }
#reserva #content .indent_col3 p {margin: 15px 0 0 0;}
#reserva #content .indent_col3 p a {color: #6d685d;}
#reserva #content .indent_col3 p a:hover {color: #000;}
#reserva #content ul.preus {width: 230px; margin: 20px auto 10px auto; padding:0; list-style:none; font-size: 1em;}
#reserva #content ul.preus li {color: #6d685d; margin: 0; font-weight:bold; height:30px; line-height:30px; border-bottom: 1px solid #d3d1ce;}
#reserva #content ul.preus li .lileft{ float: left}
#reserva #content ul.preus li .liright{ float: right}
#reserva #content .colmed p {margin: 3px 40px;}
#reserva #content .subtitle {margin: 0 40px}
#reserva #content p.small {width: 270px; font-size: 0.85em; line-height: 1.2em; margin: 0 auto; color: #999;}
#reserva #content .listdates {padding:0; margin: 15px 0;list-style:none; font-size: 1.3em; text-align: center;}
#reserva #content .listdates li{ color: #85785c; margin: 8px 0; font-weight:bold; padding:0}
#reserva #content .total {color: #386350; font-size: 1.4em; font-weight: bold; margin: 15px 0 30px 0}

#legal #content-text {width: 815px; margin: 20px auto 0 auto; padding: 0 0 20px 0;}
#legal #content-text h2 {font-size: 1.8em; color: #933; margin: 0 0 20px 0;}
#legal #content-text h3 {font-size: 1.3em; color: #386350; margin: 15px 0 0 0;}
#legal #content-text p {margin: 5px 0}

#condicions {background: #FFF url(images/bg_leng.gif) repeat-x left 1px}
#condicions #content-text { text-align: left; margin: 0 auto; padding: 40px 20px 50px 20px; background: url(images/bg_leng.gif) repeat-x left bottom}
#condicions #content-text h2 {font-size: 1.4em; color: #933; margin: 0 0 15px 0;}
#condicions #content-text h3 {font-size: 1em; color: #386350; margin: 10px 0 3px 0;}
#condicions #content-text p {color:#6d685d; font-size:0.75em; margin: 3px 0}
#condicions .data {font-size: 12px; font-weight:bold; color: #666;margin: 0 0 10px 0}

#contacte #content-text {width: 815px; margin: 20px auto 0 auto; padding: 0 0 20px 0;}
#contacte #content-text p {margin: 5px 0}

#novetat {margin: 0; padding: 0; width: 100%; background: #FFF;}
#novetat #header {width: 100%; height: 24px; padding: 0;margin: 0; background: #FFF url(images/bg_leng.gif) repeat-x left top; border-bottom:1px solid #efefef;}
#novetat #novetat-text { text-align: left; margin: 0 auto; padding: 20px; border-bottom:1px solid #efefef;}
#novetat #novetat-text h2 {font-size: 1.2em; color: #933; margin: 0 0 10px 0;}
#novetat #novetat-text h3 {font-size: 0.9em; color: #386350; margin: 5px 0 3px 15px;}
#novetat #novetat-text p {color:#6d685d; font-size:0.75em; margin: 3px 0 3px 15px;}
#novetat .data {font-size: 12px; color: #666;margin: 0 0 5px 0;}


/*==========FOOTER=======*/
#footer {width: 954px; text-align: left; color:#595645; font-size:0.7em; padding-bottom: 20px; margin:2px auto 0 auto; }
#footer a {color:#595645; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer .dracnet {float: right; text-align: right; margin-top: 2px;}

/*==========FORM RESERVA=======*/
#reserva fieldset {
	width: 620px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	border: 0;
}
#reserva ul#form {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	list-style:none; 
	margin: 0;
	padding:0;
	text-align: right;
}
#reserva ul#form li {
	margin: 2px 0; 
	padding:  0;
	text-align: left;
	line-height: 23px;
	float: left;
}
#reserva ul#form li label {
	width: 100px;
	float: left;
	text-align: right;
	display: block;
	font-size: 11px;
	line-height: 23px;
	margin: 0 5px 0 0;
	color: #000;
	font-weight: bold;
}
#reserva ul#form li label.pago {
	width: inherit;
	float: none;
	text-align: left;
	display: inline;
	font-size: 11px;
	line-height: 23px;
	margin: 0 15px 0 0;
	color: #666;
	font-weight: normal;
}
#reserva input.input_text {
	font-size: 11px;
	background: #FFFFFF url(images/inputbg.jpg) no-repeat left 0;
	padding: 3px;
	border: 1px solid #999;
	color: #666;
 	margin-top: 0;
}
#reserva select {
	font-size: 11px;
	color: #666;
	height: 18px;
	margin-top: 2px;
	border: 1px solid #999;
}
#reserva textarea {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width: 456px;
	font-size: 11px;
	color: #666;
	padding: 3px;
	border: 1px solid #999;
	margin-top: 2px;
	background: #FFFFFF url(images/inputbg.jpg) left 0;
}
#reserva .button {
	width: 410px;
	margin: 10px auto;
	text-align: center;
	height: 20px;
}
#reserva .button input {
	width: 150px;
	font-size: 1.1em;
	color: #333;
}
#reserva .note{
	width: 560px;
	margin: 20px auto 0 auto;
	font-size: 0.75em;
	line-height: 1.2em;
	text-align: justify;
	color: #7E7E7E;
}
#reserva .note a{
	color: #7E7E7E;
}
#reserva .condicionsok {
	width: 530px;
	float: left;
	text-align: center;
	margin: 10px auto 0 auto;
}
#reserva .condicionsok a {
	color: #595645;
}
#reserva .condicionsok a:hover {
	color: #000;
}

/*==========FORM CONTACTE=======*/
#contacte fieldset {
	width: auto;
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
}
#contacte ul#form {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	list-style:none; 
	margin: 0;
	padding:0;
	text-align: right;
}
#contacte ul#form li {
	margin: 2px 0; 
	padding:  0;
	text-align: left;
	line-height: 23px;
}
#contacte ul#form li label {
	width: 120px;
	float: left;
	text-align: right;
	display: block;
	font-size: 11px;
	line-height: 23px;
	margin: 0 5px 0 0;
	color: #000;
	font-weight: bold;
}
#contacte input.input_text {
	font-size: 11px;
	background: #FFFFFF url(images/inputbg.jpg) no-repeat left 0;
	padding: 3px;
	border: 1px solid #999;
	color: #666;
 	margin-top: 0;
}
#contacte textarea {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width: 600px;
	font-size: 11px;
	color: #666;
	padding: 3px;
	border: 1px solid #999;
	margin-top: 2px;
	background: #FFFFFF url(images/inputbg.jpg) left 0;
}
#contacte .button {
	margin: 5px 0 0 0;
	text-align: left;
}
#contacte .button input {
	width: 150px;
	margin: 0 0 0 125px;
	font-size: 1.1em;
	color: #333;
}
#contacte .note{
	width: 610px;
	margin: 20px 0 0 125px;
	font-size: 0.75em;
	line-height: 1.2em;
	text-align: justify;
	color: #7E7E7E;
}
#contacte .note a{
	color: #7E7E7E;
}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
.LV_valid {
    color:#00CC00;
}
.LV_invalid {
	padding: 2px 8px;
	background: url(images/exc.gif) no-repeat left center;
}