@charset "UTF-8";

/* CSS Document HOTEL JOLANDA
------------------------------------------------------------- */

/* @group html */

html, body {
	padding:0;
	margin:0;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	color:#333;
	font-size:14px;
	background:url(../img/wood.jpg);
}

p {
	padding: 0 0 14px 0;
	margin: 0;
	font-size:14px;
	line-height: 20px;
}

a {
	color: #000099;
	text-decoration:underline;
}

a:hover {
	color: #990000;
	background-repeat: repeat-x;
}
.clear {
	clear:both;}
.black a {color:#333;}

/* @end */	
	
	
/* Layout container
------------------------------------------------------------- */
#topWide {
	float:left;
	background:url(../img/bk.jpg) repeat-x top center ;
	width:100%;
	padding-bottom: 30px;
}


#container {
	margin:auto;
	position:relative;
	width:960px;
	padding-top:54px;
}
	

/* Header section 
------------------------------------------------------------- */

/* @group menu */

/* Code for the menus
------------------------------------------------------------- */

.jqueryslidemenu {
	width:780px;
	position:absolute;
	height: 52px;
	/* background:url(../img/menu.jpg); */
	right:0;
	top:0;
	z-index: 10;
}

.jqueryslidemenu ul{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jqueryslidemenu ul li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.jqueryslidemenu ul li a{
	float:left;
	height:33px;
	font-size: 14px;
	padding: 19px 16px 0 16px;
	color: #333;
	display:block;
	font-weight: normal;
	border-left:1px solid #F9F7F3;
	border-right:1px solid #E1DCD5;
	text-align: center;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link{
	color: #333;
}

.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.hover {
	color: #900;
	background-color: #fff;
}

 
.jqueryslidemenu ul li.selected a{
	color: #fff;
	background-color: #900;
}

.jqueryslidemenu ul li.selected ul li a{
	color: #333;
	border: 0;
	background-color: #fff;
}

.jqueryslidemenu li a.last{
	border-right:none;}

.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

.jqueryslidemenu ul li ul li ul{
	top: 0;
}

.jqueryslidemenu ul li ul li a{
	float:left;
	height:16px;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	width: 184px; /*width of sub menus*/
	padding: 5px 5px 5px 15px;
	margin-top: 0px;
	background: #fff;
	border-top-width: 2px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #F9F8F6;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	background: #9B303A;
	color: #fff;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* @end */

#logo {
	position: absolute;
	top: 25px;
	left:0;
	width: 536px;
	height: 193px;

/*	float:left; */
}

#countries {
	width:150px;
	height: 85px;
	background:url(../img/countries.png) no-repeat center left;
	padding: 71px 0 0 70px;
	float:right;
	margin-right:1px;
}

/* @group header */



.highlight {
	color: #FFFFCC;
	font-weight: bold;
}
.stars {
	background:url(../img/stars.png) no-repeat right center;
	padding:0px 77px 0 0;

}
.headerPics {
	padding: 1px 24px;
}


/* @end */

/* Page Content
------------------------------------------------------------- */


#contactBox {
	width:220px;
	height: 143px;
	float:left;
	padding: 24px 0 0 44px;
	background:url(../img/contactbk.jpg);
	margin-top: 11px;
}

#contactBox p {
	padding: 0;
	margin: 0;
}

#contactBox p.phone {
	padding: 24px 0 0 0;
	margin: 0;
	font-size: 17px;
	color: #771216;
}


#contactBoxContainer {
	width:285px;
	padding: 20px 0 20px 25px;
	float: left;
}
#meteobox {
	width:220px;
	height: 143px;
	float:left;
	padding: 24px 0 0 44px;
	background:url(../img/meteo.jpg);
	margin-top: 11px;
}

#contactBox2 {
	width:224px;
	height: 143px;
	float:left;
	padding: 22px 0 0 40px;
	background:url(../img/contact.gif);
	margin-top: 11px;
}
.red {
	color:#8E2833;
}


/* Page Content
------------------------------------------------------------- */

