/* CSS Document Sanluca 2013*/
/*per ie*/
@font-face {
    font-family: 'Lobster';
    src: url('lobster.eot');
}
/*per ff*/
@font-face {
    font-family: 'Lobster';
    src: url('lobster.ttf') format('truetype') }

*{margin:0; padding:0}
body{
    background:#f6f6f6 url(../images/elementi/bg_body.gif) repeat-x top left;
    color:#727272;
    font:0.7em Helvetica, Arial, sans-serif;
    overflow:auto;}

div, p , h1, h2, h3, h4, h5, h6{display:block;} 

h1{font-size:2.2em;} 
h2{font-size:2.1em;} 
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}

img{border:none;}
a {text-decoration:none;color:#58585a;}
a:hover{color:#1c5f85;}

a:focus { outline: none; }
.hidden{display:none !important;}
strong{ font-weight:bold}
em{ font-style:italic}

input, select, textarea{color:#858385; border:solid 1px #DFDFDF; font:10px Verdana, Arial, Helvetica, sans-serif;}
button{ cursor:pointer}
a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* for IE8 in IE7 mode */
         filter: alpha(opacity=80); /* for IE6-IE8 */
         opacity: .8;}

/*#gallerytop*/
#gallerytop { position:absolute; top:169px; width:100%; height:380px; overflow:hidden; z-index:5; text-align:center; margin:0 0 27px 0}

#immagini{ width:980px; height:380px; position:relative; overflow:hidden; margin:0 auto; z-index:50; }
#immagini #cntimage{ width:980px; height:380px; position:relative; overflow:hidden;}
#immagini #cntimage .image{ width:980px; height:380px; position:relative; overflow:hidden; display:block; cursor:pointer}
#immagini #cntimage .image img{ width:980px;}

#tprevimg{ background: url(/images/elementi/icons.png) no-repeat -227px -114px; display:block; width:36px; height:36px; position:absolute; top:172px; left:0; text-indent:-900em; z-index:20 }
#tnextimg{background: url(/images/elementi/icons.png) no-repeat -284px -114px; display:block; width:36px; height:36px; position: absolute;top:172px; right:0; text-indent:-900em; z-index:20}
/*#zoom{background: url(/images/elementi/icons.png) no-repeat -340px -114px; display: block; width:36px; height:36px; position: absolute; top:172px; right:50%; text-indent:-900em; z-index:20}*/
#immagini .over{background: url(/images/elementi/icons.png) no-repeat -340px -114px; width:36px; height:36px; position: absolute; top:172px; right:50%; display: none; z-index:50}	
#immagini:hover .over{ display:block}


/*#main*/
#main{ width:980px; margin:0 auto;  overflow:hidden; position:relative; /*background:#F69*/}
#corpo{ width:980px; margin:0 auto;  /*overflow:hidden;*/ position:relative; /*padding:27px 0 0 0; background:#F69*/}

/*head*/
#head{ width:980px; height:154px; position: relative; /*overflow:hidden;*/ margin-bottom: 407px;/* background:#FCC*/ padding:15px 0 0 0}
#logo{ width:94px; height:101px; background:url(/images/elementi/logo.png) no-repeat; display:block; margin:0 auto 15px auto; text-indent:-9000em}

#head ul#menu{ width:980px; height:26px; position:relative; overflow:hidden; padding:12px 0 0 0; text-align: center;}
#head ul#menu li{ display: inline; text-transform:uppercase; font-size:14px; }
#head ul#menu li span{ margin:0 7px; }
#head ul#menu li.last span{ display: none}
#head ul#menu li a{ color:#eceded; font:normal 14px Helvetica, Arial, sans-serif}
#head ul#menu li a:hover,#head ul#menu li a.act{ color:#8094a4}

#bgsottomenu{
    width:100%;
    height:9px; 
    background:#133b5b;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
    filter: alpha(opacity=50); /* for IE6-IE8 */
    opacity: .5;
    z-index:10; 
    position:absolute; 
    top:169px; 
    left:0}

#sottomenu{ position:absolute; top:169px; width:100%; height:0; z-index:30; text-align:center;}

#sottomenu ul#menu{
    height:24px !important;
    padding:5px 0 0 0 !important;
    text-align:center !important;}

#sottomenu ul#menu li{ margin:5px 0 0 0 !important;}
#sottomenu ul#menu li a{text-transform:lowercase !important}
#sottomenu ul#menu li a:hover,#sottomenu ul#menu li a.act{ color: #09C !important}

#head #lang{ position:absolute; bottom:10px; right:-8px; z-index:20; color:#eceded}
#head #lang a{ font:italic 14px "Times New Roman", Times, serif; padding:0 8px; color:#fff}
#head #lang a:hover,#head #lang a.act{ color:#8094a4}

#head #vt{ position:absolute; top:15px; left:5px;
           font: 21px lobster, Arial, Helvetica, sans-serif; 
           text-transform: capitalize;
           color:#0681ba}

#head #vt span{ display:block; float:left; width:39px; height:33px; background: url(/images/elementi/icons.png) no-repeat 0 0; margin:0 6px 0 0}

#head ul#social{ /*width:155px;*/ height:16px; position:absolute; right:0; top:17px;}
#head ul#social li.first{ display:block; font:22px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; color:#0681ba; text-align:center; margin-bottom:5px}
#head ul#social li{display:inline-block;}
#head ul#social li a{color:#096b9c; /*font-size:18px;*/ margin:0 7px }
#head ul#social li a:hover{color:#fff;}

