/* CSS - 200 GRADI */
body{
	background-color: #ffffff;
	background-image:url('../immagini/sfondo_pat.jpg');
	background-repeat:repeat;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#292303;
	margin:0;
	padding: 0px;
	border-top: 4px #671e18 solid;
}
img {border:none;}
h1{margin:0; padding:0; font-size:12px; line-height:20px; color:#910f0f; font-weight:bold; margin-top:10px;}
p {margin:0; padding:0; font-size:12px; color:#292303; line-height:20px; text-align:justify;}
a {color:#910f0f; font-size:12px; font-weight:normal; text-decoration:underline;}
a:hover {text-decoration:none;}

input.submit{ width:115px; height:25px; line-height:25px; border:1px solid #c8b594; background-color:#910f0f; color:#ffffff; }
/**/

#sfondo_200{position: relative; min-width:938px; background: transparent; margin:0 auto; background: url('../immagini/top_sfondo_big.jpg') top center no-repeat;}
#container{position: relative; width: 938px; margin:0 auto; }
/**/

#loading{
	float:left;
	position:absolute;
	top:250px;
	left:450px;
	z-index:5000;
	background-color:#fff;
	background-image:url('../immagini/waiting.gif');
	background-repeat:no-repeat;
	border:1px solid #832618;
	color:#832618;
	font-size:11px;
	padding:0px 10px 0px 40px;
	height:32px;
	line-height:32px;
	display:none;
}

/* HEADER ********************************************************************************************/
#header{position:relative; height:147px; width:923px;}
#logo{position: absolute; width: 290px; height:62px; left:64px; top:25px; }
#lingua{position: absolute; width: 60px; height:20px; left:659px; top:10px; background: url('../immagini/sfondo_lingua.gif') top left no-repeat;}
#lingua a{float:left; width:18px; height:12px; margin-left:6px; margin-right:6px; margin-top:3px; }
#lascia_mail{position: absolute; width:167px; height:20px; left:729px; top:10px;}
/**/

/* FASCIA CENTRALE ********************************************************************************************/
#fascia_centrale{position:relative; clear:left; width:923px; min-height:469px; height: auto !important; height: 469px; 
background: url('../immagini/sfondo_centrale.jpg') top right repeat-y;}
/**/

/* COLONNA NAVBAR ********************************************************************************************/
#colonna_nav{float:left; position: relative; width: 169px; min-height:369px; height: auto !important; height: 369px;  margin-bottom:100px;
background: url('../immagini/navbar/sfondo_nav.jpg') top right no-repeat; }
/**/

#navbar_top{float:left; width:167px; height:auto; margin-top:24px; margin-bottom:10px; }
#navbar_top a{ height:35px; margin-bottom:3px; display:block;}

/* ITA */
#navbar_top #it_home.link{ background: url('../immagini/navbar/it_home_navbar.gif') top left no-repeat; }
#navbar_top #it_home.attivo { background-position:0 -35px !important; }
#navbar_top #it_chisiamo.link{ background: url('../immagini/navbar/it_chisiamo_navbar.gif') top left no-repeat; }
#navbar_top #it_chisiamo.attivo { background-position:0 -35px !important; }
#navbar_top #it_menu.link{ background: url('../immagini/navbar/it_menu_navbar.gif') top left no-repeat; }
#navbar_top #it_menu.attivo { background-position:0 -35px !important; }
#navbar_top #it_foto.link{ background: url('../immagini/navbar/it_foto_navbar.gif') top left no-repeat; }
#navbar_top #it_foto.attivo {  background-position:0 -35px !important; }
#navbar_top #it_mappa.link{ background: url('../immagini/navbar/it_mappa_navbar.gif') top left no-repeat; }
#navbar_top #it_mappa.attivo {  background-position:0 -35px !important; }

#navbar_top #it_link.link{ background: url('../immagini/navbar/puls_link.png') top left no-repeat; }
#navbar_top #it_link.attivo {  background-position:0 -35px !important; }
/*#navbar_top #it_video.link{ background: url('../immagini/navbar/it_mappa_navbar.gif') top left no-repeat; }
#navbar_top #it_video.attivo {  background-position:0 -35px !important; }*/

/* ENG */
#navbar_top #en_home.link{ background: url('../immagini/navbar/it_home_navbar.gif') top left no-repeat; }
#navbar_top #en_home.attivo {  background-position:0 -35px !important; }
#navbar_top #en_chisiamo.link{ background: url('../immagini/navbar/en_chisiamo_navbar.gif') top left no-repeat; }
#navbar_top #en_chisiamo.attivo { background-position:0 -35px !important; }
#navbar_top #en_menu.link{ background: url('../immagini/navbar/en_menu_navbar.gif') top left no-repeat; }
#navbar_top #en_menu.attivo {  background-position:0 -35px !important; }
#navbar_top #en_foto.link{ background: url('../immagini/navbar/en_foto_navbar.gif') top left no-repeat; }
#navbar_top #en_foto.attivo {  background-position:0 -35px !important; }
#navbar_top #en_mappa.link{ background: url('../immagini/navbar/en_mappa_navbar.gif') top left no-repeat; }
#navbar_top #en_mappa.attivo {  background-position:0 -35px !important; }

/*#navbar_top #it_link.link{ background: url('../immagini/navbar/it_mappa_navbar.gif') top left no-repeat; }
#navbar_top #it_link.attivo {  background-position:0 -35px !important; }
#navbar_top #it_video.link{ background: url('../immagini/navbar/it_mappa_navbar.gif') top left no-repeat; }
#navbar_top #it_video.attivo {  background-position:0 -35px !important; }*/
/**/

#navbar_bottom{clear:left; width:150px; height:auto; margin-left:17px;}
#navbar_bottom a{ height:35px; margin-bottom:3px; display:block;}

/* ITA */
#navbar_bottom #it_contatti.link{ background: url('../immagini/navbar/it_contatti_navbar.gif') top left no-repeat; }
#navbar_bottom #it_contatti.attivo { background-position:0 -35px !important; }
#navbar_bottom #it_dovesiamo.link{ background: url('../immagini/navbar/it_dovesiamo_navbar.gif') top left no-repeat; }
#navbar_bottom #it_dovesiamo.attivo {  background-position:0 -35px !important; }

/* ENG */
#navbar_bottom #en_contatti.link{ background: url('../immagini/navbar/en_contatti_navbar.gif') top left no-repeat; }
#navbar_bottom #en_contatti.attivo {  background-position:0 -35px !important; }
#navbar_bottom #en_dovesiamo.link{ background: url('../immagini/navbar/en_dovesiamo_navbar.gif') top left no-repeat; }
#navbar_bottom #en_dovesiamo.attivo {  background-position:0 -35px !important; }
/**/

#navbar_graphic{clear:left; width:150px; height:auto; margin-left:17px; margin-top:11px;}
#navbar_graphic .pul_graphic{width:150px; height:64px; margin-bottom:2px; display:none;}
/**/


/* VIDEO RAI */

.imgVideo{margin:8px 0px 4px 0px;}

/**/


/* CONTENT ********************************************************************************************/
#content{float:left; position: relative; width:754px; height: auto; min-height:500px; }
#top_content{float:left; position: relative; width:697px; height:28px; padding-top:32px; padding-left:57px; background: url('../immagini/sfondo_lato_interno.jpg') top left no-repeat; }
#top_content_home{float:left; position: relative; width:697px; height:28px; padding-top:32px; padding-left:57px; background: url('../immagini/sfondo_interno.jpg') top left no-repeat; }
/**/

/* Home */
#flash_home{ float:left; position:absolute; top:0px; left:0px; width:530px; height:550px; clear:both; margin:23px 0 20px 15px; padding:0;}
#dx_home{position: absolute; width: 171px; height:401px; left:562px; top:51px; clear:both;}
#dx_home .pulsante{width:171px; height:94px; margin-bottom:6px; display:none;}
/**/

/* Pagine interne: */
#text_orizzontale{float:left; position: relative; width: 716px; height:auto; margin-top:10px; margin-left:20px; display:inline;}
/**/

/* Chi Siamo */
#text_verticale{float:left; position: relative; width: 509px; height:auto; margin-top:10px; margin-left:22px; display:inline;}
.img_text{float:right; margin-left:25px;}
#colonna_staff{float:left; position: relative; display:inline; width: 167px; height:auto; margin-left:23px; padding-left:20px; border-left:1px solid #bfa594; text-align:center;}
#testo_staff{float:left; position: relative; width: 160px; height:auto; margin-top:15px; margin-bottom:15px; text-align:justify;}
.img_staff{margin-bottom:8px; }
/**/

/* Menu */
#area_panini{float:left; position: relative; width: 314px; height:auto; margin-top:10px; margin-left:22px; display:inline;}
#title_panini{float:left; position: relative; width:314px; height:29px;}

.panino {clear:left; position: relative; width:305px; height:27px; padding-left:4px; padding-top:6px; padding-bottom:7px; border-bottom:1px dotted #8b8177;}

.panino  a{float:left; position:relative; width:45px; height:27px; cursor:pointer; }
.panino .panino_ico{ background: url('../immagini/menu_panino.gif') top left no-repeat; }
.panino .panino_ico:hover, .panino .panino_ico_active { background-position:0 -27px; }


.panino .nome_panino{float:left; position: relative; width:152px; padding-left:5px; height:27px; background-color:#FFFFFF;
line-height:27px; font-weight:bold; color:#910f0f; font-size:11px;}
.panino .prezzo_panino{float:left; position: relative; width:40px; padding-right:6px; height:27px; background-color:#FFFFFF;
line-height:27px; font-weight:bold; color:#910f0f; font-size:11px; text-align:right;}
.panino .foto_panino{float:left; position: relative; width:26px; height:27px; background: url('../immagini/menu_foto.gif') top left no-repeat;}
.panino .pepper_panino{float:left; position: relative; width:26px; height:27px; background: url('../immagini/menu_piccante.gif') top left no-repeat;}
#area_ingredienti{float:left; position: relative; width: 390px; height:auto; margin-top:10px;display:inline;}
#title_ingredienti{float:left; position: relative; width:390px; height:29px; margin-bottom:10px;}

.reset_ingredienti{ position:absolute;right:0;top:0;width: 83px; height:21px;color:#ffffff; font-weight:bold; text-decoration:none; font-size:10px; text-align:center; line-height:21px;background: url('../immagini/reset.gif') top left no-repeat; }
.ingrediente{float:left; position: relative; width:180px; padding-left:10px; padding:3px;}
.spunta_ingrediente{margin:0; padding:0px; margin-right:10px;}

.nessun_panino{ text-align:center; margin-top:100px; font-weight:bold; }
/**/

#paginazione {height:50px;font-size:90%;margin-top:20px;margin-left:30px;}
#paginazione a,#paginazione span{float:left;padding:5px 10px;border:1px solid #910f0f;margin-right:10px;}
#paginazione span{color:#fff;background:#910f0f;font-weight:bold;}


/* Vota il panino */
#vota_panini{float:left; position:relative; width:700px; height:auto; margin-top:10px; margin-left:22px; display:inline; }
#vota_panini .panino{clear:left; position: relative;  width:650px; height:27px; padding-left:4px; padding-top:6px; padding-bottom:7px; border-bottom:1px dotted #8b8177;}
#vota_panini .panino .ico_panino{float:left; position: relative; width:42px; height:27px; }
#vota_panini .panino .nome_panino{float:left; position: relative; width:152px; padding-left:5px; height:27px; background-color:#FFFFFF;
line-height:27px; font-weight:bold; color:#910f0f; font-size:11px;}
#vota_panini .panino .prezzo_panino{float:left; position: relative; width:40px; padding-right:6px; height:27px; background-color:#FFFFFF;
line-height:27px; font-weight:bold; color:#910f0f; font-size:11px; text-align:right;}
#vota_panini .panino .foto_panino{float:left; position: relative; width:26px; height:27px; background: url('../immagini/menu_foto.gif') top left no-repeat;}
#vota_panini .panino .pepper_panino{float:left; position: relative; width:26px; height:27px; background: url('../immagini/menu_piccante.gif') top left no-repeat;}

#vota_panini .panino .vota{ position:absolute; top:15px; left:350px; }
#vota_panini strong{ font-weight:bold; font-size:13px; color:#339900; }

.voti { float:right; position:relative; width:120px; text-align:right; margin:6px 0 0 100px; }

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/immagini/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:80px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

#messaggio_votazione_ok{ position:relative; float:left; width:400px; height:40px; line-height:40px; margin:20px 0 20px 150px; text-align:center; border:2px solid #00CC00; color:#00CC00; font-weight:bold; }
#messaggio_votazione_ko{  position:relative; float:left; width:400px; min-height:40px; height:auto; line-height:40px; margin:20px 0 20px 150px; text-align:center; border:2px solid #FF0000; color:#FF0000; font-weight:bold; }
/**/

/* Link */

#content-link{margin-top: 70px; margin-left: 30px; }
.box-link{background:url('../immagini/sfondobox.png') no-repeat; width: 336px; height: 136px; float: left; margin-bottom: 20px; margin-right: 20px;}
.box-link h3{margin:0; padding:0;}
.box-link h4{margin:0; padding:0; padding-bottom: 5px;}
.box-link img{float: left; padding: 7px; max-height:115px;}
.testo-link{font-size: 11px; float: left; width: 68%; padding-top: 7px; margin-right: 6px; text-align: justify;}
.testo-link a{font-weight: bold; text-decoration: none;}

#paginazione_link {height:50px;font-size:90%;margin-top:20px;margin-left:270px;}
#paginazione_link a,#paginazione_link span{float:left;padding:5px 10px;margin-right:10px;}
#paginazione_link span{color:#fff;background:#910f0f;font-weight:bold;}
/**/

/* Link */

#content-video{margin-top: 70px; margin-left: 30px;}
.box-video{margin-bottom: 40px; margin-right: 20px; min-height: 170px;}
.video object{float: left;}
.video_prova{float: left;}
.box-video h3{margin:0; padding:0;}
.testo-video{
  font-size: 12px; 
  float: left; 
  width: 150px; 
  margin-right: 5px; 
  text-align: justify;
  margin-left: 20px;
  padding-left: 20px;
  background: url('../immagini/linea_video.gif') no-repeat; background-position: 0px 10px 20px;
}
.box-video-interno{min-height: 145px; width: 500px; background: #F6F3EC; margin-left:2px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.top-bg{width:506px; height: 30px; background:url('../immagini/header_video.png') no-repeat;}
.bottom-bg{width:506px; height: 40px; background:url('../immagini/footer_video.png') no-repeat;}
.trigger{float: right; margin-right: 200px;}
.bottom-bg a{
  width: 67px; 
  display:block;
  height:12px;
  margin-right:150px;
  margin-top:10px;
  background:url('../immagini/puls_read_close.gif');
}
.bottom-bg .active {
background-position:0 -30px;
}

/**/

/* Mappa interattiva */
.mappa_interattiva{ margin:20px 5px 5px 5px; border:5px solid #fff; padding:5px;}

.fumetto_mappa{ padding:5px; width:250px; height:auto; }
.fumetto_mappa h1 { font-size:13px; color:#910f0f; font-weight:bold; padding:0; }
.fumetto_mappa p { font-size:12px; line-height:15px; color:#292303; margin:5px 0 10px 0; }
.fumetto_mappa img{ border:1px solid #cdc2a6; padding:5px; background-color:#FFFFFF; }
/**/

/* Foto gallery */
.sezione_foto { position:relative; clear:both; margin:20px 0 20px 0; }
.img_foto{ float:left; width:80px; position:relative; margin:5px; border:1px solid #cdc2a6; padding:5px; background-color:#FFFFFF; }
/**/

/* Dove Siamo */
.google_map{float:right; margin-top:10px; border:5px solid #fff;}

/* ITA */
#it_come_raggiungerci{position: absolute; width: 243px; height:137px; left:0px; bottom:0px; padding: 35px 10px 22px 10px; background: url('../immagini/it_dove_raggiung.jpg') top left no-repeat;}
#it_come_raggiungerci p{text-align:left; line-height:20px;}

/* ENG */
#en_come_raggiungerci{position: absolute; width: 243px; height:137px; left:0px; bottom:0px; padding: 35px 10px 22px 10px; background: url('../immagini/en_dove_raggiung.jpg') top left no-repeat;}
#en_come_raggiungerci p{text-align:left; line-height:20px;}

.vedi_red{color:#910f0f;}
#tab_percorso{width:243px; border:none; margin-top:8px;}
#tab_percorso .esempio{color:#a3a1a2; font-size:10px;}
#tab_percorso input{height:17px; border:1px solid #c8b594; width:231px; padding-left:3px; padding-top:4px; font-size:11px;}
#tab_percorso .pul_vedi{width:115px; height:23px; border:1px solid #c8b594; padding:3px 3px 3px 3px;
background-color:#910f0f; color:#ffffff; vertical-align:middle; display:block;}
/**/

/* Trivial */
#area_trivial{float:left;width:650px; position: relative; height:auto; margin-top:18px; margin-left:22px;}
#area_trivial .box_domanda{ position:relative; height:auto; margin-bottom:20px;}
#area_trivial .domanda{width: 540px; min-height:32px; height:auto; line-height:32px; background-color:#ffffff; padding:0 7px 0 7px; margin-bottom:10px;}
.bold_rosso{color:#910f0f; font-weight:bold;}
.risposta{position: relative; padding-left:25px; padding-bottom:6px;}
.spunta_risposta{margin:0; padding:0px; margin-right:10px; }
#colonna_timer{float:left; position: relative; width: 107px; height:auto; margin-top:18px; margin-left:40px; display:inline;}
#colonna_timer .timer{width:93px; height:32px; line-height:32px; background-color:#faf9f4; }

#trivial_risultati {position:relative; width:680px; height:340px; }
/*
#trivial_risultati.risultato4 { background: url('../immagini/test_asino.jpg') top left no-repeat; }
#trivial_risultati.risultato2 { background: url('../immagini/test_amante.jpg') top left no-repeat; }
#trivial_risultati.risultato3 { background: url('../immagini/test_media.jpg') top left no-repeat; }
#trivial_risultati.risultato1 { background: url('../immagini/test_secchione.jpg') top left no-repeat; }
*/

#trivial_risultati strong {  font-size:20px; color:#910f0f; font-weight:bold; }
#trivial_risultati p {  }
#trivial_risultati img{ float:left; margin:0 20px 0 0; }

#flashcontent{position:absolute;right:0px;top:0px;}

#test_risultati { float:left; position:relative; width:680px; height:340px; }
#test_risultati strong { margin:0; font-size:20px; color:#910f0f; font-weight:bold; }
#test_risultati p { margin:0; }
/**/

/* Tour */
#mappa_tour{float:left; position: relative; width: 702px; height:auto; margin-top:12px; margin-left:22px; display:inline;}
#reset_tour{position: absolute; width: 83px; height:21px; right:0px; top:-24px;  text-align:center; background: url('../immagini/reset.gif') top left no-repeat;}
#reset_tour a{color:#ffffff; font-weight:bold; text-decoration:none; font-size:10px;line-height:21px;}
#area_voci{margin-top:8px;}
.voci_tour{float:left; position: relative; width:165px; padding-left:10px; padding-bottom:6px;}
.spunta_tour{margin:0; padding:0px; margin-right:10px; display:inline;}
/**/

/* Tabella */
table { padding:0; margin:0; }
table td { padding:3px; margin:0; }
table td input, select, textarea { font-size:12px; }
table input.submit{ width:115px; height:25px; line-height:25px; border:1px solid #c8b594; background-color:#910f0f; color:#ffffff; }

#privacy{ background-color:#F3F3F3; border: 1px solid #abadb3; width:400px;height:100px;overflow:auto; font-size:9px; line-height:15px; padding:5px; }
#privacy p { font-size:9px; margin:0 0 0 0; padding:0 0 0 0; line-height:15px; }
#privacy a{ font-size:9px; }
#privacy strong{ font-size:10px; font-weight:bold; }
/**/

.banner{float:right;margin-right:5px;text-align:center;width:130px;}
.banner a{text-decoration:none;font-size:13px;font-weight:bold;}

/* FOOTER ********************************************************************************************/
#footer{position:relative; clear:left; width:739px; height: 80px; padding-top:36px; padding-left:184px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#910f0f; 
background: url('../immagini/footer.jpg') top right no-repeat;}
#footer a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#910f0f; text-decoration:none; text-transform:uppercase;}
#footer_ico{position: absolute; width: 145px; height:32px; left:572px; top:23px; clear:both;}
#footer_ico .ico{float:left; width:31px; height:32px; margin-right:5px;}
#footer_dove{position: absolute; text-align:right; width:90px; height:32px; left:710px; top:23px; clear:both; line-height:37px; }
#footer_contatti{position: absolute; width:150px; height:32px; left:831px; top:23px; clear:both; line-height:37px;}
#credits{position:relative; clear:left; width:923px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#302509; text-align:center; padding-bottom:10px;}
#credits a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#302509; text-decoration:underline;}
#credits a:hover{text-decoration:none;}
/**/
#furgoncino{position: absolute; width: 211px; height:146px; left:708px; top:39px; }
/**/
.salvafloat { clear:both;}
/**/