﻿/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #D0BC90 url("../images/back.jpg") repeat-x;
	font-size: 0.7em;
	}
	
a {
	text-decoration: none;
	outline: none;
	}
	
h1 {
	font-size: 2.2em;
	color: #625230;
	border-bottom: 1px solid #625230;
	font-family: Arial, Helvetica, sans-serif;
	width: 500px;
	margin: 0px;
	}
	
/*********************** STILI PER IL LAYOUT ***************************/

div#layout {
	width: 963px;
	}
	
/*********************** STILI PER L'INTESTAZIONE **********************/

div#header {
	height: 88px;
	background: url("../images/backHeader.jpg") center left no-repeat;
	}
	
/*************** STILI PER LA BARRA DI NAVIGAZIONE *********************/

div#navbar {
	float: right;
	padding-top: 25px;
	}
	
div.hotel { width: 81px; height: 34px; background: url("../images/buttons/hotel.jpg") 0px 0px no-repeat; float: left; }
div.giardino { width: 91px; height: 34px; background: url("../images/buttons/giardino.jpg") 0px 0px no-repeat; float: left; }
div.servizi { width: 81px; height: 34px; background: url("../images/buttons/servizi.jpg") 0px 0px no-repeat; float: left; }
div.camere { width: 81px; height: 34px; background: url("../images/buttons/camere.jpg") 0px 0px no-repeat; float: left; }
div.prezzi { width: 81px; height: 34px; background: url("../images/buttons/prezzi.jpg") 0px 0px no-repeat; float: left; }
div.booking { width: 81px; height: 34px; background: url("../images/buttons/booking.jpg") 0px 0px no-repeat; float: left; }

div.hotel:hover { width: 81px; height: 34px; background: url("../images/buttons/hotel.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }
div.giardino:hover { width: 91px; height: 34px; background: url("../images/buttons/giardino.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }
div.servizi:hover { width: 81px; height: 34px; background: url("../images/buttons/servizi.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }
div.camere:hover { width: 81px; height: 34px; background: url("../images/buttons/camere.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }
div.prezzi:hover { width: 81px; height: 34px; background: url("../images/buttons/prezzi.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }
div.booking:hover { width: 81px; height: 34px; background: url("../images/buttons/booking.jpg") 0px -34px no-repeat; float: left; cursor: pointer; }

#menuhidden{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100px;
	position: absolute;
	overflow: hidden;
	z-index:8000;
	margin-top: 25px;
	margin-left: 5px;
	}
	
.language {
	background: #D1BC91;
	padding: 4px 0px 4px 5px;
	border: 1px solid #9C875C;
	}

.language:hover {
	background: #7F662F;
	color: #FFFFFF;
	cursor: pointer;
	}

	
/*********************** STILI PER LO SLIDE GRANDE *********************/

div#slide {
	height: 507px;
	}
		
/*********************** STILI PER LA PAGINA SENZA SLIDE ***************/

div#noslide {
	height: 467px;
	background: #FFFFFF;
	padding: 20px;
	}

div#noslidebooking {
	height: 467px;
	background: #917C52;
	padding: 20px;
	}


/*********************** STILI LE THUMBNAIL NELLO SLIDE ****************/

div#slideThumb {
	position: absolute;
	z-index: 1000;
	width: 960px;
	float: left;
	margin-top: 440px;
	text-align: right;
	}
	
div#googlemap{
	position:absolute;
	z-index:300000;
	top:88px;
	width:965px;
	overflow:hidden;
	height:507px;
}

div#close{
	top:485px;
	left:875px;
	width:80px;
	height:20px;
	z-index:400000;
	position:absolute;
	display:none;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	color:#625230;
}


div#map{
	margin:0px;
	padding:0px;
	width:965px;
	height:507px;
	position:relative;
}

div#slideThumb img { width: 100px; height: 53px; border: 4px solid #FFFFFF; margin-right: 5px;}
	
/*********************** STILI PER L'AREA DELLE DESCRIZIONI ************/

div#description {
	float: right;
	width: 510px;
	height: 25px;
	color: #FFFFFF;
	}
	
div#description a {
	color: #FFFFFF;
	}
	
/*********************** STILI PER L'AREA DEL CONTENT *****************/

div#content {
	float: right;
	clear: right;
	}
	
div#noslideContent {
	float: right;
	clear: right;
	width: 100%;
	}
	
div#container {
	width: 500px;
	color: #625230;
	padding: 20px 10px 20px 0px;
	line-height: 18px;
	}
	
div.hotelHead { width: 478px; height: 28px; background: url('/images/hotelHead-trans.png') center left no-repeat; padding: 20px 0 10px 0; border-bottom: 1px solid #625230;}
div.giardinoHead { width: 478px; height: 28px; background: url('/images/giardinoHead-trans.png') center left no-repeat; padding: 20px 0 10px 0; border-bottom: 1px solid #625230;}
div.serviziHead { width: 478px; height: 28px; background: url('/images/serviziHead-trans.png') center left no-repeat; padding: 20px 0 10px 0; border-bottom: 1px solid #625230;}
div.camereHead { width: 478px; height: 28px; background: url('/images/camereHead-trans.png') center left no-repeat; padding: 20px 0 10px 0; border-bottom: 1px solid #625230;}
	
/*********************** STILI LA TABELLA DEI PREZZI ******************/
	
table#priceTable {
	width: 100%;
	border: none;
	}
	
table#priceTable td { padding: 3px; }

table#specPriceTable {
	border: none;
	width: 100%;
	margin-top: 10px;
	}

table#specPriceTable td { padding: 3px; }
	
/*********************** STILI PER IL FOOTER **************************/

div#footer {
	clear: both;
	padding:15px 0px 15px 15px;
	text-align: center;
	color: #625230;
}

div.qualita{
	float:left;
	width:70px;
}

div.footerino{
	float:left;
	text-align:center;
	width:864px;
	padding-right:10px;
	padding-top:4px;
}

div#footer a { color: #625230; }
div#footer a:hover { font-weight: bold; }

div.wrapperG2k{
	margin-top: 10px;
	clear:left;
	text-align:center;
	padding-right:110px;
	}

span.g2k {
	margin: 0 0 0 30px;
	padding-right: 8px;
	padding-bottom: 6px;
	text-align: left;
	background: url("/images/pulsante.gif") right no-repeat;
	clear: left;
	font-size: 9px;
	color: #685327;
	}
	
span.g2k a { color: #685327; font-weight: bold; }

div.torri_footer{
	text-align:left;
	padding-left:30px;
}

/************** Stili per le bandierine *****************/

div.langbar {
	padding-top:10px;
	position: absolute;
	left: 20px;
	}

div.ita {
	background: url('/images/it.png') no-repeat;
	padding: 15px;
	float: left;
	cursor: pointer;
	}
	
div.eng {
	background: url('/images/gb.png') no-repeat;
	padding: 15px;
	float: left;
	cursor: pointer;
	}
	
div.ger {
	background: url('/images/de.png') no-repeat;
	padding: 15px;
	float: left;
	cursor: pointer;
	}
	
div.mappa{
	float:left;
	cursor:pointer;
}

div.video{
	float:left;
	background:url('/images/video.jpg') no-repeat;
	padding:12px 0px 0px 45px;
	height:23px;
}

div.video img{
	border:none;
}