#footer {
	float:left;
	background:url(../img/footer.png) repeat-x;
	width:100%;
	height: 30px;
	font-size: 13px;
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana;
	text-align: center;
	color: #DCCEBF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer a{color: #DCCEBF; text-decoration:none;}
/* Inner Page Extra Classes
------------------------------------------------- */

#contentip {
	width:960px;
	margin-bottom: 0px;
	background:url(../img/crossIp.jpg);
	float:left;
}

#contentipbk {
	width:960px;
	margin-bottom: 0px;
	background:url(../img/contentIp.jpg) no-repeat;
	float:left;
}

#headerIp {
	width:960px;
	padding-top:17px;
	height: 234px;
	background:url(../img/header.png);
	float:left;
}

#title {
	width:910px;
	height: 62px;
	padding: 25px 0 0 50px;
	background:url(../img/title.jpg);
	float:left;
}

#moreColumn {
	width:314px;
/*	:DTM. Here. 
	float:left;  */ 
	float:right;
}

#moreColumnText {
	width:315px;
	float:left;
}

#moreColumnText p {
	color: #333;
	font-size: 13px;
	padding: 0 50px 20px 36px;
}

#moreColumnText p.image {
	padding: 0 0 20px 0px;
}

#moreColumnText h3 {
	font-size: 15px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	color: #7F191F;
	line-height: 20px;
	padding: 30px 50px 20px 36px;
	margin: 0;
}
#moreColumnText h4 {
	font-size: 12px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	color: #7F191F;
	padding: 10px 50px 5px 36px;
	margin: 0;
}
h5 {
	font-size: 12px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	color: #000;
	padding: 5px 0px;
	margin: 0;
}
#mainColumn {
	width:595px;
	padding: 30px 20px 20px 25px;
	float:left;
}

#mainColumn p {
	color: #333;
	font-size: 13px;
}

#mainColumn ul
{
	margin: 0;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
}

#mainColumn li {
	font-size: 13px;
	padding-bottom: 8px;
	border-top: 1px dotted #999999;

}



.contentBox {
	width:590px;
	float:left;
	background: #fff;
	border:1px solid #C6BFB4;
	margin-bottom: 20px;
}

.contentBoxTitle {
	width:530px;
	padding: 10px 30px;
	float:left;
	border-bottom:1px solid #E4E0D5;
}

.contentBoxTitle h2 {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size:19px;
	color:#900;
	margin:0;
	padding:0;
	font-weight: normal;
}

.contentBoxImg {
	width:200px;
	padding:15px 15px 15px 30px;
	float: left;
}

.imgBorderCream {
	border:6px solid #E4E0D5;
}
.marginRight {
	margin-right:18px;
}
.contentBoxSimple {
	width:530px;
	padding:15px 15px 10px 30px;
	float: left;
}

.contentBoxText {
	width:320px;
	padding:15px 0 10px 0;
	float: left;
}
.contentBoxPhoto {
	width:530px;
	padding:15px 30px 15px 30px;
	float: left;
}
#title h1 {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 24px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#title .highlight {
	color: #FFFFCC;
	font-weight: normal;
}

/* Classes and styles
------------------------------------------------- */

.maintitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#F5F5C4;
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
	line-height: 28px;
}
.superior {
	text-decoration: overline;
}

h1 {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size:20px;
	color:#900;
	margin:0;
	padding:0;
	font-weight: normal;
}
h2 {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size:18px;
	color:#900;
	margin:0;
	padding:0 0 10px 0;
	font-weight: normal;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #fff;
	margin:0;
	padding:0 0 35px 0;
	font-weight: normal;
	line-height: 20px;
}
.white {
	color: #fff;
}

.black {
	color: #000;
}

/* Buttons
------------------------------------------------------------- */

a.flagIta {
	display: block;
	height: 25px;
	width: 31px;
	background:url(../img/flags.png);
	background-position: 0 0px;
	text-indent: -999999px;
	overflow: hidden;
	outline:none;
	float: left;
}

a.flagIta:hover {
	background-position: 0px -25px;
}

