@charset "utf-8";
/* CSS Document */
* {
padding: 0px;
margin: 0px;
}
html {
height: 100%
}
body {
font-size: 1em; 
color: #fff; 
line-height: 1.2em; 
font-family: "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,arial,sans-serif; 
height: 100%; 
background-color: #56711e; /* 4a6516 56711e*/
/* moz --- background-color: #56711e; /* 4a6516 56711e*/
}
img, img a {
border: 0px;
}
a{
color: #ddd;
}
a:visited{
color:#ddd;
}
a:hover{
color:#fff;
text-decoration:none;
}
a:active{
color:#333;
}
hr{
display: none;
}
marquee{
font-size: 0.8em;
}
strong{
color: #c0d240;}


/**************************************************************
contenuto superiore  // testa
**************************************************************/
#sorrento-agriturismo-link{
line-height: 0.2em;
font-size:0.2em;
}
#testabox{
clear: both; 
border-top: #9cd72d 2px solid; /* 9cd72d 84ac3b 8bc02d */
background: url(../images/header_bg.gif) #56711e no-repeat 50% 0px; /* 4a6516 56711e*/ 
/* solo sopra 
moz --- background: url(images/header_bg.gif) #56711e no-repeat 50% 0px; /* 4a6516 56711e*/ 
float: left; 
width: 100%; 
height: 275px; /*275*/
}
#testa-agriturismo {
margin: 0px auto;
width: 740px;
position: relative;
height: 330px;
text-align: left;
/*background-image: url(images/header_tuerme.png);*/
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
background-position: 100% 88px; /*88*/
z-index:3; /*logo buonocore*/
}

/* intestazione */
#sorrento-bed-breakfast{
margin-top: 70px;
margin-left: 0px;
height: 120px; 
display: block; 
/*font-size: 0.7em;*/
float: left; 
overflow: hidden;
color: #ffffff; 
text-decoration: none;
filter: none !important; /*ie7*/
filter: Alpha(opacity=100);
}
div#sorrento-bed-breakfast img{
/*behavior: url("http://localhost:81/css/pngbehavior.htc");*/
behavior: url("../css/pngbehavior.htc");
/*behavior: url("pngbehavior.htc");*/
background-image: url(../images/agriturismo-sorrento.png);
width:340px;
height:120px;
}
#sorrento-bed-breakfast div{
}
/* old 
#sorrento-bed-breakfast{
margin-top: 150px; 
display: block; 
float: left; 
overflow: hidden;
color: #ffffff; 
text-decoration: none
}*/
#sorrento-bed-breakfast span{
font-size: 1.3em; 
}

/**************************************************************
menu
**************************************************************/
#menu {
font-size: 1em;
line-height: normal;
}
#menu ul {
right: 0px; 
list-style-type: none; 
position: absolute;
}
#menu li {
display: inline;
}
#menu a {
/*background: url(../images/nav_left.gif) #84ac3b no-repeat left bottom; */
float: left; 
text-decoration: none;
}
#menu li {
background: url(../images/nav_left.gif) #84ac3b no-repeat left bottom; 
float: left; 
text-decoration: none;
}
#menu li.aktiv {
background: url(../images/nav_left_aktiv.gif) #84ac3b no-repeat left bottom;
}
#menu a span {
padding-right: 12px; 
display: block; 
padding-left: 10px; 
/*font-weight: bold; 
background: url(../images/nav_right.gif) no-repeat right bottom; */
float: left; 
padding-bottom: 5px; 
color: #ffffff; 
padding-top: 2px;
}
#menu li span {
padding-right: 12px; 
display: block; 
padding-left: 10px; 
/*font-weight: bold;*/ 
background: url(../images/nav_right.gif) no-repeat right bottom; 
float: left; 
padding-bottom: 5px; 
color: #ffffff; 
padding-top: 2px;
}
#menu li.aktiv span {
background: url(../images/nav_right_aktiv.gif) no-repeat right bottom; 
color: #e7e7e7;
}
#menu a span {
float: none;
}
#menu a:hover {
border: 0px;
margin-top: 0px; 
}
#menu a:focus {
border: 0px; 
margin-top: 0px; 
}
#menu a:hover span {
padding-top: 5px;
}
#menu a:focus span {
padding-top: 5px;
}
#menu a:hover span.aktiv {
padding-top: 2px;
}
#menu a:focus span.aktiv {
padding-top: 2px;
}

