@charset "utf-8";
/* CSS Document 
951757
C52390
*/

html,
body {
margin: 0 0 20px 0;
padding: 0px;
color:#cdcdcd;
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color: #000;
background-image: url(images/bg1.gif);
background-repeat: repeat;
}
body{
font-size: 95%;
/*line-height:20px;*/
}
a{ color: #C52390;}
a:link{color: #C52390;}
a:visited{color: #C52390;}
a:hover{color: #ffffff;}
a:active{color: #ffffff;}
address{
font-style:normal;
}
img{border:0px;}
hr{display:none;}
h1{
font-size: 20px;
margin-top:0px;
}
strong{
color:#E2E2E2;
}
/**************************************************************
top
**************************************************************/
#top{
color: #555555;
font-size: 13px;
padding-left: 5px;
text-align:center;
}
/**************************************************************
contenuto layout generale
**************************************************************/
#container{
position:relative;
z-index: 1;
width: 760px;
margin: 15px auto;
/*height: auto !important;
height: 100%;
min-height: 800px;*/
}
/**************************************************************
header
**************************************************************/
#header-top{
height:18px;
background-image: url(images/top.png);
}
#header{
background: transparent url(images/sf.png) repeat-y;
}
#header-boxcx{
margin-left:10px;
width:740px;
height:140px;
}
#logo{
width: 262px;
height: 89px;
position:absolute;
z-index:3;
left: 470px;
top: 33px;
}
#logo img{
width:262px;
height:89px;
}
/**************************************************************
bandiere
**************************************************************/
#lang{
width: 740px;
height: 25px;
margin: 0px auto;
background-image: url(images/rigo.png);
background-repeat: no-repeat;
background-position: center center;
position:absolute;
top:140px;
left:10px;
}
#lang img{
border: none;
width: 25px;
height:24px;
}
#lang ul {
position:absolute;
width:725px;
text-align:right;
margin: 0 20px 0 0; 
list-style : none;
padding : 0;
}
#lang li {
display: inline;
margin-left: 3px;
}
/**************************************************************
content
**************************************************************/
#content{
background: transparent url(images/sf.png) repeat-y;
/*height: auto !important;
height: 100%;
min-height: 800px;*/
width:760px;
}
/**************************************************************
sidebar
**************************************************************/
#sidebar{
width:187px; /* -3px x ie6 ? */
float:left;
padding:0 0 0 10px;
}
#sidebar ul{
list-style:none;
margin-top: 40px;
margin-left: 0px; /*ie7*/
padding-left:0px; /*ff2*/
font-size: 1.1em;
font-weight:bold;
letter-spacing:1px;
}
#sidebar li{
margin-bottom:4px;
}
#sidebar li a{
font-family:Helvetica, Arial, sans-serif;
text-transform:uppercase;
padding-left: 20px;
display:block;
width: 160px;
height: 22px;
color:#C52390;
text-decoration:none;
background-image: url(images/rigomenu12.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#sidebar li a:hover, #sidebar li a.active{
color:#FFFFFF;
background-image: url(images/rigomenu12.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#sidebar #submenucat:hover .smc{
color:#FFFFFF;
}
/*submenu*/
#sidebar ul li ul{
margin-top: 6px;
margin-bottom: 8px;
margin-left: 10px; /*ie7*/
padding-left:10px; /*ff2*/
font-size: 0.7em;
line-height: 1.1em;
color:#C52390;
letter-spacing:normal;
}
#sidebar ul li ul li{
margin-bottom: 0px;
}
#sidebar #menu #submenu a {
height: 14px;
background:none;
text-transform:capitalize;
padding: 0px;
margin:0px;
color:#C52390;
}
#sidebar #menu #submenu a:hover {
color:#ffffff;
}
#sidebar #menu #submenu a:hover span {
color:#C52390;
}
/* loghi sorrento garda*/
.banner-portali-yd{
font:icon;
width: 158px;
margin: 30px 0 0 10px;
}
img#sorrento-your-dream{
width: 158px;
height: 61px;
}

