﻿/*********************** PROJECT BY GRAFFITI 2000 - G2K *********************************************/

/*********************** STILI PER SELETTORI GENERALI ***********************************************/


body {
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #000000;
	}

	
a {
	text-decoration: none;
	outline: none;
	}
	
p {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	}
	
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
img {
	border: 0px;
	}
		
form {
	margin: 0px;
	padding: 0px;
}

div.wrapper {
	width: 0px;
	height: 0px;
	clear: both;
    overflow: hidden;
	}

/*********************** STILI PER LAYOUT ********************************************************/

div#layout {
    width: 967px;
    margin: 0px auto;
	}

/*********************** STILI PER HEADER ********************************************************/

div#header {
    height: 160px;
    background: url('../images/logo.jpg') center no-repeat;
    text-align: center;
    position: relative;
	}
	
div#star1,
div#star2,
div#star3 {
	width: 23px;
	height: 21px;
	position: absolute;
	top: -21px;
	}
	
div#star1 { left: 658px; }
div#star2 { left: 684px; }
div#star3 { left: 709px; }

/*********************** STILI PER NAVBAR ********************************************************/

div#navbar {
    text-transform: uppercase;
    clear: both;
	}

div#navbar ul {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    list-style-type: none;
    }

div#navbar ul li {
    float: left;
    position: relative;
    }

div#navbar ul li a {
	display: block;
    color: #FFFFFF;
    height: 24px;
    
    }
	
div#navbar ul li a:hover {
    color: #ccc;
    font-weight: bold;
    }
    
#benvenutiButton { width: 115px;  background: url('/images/buttons/benvenuti-trans.png'); }
#atmosferaButton { width: 146px; background: url('/images/buttons/atmosfera-trans.png'); }
#ristoranteButton { width: 143px; background: url('/images/buttons/ristorante-trans.png'); }
#camereButton { width: 119px; background: url('/images/buttons/camere-trans.png'); }
#dintorniButton { width: 127px; background: url('/images/buttons/dintorni-trans.png'); }
#prezziButton { width: 118px; background: url('/images/buttons/prezzi-trans.png'); }
#bookingButton { width: 100px; background: url('/images/buttons/booking-trans.png'); }


#benvenutiButtonEn { width: 125px;  background: url('/images/menuen/menu01.png'); }
#atmosferaButtonEn { width: 124px; background: url('/images/menuen/menu02.png'); }
#ristoranteButtonEn { width: 124px; background: url('/images/menuen/menu03.png'); }
#camereButtonEn { width: 123px; background: url('/images/menuen/menu04.png'); }
#dintorniButtonEn { width: 124px; background: url('/images/menuen/menu05.png'); }
#prezziButtonEn { width: 124px; background: url('/images/menuen/menu06.png'); }
#bookingButtonEn { width: 119px; background: url('/images/menuen/menu07.png'); }
    
/* Sottomenu */
    
ul.submenu {
	margin: 0px;
	padding: 0px;
	width: 130px;
	display: none;
	position: absolute;
	border: solid 2px #2e2e2e;
	background-color: #464646;
	top: 20px;
	z-index: 5000000;
	}
	
ul.submenu a {
	color: #000;
	display: block;
	width: 130px;
	padding-left: 5px;
	}

ul.submenu a:hover {
	padding-left: 10px;
	}
	
ul.submenu li {
	line-height: 18px;
	}
		


/*********************** STILI PER CONTAINER *****************************************************/

div#container {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
    clear: both;
	}
			
/*********************** STILI PER LE THUMBNAILS *************************************************/

div#thumbnails {
    width: 99px;
    float: right;
    text-align: right;
	}

div#thumbnails img {
    width: 77px;
    height: 86px;
    margin-bottom: 29px;
    border: solid 3px #5e5e5e;
	}

/*********************** STILI PER CONTENT *******************************************************/

div#content {
    width: 868px;
    float: left;
	}

div#contentNoSlide {
    width: 868px;
    background-color: #f4f1e8;
	}
	
div.textNoSlide {
    width: 868px;
    height: 542px;
    overflow: hidden;
    color: #b39e83;
	}

div.slide {
    width: 868px;
    height: 400px;
    overflow: hidden;
    }

div.slide img {
    width: 868px;
    height: 400px;
    }

div#descr {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/welcome.jpg') center left no-repeat;
    }

div#descrEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en01.jpg') center left no-repeat;
    }

div#descrAtmosfera {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/atmosfera.jpg') center left no-repeat;
    }

div#descrAtmosferaEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en02.jpg') center left no-repeat;
    }

div#descrRistorante {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/ristorante.jpg') center left no-repeat;
    }

div#descrRistoranteEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en03.jpg') center left no-repeat;
    }

div#descrCamere {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/camere.jpg') center left no-repeat;
    }

div#descrCamereEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en04.jpg') center left no-repeat;
    }

div#descrDintorni {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/dintorni.jpg') center left no-repeat;
    }

div#descrDintorniEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en05.jpg') center left no-repeat;
    }
    
div#descrPrezzi {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/prezzi.jpg') center left no-repeat;
    }

div#descrPrezziEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en06.jpg') center left no-repeat;
    }
    
div#descrDispo {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/dispo.jpg') center left no-repeat;
    }
    
div#descrDispoEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en07.jpg') center left no-repeat;
    }

div#descrMappa {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/mappa.jpg') center left no-repeat;
    }

div#descrMappaEn {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/en08.jpg') center left no-repeat;
    }
    
div#descrBooking {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/booking.jpg') center left no-repeat;
    }
    
div#descrNews {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/news.jpg') center left no-repeat;
    }

div#descrInfo {
    height: 42px;
    text-align: right;
    background: #ddd2b2 url('/images/info.jpg') center left no-repeat;
    }

div.lang {
	padding: 15px 20px 0px 0px;	
	}

div.lang img {
	margin: 0px 3px;
	}

div#text {
    color: #b39e83;
    min-height: 142px;
    background-color: #f4f1e8;
    }

div.inside {
    padding: 30px 200px 0px 50px;
    line-height: 20px;
    }

/*********************** STILI PER FOOTER ********************************************************/

div#footer {
	clear: both;
	overflow: hidden;
    color: #FFFFFF;
    font-size: 0.8em;
    padding-bottom: 20px;
	}

div#footerNoSlide {
	clear: both;
	overflow: hidden;
    color: #FFFFFF;
    font-size: 0.8em;
    padding-bottom: 20px;
    padding-top: 20px;
	}
	
div#footer a { color: #FFFFFF; font-weight: bold; }
div#footer a:hover { color: #FFFFFF; font-weight: normal; }

div#footerNoSlide a { color: #FFFFFF; font-weight: bold; }
div#footerNoSlide a:hover { color: #FFFFFF; font-weight: normal; }


div.credits {
	margin-top: 5px;
	}
	
span.g2k {
	background-image: url("/images/pulsante.gif");
	background-position: center right;
	background-repeat: no-repeat;
	text-align: left;
	padding-bottom: 5px;
	padding-right: 8px;
	}
	
	body.section1 a.defaultPage
body.section2 a.atmosferaPage,
body.section3 a.ristorantePage,
body.section4 a.camerePage,
body.section5 a.dintorniPage,
body.section6 a.prezziPage,
body.section7 a.bookingPage {
	font-weight: bold;
	}
