body {

background:url(http://www.baiadicampi.it/vieste/villaggi-gargano-1.gif) repeat-x top #f5f5f5; 
font-family:Arial, Helvetica, sans-serif; color:#7f7f7f;
color:#7f7f7f;
}

.img-box img { margin-bottom:15px; display:block;}

.img-box1 { width:100%; overflow:hidden; margin-top:-4px;}
.img-box1 img { float:left; margin:4px 22px 0 0;}

.flash { position:absolute; top:180px; left:0; width:1000px; height:1000px; background:url(http://www.baiadicampi.it/vieste/villaggio-gargano-3.gif) no-repeat left top;}
.flash span { display:block; padding:13px 0 0 15px;}



#wrapper {

width: 980px;
margin: 0 auto;
}



#header {

clear: both;

width: 980px;
}



#bg {

float: left;
width: 980px;

}



.about {

padding-left: 18px;

width: 240px;

color: #ffffff;}



.about h4 {

margin-bottom: 10px;

padding-top: 13px;

font-size: 13pt;

color: #ffffff;}



/* TOP NAVIGATION */



#navbar {



width: 100%;

margin-top: 0;

height: 671px;

text-align: center;}

#navbar-gargano {



width: 100%;

margin-top: 0;

height: 180px;

text-align: center;}



.menu * {

margin: 0;}



.menu {

width: 100%;

padding-top: 0px;

margin: 0;}



.menu ul {

margin: 0;

position: relative; 

list-style-type: none;
}



.menu ul li {

display: inline;

padding: 11px 15px 13px 15px;

background: transparent url(images/divider.gif) repeat-y center left;

list-style: none;}