img#garda-your-dream{
width: 158px;
height: 61px;
}
.banner-portali-yd span{
display:block;
margin: 2px 0 0 10px;}
.banner-portali-yd h5{
text-align:center;
margin: 2px 0 0 0px;}
/**************************************************************
main
**************************************************************/
#mainbox{
width:530px; /* [per ie6] 530+29padding - 529+30padding - 530+30padding+no justify */ 
margin-top:40px;
padding: 0 24px 0 5px;
float:right;
text-align:justify !important;
}
/**************************************************************
bottom
**************************************************************/
#bottombox{
clear:both;
width:724px;
margin: 0 auto;
height: 200px;
background-image: url(images/bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#bottombox-sx, #bottombox-cx, #bottombox-dx{
width:240px;
float:left;}
/**************************************************************
footer
**************************************************************/
#footer{
height:20px;
background-image: url(images/footer.png);
}
/**************************************************************
buonocore
**************************************************************/
#buonocore{
width:720px;
margin: 0 auto;
color: #555555;
font-size:12px;
line-height: 14px;
text-align:right;
}
#buonocore a{
color:#555555;}
/**************************************************************
class generali
**************************************************************/
.roma-text{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
/*line-height: 18px;*/
margin-top:0px; /*ff2*/
font-size:small;
}
.roma-text:first-letter{
font-size: 18px;}
/*#default .roma-text:first-line{
font-size: 16px;
}*/
.roma-text strong{
color: #C52390;}
#rigomenu530{
margin-top: 3px;
}
/**************************************************************
schede appartamenti
**************************************************************/
/* schede appartamenti width:530px*/
.scheda{
/*border-bottom: 1px solid #fff;
height:200px;*/
height:128px;
margin-top:40px;
background: url(images/rigomenu530.gif) no-repeat center bottom;
}
.schedafoto{
float:left;
width: 200px;
height:120px;
}
.schedafoto img{
/* null */
}
#mainbox .scheda .schedafoto span{
display:block;
position: absolute;
width: 180px;
height: 120px;
background-image: url(images/mask180x120.png);
}
#mainbox .scheda .schedatext div a span{
display:block;
position: absolute;
width: 60px;
height: 40px;
cursor:pointer;
background-image: url(images/mask60x40.png);
}
#mainbox .scheda .schedatext div a:hover span{
background-image: url(images/mask60x40B.png);
}
#mainbox .scheda .schedatext .schedafotopic div{
display:block;
float:left;
margin-right:5px;
}
.schedatext{
float:right;
width:330px;
height:120px;
}
.schedatext h1{
color:#C52390;
font-size:18px;
margin-top: 0px; /*ff2*/
margin-bottom:0px;
height:20px;
}
.schedatext h1 a{
text-decoration:none;
}
/* solo per nerano*/
#mainbox .scheda .schedatext h1 a span{
color: #C52390;
/*font-size:12px;*/
}
#mainbox .scheda .schedatext h1 a:hover span{
color: #fff;
}
/* fine solo per nerano */
.schedatext h1 span{
color:#555;
font-size:12px;
}
.schedatext p{
margin: 5px 0 0 0;
height:55px;
font-size:11px;
line-height:14px;
}
/* Nascosto ad IE-Mac \*/
.schedatext p{
font-size:12px;}
/* Fine nascosto */
.schedatext p img{
margin:0px;
padding:0px;
}
/**************************************************************
scheda dettaglio appartamento
**************************************************************/
#mainbox h1{
text-transform:capitalize;
margin-bottom:0px;
padding-bottom:0px;}
#mainbox h1 span{
color:#555;
font-size:12px;
}
#addressApp{
font-size: 12px;
margin: 0 0 15px 0;
color: #ffffff;
}
#appartamento{
height: 255px;
background: url(images/rigomenu530.gif) no-repeat center bottom;
}
/* foto */
#appartamento-foto{
float:left;
width:370px;
height:247px;
}
#referenze-foto{
float:left;
width:370px;
height:493px;
}
#appartamento-foto img, #referenze-foto img{
/*width:370px;
height:247px; no x loading img*/
}
#appartamento-foto span, #referenze-foto span{
display:block;
position: absolute;
width: 370px;
height: 247px;
background-image: url(images/mask370x247.png);
}
#appartamento .fotopic2, #referenze .fotopic2 {
width:60px;
float:left;
margin-top:1px; 
margin-left:12px; /*15*/
}
#mainbox #appartamento .fotopic2 div, #mainbox #referenze .fotopic2 div{
margin-bottom: 11px;
}
#mainbox #appartamento div a span, #mainbox #referenze div a span{
position: absolute;
width: 60px;
height: 40px;
cursor:pointer;
background-image: url(images/mask60x40.png);
}
#mainbox #appartamento div a:hover span, #mainbox #referenze div a:hover span{
background-image: url(images/mask60x40B.png);
}
#mainbox #referenze div#fotoRef a span{
position: absolute;
margin-left: 100px;
margin-top: 20px;
width: 80px;
height: 100px;
cursor:pointer;
background-image: url(../../images/icone/mano.png);
}
/*testi */
#descrizione, #location, #vantaggi, #prezzi, #referenze{
margin-top: 40px;
padding-bottom: 8px;
background: url(images/rigomenu530.gif) no-repeat center bottom;
}
#referenze{
background: none;
}
#foto-referenza{
	height:400px;
	background-image: url(../../images/referenze/terme-di-traiano/DSC03760.jpg);
	background-position: center;
}