/*#head ul#social li{ /*width:36px; height:16px; display:inline-block; overflow:hidden; margin:0 0 0 0 }
#head ul#social li a{width:26px; height:16px; display:block; overflow:hidden; background:url(../images/elementi/bg_social.png); text-indent:-9000em}
#head ul#social li#fb a{ background-position:0 0;}
#head ul#social li#go a{ background-position:-27px 0}
#head ul#social li#tw a{ background-position:-52px 0}
#head ul#social li#fl a{ width:36px !important; background-position:-82px 0}
#head ul#social li#yt a{ width:36px !important; background-position:-120px 0}*/


/*/head*/
/*dx*/

/*dx*/




/***********************home****************************/
.cnthome{ display:block; width:980px; height:313px; position:relative; /*overflow:hidden;*/ padding:0 0 27px 0; clear:both}
.cnthome .boxnews{ width:260px; height:260px; position:relative; /*overflow:hidden;*/ float:left; padding:27px 25px; margin:0 25px 0 0; display:block; background:#fff}
.cnthome .boxnews.last{ margin:0 !important}
.cnthome .boxnews .item{ width:260px; height:232px; position:relative; overflow:hidden; background:#f6f6f6; text-align:center; padding:28px 0 0 0}

.cnthome .boxnews .item a{width:260px; height:232px; position:relative; overflow:hidden; display:block; color:#58585a; font-size:12px}
/*.cnthome .boxnews .item .hr{ width:210px; height:1px; background:#c0c0bf; margin:0 0 0 25px; display:block}
.cnthome .boxnews .item .hr span{ position:absolute; top:-16px; left:80px; width:50px; height:36px; display:block; position:relative; background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 8px -56px;}
*/
.cnthome .boxnews .item strong{ display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; color:#005e81; margin:37px 0 0 0 }
.cnthome .boxnews .item .immgh{ width:260px; height:105px; position: absolute; bottom:16px; left:0; overflow:hidden;}
.cnthome .boxnews .item .immgh img{ width:260px;}
.cnthome .highlight em{ font:italic 14px "Times New Roman", Times, serif; margin:0 0 0 0; color:#58585a }

/*.cnthome .boxnews#con span{ background: #f6f6f6 url(/images/elementi/icons.png) no-repeat -277px -56px !important;}
.cnthome .boxnews#rst span{ background: #f6f6f6 url(/images/elementi/icons.png) no-repeat -47px -56px !important;}
*/
.cnthome .boxnews .item .highlight{width:220px; height:120px; position: absolute; bottom:0; left:0; overflow:hidden; display: none; padding:0 20px}
/*.cnthome .boxnews .item .highlight .leggi{ height:15px !important; top:-2px !important; background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 8px -170px !important; margin:30px 0 0 0 !important;}
.cnthome .boxnews#con .highlight .leggi,.cnthome .boxnews#rst .highlight .leggi{ background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 8px -170px !important;}
*/
.cnthome .boxnews .item a:hover .immgh{ display: none !important}
.cnthome .boxnews .item a:hover .highlight{ display: block !important}


.cnthome #gallery{
    width:645px;
    height:260px; 
    overflow:hidden;
    background:#fff;
    float:right;
    position:relative;
    font-size:12px;}

.cnthome #gallery #eslide,.cnthome #gallery #eslide .item{
    width:645px;
    height:260px;
    overflow:hidden;
    position:relative;}

.cnthome #gallery #eslide img{
    width:645px;
    /*height:260px;*/
    z-index:0;}

.cnthome #gallery #eslide a{
    background:#fff;
    width:266px;
    height:87px;
    color: #58585a;
    display: block;
    position:absolute;
    bottom:38px;
    right:0px;
    padding:50px 22px;
    overflow:hidden;
    -ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; z-index:5}

.cnthome #gallery #eslide a strong{ display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color: #005e81; margin:0 0 10px 0;}

.cnthome #gallery #boxpulsanti{
    width:310px;
    height:38px;
    position:absolute;
    overflow:hidden;
    bottom:0; 
    right:0;
    background: #005e81;
    -ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.7;
    z-index:50}

.cnthome #gallery #linkpacchetti{ width:237px; display:block; float:left; font:italic 14px "Times New Roman", Times, serif; margin:13px 0 0 22px; color:#eceded }
.cnthome #gallery #linkpacchetti:hover{ color:#fff}

.cnthome #gallery #eslide:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
                                 filter: alpha(opacity=50); /* for IE6-IE8 */
                                 opacity: .5;}


.cnthome #gallery #boxpulsanti #preveslide,.cnthome #gallery #boxpulsanti #nexteslide {
    background: url(/images/elementi/icons.png) no-repeat -340px 0;  
    width:25px; 
    height:28px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    display:block;
    float:left;
    margin:6px 5px 0 0;  }

.cnthome #gallery #boxpulsanti #nexteslide {background: url(/images/elementi/icons.png) no-repeat -369px 0 !important;  width:15px !important;}