.menu li a {

display: inline;

font: bold 10pt verdana, arial, helvetica, sans-serif;

text-align: center;

text-decoration: none;

color: #ffffff;}



.menu .home {

background: none;}



.menu li a:hover {

color: #91C538;}



/* BLOG NAME PROPERTIES */







a.mainlink {

text-decoration: none;

color: #ffffff;}



a.mainlink:hover {

text-decoration: none;

color: #ffffff;}



#description {

padding-top: 8px;

font: bold 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color: #ffffff;}



/* SIDEBAR */



#mainnav {

float: right;

width: 220px;

margin-top: 20px;

padding-right: 20px;

color: #44484B;}



.nav h2 {

clear: both;

width: 220px;

background: url(images/h2.gif) repeat-x;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

font-size:12px;

margin-top: 15px;

padding: 6px 0;

text-indent: 10px;

color: #ffffff;}



.nav * {

padding: 0;

margin: 0;}



.nav li {

list-style: none;}



.nav li a {

display: block;

padding: 5px 0;

width: 220px;

background: url(images/nav.gif) 3px 10px no-repeat;

font: 10pt verdana, arial, helvetica, sans-serif;

border-bottom: 1px dashed #C4C6C7;

text-decoration: none;

text-indent: 17px;

text-transform: capitalize;

color: #23292C;}



.nav li a:hover {

background-color: #EEF2E8;

text-decoration: none;

color: #51585B;}



/* MAIN PROPERTIES */



#main {
	padding-left: 0px;
	line-height: 16px;
	font: 13px Arial, helvetica, sans-serif;
	width: 980px;
	color: #44484B;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAE9E9;
	border-right-color: #EAE9E9;
	border-bottom-color: #EAE9E9;
	border-left-color: #EAE9E9;
}




#main a{

text-decoration:none;
	color: #44484B;

}







a.link {

margin-top: 5px;

text-decoration: none;

color: #A52D00;}



a.link:hover {

text-decoration: none;

color: #A52D00;}



.reply {

clear: both;

margin-top: 20px;

font: bold 14pt "Lucida Sans", arial;

letter-spacing: -1px;

text-align: left;

margin-bottom: 14px;

color: #A52D00;}



blockquote {

padding-left: 7px;

padding-right: 5px;

font-size: 8pt;

border: 1px solid #609901;

color: #6B7175;}



.clear {

clear: both;}



/* AUTHOR TEXT */



.postauthor {

display: block;

margin: 0;

padding: 0 0 7px 0;

background: url(images/dottedbg.gif) bottom repeat-x;

font-weight: bold;

color: #60666A;}



.date {

display: block;

margin: 0;

padding: 5px 0 0 0; 

color: #979797;}



.entries {

clear: both;

height: 25px;

padding: 0;

margin-top: 35px;

margin-bottom: 20px;}



.entries a {

font-weight: bold;

text-decoration: none;

font-size: 12px;}



.entries a:hover {

text-decoration: none;}



.left {

float: left;}



.right {

float: right;}



/* COMMENTS */



.com {

clear: both;

text-align: right;

height: 18px;

padding-right: 7px;

margin-bottom: 20px;

color: #4A7700;}



.com a {

background: url(images/comment.gif) left no-repeat;







padding-left: 18px;

padding-bottom: 1px;

text-decoration: none;

color: #4A7700;}



.com a:hover {

text-decoration: underline;

color: #95989B;}



.edit {

float: left;}



.edit a {

padding: 0;

background: none;}



.author {

padding: 7px 0 0 10px;

font: bold 13pt Times New Roman, arial;

color: #757B80;}



.author a {

color: #78A136;}



.alt {

background-color: #F0F3F2;

border: 1px solid #E5E5E5;}



.comment {

padding: 0 10px;}



.userinfo {

padding: 0 10px 10px 0;

text-align: right;}







/* INPUT PROPERTIES */



#search {

margin-right: 5px;

margin-top: -20px;

float: right;}



.searchform {

background-color: #F4F6F5;

border: 1px solid #6F767B;

padding-left: 6px;

color: #44484B;}



.field {

background-color: #ffffff;

border: 1px solid #A9A9A9;

color: #6F6F6F;}



.comments {

background-color: #ffffff;

border: 1px solid #A9A9A9;

color: #6F6F6F;}



.button {

background-color: #749D39;

border: 1px solid #6F767B;

color: #ffffff;}



* html .button {

height: 20px;}



/* IMAGE STYLE */





.wp-smiley {

float: none;}





/* WIDGET PROPERTIES */



#calendar_wrap {

border: 1px solid #497601;}



.widget_calendar td {

padding: 2px 5px;}



.widget_calendar caption {

font-weight: bold;

font-size: 10pt;

padding: 6px 0;

color: #44484B;}



.widget_calendar th {

color: #497601;}



.widget_recent_comments li {

display: block;

padding: 5px 0;

width: 220px;

background: url(images/nav.gif) 3px 10px no-repeat;

font: 10pt verdana, arial, helvetica, sans-serif;

border-bottom: 1px dashed #C4C6C7;

text-decoration: none;

text-indent: 17px;

text-transform: capitalize;

color: #23292C;}



.widget_recent_comments li a {

border: none;

background: none;}



.widget_recent_comments li a:hover {

background: none;}



.widget_search {

padding-top: 26px;}



.widget_search input#s {

background-color: #F4F6F5;

border: 1px solid #6F767B;

padding-left: 6px;

color: #44484B;}



.widget_search input {

background-color: #749D39;

border: 1px solid #6F767B;

color: #ffffff;}



.widget_text {

line-height: 16px;

font: 10pt verdana, arial, helvetica, sans-serif;}





h1 {

	margin: 0 0 0px 0;

	font-size: 1.333em;

	font-weight: bold;

	color: #87a300;

	line-height: 1.25em;

}



h2 {

	margin: 0 0 15px 0;

	font-size: 1.100em;

	font-weight: normal;

	color: #87a300;

	line-height: 1.25em;

}



h2 a {

	color: #87a300;

}







h5 {

	margin: 0 0 30px 0;

	font-size: 1.167em;

	line-height: 1.286em;

	font-weight: normal;

	color: #418faa;

text-decoration:none;

}



h5 a{

	margin: 0 0 30px 0;

	font-size: 1.167em;

	line-height: 1.286em;

	font-weight: normal;

	color: #418faa;

text-decoration:none;

}



h6 {

	margin: 0 0 30px 0;

	font-size: 1.167em;

	line-height: 1.286em;

	font-weight: normal;

	color: #758d01;

text-decoration:none;

}



h6 a{

	margin: 0 0 30px 0;

	font-size: 1.167em;

	line-height: 1.286em;

	font-weight: normal;

	color: #758d01;

text-decoration:none;

}







a {

	color: #87a300;

}























































.border-top {

	background: #ece2c6 url(images/border-top.jpg) repeat-x 0% 0%;

}



.border-bot {

	background: url(images/border-bot.jpg) repeat-x 0% 100%;

}



.border-left {

	background: url(images/border-left.jpg) repeat-y 0% 0%;

}



.border-right {

	background: url(images/border-right.jpg) repeat-y 100% 0%;

}



.corner-top-left {

	background: url(images/corner-top-left.jpg) no-repeat 0% 0%;

}



.corner-top-right {

	background: url(images/corner-top-right.jpg) no-repeat 100% 0%;

}



.corner-bot-left {

	background: url(images/corner-bot-left.jpg) no-repeat 0% 100%;

}



.corner-bot-right {

	background: url(images/corner-bot-right.jpg) no-repeat 100% 100%;

	width: 100%;

}



.corner-bot-right .box-padding {

	padding: 0 13px 13px 28px;

}



.border-top1 {

	background: #dce5d8 url(images/border-top1.jpg) repeat-x 0% 0%;

}



.border-bot1 {

	background: url(images/border-bot1.jpg) repeat-x 0% 100%;

}



.border-left1 {

	background: url(images/border-left1.jpg) repeat-y 0% 0%;

}



.border-right1 {

	background: url(images/border-right1.jpg) repeat-y 100% 0%;

}



.corner-top-left1 {

	background: url(images/corner-top-left1.jpg) no-repeat 0% 0%;

}



.corner-top-right1 {

	background: url(images/corner-top-right1.jpg) no-repeat 100% 0%;

}



.corner-bot-left1 {

	background: url(images/corner-bot-left1.jpg) no-repeat 0% 100%;

}



.corner-bot-right1 {

	background: url(images/corner-bot-right1.jpg) no-repeat 100% 100%;

	width: 100%;

}



.corner-bot-right1 .box-padding {

	padding: 0 13px 13px 28px;

}



.border-top2 {

	background: #e6e8cb url(images/border-top2.jpg) repeat-x 0% 0%;

}



.border-bot2 {

	background: url(images/border-bot2.jpg) repeat-x 0% 100%;

}



.border-left2 {

	background: url(images/border-left2.jpg) repeat-y 0% 0%;

}



.border-right2 {

	background: url(images/border-right2.jpg) repeat-y 100% 0%;

}



.corner-top-left2 {

	background: url(images/corner-top-left2.jpg) no-repeat 0% 0%;

}



.corner-top-right2 {

	background: url(images/corner-top-right2.jpg) no-repeat 100% 0%;

}



.corner-bot-left2 {

	background: url(images/corner-bot-left2.jpg) no-repeat 0% 100%;

}



.corner-bot-right2 {

	background: url(images/corner-bot-right2.jpg) no-repeat 100% 100%;

	width: 100%;

}



.corner-bot-right2 .box-padding {

	padding: 0 13px 13px 28px;

}



.link {

	background: url(images/link-bg.gif) no-repeat 0% 2px;

	display: block;

	padding: 0 0 6px 24px;

	font-size: 1.083em;

}



.link1 {

	display: block;

	height: 21px;

	line-height: 21px;

	padding: 0 9px 0 11px;

	float: right;

	border: 0px solid #bfb79f;

	text-decoration: none;

	background-color: #EA8300;

	background-position: 0% 0%;

	color: #FFFFFF;

	font-weight: bold;

	font-family: Verdana;

}



.link1:hover {

	text-decoration: underline;

}



.link2 {

	background: url(images/link1-tail.jpg) repeat-x 0% 0%;

	display: block;

	height: 21px;

	line-height: 21px;

	padding: 0 11px 0 11px;

	float: right;

	border: 1px solid #bfb79f;

	text-decoration: none;

	color: #418faa;

}



.link2:hover {

	text-decoration: underline;

}



.link3 {

	background: url(images/link1-tail.jpg) repeat-x 0% 0%;

	display: block;

	height: 21px;

	line-height: 21px;

	padding: 0 11px 0 11px;

	float: right;

	border: 1px solid #bfb79f;

	text-decoration: none;

	color: #758d01;

}



.link3:hover {

	text-decoration: underline;

}



.link4 {

	display: block;

	padding: 0 0 6px 0;

	font-size: 1.167em;

}



.left-list {

	float: left;

	margin: 0 65px 26px 0 !important;

}



.picture {

	float: left;

	margin: 0 20px 0 0 !important;

}



blockquote p {

	padding: 0 10px 13px 0 !important;

}



blockquote p em {

	display: block;

	padding: 3px 0 14px 0;

	font-size: 1.077em;

	font-style: normal;

	text-align: right;

		border-bottom: 1px solid #cbd298;

}



blockquote p em.no-border {

	border: none;

	padding: 4px 0 0 0 !important;

}



.row-2-bg {

	background: #ddddcd;

}



.row-2 {

	width: 877px;

	margin: 0 auto;

	padding: 27px 51px 16px 52px;

	font-size: 0.75em;

}



.row-2 p {

	line-height: 1.231em !important;

}



#footer-tail {

	background: url(images/footer.jpg) repeat-x;
	margin-left:50px;
	height: 92px;
	width: 980px;

}



#page1 .row-1 .col-1 {width: 285px; padding: 0 11px 0 0;}

#page1 .row-1 .col-2 {width: 285px; padding: 0 11px 0 0;}

#page1 .row-1 .col-3 {width: 285px;}



#page1 .row-2 .col-1 {width: 205px; padding: 0 19px 0 0;}

#page1 .row-2 .col-2 {width: 205px; padding: 0 19px 0 0;}

#page1 .row-2 .col-3 {width: 205px; padding: 0 19px 0 0;}

#page1 .row-2 .col-4 {width: 205px;}



/*======= index-1.html =======*/



#page2 .row-1 .col-1 {width: 581px; padding: 0 11px 0 0;}

#page2 .row-1 .col-2 {width: 285px;}

.wrapper-2 {

	width: 100%;

	overflow: hidden;

}



.link {

	background: url(images/link-bg.gif) no-repeat 0% 2px;

	display: block;

	padding: 0 0 6px 24px;

	font-size: 1.083em;

}



#vieste { 

padding-left:10px;

padding-right:10px;

}



#footer-tail {

	background: url(http://www.calamolinellavieste.com/images/footer.jpg) repeat-x ;

width: 872px;

	height: 92px;

color:#595A5A;
font-size:12px;
padding-bottom:20px;

}



#footer {

	width: 100%;

	margin: 0 auto;

	font-size: 0.814em;

	line-height: 96px;

	text-align: center;

	color: #000000;

}



#footer span {

	margin: 0 4px 0 0;

}



#footer a {

	margin: 0 0 0 8px;

	color: #bbd831;

}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; }
.container { width:100%;}



/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0;  text-align:left;}

#form label { color:#fff; font-weight:bold; display:block; margin-bottom:10px; font-size:1.08em;}
#prenotazione2{ border-left:1px solid #e68d04; border-top:1px solid #e68d04; border-bottom:1px solid #e68d04; border-right:0; padding:3px 6px 3px 6px; background:#fff;  width:160px; color:#ae9481;}

#form1 .form { height:29px;}
#form1 label { display:block; width:91px; float:left;}
#form1 input { border-left:2px solid #808080; border-top:1px solid #404040; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8; background:#fff; width:170px; float:left; padding-left:4px;}
#form1 select { width:74px; height:18px; color:#333333; font-size:.92em; float:left;}
#form1 select.sel-1 { width:55px; margin-right:6px;}
#form1 select.sel-2 { width:55px;}
#form1 textarea { width:170px; height:100px; padding-left:4px; overflow:auto; float:left; border-left:2px solid #808080; border-top:1px solid #404040; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8; background:#fff; margin-bottom:20px;}

#form2 .form { height:26px;}
#form2 input {width:262px; padding:2px 0 2px 3px; background:#fff; border-top:2px solid #303030; border-left:1px solid #585858; border-bottom:1px solid #e1e1e1;  border-right:1px solid #e1e1e1; color:#8c8c8c; font-size:.92em;}
#form2 textarea { width:262px; height:189px; overflow:auto; background:#fff; border-top:2px solid #303030; border-left:1px solid #585858; border-bottom:1px solid #e1e1e1;  border-right:1px solid #e1e1e1; padding:2px 0 0 3px; color:#8c8c8c; font-size:.92em; margin-bottom:15px;}


/*==================list====================*/
ul { list-style:none;}

.footer-nav { float:right;}
.footer-nav li { float:left; border-right:1px solid #ababab; line-height:1em; padding-right:13px; margin-right:13px;}
.footer-nav li a { text-decoration:none; color:#ababab;}
.footer-nav li a:hover { text-decoration:underline;}
.footer-nav li.last { margin-right:0; padding-right:0; border:0;}

.list { padding-bottom:5px;}
.list li { font-weight:bold; color:#ff9d02; padding-bottom:8px;}
.list li a { color:#ff9d02;}

.list1 { margin-top:-22px;}
.list1 li { padding-top:22px;}
.list1 li b { display:block; margin-bottom:12px;}
.list1 li b,
.list1 li a { 
	color:#ff9d02;
}
.list1 li a { font-weight:bold;}

.list2 { margin-top:-30px; padding-bottom:10px;}
.list2 li { padding-top:34px;}

.list3 { margin-top:-18px;}
.list3 li { padding-top:18px;}
.list3 li h4 { text-align:right; margin-bottom:0;}


/*==================other====================*/
.img-box img { margin-bottom:15px; display:block;}

.img-box1 { width:100%; overflow:hidden; margin-top:-4px;}
.img-box1 img { float:left; margin:4px 22px 0 0;}

.p1 { margin-bottom:15px;}

.phone { float:right; margin-right:125px;}


/*==================txt, links, lines, titles====================*/
a {color:#7f7f7f; outline:none;}
a:hover{text-decoration:none;}

h3 { color:#252b2a; font-weight:normal; font-size:2.25em; line-height:1.12em; letter-spacing:-1px; }
h3 span { background:url(images/title-tail.gif) repeat-y left top; padding-left:11px; display:block;}
h3.icon { padding-left:54px; background:url(images/icon.gif) no-repeat left ; }
h4 { color:#ff9d02; font-size:1em; margin-bottom:10px; line-height:1.5em;}

.txt1 { color:#ff9d02; font-weight:bold;}

.link1 { color:#fff; font-weight:bold; text-decoration:none; display:inline-block; text-align:center; background:url(images/link1-bg.gif) no-repeat left top; width:50px; height:40px; margin-top:-3px;}
.link1 span { display:block; padding-top:5px;}
.link1:hover { color:#b87506;}

.link2 { color:#fff; display:block; float:left; text-decoration:none; font-size:1.08em; background:url(images/link2-tail.gif) repeat-x top;}
.link2 em { display:block; background:url(images/link2-left.gif) no-repeat left top;}
.link2 b { display:block; font-style:normal; background:url(images/link2-right.gif) no-repeat right top; padding:3px 12px 4px 12px;}
.link2:hover { color:#927c6d;}

.link3 { text-align:right; font-weight:bold;}
.link3 a { color:#ff9d02;}

.divider1 { background:url(images/divider.gif) repeat-y 294px 0;}
.divider2 { background:url(images/divider.gif) repeat-y 617px 0;}


/*==================boxes====================*/
.box { background:#fff; width:100%; margin-bottom:12px;}
.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .inner { padding:30px 27px 35px 30px;}

.form-box { width:268px; height:142px; background:url(images/form-box-bg.gif) no-repeat left top;}
.form-box .inner { padding:0px 24px 0px 24px;}
.form-box h3 { color:#e09504; font-weight:bold; padding-top:5px; border-bottom:1px solid #fff;  }
.form-box h3 span { background:none; padding:0; display:block; color:#fff; }

#prenotazione {
background-image: url(images/campeggi-gargano-4.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
width: 40px;
height: 23px;
}



/*header*/
#header .menu { position:absolute; left:9px; top:0;}
#header .flash { position:absolute; top:120px; left:0; width:1000px; height:1000px; background:url(images/header-bg.gif) no-repeat left top;}
#header .flash span { display:block; padding:13px 0 0 15px;}

/*content*/
#content p,
#content dl { 
	line-height:1.5em;
}
#content cite { line-height:1.5em; font-style:normal; display:block;}
#content dl .phone { margin-right:95px;}
#content dl dt { margin-top:18px;}

/*footer*/
#footer .left { background:url(images/footer-left.gif) no-repeat left top;}
#footer .right { background:url(images/footer-right.gif) no-repeat right top; height:51px;}
#footer .tail { background:url(images/footer-tail.gif) repeat-x top;}
#footer .indent { padding:18px 62px 0 30px;}
#footer p { float:left; color:#8b8a8a; line-height:1em;}
#footer p a { text-decoration:none; color:#8b8a8a;}
#footer p a:hover { text-decoration:underline;}

/*==========================================*/
#content,
#footer { 
	padding-right:15px; padding-left:15px;
}

/*================= index.html ====================*/
#page1 #header {height:624px;}