@charset "utf-8";
/* CSS Document */

/**********************************************
General
***********************************************/



body {
	margin:0;
	background:#FFF url(../img/testata.jpg) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	
a {
	color:#0097c5;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
	
a:hover {
	text-decoration:underline;
}	
	
div.clear {
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
	margin:0;
	}	
	
/****************************************************
Main structure
*****************************************************/	
	
#container {
	width:980px;
	height:600px;
}

#left {
	width:293px;
	float:left;
	padding:0px 0px 0 82px;
}

#corse {
	background:url(../img/corse2.png) no-repeat 0px 2px;
	height:408px;
	padding:190px 20px 0 2px;
	}

#right {	
	margin-left:385px;
}

#flags {
	height:49px;
	padding:0 0 0 365px;
}

div#content {
	padding:10px 0 10px 0;
}

div#recommended {
	text-align:center;
}

div#recommended div a img{
	border:none;
	margin:5px 11px;
}


div#footer {
	text-align:center;
	padding-bottom:30px;
	}

div#footer p {
	width:800px;
	border-top:2px solid #fcc70d;
	margin:20px auto 10px auto;
	padding-top:5px;
	font-size:0.8em;
	text-align:center;

	}

/***************************************************
Menu
***************************************************/


#corse #menu {
}

#corse #menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#corse #menu ul li {
	margin:0;
	padding:0;
}

#corse #menu ul li a {
	color:#299d8c;
	font-weight:normal;
	display:block;
	text-transform:uppercase;
	border-bottom:1px solid #fcc70e;
	padding:5px 0 5px 35px;
	width:185px;
	height:18px;
}

#corse #menu ul li#home a { background:url(../img/ico-home.gif) no-repeat 5px 0; }
#corse #menu ul li#where a { background:url(../img/ico-where.gif) no-repeat 5px 2px; }
#corse #menu ul li#services a { background:url(../img/ico-services.gif) no-repeat 5px 0; }
#corse #menu ul li#tarifs a { background:url(../img/ico-tarifs.gif) no-repeat 5px 4px; }
#corse #menu ul li#roulotte a { background:url(../img/ico-chalet.gif) no-repeat 5px 5px; }
#corse #menu ul li#mobilhome a { background:url(../img/ico-mobilhome.gif) no-repeat 5px 1px; }
#corse #menu ul li#contact a { background:url(../img/ico-contact.gif) no-repeat 5px 2px; }
#corse #menu ul li#excursions a { background:url(../img/ico-excursions.gif) no-repeat 5px 0; }
#corse #menu ul li#photo a { background:url(../img/ico-photo.gif) no-repeat 5px 0; }

#corse #menu ul li.shrink a {
	letter-spacing:-1px;
}

/**************************************
Piscine + Chitarra
**************************************/

#piscine {
	padding:5px 0 0 0px;
}

#piscine a {
	display:block;
	width:269px;
	height:79px;
	text-indent:-30000px;
}

.piscine-it a { background:url(../img/piscina-it.gif) no-repeat left top; }
.piscine-en a { background:url(../img/piscina-en.gif) no-repeat left top; }
.piscine-fr a { background:url(../img/piscina-fr.gif) no-repeat left top; }
.piscine-de a { background:url(../img/piscina-de.gif) no-repeat left top; }
.piscine-nl a { background:url(../img/piscina-nl.gif) no-repeat left top; }
.piscine-cz a { background:url(../img/piscina-cz.gif) no-repeat left top; }



#right {	
	margin-left:385px;
}


#chitarra a {
	display:block;
	margin:20px 0;
}

/*****************************************
Flags
*****************************************/

#flags {
	height:49px;
	padding:0 0 0 365px;
}

#flags ul {
	list-style-type:none;
	margin:0 0 0 0;
	padding:25px 0 0 0;
	height:22px;
}

#flags ul li {
	width:29px;
	height:22px;
	margin:0;
	padding:0;
	float:left;
	background-repeat:no-repeat;
	background-position:0 -22px;
}

#flags ul li#fr, #flags ul li#fr a { background-image:url(../img/fr.gif); }
#flags ul li#it, #flags ul li#it a { background-image:url(../img/it.gif); }
#flags ul li#uk, #flags ul li#uk a { background-image:url(../img/uk.gif); }
#flags ul li#de, #flags ul li#de a { background-image:url(../img/de.gif); }
#flags ul li#nl, #flags ul li#nl a { background-image:url(../img/nl.gif); }
#flags ul li#cz, #flags ul li#cz a { background-image:url(../img/cz.gif); }

#flags ul li a {
	width:29px;
	height:22px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0px;
	text-indent:-30000px;
}

#flags ul li a:hover  {
		background-position:0 -22px;
} 	

#flags ul li a.current {
		background-position:0 -22px;
		cursor:default;
}

/*********************************************
Headings
*********************************************/

h1 {
	margin:0;
	padding:150px 0 0 95px;
	}

h1 a {
	text-indent:-30000px;
	width:438px;
	height:58px;
	display:block;
}