#boxopinioni{ width:260px; height:260px; position:relative; overflow: visible; background: #f6f6f6;float:left; padding:0 25px}
#boxopinioni #boxop{width:260px; height:222px; position:relative; overflow:hidden; }
#eslideop{ width:260px; height:190px; position:relative; overflow:hidden; }
#eslideop a{ width:260px; height:190px; position:relative; overflow:hidden; display:block }
#eslideop .immgh{ width:260px; height:34px; border-bottom:1px solid #c0c0bf; padding:10px 0}
#eslideop .immgh img{ height:30px;}
#eslideop strong{font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color:#005e81; display:block; margin:16px 0 6px 0}

#boxopinioni #tprevop,#boxopinioni #tnextop{
    background: url(/images/elementi/icons.png) no-repeat -226px 0;  
    width:10px; 
    height:15px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-9000em;
    display:block;
    float:left;
    font-size:1px;}

#boxopinioni #tnextop{background: url(/images/elementi/icons.png) no-repeat -237px 0 !important;}

#siti_recensioni{ display:block; margin:10px 0 0 0; border:1px solid #0F0}


.cnthome .banner_home{ width:310px; height:310px; position:relative; overflow:hidden; background:#fff; float:left}
.cnthome .banner_home .banner{ display:block}
#TA_cdsscrollingravenarrow628{ margin:0 0 0 7px}

#elementi_dwn{ width: 100%; height:310px; position:relative; overflow:hidden; background: #fff; margin: 27px 0 0 0; border-bottom:1px solid #b8cdd9; }
#elementi_dwn .cnthome{ background:#fff; margin:0 auto; padding:0 !important}
#elementi_dwn .cnthome #gallery{ margin:25px 0 0 0}
#gallery_eventi{
    width:595px;
    height:260px; 
    overflow:hidden;
    background: #fff;
    float:right;
    position:relative;
    padding:25px}

#gallery_eventi .hr{ margin:33px 0 40px 0; }
#gallery_eventi .hr span{ background-color:#fff !important}

#gallery_eventi .highlight{ width:211px; height:260px; float:left; margin:0 97px 0 25px; text-align:center}
#gallery_eventi .highlight strong{font: 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; color:#005e81; display:block; margin: 0 0 18px 0 }
/*#gallery_eventi .highlight .leggi{ height:15px !important; top:-2px !important; background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 8px -170px !important; margin:43px 0 0 0 !important;}
#gallery_eventi .highlight .leggi{ background: #fff url(/images/elementi/icons.png) no-repeat 8px -170px !important;}
*/

#gallery_eventi .immgh{ width:260px; height:260px; position:relative; overflow:hidden; float: left}
#gallery_eventi .immgh img{height:260px;}
#gallery_eventi a:hover .highlight,#gallery_eventi a:hover .immgh{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
                                                                   filter: alpha(opacity=50); /* for IE6-IE8 */
                                                                   opacity: .5;}

/***********************home****************************/

/***********************slide eventi****************************/
#box_eventi{ width:100%; height:165px; position:relative; /*overflow:hidden;*/ background: #fff; /*margin:27px 0 0 0*/}
#box_eventi_int{ width:1024px; height:165px; position:relative; overflow:hidden; background: #fff; margin:0 auto;}
#box_eventi #eslideeve,#box_eventi #eslideeve .itemeve{ width:980px !important; margin:0 auto; overflow:hidden; position:relative; }
#box_eventi #eslideeve .itemeve a{ width:260px; height:260px; position:relative; overflow:hidden; float:left; background:#fff; margin:0 25px 0 0; padding:27px 25px; text-align:center; font-weight:normal }
#box_eventi #eslideeve .itemeve a.last{ margin:0 !important}
#box_eventi #eslideeve .itemeve a span.data{ display:block; font:italic 14px "Times New Roman", Times, serif; margin:0 0 10px 0 }
#box_eventi #eslideeve .itemeve a strong{font: 21px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; color:#005e81; display:block; margin: 0 0 10px 0 }

#box_eventi #eslideeve .itemeve a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
                                         filter: alpha(opacity=50); /* for IE6-IE8 */
                                         opacity: .5;}

#box_eventi #tpreveve{
    background: #fff url(/images/elementi/icons.png) no-repeat -219px 6px;  
    width:21px; 
    height:28px; 
    position: absolute;
    top:68px;
    left:0;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    border-right:1px solid #b8cdd9 }

#box_eventi #tnexeve{ 
    width:21px; 
    height:28px; 
    position: absolute;
    top:68px;
    right:0;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    border-left:1px solid #b8cdd9;
    background:#fff url(/images/elementi/icons.png) no-repeat -233px 6px !important;}
/***********************slide eventi****************************/

/*footer*/
#footer{ width:100%; height:451px;  background:url(/images/elementi/bg_dwn.gif) repeat-x; position:relative; opacity: hidden}
#footer a{ color:#eceded; text-transform:lowercase}
#footer .boxfooter{ width:930px; height:191px; position:relative; overflow:hidden; margin:0 auto; /*background:#F9F;*/ padding:35px 25px 0 25px; color:#eceded; line-height:1.0em;}

#footer #boxidee{ width:930px; height:186px; position:relative; text-align:center}
#footer #boxidee .hr{ width:211px; height:1px; background:#c0c0bf; margin:15px auto 0 auto; display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; color:#fff;}
#footer #boxidee .hr span{ position:absolute; top:-17px; left:81px; width:50px; height:36px; display:block; position:relative; background: #1c5f85 url(/images/elementi/icons.png) no-repeat 8px -112px;}
#footer #boxidee .hr strong{ width:250px; display:block; margin:-10px 0 0 -20px}
#footer #boxidee p{ font:italic 14px "Times New Roman", Times, serif; margin:77px 0 0 0} 
#footer #boxidee p a{ display: inline; text-transform:capitalize; margin: 0 8px 5px}


