* {
	margin: 0px;
	padding: 0px;
}
img{border:none}
html, body {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;
	background-image: url("../images/bg-home.gif");
	background-repeat: repeat-x;
}
/*  HEADER SOLO PER HOMEPAGE  */
#head-container-home {
	position: relative;
	width: 824px;
	height: 275px;
	margin: 0px auto;
	border: 0px solid red;
}
#logo-home {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 201px;
	height: 123px;
}
#vacanza-puglia-home {
	position: absolute;
	top: 172px;
	left: 33px;
	width: 151px;
	height: 76px;
}
#flags-home {
	position: absolute;
	top: 11px;
	right: 16px;
	height: 30px;
	text-align: right;
}
#head-navig-home {
	position: absolute;
	top: 9px;
	right: 132px; 
	height: 30px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}


/*  HEADER PER TUTTE LE ALTRE PAGINE  */
#head-container-pagina {
	position: relative;
	width: 824px;
	height: 101px;
	margin: 0px auto;
	border: 0px solid red;
}
#logo-pagina {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 161px;
	height: 94px;
}
#vacanza-puglia-pagina {
	position: absolute;
	top: 60px;
	left: 190px;
	width: 600px;
	height: 30px;
}



#mainmenu-container {
	width: 834px;
	height: 38px;
	margin: 0px auto;
	border: 0px solid red;
	background-image: url("../images/bg-mainmenu.gif");
	text-align: left;
	padding-top: 18px;
}
#foto-home {
	position: absolute;
	top: 37px;
	right: 2px;
	width: 603px;
	height: 232px;
}
#body-container {
	width: 824px;
	margin: 0px auto;
	border: 0px solid red;
	background-image: url("../images/bg-oriz.gif");
	text-align: left;
}
#colonna-sinistra {
	float: left;
	width: 181px;
	margin-left: 18px;
	border: 0px solid red;
}
* html #colonna-sinistra {
	margin-left: 9px;
}
.clear {
	clear: both;
}
/*    BOX GRIGIO    */
.box-grigio {
	position: relative;
	width: 181px;
	text-align: left;
	border-bottom: 0px solid red;
	background-image: url("../images/box-grigio-bg.gif");
	background-repeat: repeat-y;
	text-align: center;
	margin: 20px 0 40px 0;
}
* html .box-grigio {
	margin: 20px 0 35px 0;
}
.box-grigio-top {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 181px;
	height: 10px;
	background-image: url("../images/box-grigio-top.gif");
	background-repeat: no-repeat;
	border: 0px solid red;
}
.box-grigio-foot {
	width: 181px;
	height: 12px;
	background-image: url("../images/box-grigio-butt.gif");
	background-repeat: no-repeat;
	border: 0px solid red;
	position: absolute;
	bottom: -10px;
	left: -1px;
}
.box-grigio p {
	padding: 0px 10px 10px 10px;
	font-size: 13px;
	color: #0068B6;
	line-height: 13px;
	font-weight: normal;
}
a.skype-me:link, a.skype-me:active, a.skype-me:visited {
	display: block;
	width: 117px;
	height: 52px;
	background-image: url("../images/skype-me.gif");
	margin: 0 auto 3px auto;
}
a.skype-me:hover {
	background-image: url("../images/skype-me.gif");
	background-position: 0 -52px;
}
.googlemap-sx {
	float: left;
	margin: -10px 0 10px 2px;
	border: 1px solid #3B8CC2;
}
#blocco-3-offerte {
	float: left;
	width: 600px;
	margin: 21px 0 10px 13px;
	border: 0px solid #3B8CC2;
}
.sing-offerta-first, .sing-offerta-mid, .sing-offerta-last {
	float: left;
	position: relative;
	width: 180px;
	font-size: 11px;
	line-height: 11px;
	padding: 0 12px 0 2px;
}
.sing-offerta-first {
	padding: 0 12px 0 2px;
}
.sing-offerta-mid {
	padding: 0 12px;
}
.sing-offerta-last {
	padding: 0 0 0 12px;
}
.sing-offerta-first, .sing-offerta-mid {
/*  con bordo grigio  */
	border-right: 1px solid #ccc;
}
a.pan_wrap {
	margin: 0 0 5px 0;
	position: relative;
	width: 180px;
	height: 110px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-decoration:none;
}