#trasporti{
display: none; 
}
#descrizione h1, #location h1, #vantaggi h1, #prezzi h1, #trasporti h1, #referenze h1{
font-size: 20px;
color: #C52390;
margin-bottom:0px;
}
#descrizione h2, #location h2{
margin:0px;
padding:0px;
font-size:18px;
color:#fff;
font-style:italic;}
#descrizione div h2{
margin-top:8px;}
#descrizione ul{
padding:0px;
margin:0px;}
#descrizione p, #location p, #vantaggi p, #prezzi p, #trasporti p{
margin-top: 8px;
margin-bottom: 0px;}
/*tabella prezzi*/
#prezzi div{
margin-top: 8px;
margin-bottom: 0px;}
#prezzi div div{
border: 1px solid #C52390;
margin-top: 2px;
margin-bottom:2px;
padding: 2px;
width: 360px;
}
#prezzi .pax{
display:block;
float:left;
width: 120px;
}
#prezzi .notti{
display:block;
float:left;
width: 70px;
border-left: 1px solid #C52390;
/*padding: 0 3px;*/
text-align:center;
}
#prezzi .settimana{
border-left: 1px solid #C52390;
padding-left:5px;
}
#prezzi td{
border: 1px solid #C52390;
padding: 2px;}
/*geomap google*/
#GeoMap {
display:block;
width: 528px;
height: 200px;
border: 1px solid #C52390;
}
/**************************************************************
 prenota form
**************************************************************/
#bookbox{
margin-top: 40px;
}
select, input, textarea{
color: #555;
background-image:url(../../../images/varie/sfume.png);
background-repeat:repeat-x;
background-position:top;
border: 1px solid #a5acb2;
}
select:hover, input:hover, textarea:hover{
background-image:url(../../../images/varie/sfume2.png);
}
select:focus, input:focus, textarea:focus{
background-image:url(../../../images/varie/sfume2.png);
}
.book {
width: 350px;
/*margin: 0 auto 20px auto;*/
}
/*.book form {}*/
.book select {
height: 22px;
padding: 1px 0px;
}
.book input {
width: 200px;
height: 18px;
padding: 1px 4px;
margin-bottom:1px;
}
.book .checkbox{
width:19px;
margin-right: 5px;
margin-left: 3px;
}
.book .input-middle{width: 65px;}
.book .input-short{width: 30px;}
.book textarea {
width: 200px;
height: 130px;
padding: 0 4px;
}
.book .ckbox {border: 1px solid #999999;}
.book .frm {
float: left;
padding: 4px;
line-height: 18px;
}
.book .frm2 {
padding: 4px;
line-height: 18px;
width: 350px;
}
.book .frm3 {
margin-left:110px;
line-height: 18px;
}
.book input#cod{width: 70px;}
.book .l {
width: 110px;
float: left;
}
.book input#Submit{
margin-top:18px;
width: 60px;
height: 26px;
color: #fff;
background-position:top;
border:none;
background-image: url(../../images/form/invia.gif);
font-size:18px;
}
/*.book input#Submit:focus,
.book input#Submit:hover {
background:url(images/form/invio.jpg);
background-position:bottom;
cursor:pointer;
}
.book #help{
border: none;
margin-left: 5px;
}
.book #help_cod {
float:right;
position:absolute;
margin-top: 25px;
width:200px;
height: auto;
z-index:6;
background:#c8cfd7;
border: 1px solid #728ab3;
filter: Alpha(Opacity=90);
opacity: 0.90;
padding: 5px;
text-align:left;
color: #003366;
font-weight:bold;
}*/
#msgInvio{
padding: 10px 20px;
margin-bottom: 10px;
font-weight:bold;
color: #fff;
border: 1px dotted #fff;
}
.msgInvioSi#msgInvio{
color: #66CC00;
border: 1px dotted #66CC00;
}
.msgInvioNo#msgInvio {
color:#CC3300;
border: 1px dotted #cc3300;
}
/**************************************************************
captcha
**************************************************************/
#captcha{
width:75px;
height:21px;
margin-right: 5px;
border:none;
}
/**************************************************************
calendar
**************************************************************/
#fc{
position:absolute;
border-collapse:collapse;
background:white; /*no rgb - for validate*/
border: 1px solid #6B6B6B;
/* per ff, non legge dal .js --- ie legge dal .js */
top: 313px;
left: 400px;
color:#949494;
}
#mns{
text-align:center;
font-weight:bold;
font-size: 13px;
font-family: Arial;}
#ctd td{
text-align:center;
background:#6B6B6B; /* sfondo lett. mese */
font-size: 12px;
font-family: Arial;
}
.v {
width:18px;
height:18px;
}
/**************************************************************
default
**************************************************************/
#default #container #content #mainbox p{
margin-top: 0px;
margin-bottom: 5px; }
#default #container #content #mainbox img{
margin-bottom: 5px; }
/**************************************************************
contatti
**************************************************************/
#contact{
margin-top:30px;
}
#contact div{
height: 40px;
margin-bottom:10px;
font-size: 18px;
}
#contact div img{
display:block;
float:left;
}
#contact div span{
display:block;
float:left;
font-size: 18px;
margin-top:11px;
margin-left: 10px;
}
#contatti a span{
cursor:pointer;}
#skypeCall{
margin-left: 4px;
margin-top: 12px;
}
/**************************************************************
varie
**************************************************************/
.drag{
position:relative;
cursor: move;
z-index: 100;
}
.small{
font-size:85%;}