/**************************************************************
corpobox
**************************************************************/
#corpobox {
clear: both; 
float: left; 
margin: 40px 0px; 
width: 100%;
}
#corpo { /*per tutte le pagine*/
margin: 0px auto; 
width: 760px; 
text-align: left;
font-size: 0.8em;
}
/**************************************************************
corpo per index
**************************************************************/
.corpo{
background: url(../images/corpo_sf.gif) #56711e no-repeat 50% 0px; 
}
.corpo #colonna-sx {
float: left; 
width: 200px; 
position: relative;
margin-top: 0px;
}
.corpo #colonna-sx span, .galleria span{
display:block;
position: absolute;
width: 200px;
height: 160px;
background: url(/images/foto/mask.gif);
cursor:pointer;
}
.corpo #colonna-sx img, .galleria img{
width: 200px;
height: 160px;
}
.corpo #colonna-dx {
float: right; 
width: 490px; 
position: relative;
margin-top: 6px;
}
.corpo #colonna-dx h1{
height: 30px; 
xwidth: 200px;
display: block; 
overflow: hidden;
font-size:12px;
border-bottom: dotted 1px #c0d240;
}
.corpo #colonna-dx h1 span{ 
display: block; 
}
.corpo #colonna-dx div{
/*border-bottom: dotted 1px #c0d240;*/
padding-bottom: 10px;
margin-bottom: 40px;
}
/**************************************************************
galleria  vedi anche colonna-sx
**************************************************************/
.galleria p {
margin-bottom: 30px;
}
.galleria h1{
font-size: 1.4em;
border-bottom: dotted 1px #c0d240;
clear:both; 
}
.galleria div{
float: left;
}
.vert span{
display:block;
position: absolute;
width: 160px;
height: 200px;
background: url(/images/foto/mask-vert.gif);
cursor:pointer;
}
.vert img{
width: 160px;
height: 200px;
}
/**************************************************************
mappa
**************************************************************/
.mappa h1{
font-size: 1.4em;
border-bottom: dotted 1px #c0d240;
margin-top: 0px; 
margin-bottom: 10px;
}
.mappa div{
margin-bottom: 30px;
}
.mappa img{
display: block;
float: left;
margin: 0px 5px 25px 0;
border: 3px double #c0d240;
}
/**************************************************************
dintorni
**************************************************************/
.dintorni h1{
font-size: 1.4em;
border-bottom: dotted 1px #c0d240; 
margin-bottom: 10px;
}
.dintorni p{
float: left;
}
.dintorni-text{
width: 590px;
}
.dintorni span{
display:block;
position: absolute;
width: 150px;
height: 70px;
background: url(/images/foto/mask-pic2.gif);
cursor:pointer;
}
.dintorni img{
width: 150px;
height: 70px;
margin-right: 8px;
}
.dintorni ul{
clear:both;
margin-top: 5px;
margin-bottom: 25px;
}
/**************************************************************
tariffe
**************************************************************/


/**************************************************************
prenota
**************************************************************/
.prenota{
height: auto !important;
margin: 30px auto;
background: url(../images/corpo_sf.gif) #56711e no-repeat 60px 0px; 
}
.prenota img{
border: 1px solid  #c0d240;
}
.prenota p{
margin-top: 20px;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
border-top: dotted 1px #c0d240;
border-bottom: dotted 1px #c0d240;
}
#tariffe{
font-size: 1.2em;
background-color:#74A444;
background-image:url(../images/sf_prezzi.jpg);
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#tariffe span{
font-size: 0.7em;
}
.prenota #colonna-sx {
float: left; 
width: 300px; 
position: relative;
margin-top: 0px;
}
.prenota #colonna-dx {
float: right; 
width: 390px; 
position: relative;
margin-top: 6px;
}
.prenota #colonna-dx div{
border-bottom: dotted 1px #c0d240;
padding-bottom: 4px;
margin-bottom: 4px;
}
/*prenota form */
#book {
width: 350px;
/*margin: 0 auto;*/
}
form {
font-size: 14px;
}
select {
font-size: 13px;
}
input {
/*font-size: 12px;*/
width: 200px;
height: 18px;
padding: 1px 4px;
}
.input-short{
width: 30px;
}
textarea {
width: 200px;
height: 130px;
padding: 0 4px;
/*font-size: 12px;*/
}
.ckbox {
border: 1px solid #999999;
}
.frm {
float: left;
padding: 4px;
line-height: 18px;
xfont-size: 12px;
}
.frm2 {
padding: 4px;
line-height: 18px;
xfont-size: 12px;
width: 350px;
}
input#cod{
width: 70px;
}
.l {
width: 120px;
float: left;
}
#Submit{
width: 140px;
height: 28px;
float:right;
border: none;
color: #333;
}
.Submit{
background:url(../images/invio.gif) #56711e;
}
.SubmitOver{
background:none;
background:url(../images/invio_over.gif) #56711e;
font-weight:bold;
}
.SubmitOut{
background:none;
background:url(../images/invio.gif) #56711e;
}
#Submit2{
width: 140px;
float:right;
height: 28px;
}
#help{
border: none;
margin-left: 5px;
}
#help_cod {
float:right;
position:absolute;
left:150px;
margin-top: 25px;
width:200px;
height: auto;
z-index:6;
background:#CC3300;
border: 1px solid #c0d240;
filter: Alpha(Opacity=95);
opacity: 0.95;
padding: 5px;
}

/**************************************************************
finalebox
**************************************************************/

#finalebox {
clear: both; 
background: url(../images/finale_bg.gif) #c0d240 no-repeat 50% 0px; 
float: left; 
width: 100%; 
height: 200px;
color: #fff; /*bbb*/ 
line-height: 1.2em; 
border-bottom: #9cd72d 2px solid;
font-size: 0.8em;
}
#finale{
margin: 40px auto 20px; 
width: 740px;
height: 120px; 
}
#finale-sx {
float: left; 
width: 260px; 
position: relative;
}
#finale-dx {
float: right; 
width: 200px; 
position: relative;
}
#finale-dx {
float: right; 
width: 230px; 
position: relative;
text-align:right;
margin-top: 20px;
}

/**************************************************************
buonocore
**************************************************************/
#buonocore-logo{
height: 60px;
width: 60px;
position: absolute;
right: 0px;
top: 0px;
margin-right: 0px;
cursor: pointer;
z-index:2;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/buonocore.png');
visibility: visible;*/
}
#buonocore-logo img{
width: 60px;
height: 60px;
border: none;
behavior: url("../css/pngbehavior.htc");
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
filter: Alpha(opacity=0);
}