/* plugin */
@import "ui.tabs.css";
@import "nyroModal.css";
/* VARIE */
* {margin: 0;padding: 0;}
html, body {
  padding: 0;
  margin: 0;
  height: 100%;
    }
body {
    font-family:Georgia,"Times new Roman",serif;
    padding: 0;
    margin: 0;
    background: rgb(131,0,60) url(../img/sfondo.jpg) repeat center top;


    display:table;
    width:100%;
    font-size-adjust:none;
    font-size:80%;
    }
table{border-collapse: collapse;border-spacing: 0;}
#areainfo td{ font-weight:bold;
    padding:4px;
    }
:focus{outline:0;}
a{text-decoration:none;color:#c00;}
a img{border:none;color:#c00;}
p{margin:0px 10px 10px 0px;}
h1{font-size:120%;}
.strong{font-weight:bold;color:#a00;}
blockquote{
    margin:30px 0px 0px 30px;
    font-style:italic;
    line-height:200%;
    }

/* LAYOUT  */
#contenitore{
    margin:auto;
    width:860px;
    }
#ombra{
    line-height:0px;
    background:url(../img/ombra.png);
    width:860px;
    height:625px;
    padding:0px 0px 0px 0px;
    margin:-20px 0px 0px 0px;
    }
#frame{
    position:absolute;
    background: rgb(246,238,222) url(../img/frame.jpg);
    width:800px;
    height:558px;
    padding:0px 0px 0px 0px;
    margin:20px 0px 0px 20px;
    }
#inframe{
    position:absolute;
    width:699px;
    padding:0px 0px 0px 0px;
    margin:40px 0px 0px 52px;
    }
#main{
    position:relative;
    width:695px;
    height:366px;
    }
/* LOGO E MENU */
#logo{
    float:left;
    width:100%;
    height:100px;
    margin-left:8px;
    }
.menu{
    line-height:normal;
    width:750px;
    height:70px;
    overflow:hidden;
    }
#dnmenu{
    height:40px;
    }
#upmenu .attivo{background:none;}
#dnmenu .attivo{background:none;}
a.elemenu{color:#fc0;}
a.elemenu:hover{color:#ffc;}
.attivo a{color:#ffc;cursor:default;}
#upmenu .bmenu,#dnmenu .bmenu{
    float:left;
    display:block;
    text-align:center;
    overflow:hidden;
    z-index:10;
    font-size:200%;
    }
#upmenu .bmenu{height:70px;width:175px;}
#dnmenu .bmenu{height:40px;width:233px;}
.m1  {background:url(../img/supmenu.jpg)  0px   0px;}
.m2  {background:url(../img/supmenu.jpg)  -175px   0px;}
.m3  {background:url(../img/supmenu.jpg)  -350px   0px;}
.m4  {background:url(../img/supmenu.jpg)  -425px   0px;}
.m5  {background:url(../img/sdnmenu.jpg)  0px   0px;}
.m6  {background:url(../img/sdnmenu.jpg)  -233px   0px;}
.m7  {background:url(../img/sdnmenu.jpg)  -466px   0px;}
/* RIBBONS */
.rr{
    font-family:arial;
    font-weight:bold;
    font-size:100%;
    text-align:center;
    position:relative;
    float:left;
    height:100px;
    width:100px;
    z-index:10;
    margin:19px 0px 0px 0px;
    }
#ribbon {
    background:transparent url(../img/ribbon.png) repeat scroll 0%;
    float:right;
    height:100px;
    width:300px;
    }
/* CORNICE */
/* AREE */
#areatesto{
    position:absolute;
    line-height:normal;
    font-size:100%;
    z-index:10;
    width:695px;
    height:366px;
    padding:0px;
    overflow:hidden;
    }


.allarea{
    position:absolute;
    top:0px;
    width:695px;
    height:366px;
    z-index:10;
    display:none;
    }
.allarea2{
    display:block;
    }
#home img{
    margin:33px 0px 0px 45px;
    }