a.flagEng {
	display: block;
	height: 25px;
	width: 34px;
	background:url(../img/flags.png);
	background-position: -31px 0px;
	text-indent: -999999px;
	overflow: hidden;
	outline:none;
	float: left;
}

a.flagEng:hover {
	background-position: -31px -25px;
}

a.flagDeu {
	display: block;
	height: 25px;
	width: 22px;
	background:url(../img/flags.png);
	background-position: -65px 0px;
	text-indent: -999999px;
	overflow: hidden;
	outline:none;
	float: left;
}

a.flagDeu:hover {
	background-position: -65px -25px;
}
/* Price
------------------------------------------------------------- */
.price {margin: 10px 0; border: solid 1px #E4E0D5; border-bottom:none;}
.price th {
	background-color: #E4E0D5;
	color: #990000;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	padding: 3px 0 3px 5px;
}
.price td {
	padding: 3px 0 3px 5px;
	border-bottom: solid 1px #E4E0D5;
}
.marginTop0 {margin-top: 0px; padding-top:0;}
/* Trattamenti
------------------------------------------------------------- */
.trattamenti {margin: 10px 0;}
.trattamenti th {
	color: #990000;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	padding: 3px 0 3px 5px;
}
.trattamenti td {
	padding: 3px 0 3px 5px;
	font-size: 13px;

}

.spiegazione {
	font-size:11px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E4E0D5;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-left: 5px;
	padding-bottom: 3px;
	padding-right: 0px;
	margin-right: 0px;
}
.costo {
	float:right;
	margin-right:0px;
	margin-left: 25px;
	font-size: 12px;
}
.moreMargin10 {
	margin-top: 20px;
}
/* Contact
------------------------------------------------------------- */
.small {font-size:11px; padding: 0; margin:0 0 10px 0; color:#999999;}
#form_contact {margin-top:20px; }
.col #form_contact {margin:0;}
div.formlist p .inputtext { background:#fff; padding:4px; border:1px solid #d7d1c0; width:280px; margin-right:15px; font-family:"Courier New", Courier, monospace }
div.formlist p input.smallinputtext {width:100px}
div.formlist p select.smallinputtext {width:110px}
div.formlist p label { cursor:pointer; font-weight:bold; margin: 0 6px 0 2px; }
div.formlist p textarea { background:#fff; border:1px solid #d7d1c0; width: 515px; height:115px; font-family:"Courier New", Courier, monospace }

#columns div.formlist p .inputtext { width:120px; padding:2px;}
#columns div.formlist p label { font-size:12px; }

legend {color:#5f5c53;}
fieldset {
	padding:10px 5px 0px 10px;
	margin-bottom:10px;
	border: 2px solid #E4E0D5;
}
/* RSSmart
------------------------------------------------------------- */
.RssSmartino_h2{display:none;}
#RSSsmart h3 {margin:0; padding:0;}
#RSSsmart h3 a{font-weight:bold; color:#990000;}
#RSSsmart td{ width:0;}
#RSShover td a:hover{ background:#33CC00}
#RSSsmart img {display:none;}
.photo_right {
	margin: 0 10px 20 px;
	float:right;
}
/* elenco
------------------------------------------------------------- */

.distance ul{padding:0 0 30px 0; margin: 5px 0;}
.distance li{
	font-size: 13px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	list-style-image: url(../img/bullet.png);
}
.partenza {
	float:left;
	margin-right: 20px;
	padding-top: 15px;
	margin-bottom: 30px;
	width: 355px;
}
.trova {
	float:right;
	width: 150px;
	margin: 0px;
	padding: 0px;
}
#VE_route h4 {margin-top: 10px; color:#990000; font-family:Tahoma,Geneva,Arial,sans-serif; font-size:14px;}
#VE_route ul {margin: 10px 0; }
#VE_route li {
	margin: 2px 0;
	padding-bottom: 2px;
	list-style:none;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	border-bottom: 1px dashed #E4E0D5;
}
#VE_route li a{color:#000000; text-decoration:none;}

/* trattamenti
------------------------------------------------------------- */
.trattamenti h4 {
	font-size:15px;
	color:#990000;
	margin:10px 0 0px 0px;
	padding: 10px 10px;
	background: #E4E0D5;
}
.trattamenti ul {
	border:10px solid #E4E0D5;
	border-top: none;
	padding: 5px;
	margin: 0 0 10px 0;
}
li.trattamenti {
list-style-type: none;
	font-size:12px; 	
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E4E0D5;
	margin: 4px 0;
	padding-bottom: 4px;
	}
	li.ultimo {
	list-style-type: none;
	font-size:12px; 	
	border-bottom: none;
	margin: 4px 0 0 0;
	padding-bottom: 4px;
}
.pacchetti {margin: 0 0 3px 5px}
.moreMargin15 { margin-top:15px}


/* Estate
------------------------------------------------------------- */
.summer #topWide{background-image:url(../img/bk2.jpg)}
.summer #title{background:url(../img/title2.jpg);}

/* Home Page
------------------------------------------------------------- */
.homepage #logo{top:0px;}
.homepage #countries{height:64px; padding: 56px 0 0 70px !important;} 
.homepage #title{width:910px;  height: 103px; margin: 521px 0 0 0px; position: absolute; top:54px; left:0; background:url(../img/headerText2.png);}
.homepage #headerIp{height:511px;}
.homepage .maintitle h1 { font-size:20px !important; margin:-18px 0 0 20px !important; line-height: 27px; font-weight:normal;}
.homepage #contentip{	width:960px;margin-bottom: 0px;background:url(../img/contentbkcross.jpg);float:left;}
.homepage #contentipbk{width:960px;padding: 30px 0px 0px 0px;background:url(../img/contentbk.jpg) no-repeat;float:left;}
.homepage #mainColumn{ width:410px; padding: 15px 210px 20px 25px; float: right;}
.homepage #moreColumn{ width:285px; float:left;}
.homepage #mainColumn h2{	font-size:16px; color:#900; padding:0; margin:0;}
.homepage #mainColumn p{	width:410px; padding: 15px 130px 10px 0px; float:left;}
.loghi {padding: 0 0 5px 25px;}
.loghi img{margin: 0 5px 0 10px;}
/* button
------------------------------------------------------------- */
.disabled{ background:#ccc !important;}
.button_js:hover{color:#fff;background-image: url(../img/sfondobutton2.gif);}
.button_js {font-weight:bold;margin:5px 0;height:36px; /* border-bottom:1px solid #f5d6cc; */line-height:37px;position:relative;padding:0 15px;vertical-align:middle;text-align:center;cursor:pointer;background-color: #790F13;background-image: url(../img/sfondobutton.gif);background-repeat: repeat-x;}
.button_js .pre{background:url(../img/button.png) no-repeat left top; height:37px; width:8px; position:absolute; left:0; top:0 }
.button_js .next{background:url(../img/button.png) no-repeat right top; height:37px; width:8px; position:absolute; right:0; top:0}
.button_small {height:19px !important; line-height:17px !important; }
.button_small .pre{height:20px !important; background:url(../img/button_small.png) no-repeat left top;}
.button_small .next{height:20px !important; background:url(../img/button_small.png)  no-repeat right top;}
.button_other{background-color:#F1E2B5; color:#FF6600 !important}
a.button_js {color:#fff; text-decoration:none; font-size:14px; }
button.button_js {background:#cd3300; font-weight:bold; position:relative; border:0; color:#fff; font-size:14px; font-family:Georgia,"Times New Roman",Times,serif; cursor:pointer; padding:0; width:auto; }
.button_js_hover{color:#fff !important;	background-color: #660000;}

.meteoday {float:left}

/* skipass
------------------------------------------------------------- */
.skipass {
	margin: 10px 0;
	font-size:12px;
	font-family:Tahoma;
}
.skipass th{
	margin: 10px 0;
	background-color: #9B303A;
	padding: 3px 0;
	color: #FFFFFF;
}
.skipass td{
	padding: 3px 0;
	text-align: center;
}
.grey {
	background-color: #F5F3EF;
}