h2 {
	font-weight:normal;
	padding:0 0 0 143px;
	margin:0;
	font-size:0.8em;
	width:335px;
	text-align:center;
	}

h2 span {
	font-size:1.2em;
	}

/************************************
Content
*************************************/

div#content div h3 {
	border-bottom:1px solid #ccebf8;
	color:#22889a;
	font-weight:normal;
	font-size:1.1em;
	margin:5px 0;
	padding:0 0 3px 0
	}	

div.content-body {
	background:url(../img/bg-text-bot.jpg) no-repeat left bottom;
	padding:8px 10px; 
	width:505px;
}

div.no-padding {
	padding:8px 0;
	width:525px;
}
	
div.content-body div.text {
	font-size:0.8em;
	line-height:1.1em;
	padding-bottom:25px;
} 

div.img {
	background:url(../img/bg-text-top.jpg) no-repeat left top;
	padding:8px 10px; 
	width:505px;
	margin:15px 0 0 0;
}

.nobg {
	background:none;
}

div.img ul {
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0;
	}
	
div.img ul li {
	float:left;
	margin:0 4px 0 4px;
	padding:2px;
	width:110px;
	height:95px;
	background:url(../img/photo-bg.png) no-repeat left top;
	}

div.img ul li a img {
	border:1px solid #fff;
}

div#italiani-brava-gente {
	text-align:right;
	font-size:11px;
	color:#000;
	padding:6px 54px 0 0;
	font-variant:small-caps;
	}



/***********************************************
Inner pages
***********************************************/

	
.highlight {
        border:2px solid #ff0000;
        background-color:#FFBFBF;
        padding:7px;
		font-weight:bold;
}	

.mobilhighlight {
	text-align:center;
	font-size:13px;
}

h4.tarifs {
	font-size:25px;
	margin:15px 0 8px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	line-height:23px;
}

h5 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	font-weight:normal;
}

.bassa-stagione {
	color:#8ad0e4;
}

.media-stagione {
	color:#00AF18;
}

.alta-stagione {
	color:#FF0000;
}


.media {
	float:left; 
	width:260px;
}

.alta {
	margin-left:275px;
}

table.tar-prices {
	margin:5px auto 25px auto;
	font-size:11px;
	width:500px;
	border:1px solid #ccc;
}


table.small {
	width:250px;
}

table.tar-prices tr td {
	background-color:#E4E9F5;
	padding:3px;
}


table.tar-prices tr td {
	text-align:center;
}

table tr td.leftism {
	text-align:left;
	}

table.tar-prices tr td.ico {
	text-align:left;
}

table.tar-prices tr.even td {
	background-color:#FFF;
}


table.tar-prices tr th {
	color:#FFF;
	padding:5px;
}

table.bassa-stagione-tab tr th {
	background-color:#8ad0e4;
	}

table.media-stagione-tab tr th {
	background-color:#00AF18;
	}
	
table.alta-stagione-tab tr th {
	background-color:#FF0000;
	}		

dl#roulottes {

}

div.item {
	border-bottom:1px solid #ccc;
	margin:2px 0 15px 0;
	font-size:12px;
}

dl#roulottes dt {
	font-size:12px;
	padding:4px 0 3px 0;
}

dl#roulottes dt a {
	padding-right:12px;
	background:url(../img/arrow-down.gif) no-repeat right center;
}

dl#roulottes dd {
	margin:0;
	padding:0;
}

dl#roulottes dd.mobildog {		
	height:90px;
}
		
dl#roulottes dd .details-content {	
	background-color:#f1f1f1;		
	padding:10px;
	height:110px;
	}

dl#roulottes dd.mobildog  .details-content{		
	height:70px;
}

dl#roulottes dd .mobilhome {		
	height:140px;
}



dl#roulottes dd .details-content div {
	line-height:17px;
	text-align:center;
	}

dl#roulottes dd .details-content .det1 {	
	float:left;
	/*width:210px;*/
}

dl#roulottes dd .details-content .det2 {	
	margin-left:190px;
}

dl#roulottes dd .details-content .det2 .det3 {	
	width:85px;
	float:left;
	color:#3F41FF;
}

dl#roulottes dd .details-content .det2 .det3bis {	
	width:85px;
	float:left;
	color:#00AF18;	
}

dl#roulottes dd .details-content .det2 .det4 {	
	margin-left:171px;
	color:#FF0000;
}

dl#roulottes dd .details-content .det2 .det5 {
	margin-top:17px;
	line-height:12px;
	display:block;
}

dl#roulottes dd .mobilhome .det2 .det5 {
	font-size:10px;	
}

dl#roulottes dd .details-content div .season {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

dl#roulottes dd .details-content div .price {
	font-size:18px;
	font-weight:bold;
	}

dl#roulottes dd.mobildog .details-content div .price {
	font-size:12px;
}

.warning {
	border:1px solid #ddd; 
	background-color:#f1f1f1; 
	padding-left:10px; 
	padding-right:10px; 
	margin-top:15px;
}

/********************************************
					Chalet
********************************************/

