@charset "utf-8";

* {
    margin:0;
    padding:0;
    border:0;
    outline:none;
    font-size:100%;
}
:focus { outline:none; }
body {
    line-height:1;
    color:#444444;
    background: url(../images/sfondo.jpg) repeat-x #2877b2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
ol, ul { list-style:none }
blockquote:before, blockquote:after,  q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
/* INIZIO CODICE */
html {
    width:100%;
    height:100%;
}/* CSS Document */

a , a:visited{
text-decoration:none;
}

a:hover  {
text-decoration:underline;
}

p {
    line-height:14px;
    margin-bottom:7px;
}

.titGrigio {
    color:#494949;
    font-size:16px;
    text-transform:uppercase;
    font-weight:normal;
}

.titBlu {
    color:#2671af;
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase;
    margin-bottom:15px;
}

.titBlu-pc {
    color:#2877B2;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:15px;
}

.bordoBianco {
    border: solid 9px white;
}

.cliar {
    clear:both;
}



/***********************************************************************************************************************/

#head {
    position:relative;
    margin:auto;
    width:1010px;
    height:282px;
    background: url(../images/bg_head.jpg) no-repeat left bottom;
}

#cont_emo {
    position:relative;
    margin:auto;
    width:1010px;
    height:205px;
}

#box_booking {
    width:363px;
    height:205px;
    float:left;
    background:url(../images/swirl.png) no-repeat right top;
}

#emo {
    width:647px;
    height:205px;
    float:left;
}

#wrap_body {
    width:100%;
    background-color:#E7F5F8;
}

#cont_body {
    width:1010px;
    padding-top:35px;
    margin:auto;
}

#cont_body strong{
        color:#2671af;
}

#cont_body a{
    color:#9D5688;
}


#col1 {
    width:235px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
}

#col2 {
    width:490px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
}

#col3 {
    width:250px;
    padding-left:35px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
}

#col_big {
    width:775px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
}



#onda_down {
    width:1010px;
    height:23px;
    padding-top:15px;
    background: url(../images/onda_fut.png) no-repeat 10px bottom;
    clear:both;
}

#cont_fut {
    width:100%;
    height:60px;
    background-color:#2877b2;
}

#fut {
    width:1010px;
    height:30px;
    padding:30px 0 0 0;
    margin:auto;
    color:#FFFFFF;
    font-size:10px;
}

#fut a , #fut a:hover, #fut a:visited{
    color:white;
}

#fut_sx {
    float:left;
    width:350px;
    margin-top:-10px;
}

#fut_mid {
    position:absolute;
    width:250px;
    left:50%;
    margin-left:-125px;
    text-align:center;  
}

#fut_dx {
    float:right;
    width:350px;
    text-align:right;
}

/************************************   MENU LINGUE ****************************************/

#sel_lang {
    position:absolute;
    right:0;
    top:33px;
    height:11px;
    width:263px;
    font-size:9px;
    color:#6b6b6b;
    font-weight:bold;
}

#sel_lang li{
    display:block;
    float:left;
}

#sel_lang_txt{
    width:135px;
    text-align:right;
}


#sel_lang a{
    display:block;
    width:16px;
    height:11px;
    margin-left:16px;
}

#sel_lang .sel {
    filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
}

a#b_ita {
        background: url(../images/band_ita.png) no-repeat 0 0;
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;
}

a#b_eng {
        background: url(../images/band_eng.png) no-repeat 0 0;
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;
}

a#b_deu {
        background: url(../images/band_deu.png) no-repeat 0 0;
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;
}

a#b_fra {
        background: url(../images/band_fra.png) no-repeat 0 0;
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;
}


/************************************   MENU PRINCIPALE ****************************************/


#cont_menu{
    position:absolute;
    width:594px;
    height:48px;
    top:160px;
    left:416px;
}


/*******************   PULSANTI MENU *******************/

.menu li {
    display:inline;
}

.menu li a{
    background: url(../images/bg_menu.jpg);
    text-indent:101%;
    display:block;
    height:48px;
    float:left;
    overflow:hidden;
    white-space:nowrap;
}

#home, #home_sel {
    width:75px;
    background-position: 0 0;
}

a#home:hover , a#home_sel{
    background-position: 0 -48px;
}

#hotel , #hotel_sel{
    width:66px;
    background-position: -75px 0;
}

a#hotel:hover , a#hotel_sel{
    background-position: -75px -48px;
}

#camere , #camere_sel{
    width:83px;
    background-position: -141px 0;
}

a#camere:hover , a#camere_sel{
    background-position: -141px -48px;
}

#ristorante , #ristorante_sel {
    width:105px;
    background-position: -224px 0;
}

a#ristorante:hover , a#ristorante_sel{
    background-position: -224px -48px;
}

#servizi , #servizi_sel{
    width:77px;
    background-position: -329px 0;
}

a#servizi:hover , a#servizi_sel{
    background-position: -329px -48px;
}

#dove , #dove_sel{
    width:107px;
    background-position: -406px 0;
}

a#dove:hover , a#dove_sel{
    background-position: -406px -48px;
}

#contatti , #contatti_sel{
    width:81px;
    background-position: -513px 0;
}

a#contatti:hover , a#contatti_sel{
    background-position: -513px -48px;
}

/******************************************************* BOX BOOKING ***************************************************/

#tit_box_booking {
    margin:25px 0 25px 0;
    font-size:20px;
    color:#494948;
    text-transform:uppercase;
}

