@charset "utf-8";

* {margin:0; padding:0}
body{margin: 0; padding:0; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff; background:#1B0100 url(../images/layout/top.jpg) top center no-repeat;}
a{color:#FBDC99}
a:hover{color: #F90}
img{border:0; -ms-interpolation-mode: bicubic;}

/* layout */
h1{display:block; width:960px; height:167px; text-indent:-9999px; background:url(../images/layout/logo.png) 20px 15px no-repeat !important; background:url(../images/layout/logo.gif) 10px 20px no-repeat; margin:0 auto}
h1 a{display: block; width:100%; height:100%; margin:0 auto; background:url(../images/contents/top.jpg) 300px 0px no-repeat}
h2{margin:0 0 10px 0; display:block; width:100%; border-bottom:1px solid #C24201; font-size:22px; font-weight:normal}
#main{display: block; width:100%; /* width:auto !important; width:960px; min-width:960px; max-width:1200px;*/ background:#540300; margin:0 auto}
#wrapper{width: 958px; height:auto !important; height:500px; min-height:500px; background:url(../images/layout/bg-contents.jpg) top center no-repeat; margin:0 auto; padding:165px 0 0 0;}
#wrapper.en{background-image:url(../images/layout/bg-contents-en.jpg)}
#contents{display:block; width:670px; float:left; margin:0 8px 15px 15px !important; margin:0 5px 0 8px; height:auto !important; height:450px; min-height:450px; text-align:justify; position:relative}
#sidebar{display:block; width:250px; float:left; color:#000}
#footer{font: 11px Verdana, Geneva, sans-serif; color:#BF4104; background:url(../images/layout/mini-logo.gif) 30px 0px no-repeat; display:block; width:960px; height:100px; margin:10px auto}
#top-slide{position: absolute; top:0px; left:50%; margin:0 0 0 -180px}
div.clear{display:block; float:none; clear:both}
.right{float: right}
.left{float: left}

/* menu */
#nav{margin:0; padding:0; display:block; position:absolute; top:137px; left:50%; margin:0 0 0 -457px; width:auto !important; width:955px; overflow:hidden}
#nav li{margin:0; padding:0; display:inline; float: left; display:block; width:102px; height:30px; background:url(../images/layout/nav-button.png) top left no-repeat !important; background:url(../images/layout/nav-button.gif) top left no-repeat; overflow:hidden;}
#nav li a{display: block; height:100%; width:100%; text-align:center; line-height:34px; font-size:16px; text-decoration:none; color:#FFF}
#nav li a:hover{color:#FF0}
#nav li a:active{color:#F90}

/* form */
form{padding:0; width:350px; margin:25px auto 0 auto; clear:both; float:none}
form fieldset{margin:0; padding:0; border:0}
form p{clear:both; float:none; width:100%; margin:0; line-height:14px; display:block; min-height:26px}
form label{display: block; width:150px; float:left; color:#fff; text-align:left}
form p input,form p select,form p textarea{display: block; width:175px; border:1px solid #C24201; font:12px Arial, Helvetica, sans-serif; padding:1px}
form input.checkbox{border:0; width: auto}
form input.captcha{width: 60px; float:left}
form input.button{clear:both; float:none; margin:0 auto; width:93px; height:21px; background:url(../images/layout/button.png) top left no-repeat !important; background:url(../images/layout/button.gif) top left no-repeat; color:#fff; text-transform:uppercase; padding:2px 5px; cursor:pointer; border:0}
form #captcha{margin:0 5px}
form p.captcha{margin:7px 0 0 0;}
p.privacy{padding:0; margin:15px 0 0 35px; text-align:center; line-height:14px}
a.privacy{margin:0 0 0 -40px}

/* pages */
div#pages{ width: 100%; margin:25px 0; text-align:right; display:block}
div#pages a{color:#7C3D3B; border:1px solid #7C3D3B; padding:2px 4px; margin:0 2px; text-decoration:none;}
div#pages a:hover,div#pages a.selected{color:#fff; border:1px solid #FFF; text-decoration:none}

/* messages */
div.message{border: 2px solid #666666; display:block; width:96%; padding:5px 15px 0 15px !important; padding:2px 7px 0 7px; margin:5px 0 10px 0; overflow:hidden}
div.message.ok{border-color: #00aa00; color:#00CC00; background:#C8FFC8}
div.message.ko,div.message.kko{border-color: #cc0000; color:#CC0000; background:#FFC8C8}
div.message.ok strong{color: #00aa00; font-size: 12px; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
div.message.ko strong,div.message.kko strong{color: #CC0000; font-size: 12px;position: relative; top:10px; width:100%; text-align:center; display:block}
div.message.kko strong{top:0px; padding:0;}
div.message ul{margin: 15px 35px}

/* sidebar */
#sidebar h3{font-size:20px; color:#970400; font-weight:normal}
#sidebar div.box{display:block; width:224px; height:88px; overflow:hidden; background: url(../images/layout/sidebar-box.jpg) top left no-repeat; margin:0 auto 15px auto; padding:10px;}
#sidebar div.box.login{background-image:url(../images/layout/sidebar-box-login.jpg); height:90px; padding-top:62px}
#sidebar div.box.restaurant img{float: right; margin:-25px -2px 0 0}
#sidebar div.box.restaurant span{display: block;  background:url(../images/layout/arrow.gif) center left no-repeat; text-indent:10px; margin:5px 0 0 0}
#sidebar div.box.restaurant a,#sidebar div.box.sorrento a{color:#000;}
#sidebar div.box.sorrento .perle{font-size:17px; line-height:22px}
#sidebar div.box.restaurant a:hover,#sidebar div.box.sorrento a:hover{color:#900}
#sidebar div.box.referenze{background-image:url(../images/layout/sidebar-box-awards.jpg)}
#sidebar div.box.chef{background-image:url(../images/layout/sidebar-box-chef.jpg)}
#sidebar div.box.shop{background-image:url(../images/layout/sidebar-box-shop.jpg)}
#sidebar div.box.referenze p{margin:0 65px 0 0}
#sidebar div.box.chef p{margin:0 50px 0 0; line-height:13px; font-size:88%}
#sidebar div.box.shop p{margin:0 122px 0 0; line-height:13px; font-size:88%}
#sidebar div.box.chef a{margin:2px 0 0 0}
#sidebar a{color:#900; display:block}
#sidebar a:hover{color:#F60}
#sidebar form {margin:5px 0 0 0; padding:0; width:auto}
#sidebar form p{width: auto; padding:0; min-height:20px}
#sidebar form p label{width: 75px; font-style:italic; color:#000; font-weight:bold}
#sidebar form p input{width: 125px; border-color:#1B0100}
#sidebar form input.button{background:url(../images/layout/login-button.png) center center no-repeat !important; background:url(../images/layout/login-button.gif) top left no-repeat; width:74px !important; height:40px !important; margin:-7px -10px 0 0 !important; margin:0; width:56px; height:22px; border:0; text-indent:-9999px; float:right}
#sidebar .sidebar-closer{background:url(../images/layout/ender.jpg) top left no-repeat; margin:-15px auto 15px auto; width:244px; height:110px; clear:both; float:none; display:block}

/* home */
p.intro{margin: -45px 0 0 0 !important; margin:0; background:url(../images/layout/intro-box.gif) top left no-repeat; display:block; width:628px; height:130px; padding:20px 25px 0 18px; overflow:hidden; font-style:italic; line-height:18px}
p.intro a{float: right; padding:5px 0 0 0}
ul.category-list{list-style:none; display:block; height:438px; background:url(../images/contents/vetrina/online_shop_rollout.jpg) right bottom no-repeat}
ul.category-list .middle{margin-left:8.8em}
ul.category-list li{float: left;}
ul.category-list li a{display: block; width:218px; height:219px; background: transparent bottom left no-repeat; text-indent:-9999px}
ul.category-list li.vino a{background-image:url(../images/contents/vetrina/vino.jpg);}
ul.category-list li.bianchi a{background-image:url(../images/contents/vetrina/vini_bianchi.jpg);}
ul.category-list li.rossi a{background-image:url(../images/contents/vetrina/vini_rossi.jpg);}
ul.category-list li.olio a{background-image:url(../images/contents/vetrina/olio.jpg);}
ul.category-list li.pasta a{background-image:url(../images/contents/vetrina/pasta.jpg);}
ul.category-list li.pomodori a{background-image:url(../images/contents/vetrina/pomodori.jpg);}
ul.category-list li.liquori a{background-image:url(../images/contents/vetrina/liquori.jpg);}
ul.category-list li.aceto a{background-image:url(../images/contents/vetrina/aceto_balsamico.jpg);}
ul.category-list li.vetrina a{background-image:url(../images/contents/vetrina/vetrina.jpg);}
ul.category-list li.wine a{background-image:url(../images/contents/vetrina/wine.jpg);}
ul.category-list li.red a{background-image:url(../images/contents/vetrina/red_wines.jpg);}
ul.category-list li.white a{background-image:url(../images/contents/vetrina/white_wines.jpg);}
ul.category-list li.oil a{background-image:url(../images/contents/vetrina/oil.jpg);}
ul.category-list li.tomatoes a{background-image:url(../images/contents/vetrina/tomatoes.jpg);}
ul.category-list li.liquors a{background-image:url(../images/contents/vetrina/liquors.jpg);}
ul.category-list li.vinegar a{background-image:url(../images/contents/vetrina/balsamic_vinegar.jpg);}
ul.category-list li.shop a{background-image:url(../images/contents/vetrina/shop.jpg);}

/* guestbook */
#guestbook div.guest-messages{background:url(../images/layout/dots.gif) bottom left repeat-x; padding:10px 0}
#guestbook div.guest-messages p{font-size:11px}
#guestbook div.guest-messages p span{color:#DDBD7B}

/* contatti */
#contatti{background:url(../images/contents/bg-contatti.jpg) top left no-repeat; height:378px; margin:15px 0 0 0;}
#contatti form{display: block; float: left; width:400px; margin:55px 0 0 15px}

/* chef */
#chef{background:url(../images/contents/bg-chef.jpg) top left no-repeat; height:378px; margin:15px 0 0 0;}
#chef form{display: block; float: left; width:400px; margin:40px 0 0 15px}
#chef textarea{width:265px}

/* ristorante box */
div.restaurant.box{background:url(../images/layout/restaurant-box.gif) top left no-repeat; display:block; width:638px; height:140px; margin:8px 0 7px 0; padding:15px}
div.restaurant.box strong{display: block; font-size:13px; margin:0 0 5px 0}
div.restaurant.box img{float: left; margin:-3px 15px 0 0; border:1px solid #FBDC99; padding:1px}
div.restaurant.box p{text-align:left}

/* sorrento box */
div.sorrento.box img{float: right; margin:-20px -2px 0 5px; border:1px solid #FBDC99; padding:1px}
div.contents.sorrento .big_agrumeto{display: block; margin:10px auto;}
div.contents.sorrento img{padding:1px; border:1px solid #C24201}
div.contents.sorrento div.img-box{margin:0 auto; width:455px; display:block}
div.contents.sorrento div.x-img-box {margin: 15px 0 0 0}
div.contents.sorrento div.x-img-box img{float: left;/* height:198px;*/ margin:5px}

/* referenze */
div.referenze p{font-style:italic; float:left}
div.referenze p.certificati{ background:url(../images/contents/bg_awards.jpg) top left no-repeat; width:398px; height:350px; text-align:center; float:right; padding:260px 0 0 0; font-size:11px}

/* myGallery */
.myGallery {position:relative}
.myGallery div.container{display:block; width:475px; overflow:hidden; position:relative; margin:0 auto}
.myGallery div.wrapper{display: block; width:1000%;}
.myGallery div.wrapper a{padding:0; margin:0}
.myGallery div.wrapper img{float: left; width:80px; display:block} /*width & block -> webkit bug width reflection*/
.myGallery div.wrapper img.current{border-bottom: 2px solid #0066CC}
.myGallery div.image{text-align:center; display:block; width:100%; height:375px; margin:20px 0 0 -10px; background:url(../images/loading.gif) center center no-repeat}
.myGallery div.image img{margin: 0 auto; display:block; border:1px solid #FBDC99; padding:1px}
.myGallery a.prev{position: absolute; left: 1px; margin:-84px 0 0 145px; text-indent:-9999px; background:url(../images/prev.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a.next{position:absolute; right:1px; margin:-84px 145px 0 0; text-indent:-9999px; background:url(../images/next.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a div{float: left; cursor: pointer; margin: 0 1px 0 1px; width:80px; display:block} /*width & block -> webkit bug width reflection*/

/* contents */
#container.custom-contents p{padding:auto; margin:auto; line-height:normal}
#container.custom-contents img{float: right; /*border:1px solid #f60;*/ padding:1px; margin:15px 0 10px 15px}

/* ricette */
#ricette{list-style:none}
#ricette li{background:url(../images/layout/dots.gif) bottom left repeat-x; padding:10px 0; display:block; clear:both; float:none; height:auto !important; height:65px; min-height:65px; margin:10px 0 0 0}
#ricette strong{display: block; padding:0 0 5px 0; font-size:13px}
#ricette img{float: left; border:1px solid #C24201; padding:1px; margin:0 15px 0 0}
#ricette p{display: inline; float:left; text-align:left}
#ricette p a{display: block}
img.photo-ricetta{float:none; display:block; border:1px solid #C24201; padding:1px; margin:0 auto 1em auto}
div.filtro-ricette{position: absolute; top:10px; right:0px; font-size:11px}
div.filtro-ricette li {}
div.filtro-ricette a{text-decoration:none;border-right: 1px solid #ccc; padding-right:4px;}
div.filtro-ricette a.last{text-decoration:none;border-right: 0}
div.filtro-ricette a.selected{color:#f60}
div.filtro-ricette span{text-indent:-15px}
.ricetta-gallery{display:block; float:none; clear:both; margin:1em 0 0 0; padding:1em 0; background:url(../images/layout/dots.gif) 0 0 repeat-x}
.ricetta-gallery h4{margin:0 0 1em 0; font-size:110%;}
.ricetta-gallery img{border:1px solid #C24201; padding:1px; margin:0.1em 0.05em}

/* lang */
#lang{list-style:none; position:absolute; top:104px; left:50%; margin:0 0 0 -315px;}
#lang li{display:inline; float:left}
#lang li a{display: block; width:22px; height:16px; background:trasparent 0px 0px no-repeat; text-indent:-9999px; border:1px solid #fff; margin:1px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; padding:0; overflow:hidden}
#lang li.selected a,#lang li a:hover{opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#lang li.ita a{background-image:url(../images/layout/flag_ita.png);}
#lang li.eng a{background-image:url(../images/layout/flag_eng.png);}

/* google wm */
#goog-wm{margin: 0 0 0 12%;}
#goog-wm h3{margin:25px 0 0 0; padding:0; color:#FBDC99}
#goog-wm li{font-size:12px; color:#000; margin:15px 35px; padding:0; color:#FBDC99}
#goog-wm form{margin:0; padding:0}
#goog-wm-qt{width: 200px; height:18px}
#goog-wm-sb{width: auto}

/* footer */
#footer p{margin:0 0 0 185px; padding:12px 0 10px 0;}
#footer p{float:left; width:300px; height:auto; overflow:hidden;}
#footer p.x2{width:330px; margin-top:0px; margin-left:50px;padding-left:85px;background:transparent url(../images/layout/pieffe_logo.jpg) no-repeat scroll 0 0}
#footer a{ color:#BF4104}
#footer a:hover{color: #F90}

/* credits */
#footer .credits{display:block;padding:20px 0 0 0;text-align:center;width:100%; float:none; clear:both;}
#footer .credits a{color:#7C3D3B;}
#footer .credits a:hover{color:#970400;}
#credits{width:100px;height:30px;background:url(../images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block;margin:15px auto 0 auto}

/* counter */
#counter{margin:0.25em auto;display:block; width:90px}

/*recipesHeader*/
.recipesHeader h2{display:inline;line-height:16px;font-size:16px}
.recipesHeader small{display:inline;line-height:16px;font-size:16px}

.mainRestaurantPhoto{text-align:center; margin:1em 0}
.mainRestaurantPhoto img{border:1px solid #f60; padding:1px; margin:0 0.25em}

#player{display:none}

/* print styles */
@media print{
	*,#wrapper {text-indent:1px; height:auto; margin:0; padding:0; min-height:auto; max-height:none}
}