#areamissione       {margin:0px 300px 0px 20px;}
#areasponsor        {margin:0px 0px 0px 50px;}
#areafranchising    {margin:0px 300px 0px 20px;}
#areacaratteristiche{margin:0px 300px 0px 20px;}
#areadettagli       {margin:0px 0px 0px 20px;}
#areainfo           {margin:0px 0px 0px 295px; width:400px;height:300px;overflow:auto;}
#areaprodotti       {margin:0px 340px 0px 40px;}
#areasommelier      {margin:80px 350px 0px 40px;}
#areakeepcold       {margin:80px 20px 0px 350px;}
#areavinoalb        {margin:20px 20px 20px 200px; color:#fff}
#areavinecorner     {margin:0px 0px 0px 0px;}
#areamail           {margin:0px 30px 0px 40px;}
#areaimmagini       {margin:10px 0px 0px 40px;}
#areaassortimento   {margin:20px 0px 0px 10px;}

#areaimmagine{
    z-index:8;
    position:absolute;
    width:695px;
    height:366px;
    top:0px;
    left:0px;
    }
#areaimmagine img{
    position:absolute;
    }


#pulsante{
    position:absolute;
    z-index:11;
    left:625px;
    top:315px;
    }

#mapframe{
    width:500px;
    height:365px;
    }
.winecorner{
    font-weight:bold;
    border:2px solid #c00;
    padding:3px;
    margin:10px 10px 0px 3px;
    background:#ffe;
    color:#c00;
    }
a .winecorner{
    color:#c00;
    }
a:hover .winecorner{
    background:#ee0;
    color:#f00;
    }
.centramappa{
    padding:3px;
    margin:0px 10px 10px 3px;
    font-size:50%;
    color:#fff;
    background:#c00;
    }
a.centramappa{
    margin:10px;
    color:#fff;
    }
#immaginicont{
    overflow:auto;
    height:366px;
    }
#areaimmagini{
    width:630px;
    height:300px;
    }
#areaimmagini img{
    padding:12px 20px 21px 12px;
    background:#fff url(../img/simmagine.jpg);
    }
#ombrag,#ombragup{
    position:absolute;
    left:0px;
    z-index:100;
    }
#ombrag         {top:326px;}
#ombragup       {top:0px;}
#info #ombragup {top:10px;left:280px;}
#info #ombrag   {top:280px;left:280px;}


.prezzo{
    color:#f00;
    font-weight:bold;
    }
.avviso{
    color:#fff;
    padding:4px;
    font-weight:bold;
    background:#f00;
    }



#ddd{
   xborder:1px solid #f00;
    width:680px;
    height:310px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    }

.dtab h2{
    margin:10px 0px 10px 0px;
    color:#fa0;
    }
.dtab ul{
    font-size:120%;
    width:350px;
    list-style-position:outside;
    }
.dtab img{
    float:right;
    width:260;
    height:210;
    margin-right:70px;
    }


.ui-tabs-panel{
   xborder:1px solid #00f;
    background:transparent url(../img/bgdettagli.jpg) no-repeat;
    width:680px;
    height:260px;
    margin:0px 0px 0px 0px;
    padding:20px 0px 0px 40px;
    border-top:none;
    position:relative;
    top:40px;
    z-index:10;
    }

.ui-tabs-nav{
    padding:0px;
    margin-left:1px;
    position:absolute;
    z-index:100;
    font-family:Georgia,"Times new Roman",serif;
    }

.ui-tabs-nav li{
    margin:0px;
    padding:5px 5px 10px 5px;
    width:124px;
    min-width:124px;
    height:29px;
    }

.ui-tabs-selected{
    background:url(../img/tab.png) ;
    }



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#areamail input{
    font-family:Georgia,"Times new Roman",sans-serif;
    margin:10px;
    font-size:120%;
    background:url(../img/i_dettagli.jpg);
    padding:5px;
    }
#areamail input[type="submit"]{
    float:right;
    font-weight:bold;
    }

#areamail textarea{
    font-family:Georgia,"Times new Roman",sans-serif;
    font-size:120%;
    padding:5px;
    margin:10px;
    background:url(../img/i_dettagli.jpg);
    width:350px;
    height:150px;
    }
.testoareamail{
    margin:0px 20px 0px 20px;
    font-size:120%;
    font-weight:bold;
    }
#mailinviata,#attendereprego{
    display:none;
    background:url(../img/i_dettagli.jpg);
    padding:0px;
    text-align:center;
    width:390px;
    }
#wcscroller{
    height:366px;
    width:195px;
    overflow:auto;
    }
#tmail{
    position:absolute;
    left:220px;
    color:#500;
    font-size:120%;
    font-family:Georgia,"Times new Roman",serif;
    font-weight:bold;
    margin:15px;
    }