.floatleft                  {float:left !important}
.floatright                 {float:right !important}
.right, .destra             {text-align:right}
.left, .sinistra            {text-align:left}
.center, .centro            {text-align:center}
.giustifica, .justify       {text-align:justify}
.clear                      {clear:both}
.bold, .grassetto           {font-weight:bold}
.italic, .italico           {font-style:italic}
.sottolineato, .underline   {text-decoration:underline}
.invisibile                 {visibility:hidden}
.nodisp                     {display:none}
.nopadding                  {padding:0}
.small                      {font-size:0.8em !important}
.nosfondo                   {background-image:none;}
.w100                       {width:100%;}
.error                      {color:red;}
* :focus                    {outline:0;}
object, param, embed        {z-index:1;position:relative;}
.imgleft                    {margin:3px 7px 0 0;}
.imgright                   {margin:3px 0 0 7px;}

body {
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    color:#B2A89F;}
a, a:link, a:visited{text-decoration:none;color:white;}
a:hover, a:active{color:#E2001A;outline:none;}

p, td {text-align:justify}
p{padding:5px;}
h1{font-size:16px;}
h2{font-size:14px;color:#CBB683;margin-top:5px;}

.even, .even td, .even p{
    background-color:#7F7A77;
    color:#000;}
.odd, .odd td, .odd p{
    background-color:#9F948C;
    color:#000;}

/* == background e colore testo == */
.locanda {
    background-color:#2D1E0D;}
.ristorante {
    background-color:#4B0F0F;}

/* ======== HEADER ======== */
#container {
    margin:0 auto;
    position:relative;
    width:956px;
    height:322px;}
#testa {height:322px;}
#images {visibility:hidden;}
    #images .first{visibility:visible;}
#mask{
    position:absolute;
    top:0; left:0;
    z-index:2;
    width:956px;
    height:322px;}


    /***** MENU *****/
    #mask .menu {
        height:44px;
        margin-top:256px;
        margin-left:20px;
        line-height:53px;}

    #mask .menu li {
        display:inline;
        list-style:none;
        padding-left:15px;}

    .menu a{font-size:19px;font-weight:bold;height:50px;}
    .menu a:hover{color:#fff;}

    #menu_locanda {padding-left:220px;}
    
    #mask #menu_locanda a:hover{border-bottom:5px solid #FFCD07;}
    #menu_locanda .selected {color:#FFCD07;}

    #menu_ristorante {padding-right:255px;text-align:right;}

    #mask #menu_ristorante a:hover{
        border-bottom:5px solid #FFCD07;}
    #menu_ristorante .selected {color:#FFCD07;}

.locanda #mask{
    background:transparent url("../img/headers/mask_locanda.png") no-repeat top left;}
.ristorante #mask{
    background:transparent url("../img/headers/mask_ristorante.png") no-repeat top left;}
#header_fade{
    position:absolute;
    top:0;left:0;
    z-index:1
}
#header_link{top:0;left:0; z-index:1;}

#header_link div {
    position:relative;
    z-index:5;
    width:249px;
    height:255px;}
#header_link div a {
    display:block;
    height:255px;
    width:249px;
    background:none;
    text-indent:-10000px;}

#header_switch {float:left;}
#header_switch_ristorante {float:right;}

#header_switch a:hover {
    background:transparent url("../img/headers/button_locanda.png") no-repeat top right;}
    .locanda #header_switch a:hover {
        background:transparent url("../img/headers/button_locanda2.png") no-repeat top right;}

#header_switch_ristorante a:hover {
    background:transparent url("../img/headers/button_ristorante.png") no-repeat top left;}
    .ristorante #header_switch_ristorante a:hover {
        background:transparent url("../img/headers/button_ristorante2.png") no-repeat top left;}

/* ===== CONTENTS ===== */

.locanda #content{
    background:transparent url("../img/bg_locanda.jpg") repeat top right;}