#footer #dati{ width:460px; height:146px; position:relative; overflow:hidden; float:left; }
#footer #dati p strong{ font-size:21px; text-transform: uppercase; display:block; margin:0 0 14px 0; line-height:1.1em;}
#footer #dati p a{ display: block}
#footer #dati a.linkdwn{ width:78px; height:28px; margin:28px 3px 0 0; display: block; float:left; background:#0d5984; padding:10px 0 0 10px; font:italic 14px "Times New Roman", Times, serif}
#footer #dati a.linkdwn span{ width:17px; height:17px; display:block; background: url(/images/elementi/icons.png) no-repeat -69px -5px; float: right}

#footer p#last{ width:930px; height:26px; position:absolute; bottom:0; left:0; padding:16px 25px 0 25px; font-size:12px; text-align:right}

#footer a#pow{
    display:block;
    float:left;
    background:url(/images/elementi/pow.png) no-repeat;
    width:94px;
    height:12px;
    z-index:10;
    text-indent:-9000em;
    font-size:1px}

#footer ul#sitemap{ width:470px; height:146px; overflow:hidden; float:right;}
#footer ul#sitemap li{ display:block; font-size:12px; margin:0 0 3px 0}
#footer ul#sitemap li strong{ text-transform:uppercase; display:inline}
#footer ul#sitemap li span{ margin:0 3px; }
#footer ul#sitemap li.last span{ display: none}
#footer ul#sitemap li a:hover,#footer ul#sitemap li a.act{ color:#8094a4}

#footer #TA_certificateOfExcellence61{ position:absolute; top:-10px; left:248px}
#footer #tripadv{width:200px; height:128px; position:absolute; top:0; right:30px}

/*footer*/


/************************************************************interno******************************************************************/



/****************************************form***************************************************/
#loadingbtn, #container h2 {display:none ;}
#contForm, #formcheckout{ width:545px; position:relative; overflow:hidden; background: #fff; text-align:left; margin:0 0 30px 0; padding:0 50px}
#contForm fieldset,#formcheckout fieldset{ background:#fff; width:545px; overflow:hidden; margin:0 0 10px 0;  border:none;}
#contForm fieldset h6,#formcheckout fieldset h6{height:22px; padding:8px 0 0 0; background: #f6f6f6; font-size:12px; color:#58585a; margin:0 0 13px 0;text-align:center; }
#contForm fieldset label{ width:150px; float:left; margin:0 30px 10px 0; /*padding:0 0 0 10px;*/ overflow:hidden; } 
/*#contForm fieldset label.last{ margin:0 !important }*/
#contForm fieldset label input,#contForm fieldset label select {width:150px; height:18px; border:none; border-bottom:1px solid #c6c6c6; margin:3px 0 0 0}
#contForm fieldset.wide label{width:545px !important; margin: 0 !important;}
#contForm fieldset.wide label textarea, #formcheckout textarea{width:545px !important; border:none; border-bottom:1px solid #c6c6c6;}
#contForm fieldset label.radio{ margin:35px 0 0 0}
#contForm fieldset label.radio input{background-color:#F69; float:left; margin:0 10px 0 0;}

#contForm button{ width:211px; background: #fff; margin:0 0 10px 167px; border:none; color:#58585a;}
#contForm button .hr{ font: italic 14px "Times New Roman", Times, serif;color: #58585a;}
#contForm button .hr span{ background-color: #fff }


/*selezione sale*/
#contForm table{border-collapse:collapse; border: solid 1px #ccc; margin:0 0 20px 0 }
#contForm table th{ color:#0a3e8c; position:relative;  border-bottom: solid 1px #eee; padding:5px}
#contForm table th div { padding:0px 0px 0px 20px; position:relative;}
#contForm table th span{display:block; width:15px; height:11px; background:#0a3e8c url(/images/elementi/ico_disp.gif) no-repeat; position:absolute; top:0px; left:0px}
#contForm table th span#d1{background-position:-77px 0  }
#contForm table th span#d2{ background-position:-26px 0 }
#contForm table th span#d3{background-position:0 0  }
#contForm table th span#d4{ background-position:-53px 0 }
#contForm table td{ padding:5px ;border-bottom: solid 1px #eee; background:#f9f9f9}
#contForm  .check input{display:inline; width: auto!important; margin:5px; }
/****************************************form***************************************************/ 


/************************************************************interno******************************************************************/
#msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0}
#msgform h3{ font:bold 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; margin:35px 0 20px 0; color:#005e81; text-transform:capitalize}
#msgform h4{ margin:10px 22px;} 

#container{width:645px; float:left; position:relative; overflow:hidden; /*padding:27px 0 0 0;*/ margin:0 0 0 25px} 
#content{width:645px; float:left; position:relative; overflow:hidden; background:#fff;}
#content.camere{padding:0 0 30px 0}

#titoli{ position:relative; overflow:hidden; margin: 53px 0 10px 0; text-align: center}
#titoli h3{ font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; margin:35px 0 20px 0; color:#005e81; text-transform:capitalize}
#titoli .hr span,#titoli .leggi span{ background-color:#fff}