.pan_frame, .pan_frame-super {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 110px;
	overflow: hidden;
}
.pan_frame {
	background: url(../images/cornice-box-offerte.png) no-repeat;
}
.pan_frame-super {
	background: url(../images/cornice-box-offerte-super.png) no-repeat;
}
#blocco-centrale {
	float: left;
	width: 436px;
	margin: 16px 0 30px 13px;
	border: 0px solid #3B8CC2;
	text-align:justify;
}
#blocco-centrale-bordo {
	float: left;
	width: 436px;
	margin: 10px 0 10px 0px;
	border: 1px solid #3B8CC2;
	padding-bottom:15px;
}
#blocco-centrale-bordo p {padding-left:10px;}
#blocco-destra {
	float: right;
	width: 152px;
	margin: 16px 12px 10px 0;
	border: 0px solid #3B8CC2;
}
* html #blocco-destra {
	margin: 16px 6px 10px 0;
}
/*    BOX INFOBOX   */
.box-infobox {
	position: relative;
	width: 152px;
	text-align: left;
	border: 0px solid red;
	background-image: url("../images/news-box-bg.gif");
	background-repeat: repeat-y;
	text-align: left;
	margin: 28px 0 40px 0;
}
.box-infobox-top {
	position: absolute;
	top: -29px;
	left: 0px;
	width: 152px;
	height: 29px;
	background-image: url("../images/news-box-top.gif");
	background-repeat: no-repeat;
	border: 0px solid red;
}
.box-infobox-foot_it, .box-infobox-foot_en, .box-infobox-foot_fr, .box-infobox-foot_de {
	width: 152px;
	height: 26px;
	background-repeat: no-repeat;
	border: 0px solid red;
	position: absolute;
	bottom: -26px;
	left: 0px;
}
.box-infobox-foot_it {
	background-image: url("../images/news-box-butt_it.gif");
}
.box-infobox-foot_en {
	background-image: url("../images/news-box-butt_en.gif");
}
.box-infobox-foot_fr {
	background-image: url("../images/news-box-butt_fr.gif");
}
.box-infobox-foot_de {
	background-image: url("../images/news-box-butt_de.gif");
}
.box-infobox p {
	padding: 5px 10px 6px 10px;
	font-size: 11px;
	color: #717171;
	line-height: 11px;
	font-weight: normal;
}

/*   BOOKING BOX   */
#booking-box {
width:435px;
height:227px;
background:url("../images/fake-booking-box.gif");
margin-bottom:20px;
}

/*  TITOLI DELLE PAGINE GENERICHE */
#header-sezione-big {
width:100%;
height:25px;
background: url("../images/bg-titolo-tipologie.gif");
}