.ristorante #content {
    background:transparent url("../img/bg_ristorante.jpg") repeat top left;}
#content_sidebar {
    width:249px;
    color:#2D1E0D;
    height:100%;
    z-index:100;
    position:relative;
    margin-top:-22px;}
.locanda #content_sidebar {
    float:left;
    background:transparent url("../img/bg_sidebar_locanda.png") no-repeat top right;}
.ristorante #content_sidebar {
    float:right;
    background:transparent url("../img/bg_sidebar_ristorante.png") no-repeat top left;}

#flag{
    width:100%;
    text-align:center;
    margin-top:15px;
    width:180px;
    }
    .locanda #flag{
        background-color:#5B4E3F;
        border:5px solid #2D1E0D;
        color:#FFF;
        margin-left:40px;
     }
    .ristorante #flag{
        background-color:#7D4844;
        border:5px solid #4C0e0f;
        color:#908371;
        margin-left:16px;
    }
    #flag img {padding:10px 0 6px 0;}
    
.locanda .text_sidebar {
    padding:0 5px 5px 25px;
    height:100%;}
.ristorante .text_sidebar {
    padding:0 25px 5px 5px;
    height:100%;}
#content_dati {
    float:right;
    display:inline;
    position:relative;
    width:707px;
    height:100%;}

.text_dati {
    padding:0 5px 5px 5px;
    margin:0 auto;}

/* ===== BOX ===== */

.locanda .box {
    height:162px;
    width:215px;
    color:#A59A92;}

.box h4 {display:none;}
.box p {overflow:hidden;}

.box a, .box a:visited {color:#CEC3C0;}
.box a:hover {color:#fff;}

.ristorante .box a, .ristorante .box a:visited {color:#908371; text-decoration:none;}
.ristorante .box a:hover {color:#DADADA;}


.locanda #box_tour_virtuale {
    background:transparent url("../img/box/tour_virtuale.png") no-repeat top left;}
.locanda #box_tour_virtuale p {
    padding:35px 20px 0px 15px;
    text-align:right;}

.ristorante #box_tour_virtuale {
    background:transparent url("../img/box/tour_virtuale_r.png") no-repeat top left;
    height:160px;}
.ristorante #box_tour_virtuale p {
    padding:40px 30px 0px 20px;
    text-align:left;}

.locanda #box_richiesta_disponibilita {
    background:transparent url("../img/box/disponibilita.png") no-repeat top left;}
.locanda #box_richiesta_disponibilita p {
    padding:35px 18px 0px 25px;
    text-align:left;}
.ristorante #box_richiesta_disponibilita {
    background:transparent url("../img/box/disponibilita_r.png") no-repeat top left;
    height:160px;}
.ristorante #box_richiesta_disponibilita p {
    padding:40px 30px 0px 20px;
    text-align:right;}

.locanda #box_dove_siamo {
    background:transparent url("../img/box/dove_siamo.png") no-repeat top left;height:170px;}
.locanda #box_dove_siamo p {
    padding:75px 18px 0px 30px;}
.ristorante #box_dove_siamo {
    background:transparent url("../img/box/dove_siamo_r.png") no-repeat top left;
    height:160px;}
.ristorante #box_dove_siamo p {
    padding:65px 30px 0px 20px;
    text-align:left;}