#tit_box_bookingInterna {
    font-size:20px;
    color: #666666;
    text-transform: none;
    margin:0 0 15px 0;
}

#form_box_booking {
    color:black;
    font-size:12px;
}

#form_box_booking ul li{
    margin-bottom:3px;
}

#form_box_booking ul li img {
    float:left;
    display:block;
    margin:5px 0 0 8px;
}

#form_box_booking ul li label{
    width:85px;
    padding:6px 0 0 0;
    display:block;
    float:left;
}

.mezza {
    height:23px;
    width:130px;
    display:block;
    float:left;

}

.intera {
    height:23px;
    width:221px;
    display:block;

}

.inputs {
    float:left;
    width:78px;
    height:16px;
    padding:1px 0 0 10px;
    background:url(../images/bg_inputs.png) no-repeat 0 0;
    margin-top:5px;
}

.inputs2 {
    float:left;
    margin-top:3px;
    font-size:10px;
    width:40px;
    height:18px;
    border:1px solid #3d99db;
}

.p_verifica {
    margin:5px 0 0 10px;
    width:101px;
    height:40px;
    background:url(../images/bg_verifica.png) no-repeat 0 0;
    display:block;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:white;
    text-transform:uppercase;
    text-align:center;  
}

.p_verifica.interna {
    background:url(../images/bg_verifica_small.png) no-repeat 0 0;
    height:27px;
    font-size:10px;
    float:right;
    margin:5px 33px 15px 0;
}

/******************************************************* HOMEPAGE ***************************************************/


.listaViola {
    color:#954F7F;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    margin:15px 0 25px 0;
}

.listaViola a, .listaViola a:hover, .listaViola a:visited , a.linkViola , a.linkViola:hover, a.linkViola:visited{
    color:#954f7f;
}

.listaViola li {
    background: url(../images/freccia_rosa.png) no-repeat 0 0;
    padding-left:15px;
    margin-bottom:10px; 
}

.offHome {
    width:245px;
    margin-bottom:15px;
}

.offHome a, .offHome a:hover, .offHome a:visited{
    color:#444444;
}

.offHome .pic {
    display:block;
    width:91px;
    float:left;
}

.offHome .pic img{
    border: solid 5px white;
}

.offHome , .offHome span {
    font-size:11px;
}

.offHome span, .offHome p{
    display:block;
    width:145px;
    margin-left:9px;
    float:right;
}

.offHome p {
    margin-top:5px;
    font-size:10px;
    line-height:10px;
}


/******************************************************* PHOTO GALLERY PAGINE INTERNE ***************************************************/

#photo_gal {
    width:363px;
    margin-top:28px;
}

#photo_gal li {
    float:left;
    margin:0 0 4px 4px;
}

#photo_gal li a{
    display:block;
    border:solid 4px white;
 }
 
#photo_gal li a:hover{
    display:block;
    border:solid 4px #6BAFBF;
}

/******************************************************* DOVE SIAMO ***************************************************/

#frame_mappa {
    width:478px;
    height:400px;
    border: 6px solid white;
}


/******************************************************* BOOKING ***************************************************/

#col_booking {
    width:650px;
    margin-left:115px;
    float:left;
}

.frame_booking {
    width:660px;
    height:450px;
    background-color:transparent;
}

a.back {
    color:#954F7F;
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    font-size:10px;
}

a.back:hover {
    text-decoration:underline;
}


#indirizzo_spalla {
    font-size: 11px;
    line-height:15px;
    margin:15px 0 0 10px;
}

#indirizzo_spalla a {
    color:#954F7F;
}

#indirizzo_spalla span {
    font-weight:bold;
    font-size:13px;
    color:#246BAB;
    margin:0;
    padding:0;
    margin-bottom:5px;
}

/******************************************************* SITEMAP ***************************************************/

.lista_sitemap {
    list-style:disc;
    color:#2265A9;
    margin-left:15px;
    float:left;
}

.lista_sitemap li {
    margin:5px 0;
}

/******************************************************* OFFERTE ***************************************************/

#latest-news {
    width: 240px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FFF;
    background-image: url(images/image05.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

#latest-news p {
    margin: 0px;
    padding: 0px;
}


#latest-news .date {
    width: 80px;
    margin: 20px 0px 4px 0px;
    padding: 2px 7px;
    font-weight: bold;
    color: #FFFFFF;
    /*background-color: #B0C800;*/
    background-image: url(../images/bg_verifica_small.png);
}


.offnews {
    width:245px;
    margin-bottom:15px;
}

.offnews a, .offnews a:hover, .offnews a:visited{
    color:#444444;
}

.offnews .pic {
    display:block;
    width:91px;
    float:left;
}

.offnews .pic img{
    border: solid 5px white;
}

.offnews , .offnews span {
    font-size:11px;
}

.offnews span, .offnews p{
    display:block;
    width:145px;
    margin-left:9px;
    float:right;
}

.offnews p {
    margin-top:5px;
    font-size:10px;
    line-height:10px;

}



#marqueecontainer{
position: relative;
width: 240px; /*marquee width */
height: 400px; /*marquee height */
overflow: hidden;
border: 0px solid red;
padding: 2px;
padding-left: 2px;
text-align:justify;
}


#marqueecontainer2{
position: relative;
width: 640px; /*marquee width */
height: 400px; /*marquee height */
overflow: hidden;
border: 0px solid red;
padding: 2px;
padding-left: 2px;
text-align:justify;
}