/* =html */
html { height:100%; }
/* =body */
body { height: 100%; margin: 0; text-align:center;}
/* universal rules */
.turismo { position: relative; }
* { margin : 0; padding : 0; }
/* =hx */
h1, h2, h3 { font-weight : bold; font-family: Georgia, "Times New Roman", Times, serif;}
/* =h1 */
h1 {color: #FF6600; padding-left: 10px; padding-top: 15px; padding-bottom: 5px;line-height: normal; font-size: 2em;}
/* =h2 */
h2 {color: #FF9B00; margin-left: 15px; border-left-width: 1.2em; border-left-style: solid; border-left-color: #FF9B00; line-height: 1.2em; padding-left: 10px; font-size: 1.5em;}
/* =h3 */
h3.appartamenti a{ padding-bottom: 200px; display: block; text-align:center; margin-top: 20px; font-size: 1.1em; color: #681107; }
h3.appartamenti a:hover { color: #881107; }
h3.grande a{ padding-bottom: 300px; display: block; text-align:center; font-size: 1.6em; color: #681107; }
h3.grande a:hover { color: #881107; }
/* =ul */
ul { position: relative ; list-style-type: none; width: 513px; padding-top: 15px;}
ul#navigation_bar { list-style-type:none; position:relative; width: 212px; height: 205px; }
/* =ol */
/* =li */
/* The following rules relate to image replacement where a background image
is placed on an element and HTML text is moved out of view.
See http://www.mezzoblue.com/tests/revised-image-replacement */
/* The following rules relate to the photogallery */
li { float: left; width: 170px; padding-bottom: 1em; }
li#calasetta { background:url(../assets/images/gallery_calasetta.jpg) no-repeat 50% 15px;}
li#masua { background:url(../assets/images/gallery_masua.jpg) no-repeat 50% 15px;}
li#portopino { background:url(../assets/images/gallery_portopino.jpg) no-repeat 50% 15px;}
li#portoscuso { background:url(../assets/images/gallery_portoscuso.jpg) no-repeat 50% 15px;}
li#gonnesa { background:url(../assets/images/gallery_gonnesa.jpg) no-repeat 50% 15px;}
li#carloforte { background:url(../assets/images/gallery_carloforte.jpg) no-repeat 50% 15px;}
li#chia { background:url(../assets/images/gallery_chia.jpg) no-repeat 50% 15px;}
li#caladomestica { background:url(../assets/images/gallery_caladomestica.jpg) no-repeat 50% 15px;}
li#piscinas { background:url(../assets/images/gallery_piscinas.jpg) no-repeat 50% 15px;}
li#calasetta a:hover, li#masua a:hover, li#portopino a:hover, li#portoscuso a:hover, li#gonnesa a:hover, li#carloforte a:hover, li#chia a:hover, li#caladomestica a:hover, li#piscinas a:hover { color: #C0C0C0;}
/* The following rules relate to the navigation bar*/
li#equitazione { position: absolute; top: 0px; left: 0px; width: 212px; height: 41px;
background:url(../assets/images/navigation_bar.gif) no-repeat 0 0 ;}
li#storia { position:absolute; top: 41px; left: 0px; width: 212px; height: 41px;
background:url(../assets/images/navigation_bar.gif) no-repeat 0 -41px ;}
li#diving { position:absolute; top: 82px; left: 0px; width: 212px; height: 41px;
background:url(../assets/images/navigation_bar.gif) no-repeat 0 -82px ;}
li#surf { position:absolute; top: 123px; left: 0px; width: 212px; height: 41px;
background:url(../assets/images/navigation_bar.gif) no-repeat 0 -123px ;}
li#climbing { position:absolute; top: 164px; left: 0px; width: 212px; height: 41px;
background:url(../assets/images/navigation_bar.gif) no-repeat 0 -164px ;}
li#equitazione a:hover{ background:url(../assets/images/navigation_bar.gif) no-repeat -212px 0 ;}
li#storia a:hover{ background:url(../assets/images/navigation_bar.gif) no-repeat -212px -41px ;}
li#diving a:hover{ background:url(../assets/images/navigation_bar.gif) no-repeat -212px -82px ;}
li#surf a:hover{ background:url(../assets/images/navigation_bar.gif) no-repeat -212px -123px ;}
li#climbing a:hover{ background:url(../assets/images/navigation_bar.gif) no-repeat -212px -164px ;}
li#equitazione a:focus{ background:url(../assets/images/navigation_bar.gif) no-repeat -424px 0 ;}
li#storia a:focus{ background:url(../assets/images/navigation_bar.gif) no-repeat -424px -41px ;}
li#diving a:focus{ background:url(../assets/images/navigation_bar.gif) no-repeat -424px -82px ;}
li#surf a:focus{ background:url(../assets/images/navigation_bar.gif) no-repeat -424px -123px ;}
li#climbing a:focus{ background:url(../assets/images/navigation_bar.gif) no-repeat -424px -164px ;}
/* =b */
b { font-weight:bold; }
/* =q */
q { line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;
font-weight: bold; color: #555555; margin:5px; text-align:center;}
/* =p */
p { line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;
font-weight: bold; color: #555555; margin:5px;}
p.table_rooms { font-size: 10px; font-weight: normal; padding: 10px; margin: 0px; }
p.commenti {font-size: 10px; font-weight: normal; height: inherit; padding: 10px; display: table-cell;
vertical-align: middle; text-align:justify;}
p.vacanze {font-size: 12px; font-weight: normal; padding: 2px; line-height: 1em; color: #FD7900; text-align:justify;}
/* =blockquote */
/* =a */
a { text-decoration:none; font-weight: bold; font-size: 12px; color: #555555; }
a:hover { color: #F8A704; text-decoration: none; }
li#calasetta a, li#masua a, li#portopino a, li#portoscuso a, li#gonnesa a, li#carloforte a, li#chia a, li#caladomestica a, li#piscinas a { padding-bottom: 160px; display: block; text-align: center; }
ul#navigation_bar a { display: block; width: 212px; height: 41px; text-indent: -9999px; text-decoration: none;
overflow: hidden; }
div#fixed a { display: block; text-indent: -9999px; width: 237px; height: 60px;}
div#fixed2 a { display: block; text-indent: -9999px; width: 237px; height: 60px;}
span#bottom_menu a { color:#FFFFFF; background:none; }
span#bottom_menu a:hover { color:#FFBB00;}
/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }
/* =form */
form div { background : url(../assets/images/bg_td2.jpg) repeat-x;
margin-bottom : 20px; padding : 10px 20px; border : 1px solid #DDDDDD; text-align : center; }
form div:hover { border : 1px solid #CCCCCC;}
/* =fieldset */
fieldset { background : url(../assets/images/bg_td2.jpg) repeat-x; margin-bottom : 10px; padding : 20px;
border : 1px solid #DDDDDD; overflow : hidden; }
fieldset:hover { border-color : #CCCCCC; }
fieldset textarea{ border : 1px solid #DDD; background: white url(../assets/images/input.jpg) repeat-x bottom }
fieldset input { float : right; width : 45%; border : 1px solid #DDD; }
fieldset textarea:hover, input:hover { border : 1px solid #faa253; }
fieldset textarea:focus, input:active, input:focus { border-color : #AAA; }
/* =label/labelspan */
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 45%; text-align : right; }
/* =input */
input#submit{border: 1px solid #CCC; background: url(../assets/images/input.jpg) repeat-x center left;color:#000000}
input#over { border: 1px solid #CCC; background:url(../assets/images/input_on.gif) repeat-x center left;color:#000000}
input#down { border: 1px solid #CCC; background:url(../assets/images/input_on.gif) repeat-x center left; font-style:italic; color:#000000}
/* =tables */
table { width: 350px; border-collapse:collapse; border: 1px solid #DDDDDD; }
thead th { background: url(../assets/images/border_table.gif) no-repeat; border-bottom: 1px solid #DDDDDD;
height: 30px; padding: 0px 7px 0px; margin: 10px 0px 0px; }
tbody tr { border-right: 1px solid #FFCA5E; border-left: 1px solid #FFCA5E;
background: url(../assets/images/bg_td1.jpg) repeat-x top; }
tbody tr.odd { background: #FFF8E8 url(../assets/images/bg_td2.jpg) repeat-x; }
tbody th,td { padding: 5px 7px; font-size: 0.8em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif;
color: #777777; border-top: 1px solid #FFCA5E; border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD; text-align: left; }
tbody a:hover { color: #F8A704; text-decoration: none; }
tfoot th { background: url(../assets/images/border_table_bottom.gif); background-color: #CACACA; color: #CCCCCC; height: 30px;
vertical-align: bottom; border-top: 1px solid #DDDDDD; }
/* =div */
div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
div#div_meteo{ position:absolute; width:auto; height:auto; top: -94px; right: 7px; }
div.content { padding: 5px; height: auto; width: 515px; border:none; position: relative;}
div#container { width: 528px; }
div.container_B { width: 528px; text-align:left; }
div#weather_maps { float:right; margin-bottom:20px; padding-right:1px; text-align:right; width:550px; z-index:-999; }
/* The following rules relate to layout's index and turismo attivo section */
div#div_right { background:url(../assets/images/esterno_vista_laterale.jpg) no-repeat; width: 300px; height: 250px;
float: right; }
div#div_right2 { background:url(../assets/images/esterno_ciottolato.jpg) no-repeat; width: 350px; height: 250px;
float: right; }
div#div_left { background:url(../assets/images/esterno_principale.jpg) no-repeat; width: 350px; height: 250px;
float: left; }
div#cavallino { background:url(../assets/images/cavallino_nero.jpg) no-repeat; width: 310px; height: 240px;
float: right; }
div#cavallino_turista { background:url(../assets/images/cavallino_turista.jpg) no-repeat; width: 350px; height: 250px;
float: left; }
div#antas { background:url(../assets/images/antas.jpg) no-repeat; width: 300px; height: 250px; float: right; }
div#nora { background:url(../assets/images/nora.jpg) no-repeat; width: 350px; height: 250px; float: left; }
div#scuba { background:url(../assets/images/scuba.jpg) no-repeat; width: 300px; height: 250px; float: right; }
div#ragazza_diving { background:url(../assets/images/ragazza_diving.jpg) no-repeat; width: 350px; height: 250px;
float: left; }
div#surf_verticale { background:url(../assets/images/surf_verticale.jpg) no-repeat; width: 300px; height: 370px;
float: right; }
div#surf_verde { background:url(../assets/images/surf_verde.jpg) no-repeat; width: 350px; height: 250px; float: left; }
div#climbing_blue { background:url(../assets/images/climbing_blue.jpg) no-repeat; width: 300px; height: 370px;
float: left; }
div#ragazzi_climbing { background:url(../assets/images/ragazzi_climbing.jpg) no-repeat; width: 350px; height: 250px;
float: right; }
/* The following rules relate to layout's photogallery */
div#fixed { background:url(../assets/images/fixed.gif) no-repeat; z-index:1; position: fixed; bottom: 0px; right: 0px; width: 237px; height: 60px; }
div#fixed a:hover { background:url(../assets/images/fixed_hover.gif) no-repeat; width: 237px}
div#fixed2 { background:url(../assets/images/fixed.gif) no-repeat; z-index:1; position: fixed; top: 0px; left: 0px; width: 237px; height: 60px; }
div#fixed2 a:hover { background:url(../assets/images/fixed_hover.gif) no-repeat; width: 237px}
/* The following rules relate to layout's appartamenti section */
div.box { width: 528px; height: 268px; }
div.box_camere { width: 528px; height: 237px; }
div.commenti_camere { width: 250px; height: 237px; float: right; }
div.commenti { width: 250px; height: 268px; float: right; }
/* appartamenti */
div#bilocale_b { background:url(../assets/images/bilocaleB.jpg) no-repeat; width: 278px; height: 268px; float: left; }
div#bilocale_a { background:url(../assets/images/bilocaleA.jpg) no-repeat; width: 278px; height: 268px; float: left; }
div#monolocale { background:url(../assets/images/open.jpg) no-repeat; width: 278px; height: 268px; float: left; }
div#entrata { background:url(../assets/images/entrata.jpg) no-repeat; width: 278px; height: 268px; float: left; }
div#servizi { background:url(../assets/images/servizi.jpg) no-repeat; width: 278px; height: 268px; float: left; }
/* The following rules relate to the feste e sagre section*/
h3.medio a{ padding-bottom: 255px; display: block; text-align:center; font-size: 1.4em; color: #681107; }
h3.medio a:hover { color: #881107; }
#sagre{ margin-right:6px; float: right; height: 366px; width: 212px; }
div#sagre a { background: url(../assets/images/sagre_off.jpg) no-repeat; display: block; width: 212px; height: 366px; text-indent: -9999px; text-decoration: none;}
div#sagre a:hover { background: url(../assets/images/sagre_on.jpg) no-repeat; display: block; width: 212px; height: 366px; text-indent: -9999px; text-decoration: none; overflow: hidden;}
div#viacrucis { background:url(../assets/images/viacrucis.jpg) no-repeat; width: 456px; height: 255px;
margin: 0 auto; padding-top:12px;}
div#gonnesacorre { background:url(../assets/images/gonnesacorre.jpg) no-repeat; width: 456px; height: 255px;
margin: 0 auto; padding-top:12px;}
div#medievale { background:url(../assets/images/medievale.jpg) no-repeat; width: 456px; height: 255px;
margin: 0 auto; padding-top:12px;}
div#trattalias { background:url(../assets/images/trattalias.jpg) no-repeat; width: 456px; height: 255px;
margin: 0 auto; padding-top:12px;}
div#santandrea { background:url(../assets/images/santandrea.jpg) no-repeat; width: 456px; height: 255px;
margin: 0 auto; padding-top:12px;}
/* Bilocale A */
div#bilocaleA_camera_1 { background:url(../assets/images/bilocaleA_camera_1.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#bilocaleA_camera_2 { background:url(../assets/images/bilocaleA_camera_2.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#bilocaleA_soggiorno { background:url(../assets/images/bilocaleA_soggiorno.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#bilocaleA_soggiorno_2 { background:url(../assets/images/bilocaleA_soggiorno_2.jpg) no-repeat; width: 231px; height: 237px;float: left; }
/* Bilocale B */
div#bilocaleB_soggiorno { background:url(../assets/images/bilocaleB_soggiorno.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#bilocaleB_camera { background:url(../assets/images/bilocaleB_camera.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#bilocaleB_camera_2 { background:url(../assets/images/bilocaleB_camera_2.jpg) no-repeat; width: 231px; height: 237px;float: left; }
/* Open Spaces */
div#open_A_grande { background:url(../assets/images/open_A_grande.jpg) no-repeat; width: 456px; height: 386px;
margin: 0 auto; padding-top:20px;}
div#open_BeC_grande { background:url(../assets/images/open_BeC_grande.jpg) no-repeat; width: 456px; height: 386px;
margin: 0 auto; padding-top:20px;}
/* Open Space A */
div#open_space_A_zona_giorno { background:url(../assets/images/open_space_A_zona_giorno.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#open_space_A_zona_notte { background:url(../assets/images/open_space_A_zona_notte.jpg) no-repeat; width: 231px; height : 237px; float: left; }
div#open_space_A_soppalco { background:url(../assets/images/open_space_A_soppalco.jpg) no-repeat; width: 231px; height: 237px;float: left; }
/* Open Space B e C */
div#open_space_B { background:url(../assets/images/open_space_B.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#open_space_C { background:url(../assets/images/open_space_C.jpg) no-repeat; width: 231px; height: 237px; float: left; }
div#open_space_BeC_soppalco { background:url(../assets/images/open_space_BeC_soppalco.jpg) no-repeat; width: 231px; height :237px;float: left; }
/* Ingresso */
div#ingresso_foto_A { background:url(../assets/images/ingresso_foto_A.jpg) no-repeat; width: 456px; height: 386px;
margin: 0 auto; padding-top:20px;}
div#ingresso_foto_B { background:url(../assets/images/ingresso_foto_B.jpg) no-repeat; width: 456px; height: 386px;
margin: 0 auto; padding-top:20px;}
/* =span */
span#bottom_menu { float: left; color:#F1F1F1; padding:5px; background: none; clear:both;}
/* The following rules relate to layout structure */
#apDiv1 { width:auto; height:auto; padding-left:10px; }
#pagina{ width: 832px; height:auto; margin: 0 auto; background: url(../assets/images/sfondo_pagina.gif); }
#title_right{ background: url(../assets/images/top_right.gif) no-repeat; float: right; height: 83px; width: 223px; }
#title_left{ background: url(../assets/images/top_left.gif) no-repeat; height: 83px; width: 557px; float:left;}
#content_right{float:right; width: 230px; clear:none;}
#content_left{ width: 540px; position:relative; }
#bottom{ background: url(../assets/images/bottom.gif) no-repeat; height: 71px; width: 780px;}
#main{ margin: auto; padding: 0; width: 780px; border:none; background: url(../assets/images/middle_variable.gif) repeat-y; text-align:left;}
#header{background: url(../assets/images/flash_header.jpg) no-repeat; height: 366px; width: 780px; }
#accessible { float:left; width: 500px; height: 250px; margin-top: 70px; }
/* The following rules relate to site signature div */
span#webmaster { float: right; padding:5px; background: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; color: #555555; font-style:italic;}
span#webmaster a { color: #777777; font-size:1.1em; font-style:normal;}
span#webmaster a:hover { color:#F1F1F1;}
/* The following rules relate to site foto section */
html#fotos { height: 100%; overflow: hidden; } div#foto { height: 100%; }
body.foto { border : 1px solid #FF9B00; height: 100%; margin: 0; padding: 0; background-color: #181818; color:#ffffff; }
#cerca {
position: fixed;
right: -117px;
top: 0px;
}