/* PREZZI */
    #prezzi td, #prezzi th {padding:3px 7px;}
    #prezzi th{vertical-align:middle}
    #prezzi .periodo{text-align:center;width:200px;font-size:11px;}
    #prezzi .periodo a:hover{color:#FFF; border-bottom:2px solid #EDC260;}
    #prezzi .current{background:transparent url(../img/Riempimento.png);}
    h3{font-size:15px;color:#EDC260;margin-top:5px; padding:2px 0;text-transform:uppercase;}
    #prezzi .title{font-size:14px;color:#EDC260;margin-top:5px; padding:3px 5px;font-weight:bold;}
    #prezzi li {padding:2px 5px;}
    #prezzi .text {margin:4px 8px;}
    #prezzi .allegati {display:block; padding:2px 10px; float:left; text-align:center;}
    #prezzi .allegati a:hover {color: #EDC260;}
    

/* Photogallery */
    #photogallery {text-align:center;}

    #photogallery h3{font-size:18px;}

    .album{
        width:322px;min-height:82px;
        background:transparent url(../img/Riempimento.png) repeat top left;
        border:1px solid #2D1E0D;
        margin:5px;
        padding:6px;
        text-align:left;
        float:left;}

    .album .album_img{
        display:block;
        width:115px;float:left;
        text-align:center;}

    .album a:hover {color:#EDC260;}

    #photogallery .album h3{font-size:15px;}
    .album img{margin-right:5px;}
    .risultati {
        color:#fff;
        font-size:85%;
        text-align:right;
        width:100%;}

    #photogallery h3{font-size:18px;}
    #photogallery .risultati span{float:right;margin-top:-20px;}

    .slideshow li{
       font-size:10px;
       width:113px;height:100px;
       background:transparent url(../img/camere/Riempimento.png) repeat top left;
       border:1px solid #9D948B;
       float:left;text-align:center;
       margin:5px;padding:5px;
       vertical-align:middle;
       overflow:hidden !important;}


/* Camere */
    .camera {border:4px solid #9D948B;margin:5px;}
    .camera h2{display:inline;color:#EDC260;font-size:16px;}
    .camera h2 img{margin:22px 0 0 10px;}
    .camera_titolo{min-height:64px;background:transparent url(../img/camere/Riempimento.png) repeat top left;position:relative;}
    .camera_titolo ul{position:absolute;left:140px;top:0;}
    .camera_titolo li{float:left;margin:7px 4px;}
    .camera_titolo p{padding:20px 10px 10px 10px;}

    .tooltip {
        display:none;
        background:transparent url(../img/black_arrow.png) no-repeat top center;
        font-size:11px;
        height:66px;
        width:80px;
        padding:10px 5px;
        color:#fff;font-size:10px;
        text-align:center;
        vertical-align:middle;}

/* Contatti */
    #contact_form {
        width:365px;
        border:1px solid #AF807E;
        padding:10px;}

    .width200px{width:200px;}

    .locanda .li_circle li {
        padding-left:15px;
        list-style:circle !important;}

#footer {
    height:292px;
    width:956px;}

    .locanda #footer {background:#2D1E0D url(../img/footer_l.jpg) no-repeat top left;}
    .ristorante #footer {background:#4B0F0F url(../img/footer_r.jpg) no-repeat top left;}

    .footer_text {
        font:13px/17px trebouchet, arial, verdana;
        width:641px;
        height:120px;
        position:relative;
        padding-top: 120px;
        padding-left:315px;
        text-align:left;
        }

    #footer a:hover {color:#EDC260;}

    #footer #menu_footer {float:none; text-align:center;}

.menu_locanda li{
    border:3px solid gray;
    margin:13px 8px;
    background:transparent url("../img/camere/riempimento.png") repeat top left;
    padding:2px 7px;
    clear:both;
}

.menu_locanda img {padding:0 10px 4px 0;}

.borderphoto { border:1px solid #8F5353;}


/* TRIP ADVISOR MODDING */
#CDSWIDSSP {width:650px !important; background-color:#9C9289 !important;}
#TA_selfserveprop880 {width:650px !important;}
.widSSPData {width:630px !important;}
.widSSPPower {display:none;}

#accordion{margin:13px 0 0 3px;}
#accordion h2{cursor: pointer;}
#accordion h3{color:white;}
#accordion .attivita{margin-left:8px;border-bottom:1px solid #A0968D;}

/* DIV di tripadvisor ridefinita */
#CDSWIDEXC {margin:0 10px 10px 10px !important;}