#container .elenco{
    width:645px;
    height:260px;
    overflow:hidden;
    position:relative;
    margin:0 0 25px 0}

#container .elenco img{
    width:645px;
    /*height:260px;*/
    z-index:0;}

#container .elenco .highlight{
    background:#fff;
    width:266px;
    height:87px;
    color: #58585a;
    display: block;
    position:absolute;
    bottom:38px;
    right:0px;
    padding:50px 22px;
    overflow:hidden;
    -ms-filter:alpha(opacity=92);filter:alpha(opacity=92);-moz-opacity:0.92;opacity:0.92; z-index:5}

#container .elenco .highlight h5{ display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color: #005e81; margin:0 0 10px 0;}
#container .elenco a{
    width:288px;
    height: 25px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    right: 0;
    background: #005e81;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.7;
    font:italic 14px "Times New Roman", Times, serif; padding:13px 0 0 22px; color:#eceded;
    z-index:50 }

#container .elenco a span{
    background: url(/images/elementi/icons.png) no-repeat -57px 5px;  
    width:37px; 
    height:38px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    display:block;
    float: right;
    margin:-13px 0 0 0}

#container .elenconews{
    width:596px;
    height:110px;
    border-bottom:1px solid #c0c0bf;
    overflow:hidden;
    position:relative;
    margin:0 25px;
    background: #f6f6f6;
    text-align:center;
    padding:19px 0 0 0}

#container .elenconews h5{ display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color: #005e81; margin:0 0 10px 0;}
#container .elenconews h5 .data{ font:italic 14px "Times New Roman", Times, serif; color:#005e81; display:block; margin:0 0 10px 0 }
#container .elenconews:hover,#container .elenco:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
                                                       filter: alpha(opacity=50); /* for IE6-IE8 */
                                                       opacity: .5;}

#container .elencocamere{
    width:596px;
    min-height:28px;
    border-bottom:1px solid #c0c0bf;
    overflow:hidden;
    position:relative;
    margin:0 25px;
    background: #f6f6f6;
    text-align:center;
    padding:19px 0}

#container .elencocamere h5{ display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color: #005e81; cursor:pointer}
#container .elencocamere .highlight{ width:410px; margin:15px auto 0 auto; display:none }
#container .elencocamere .highlight .hr{ margin:20px auto; font:italic 14px "Times New Roman", Times, serif; color:#58585a}
#container .elencocamere .highlight .hr span{ background-position: -159px -113px;  height:21px !important; top:-10px !important; }
#container .elencocamere h5:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* for IE8 in IE7 mode */
                                   filter: alpha(opacity=50); /* for IE6-IE8 */
                                   opacity: .5;}

#content .boxopinioni{width:545px; position:relative; overflow:hidden; background: #f1f1f2; text-align:left; margin:0 25px; padding:25px}
#content .boxopinioni .elencoop{ width: 260px; min-height:158px; position:relative; overflow:hidden; float: right; border:none; margin:0 0 25px 0}
#content .boxopinioni .elencoop.guest{ min-height: 228px !important}
#content .boxopinioni .elencoop.pari{ float:left !important; margin:0 20px 25px 0 !important }
#content .boxopinioni .elencoop .imgsito{
    display:block;
    width: 260px;
    height: 34px;
    border-bottom: 1px solid #c0c0bf;
    padding: 10px 0;
    margin:0 0 20px 0}

#content .boxopinioni .elencoop .imgsito img{height: 30px;}

#content .boxopinioni .elencoop h3{ font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color: #005e81;}
#content .boxopinioni .elencoop .boxhl{width:260px; height:80px; position:relative; overflow:hidden; display: block; margin:14px 0;}
#content .boxopinioni .elencoop .boxhl strong{ display:block}
#content .elencoop em{ font:italic 12px "Times New Roman", Times, serif; color:#005e81; float:right; margin:15px 15px 0 0;/* position:absolute; bottom:15px; right:15px;*/}
#content .elencoop a{
    width: 246px;
    height: 25px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    right: 0;
    background: #4f7595;
    /*-ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.7;*/
    font: italic 14px "Times New Roman", Times, serif;
    padding: 13px 0 0 14px;
    color: #eceded;
    z-index: 50;}

#content .elencoop a span{
    background: url(/images/elementi/icons.png) no-repeat -170px 5px;  
    width:37px; 
    height:28px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    display:block;
    float: right;
    margin:-13px 0 0 0}

#content .elencoop a.act span{ background-position:-397px 5px !important}
#content .elencoop p.boxart{ display:none; margin:10px 0 0 0}

#scrivipost{ display:block; color: #58585a; text-align:center; }
#scrivipost .hr{ color:#58585a; font: italic 14px "Times New Roman", Times, serif;}
#scrivipost .hr span{ background-color:#fff !important}
#scrivipost #boxguest{ position:relative; overflow:hidden; background:#6F3; display:none}


#content .elencoop.noact{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* for IE8 in IE7 mode 
filter: alpha(opacity=40); /* for IE6-IE8 */
                          opacity: .4;}
#content .elencoop.act .boxhl{ height: auto !important; padding:0 0 40px 0}
#content .elencoop.act .boxart{ display:block !important}

#content .elencoop.act a span{ background-position:-397px 5px !important}

/*#content .boxopinioni .elencoop .boxhl p,#content .elencoop .boxhl p{width:260px; position:relative; overflow:hidden; margin:10px 0}

*/