dl#chalets {

}

div.item {
	border-bottom:1px solid #ccc;
	margin:2px 0 15px 0;
	font-size:12px;
}

dl#chalets dt {
	font-size:12px;
	padding:4px 0 3px 0;
}

dl#chalets dt a {
	padding-right:12px;
	background:url(../img/arrow-down.gif) no-repeat right center;
}

dl#chalets dd {
	margin:0;
	padding:0;
}

dl#chalets dd.mobildog {		
	height:90px;
}
		
dl#chalets dd .details-content {	
	background-color:#f1f1f1;		
	padding:10px;
	height:110px;
	}

dl#chalets dd.mobildog  .details-content{		
	height:70px;
}

dl#chalets dd .mobilhome {		
	height:200px;
}



dl#chalets dd .details-content div {
	line-height:17px;
	text-align:center;
	}

dl#chalets dd .details-content .det1 {	
	float:left;
	/*width:210px;*/
}

dl#chalets dd .details-content .det2 {	
	margin-left:190px;
}

dl#chalets dd .details-content .det2 .det3 {	
	width:95px;
	float:left;
	color:#3F41FF;
}

dl#chalets dd .details-content .det2 .det3bis {	
	width:100px;
	float:left;
	color:#00AF18;	
}

dl#chalets dd .details-content .det2 .det4 {	
	margin-left:171px;
	color:#FF0000;
}

dl#chalets dd .details-content .det2 .det5 {
	margin-top:17px;
	line-height:12px;
	display:block;
}


dl#chalets dd .mobilhome .det2 .det5 {
	font-size:10px;	
}

dl#chalets dd .details-content div .season {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

dl#chalets dd .details-content div .price {
	font-size:18px;
	font-weight:bold;
	}

dl#chalets dd.mobildog .details-content div .price {
	font-size:12px;
}

.warning {
	border:1px solid #ddd; 
	background-color:#f1f1f1; 
	padding-left:10px; 
	padding-right:10px; 
	margin-top:15px;
}


/********************************************
MobilHomes and Availability Styles
********************************************/
	
.ask-avail {
	margin:10px 0 10px 0;
	font-size:13px;
	line-height:normal;
	font-weight:bold;
	padding:10px 0 10px 40px;
	background:url(../img/booking-ico.gif) no-repeat 0 center;
}	

.star {
	color:#F00;
	font-size:12px;
	}

.field {
	display:block;
	margin:5px 0;
}

.field label {
	width:230px;
	float:left;
	text-align:right;
	margin:5px 0;
	padding-top:5px;
	font-weight:bold;
}	

.field input, .field select, #ptch img {
	margin-left:10px;
	float:left;	
	margin:5px 0 5px 10px;	
	}

.f_small { width: 50px; }
.f_normal { width: 100px; }
.f_long { width: 200px; }

#ptch input {
	font-size:25px;
	color:#00F;
	font-weight:bold;
	width:80px;
	}	
.field textarea {
	width:450px;
	height:150px;
	margin-left:10px;
}

fieldset {
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:5px;
}
	
.buttons {
	margin:20px 0;
	text-align:right;
	}

.buttons input {
	width:100px;
	font-weight:bold;
	}	
	
/******************************************
Admin Area
******************************************/

body#admin {
	margin:0;
	background:none;
	font-size:0.9em;
}

#admin-container {
		border-top:2px solid #fcc70d;
		border-bottom:2px solid #fcc70d;
		margin:30px auto 30px auto;
		width:90%;
		padding:30px;
}

#admin-container h2 {
		font-size:1.6em;
		padding-left:0px;
		float:left;
		width:70%;
		}

#admin-container #logout {
		margin-left:80%;
		text-align:right;
		padding-right:10px;
		font-size:1.6em;
		}

#admin-container ul {
	list-style-image:url(../img/arrow.gif);
	margin-top:30px;
	}

.agenzie tr td {
	padding:6px 2px;
}
	

.agenzie tr .tdleft label {
	height:22px;
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:0 -22px;
}	

.tar-prices tr th {
	background-color:#000;
	}

.tar-prices tr td div {
	background-repeat:no-repeat;
	background-position:0 -22px;
	padding: 4px 2px 4px 30px;
	border-bottom:1px solid #ddd;
}

.agenzie tr .tdleft label.it, .tar-prices tr td .it { background-image:url(../img/it.gif); }
.agenzie tr .tdleft label.fr, .tar-prices tr td .fr { background-image:url(../img/fr.gif); }
.agenzie tr .tdleft label.en, .tar-prices tr td .en { background-image:url(../img/uk.gif); }
.agenzie tr .tdleft label.de, .tar-prices tr td .de { background-image:url(../img/de.gif); }
.agenzie tr .tdleft label.nl, .tar-prices tr td .nl { background-image:url(../img/nl.gif); }
.agenzie tr .tdleft label.cz, .tar-prices tr td .cz { background-image:url(../img/cz.gif); }
.agenzie tr .tdleft label.no, .tar-prices tr td .no { background-image:none; }