/*BOX TIPOLOGIE VACANZA     */
#tipologie {
width:435px;
margin-bottom:20px;
}
#header-sezione {
width:435px;
height:25px;
background: url("../images/bg-titolo-tipologie.gif");
}
.sing-tipologia {
width:100%;
border-bottom:1px dashed #C0C0C0;
padding:4px 0 2px 0;
}
.star {
float:left;
width:32px;
height:32px;
background:url(../images/star.gif);
font-weight:bold;
color:#fff;
font-size:14px;
text-align:center;
line-height:32px;
margin:9px 6px 0 0;
}
.sing-tipologia .thumb {
float:left;
width:62px;
height:44px;
margin:2px 8px 5px 0;
border:1px solid #84C40A;
}
#sponsorz {
width:100%;
text-align:center;
margin:10px 0;
}
#footer {
position:relative;
width:796px;
height:50px;
background:#F4F4F4;
margin:0 auto;
}
#logo-footer {
position:absolute;
top:8px;
left:8px;
width:60px;
height:37px;
background:url("../images/logo-small.gif");
}
#info-footer {
position:absolute;
top:8px;
left:80px;
width:706px;
height:32px;
border-left:1px dashed #ADABAB;
padding-left:10px;
font-size:12px;
line-height:17px;
}
#footer-close {
position:relative;
width:824px;
height:25px;
background:url("../images/bg-footer.gif");
margin:0 auto;
}
.fotoleft{float:left; margin:3px 10px 2px 0;border:2px solid #69B54E;}
.fotoright{float:right; margin:3px 0 2px 10px;border:2px solid #69B54E;}

input.normal {
	width: 200px;
	height: 20px;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1A7BBF;
	padding-left: 5px;
}
input.medio {
	width: 130px;
	height: 20px;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1A7BBF;
	padding-left: 5px;
}
input.piccolo {
	width: 30px;
	height: 20px;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1A7BBF;
	padding-left: 5px;
}
input.cinque {
	width: 60px;
	height: 20px;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1A7BBF;
	padding-left: 5px;
}
select.medio {
	height:20px;
	width: auto;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height:10px;
	color: #1A7BBF;
	padding-left: 1px;
	background:#fff;
}
textarea.normal {
	width: 200px;
	height: 80px;
	border: 1px solid #D8FF00;
	font-family: "Trebuchet MS", Verdana, tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1A7BBF;
	padding-left: 5px;
	overflow:auto;
}
option {background:#fff;}

option.bright, select.medio:focus, input.normal:focus, input.medio:focus, input.piccolo:focus, input.cinque:focus, textarea.normal:focus, input.sffocus, textarea.sffocus {
	background: #D8FF00;
	border-color: #fff;
}
input.telefono2 {
    visibility: hidden;
    margin:0;
    padding:0;
    width:0px;
    height:0px;
    border: 1px solid #7FB0D1;
    font-size: 1px;
    color:#7FB0D1;
    float:left;
}

/*  ROLLOVER BUTTONS  */
button.submitBtn {
float: right;
border:0;
  cursor:pointer;
  font-weight:bold;
  padding:0 10px 0 0;
  text-align:center;
  background:url(../images/btn_right.gif) right no-repeat;
  font-size:16px;
}
button.submitBtn span {
font-family: "Trebuchet MS", Arial, sans-serif;
position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 12px;
  height:27px;
  line-height:27px;
  background:url(../images/btn_left.gif) left no-repeat;
  color:#fff;
}
button.submitBtn:hover {
	background:url(../images/btn_right_hover.gif) right no-repeat;
}
button.submitBtn:hover span {
	background:url(../images/btn_left_hover.gif) left no-repeat;
}
a:focus { outline: 0; }
button.paginazione {
  border:0;
  cursor:pointer;
  margin:0 3px 0 0;
  text-align:center;
  background:#B4DE47;
  font-size:11px;
}

#box label {
font-size:15px;
margin-right:8px;
white-space:nowrap;
}
.cssform p {
	width: 240px;
	clear: left;
	padding: 5px 0 3px 0;
	padding-left: 135px;
	height: 1%;
}
.cssform label {
	font-size:15px;
	float: left;
	margin-left: -135px;
	width: 120px;
	margin-top:3px;
}
#box label.zeromargin {
	font-size:13px;
	font-weight:bold;
	color:#D8FF00;
	margin-top:0px;
}
.dashed {
	width: 100%;
	height: 16px;
	background: url(../images/dash.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
}
ul {padding:10px 20px 0px 30px;}
li {margin:6px 0 0  0;}


/*  GOOGLEMAPS  */
#mappa {
width : 420px;
margin-left: 0px;
padding: 4px 0 0 10px;
border : 0px solid black;
}
/* imposta il cursore a manina per i list item con classe hotspot */
li.hotspot {cursor:pointer; color:#468F2C; margin:2px 0 0  0;}
/* imposta l'aspetto dei list item con classe hotspot in stato :hover */
li.hotspot:hover {color:#0071BC; text-decoration:underline;}
/* imposta l'altezza iniziale della mappa */
#mappa .gsmsc-idleMapDiv {height : 400px;}
/* imposta l'altezza della mappa quando si effettua una ricerca */
#mappa .gsmsc-mapDiv {height : 400px;}


.sing-news {
width:100%;
border-bottom:1px dashed #C0C0C0;
padding:10px 0 10px 0;
}


a:focus {
	outline: 0;
}
#content h3 {
	padding: 4px 10px 4px 4px;
	background: #fff;
	cursor: pointer;
	text-decoration: none;
}
h3.toggler a:link, h3.toggler a:visited, h3.toggler {
	display: block;
	text-decoration: none;
	color: #4692C5;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	background-image: url("../images/freccia-accord.gif");
	background-repeat: no-repeat;
	text-align: left;
}
h3.toggler a:hover, h3.toggler a:active {
	color: #fff;
}