/*
#content .elencoop span,#content.opinioni .elencoop span{ display:block; float:left; width:28px; height:28px; background: url(/images/elementi/icons.png) no-repeat -38px -157px; margin:0 24px 0 12px; overflow:hidden; }
#content .elencoop.pari{ float:left !important;}

#content.opinioni .elencoop span{ background:none !important;}
#content.opinioni .elencoop span img{width:28px !important}

#content .elencoop h3,#content .elencoop h3{ width:200px; font:bold 14px/1.2 BodoniEgyptian, "Times New Roman", Times, serif; color:#cfaac3; margin:0 0 15px 64px}
#content .elencoop h3{ height: 35px !important;}
#content .elencoop .boxhl strong,#content .boxhl strong{ display:block; width:185px}

#content .elencoop em,#content .elencoop em{ width:72px; color:#a18598; position:absolute; top:0; right:0; padding:30px 0 0 0}
#content .elencoop em strong,#content .elencoop em strong{ display:block; font-style:normal}
#content .elencoop h5{ font-style:italic; font-size:11px; margin:0 0 5px 0}

#content .elencoop a.leggi,#content .elencoop a.leggi{ width:152px; height:19px; background:#dddfe0; position: relative; overflow:hidden; display:block; margin:1px 0 0 64px; font-weight:bold; color:#707173; padding:7px 0 0 3px}
#content .elencoop a.leggi span,#content .elencoop a.leggi span{ width:9px; height:5px; display:block; float: right; background:url(/images/elementi/icons.png) no-repeat -26px -80px; margin:5px 60px 0 0}

#content .elencoop .boxhl,#content .elencoop .boxhl{ width:200px; height:57px; position:relative; overflow:hidden; display: block; padding:0; margin:15px 0 0px 64px; border-bottom:1px dotted #c1c8d0}
#content .elencoop .boxhl p,#content .elencoop .boxhl p{width:200px; position:relative; overflow:hidden; font: 11px Arial, Helvetica, sans-serif;}

*/



#paginazione{ position:relative; text-align: center; font:italic 12px "Times New Roman", Times, serif; color:#005e81; margin:20px 0}
#paginazione a{ padding: 0 2px}

#testo{ width:645px; position:relative; overflow:hidden; padding:33px 0 0 0; background:#fff; text-align: center; /*margin:0 0 30px 0*/}
#testo h3{ font: 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; margin:35px 0 20px 0; color:#005e81}
#testo .hr span,#testo .leggi span{ background-color:#fff}

#testo p{ padding:0 54px; line-height:22px; text-align: justify;}
#testo p em{ padding:0 100px; margin:0 0 23px 0; display:block; line-height:14px; text-align: center;}
#testo p a{ display: inline}

#testo .immgh{ width:645px; height:260px; position:relative; overflow: hidden}
#testo .immgh img{width:645px;}

#testo .boxlink{ width:211px; position: relative; margin:0 auto}
#testo .boxlink a{ font:italic 14px "Times New Roman", Times, serif; display:block}
#testo .boxlink .leggi{ margin:15px auto 0 auto !important}

#testo #t_indietro{ 
    display:block; height:31px; background-color:#fff; font:italic 14px "Times New Roman", Times, serif; color:#005e81; text-align:right; padding:16px 0 0 0}
#testo #t_indietro span{
    background: url(/images/elementi/icons.png) no-repeat -283px 0;  
    width:23px; 
    height:28px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    display:block;
    float: right;
    margin:-7px 14px 0 24px}

/*addthis*/
.addthis_toolbox{ width:70px; overflow:hidden; background: #fff url(/images/elementi/bg_addthis.png) no-repeat; text-align:center; margin:30px auto}
.addthis_toolbox a{width:12px !important; height:13px !important; overflow:hidden; display:block; float:left; text-indent:-9000em;}
.addthis_toolbox a span{ background:  none !important;}
.addthis_toolbox a#ln1 span{ background-position:0px 0px;}
.addthis_toolbox a#ln2 span{background-position:-13px 0px;}
.addthis_toolbox a#ln3 span{background-position:-34px 0px;}
.addthis_toolbox a#ln4 span{background-position:-50px 0px;}


/************************************************************sx******************************************************************/
#sx{ width:310px; position:relative; /*overflow:hidden;*/ float:left; /*background:#FCF*/}
#sx .boxnews,#sx #video{ width:260px; height:260px; position:relative; overflow:hidden; float:left; background:#fff; margin:0 25px 25px 0; padding:25px}
#sx .boxnews .item,#sx #video .itemvideo{ width:260px; height:232px; position:relative; overflow:hidden; background:#f6f6f6; text-align:center; padding:28px 0 0 0}
#sx .boxnews .item a{width:260px; height:232px; position:relative; overflow:hidden; display:block; color:#58585a; font-size:12px}
#sx .boxnews .item strong{ width:213px; display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif;  line-height:1.1em; color:#005e81; margin:37px auto 0 auto }
#sx .boxnews .item .immgh{ width:260px; height:105px; position: absolute; bottom:16px; left:0; overflow:hidden}
#sx .boxnews .item .immgh img{ width:260px;}

#sx .boxnews .item .highlight{ width:220px; height:120px; position: absolute; bottom:0; left:0; overflow:hidden; display:none; padding:0 20px}
#sx .boxnews .item .highlight em{ font:italic 14px "Times New Roman", Times, serif; margin:0 0 0 0; color:#58585a }

#sx .boxnews .item a:hover .immgh{ display: none !important}
#sx .boxnews .item a:hover .highlight{ display: block !important}

#sx #video .itemvideo{ height:260px !important; padding:0 !important}
#sx #video .itemvideo a{ height:260px !important; display:block}
#sx #video .itemvideo a span{width:260px; height:260px; position:relative; overflow:hidden;display:block}
#sx #video .itemvideo a span img{ width:260px;}
#sx #video .itemvideo a span img.mskplay{ display: block; width:36px; height:36px; position: absolute; top:112px; left:112px; text-indent:-900em; z-index:20}

#sx #video #boxpulsanti{
    width: 248px;
    height: 27px;
    padding: 11px 0 0 12px;
    color: #eceded;
    background: #005e81;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.7;
    font: 14px "Times New Roman", Times, serif !important;
    position:absolute;
    bottom:25px;
    left:25px;
    z-index:30}

