/* Layout */
body { background: url(../img/bg_pat2.png) repeat #E6E3D7;overflow-x: hidden; min-width: 1080px;}
#top-nav { background:url(../img/top_pat.png) #222; padding:10px 0px; border-bottom: 1px solid #FFF;width: 100%; min-width: 1080px;}
#login_panel {margin: 10px 0px;}
#login_head a#panel_btn {color:white; font-weight:bold; font-size:12px; float:right; background-color:#333; border:1px solid #666; padding:4px 8px; float:right;margin: 5px 0px;}
#login_head a#panel_btn:hover{border-color:#ff6600;}
#login_head #main-nav{float:left;text-align: left;}
#main-nav a {font-weight: normal; font-style: normal;line-height:normal; font-family: 'LeagueGothic', sans-serif; color: #FFF;font-size: 25px;}
#main-nav ul{list-style-type: none; padding-top: 5px; margin: 0px;}
#main-nav ul li{float: left; padding: 1px 6px; border: 1px solid transparent;}
#main-nav ul li a:hover{color: #0099ff;}
#main-nav ul li.selected{background-color:#00A3CF;border: 1px solid white;}
#main-nav ul li.selected a:hover{color:#F8F8F8;}

/* Header */
#header{padding-top: 10px;}
#header #area_logo{width:645px; float:left;}
#header #area_logo img{position: relative; left: -50px; top:90px;}
#header #area_video{width:315px; float:left;}
#header #area_video div.blocco{float:left; width: 150px; height:150px;margin-right:5px; margin-bottom: 10px; margin-top: 5px;}
#header #area_video div.destro{margin-left:10px; margin-right: 0px;}
#header #area_video div.blocco a{border:1px solid #666666; height: 148px; width: 148px;}
#header #area_video div.blocco a#cucina{background: url(../img/video1.png);}
#header #area_video div.blocco a#animazione{background: url(../img/video2.png);}
#header #area_video div.blocco a#bios{background: url(../img/bios1.png);}
#header #area_video div.blocco a#cliente{background: url(../img/cliente1.png);}
#header #area_video div.blocco a#cucina:hover{background-position: 0px -150px;}
#header #area_video div.blocco a#animazione:hover{background-position: 0px -150px;}
#header #area_video div.blocco a#bios:hover{background-position: 0px -150px;}
#header #area_video div.blocco a#cliente:hover{background-position: 0px -150px;}

/* Subnav */
#sub-nav{text-align: left; margin-top: 15px;}
#sub-nav a, #sub-nav h2{font-size: 28px; margin-right: 10px; color: #333;font-weight: normal; font-style: normal;line-height:normal; font-family: 'LeagueGothic', sans-serif;}
#sub-nav a:hover{font-size: 38px;}
#sub-nav a.selected,#sub-nav h2.selected{font-size: 48px; margin-right: 20px; border-bottom: 3px solid #ff6600; display: inline;clear:both;}

/* Contenuto */
#contenuto {text-align: left; font-size: 14px; border-bottom:1px solid #AAA; margin-top: 5px;}
#contenuto .testo{padding: 20px 0px 30px 0px; height: 100%;}
#contenuto .testo span{font-style: italic; font-size: 12px;}
#contenuto .testo span.sup{text-transform: uppercase;}

/* Gallerie */
ul#image_gallery{list-style-type: none;}
ul#image_gallery li{float: left; background: #f8f8f8; padding: 4px; border: 1px solid #999; margin: 10px;}
ul#image_gallery li a {display: block;} 
ul#image_gallery li img{ border: 1px solid #777; padding: 0px;}

/* F.A.Q */
#faq {margin: 10px 0px 25px 0px;}
#faq h2{font-size: 48px; margin-right: 20px;}
#faq .faq-col{width: 50%; float: left; text-align: left;}
#faq .faq-col a{padding:10px; font-family: 'LeagueGothic', sans-serif; font-size: 22px; color:#333; display: block;}
#faq .faq-col a:hover{color:#ff6600;}
#faq .faq-col p{padding: 0px 10px; display: none;}

/* Footer */
#footer{background: #222; border-top: 1px solid #FFF;width: 100%;}
#footer div.container2{overflow: auto;}
#footer div.container2>div{float: left;}
#footer div#foot_sx,#footer div#foot_dx{width: 25%;}
#footer h1#bios_logo{margin:12px 0px;}
#footer h1#bios_logo a{height: 64px; width: 149px; background: url(../img/due_loghi.jpg) no-repeat;border: 1px solid #FFF;}
#footer h1#bios_logo a:hover{border-color:#D9CFB4;}
#footer #foot_centro p{font-size: 12px; color: #FFF;margin-top: 25px; font-style: italic;}
#footer #foot_centro a{color:#ff6600; }
#footer div#foot_centro{width:50%;text-align: center;}
#footer h1#foot_logo{float: right; padding: 0px; margin-top: 7px;}
#footer h1#foot_logo a{height: 70px; width: 70px; background: url(../img/logo_foot-trans.png) no-repeat;}
#footer h1#foot_logo a:hover{width:199px; background-position: 0px -101px;}

/* Pannello Login-Registrazione */
div.panel_description { width:200px; float:left; }
div.panel_description h3 { color:white; font-size:40px; text-shadow: 1px 1px 0 #000; }
div.panel_form { width:220px; background:#333333; text-align:left; float:left; }
div.panel_form_area { border:1px solid #666; padding:10px; height:100%; }
div.panel_form span { color:#FFF; line-height:29px; font-size:14px; }
div.panel_form input[type=text],div.panel_form input[type=password] { width:186px; } /* gli input hanno 5 di padding da tutti i lati e 1px di bordo */
div.panel_form a { float:right; margin-top:10px; color:white; font-weight:bold; font-size:15px; }
div#register { width:460px; }
div.register_area { width:219px; float:left; }

/* Classi Utili */
#container,.container { width:1080px; margin:0px auto; }
.container2 { width:980px; margin:0px auto; padding: 0px; }
.corners-10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.corners-8 { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.box-shadow { -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.7); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 2px rgba(0,0,0,0.7);}
.box-shadow-blocchi { -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.7); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); box-shadow:2px 2px 2px rgba(0,0,0,0.7);}
.box-shadow-bordi{ -moz-box-shadow:0px 1px 0px #FFF; -webkit-box-shadow:0px 1px 0px #F1F1F1; box-shadow:0px 1px 0px #FFF;}
.box-shadow-footer { -moz-box-shadow:0px -2px 2px rgba(0,0,0,0.7); -webkit-box-shadow:0px -2px 2px rgba(0,0,0,0.4); box-shadow:0px -2px 2px rgba(0,0,0,0.7);}
.text-shadow{text-shadow: -1px 1px 1px #FFF;}