#sx #video #boxpulsanti em{ width:198px; display: block;float: left;}
#sx #video #boxpulsanti #tprevvid,#sx #video #boxpulsanti #tnextvid {
    background: url(/images/elementi/icons.png) no-repeat -340px 0;  
    width:25px; 
    height:28px; 
    position: relative;
    overflow:hidden; 
    z-index:900; 
    text-indent:-900em;
    display:block;
    float:left;
    margin:-5px 5px 0 0;  }

#sx #video #boxpulsanti #tnextvid {background: url(/images/elementi/icons.png) no-repeat -369px 0 !important;  width:15px !important;}



/*booking*/
#head #booking{ background:#1c5f85; width:980px; height:38px; overflow:hidden; color:#ececec;  padding:0 0px 0 0px !important;  position:absolute; top:511px; left:0; z-index:30}

#head #booking form{ padding:9px 0 0 15px; width:965px !important; height:38px !important; position:relative; font:12px Helvetica, Arial, sans-serif; }
#head #booking form fieldset{ width: auto; border:none; height:38px; float:left; overflow:hidden; position:relative; margin:0 10px 0 0;}

/*#head #booking form fieldset#b1{width:170px !important; }
#head #booking form fieldset#b2{ width:100px !important;}
#head #booking form fieldset#b3{width:100px;}
#head #booking form fieldset#b4{width:125px;}
*/
#head #booking form fieldset#b5{ margin:0 0 0 9px}
#head #booking form fieldset#b1 button{ float: left; border:none; margin:1px 0 0 0; width:16px; height:16px; background:none}
#head #booking form fieldset#b5 button{display:block; float:left; color:#ececec; background:none; border:none; padding:0; margin:0 0 0 3px; text-align:left; white-space:nowrap; font:italic 14px "Times New Roman", Times, serif;}
#head #booking form fieldset label{ text-align:left; float:left; margin:1px 5px 0 10px;}
/*#head #booking form fieldset select,#head #booking form fieldset input { height:18px; margin:0 10px 0 0; width:45px;; background:#ececec; color:#1c5f85 }
*/
#head #booking form fieldset input{ height:18px; margin:0 10px 0 0; width:80px; background:#ececec; color:#1c5f85; border:none; display:block; float:left}

#head #booking form div#buttons{ display:block; overflow:hidden; position: absolute; top:0; right:0; width:286px; height:26px; background:#133b5b; border-left:1px solid #164668; padding:12px 0 0 23px }
#head #booking form div#buttons button{display:block; width:286px; color:#ececec; background:none; border:none; padding:0; margin:0; text-align:left; white-space:nowrap; text-transform:uppercase; font-size:14px; font-weight:normal}
#head #booking form div#buttons span{ position:absolute; top:0; right:0; width:38px; height:38px; background: url(../images/elementi/icons.png) no-repeat -57px 4px;}

/*.ui-datepicker-trigger{ display:block; overflow:hidden; background:#ccc; width:16px; height:16px; border:none; float:left; margin:1px 10px 0 0}
.ui-datepicker-trigger img{ display:block; width:16px; height:16px; float:right; margin:0; padding:0}
*/
.styled-select select {
    background: transparent;
    width: 78px;
    padding: 0px 5px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 18px;
    -webkit-appearance: none;
} /*booking*/

.styled-select {
    width: 50px;
    height: 18px;
    overflow: hidden;
    background: url(/images/elementi/new_arrow.png) no-repeat right #ececec;
    /*border: 1px solid #ccc;*/
    color:#ececec !important;
    float: left}

/*gestione icone macro categorie*/

.hr{ width:211px; height:1px; background:#c0c0bf; margin:15px auto 0 auto; display:block; font: 24px "Lobster", Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.1em; color:#fff;} 
.hr span{ position:absolute; top:-17px; left:81px; width:50px; height:36px; display:block; position:relative; background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 4px -56px;}

.hr#rst span{ background-position:-47px -56px !important}
.hr#cer span{ height:40px !important; background-position:-104px -56px !important}
.hr#cermat span{ background-position:-162px -56px !important}
.hr#eve span{ height:40px !important; background-position:-216px -56px !important}
.hr#con span{ background-position:-274px -56px !important}
.hr#tur span{height:40px !important; background-position:-330px -56px !important}
.hr#dov span{ height:40px !important; background-position:-388px -56px !important}
.hr#cnt span{ background-position:-448px -50px !important;}
.hr#op span{ background-position:-107px -114px !important}

.leggi{ margin:15px auto 40px auto !important}
.leggi span{ height:15px !important; top:-2px !important; background: #f6f6f6 url(/images/elementi/icons.png) no-repeat 8px -170px; margin:0 0 0 0 !important;}



/*-------------------------------------------------
-------------------- zoom gallery -----------------
-------------------------------------------------*/
.zoomgallery{ position:fixed; z-index:5000; width:100%; height:100%; top:0; left:0; display:none; background:#222222; overflow:hidden;}
.zoomgallery .contzoom{ position:relative; top:0; /*width:100%;*/ height:100%; left:0; }
.zoomgallery .zoomheader{ width:100%; height:101px; position:fixed; top:0; left:0; z-index:5030; /*background:url(/images/elementi/bg_black_95.png) repeat;*/}
.zoomgallery .zoomheader .box{ width:980px; height:76px; margin:0 auto;}

/*.zoomgallery .zoomheader a.close{ width:37px; height:37px; float:left; margin-top:19px; margin-right:20px; background-position: 0 -74px; background-repeat:no-repeat; background-image:url(/images/elementi/ico_close.png)}*/
.zoomgallery .zoomheader a.close{ width:36px; height:36px; position:absolute; top:0; right:0; background: url(/images/elementi/icons.png) no-repeat -56px -112px;}
/*.zoomgallery .zoomheader a.close:hover{ background-position: 0 -74px;}*/
.zoomgallery .zoomheader a#logo{ width:94px; height:101px; background:#133b5b url(/images/elementi/logo.png) no-repeat 10px 10px; display:block; margin:0 auto; padding:10px; text-indent:-9000em}

/*.zoomgallery .zoomheader a.next{ float:right; height:20px; margin-top:28px; overflow:hidden; width:14px; background-image:url(/images/elementi/arrow_slideshowH_nav.png); background-position: 0 0; background-repeat:no-repeat; margin-right:30px;}
.zoomgallery .zoomheader a.next:hover{ background-position:0 -20px}*/

#outer_container a.next{background: url(/images/elementi/icons.png) no-repeat -284px -114px; display:block; width:36px; height:36px; position: absolute;top:50%; right:0; text-indent:-900em; z-index:20}

/*.zoomgallery .zoomheader a.prev{ float:right; height:20px; margin-top:28px; margin-right:26px; overflow:hidden; width:14px; background-image:url(/images/elementi/arrow_slideshowH_nav_sx.png); background-position: 0 0; background-repeat:no-repeat;}
.zoomgallery .zoomheader a.prev:hover{ background-position:0 -20px}
*/
#outer_container a.prev{ background: url(/images/elementi/icons.png) no-repeat -227px -114px; display:block; width:36px; height:36px; position:absolute; top:50%; left:0; text-indent:-900em; z-index:20 }


/*.zoomgallery .zoomheader h5{ font-family: 'KlavikaLightPlain', Helvetica, Arial, "Trebuchet MS", sans-serif; float:right; min-width:20px; width:auto; color:#CBCBCB; text-transform:uppercase; line-height:76px; font-size:26px; margin-right:60px }
*/
.zoomgallery .zoomheader h3{ font: 24px "Lobster", Arial, Helvetica, sans-serif; line-height:1.1em; text-align:center; color:#edeef0; line-height:76px; /*position:absolute; top:0; left:50%; margin-left:-60px;*/ float:left; width:800px; margin:0 auto}


.zoomgallery .zoomfooter{ width:100%; height:29px; position:fixed; bottom:0; left:0; z-index:5030; background:url(/images/elementi/bg_blu.png) repeat-x;}
.zoomgallery .zoomfooter .box{ width:100%; height:29px; margin:0 auto; position:relative; text-align:left}
.zoomgallery .zoomfooter .sendandsharethis{ z-index:5040; padding:0 35px }
.zoomgallery .zoomfooter .slidecollectionMenu{ left:57px; background:none}
.zoomgallery .zoomfooter h3{ color:#eceded; font-size:12px; text-transform:uppercase; margin:9px 0 0 20px}


.zoomgallery .fullImg{ -ms-interpolation-mode: bicubic; z-index:5010; display:none}
#outer_container, #imagePan{height:100%; width:100%; }
#outer_container{margin:0 auto; padding:0px; border:0; z-index:5010;}
#imagePan{position:relative; overflow:hidden; height:100%}
#imagePan .container{position:relative; left:0;}

.contLoad{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000; background:url(/images/bg_contLoad.png) repeat; display:none}
.loader{ position:fixed; width:44px; height:44px; top:50%; left:50%; margin-left:-12px; margin-top:-12px; z-index:20000; background:url(/images/loader.gif) center no-repeat #000; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; display:none; }
	/*.loader{ behavior: url(http://dev5.thehouseofmouse.it/testnew/berti/border-radius.htc);}*/

.loaderWhite{ position:absolute; width:44px; height:44px; top:50%; left:50%; margin-left:-12px; margin-top:-12px; z-index:20000; background:url(/images/loader_white.gif) center no-repeat #fff; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; display:none; }
	/*.loaderWhite{ behavior: url(http://dev5.thehouseofmouse.it/testnew/berti/border-radius.htc);}*/