/* CSS Document for agriturismolaserra.com */

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

li, dd, blockquote {
        margin-left: 1em;
}

/* form elements */
form {
	margin:10px; 
	padding: 0 5px;
	border: 1px solid #D5D5D5; 
	background-color: #FFF7DA; 	
}
label {
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.Submit { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(../images/nav.jpg) repeat-x 0 0;
	border: none;
}

body
{
  margin: 0;
  background-color: #584C3D;
  color: #756959;
  FONT-FAMILY: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: underline; color: #006666; background-color: transparent;}
a:visited {text-decoration: underline; color: #006666; background-color: transparent;}
a:hover {text-decoration: none; color: #006666; background-color: transparent;}


/*-- CONTAINER --------------*/
.container {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/
.headerArea {position: relative; display: inline; float: left; height: 128px; width: 900px;}
.headerArea h1 { font-size: 12px; color: #756959; margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 0.8em; }
.headerArea p { font-size: 10px; color: #FFF7DA; margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 0.6em; }

.topNavBar {position: relative; float: right; display: inline; margin: 46px 30px 0 0; width: 300px; height: 17px;}
	.topNavBar ul {display: inline; float: right; list-style: none; margin: 0 0 0 0; padding: 0;}
	.topNavBar li {display: inline; float: left; margin: 0 0 0 10px;}
	.topNavBar li a {display: inline; float: left; height: 17px;}
	.topNavBar li span {display: none;} 

#topNav01 a {background: url(../images/topnav_it_on.gif) top left no-repeat; width: 80px; height: 17px;}
#topNav02 a {background: url(../images/topnav_en_on.gif) top left no-repeat; width: 80px; height: 17px;}
#topNav03 a {background: url(../images/topnav_de_on.gif) top left no-repeat; width: 80px; height: 17px;}

.headerLogo {position: relative; float: left; display: inline; margin: 20px 0 0 30px; width: 260px; height: 70px;}

.mainNavBar {position: relative; float: left; display: inline; width: 900px; height: 41px; background: url(../images/bg_main_nav_bar.gif) top left repeat-x #9EB8B2;}
	.mainNavBar ul {margin: 14px 0 0 30px; font-size: 14px; line-height: 1.1em;}
	.mainNavBar li {display: inline; margin: 0 42px 0 0; padding: 0; line-height: 1.1em;}
	.mainNavBar a:link {text-decoration: none; color: #006666; background-color: transparent;}
	.mainNavBar a:visited {text-decoration: none; color: #006666; background-color: transparent;}
	.mainNavBar a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

/* SLIDESHOW CODE */

#slideshow {
	display: block;
	width: 550px;
	height: 280px;
	/* padding-left: 36px;
	padding-top: 18px; */
}

#slideshow img {
	display: none;
	position: absolute;
}

/*-- MAIN AREA --*/
.mainAreaHolder {float: left; position: relative; display: inline; width: 900px; padding: 30px 0 30px 0; margin: 0; background-color: #FFF7DA;}

/*-- FOOTER --*/
.footerArea {position: relative; float: left; display: inline; width: 900px; background: #AA8767 url(../images/row-divide.png) no-repeat 0 0; margin: 0; padding: 20px 0 30px 0;}
	.footerArea p {margin: 0 30px 0 30px; font-size: 11px; color: #E4D3A5; display: inline;}
	.footerArea h4 {float: right; font-weight: normal; margin: 0 30px 0 30px; font-size: 11px; color: #E4D3A5; display: inline;}
	.footerArea h5 {text-align: center; font-weight: normal; margin: 0 30px 0 30px; font-size: 10px; color: #E4D3A5; display: block;}
	.footerArea a:link {text-decoration: underline; color: #FFF7DA; background-color: transparent;}
	.footerArea a:visited {text-decoration: underline; color: #FFF7DA; background-color: transparent;}
	.footerArea a:hover {text-decoration: none; color: #FFF7DA; background-color: transparent;}

.footerAreaLeft {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 30px; padding: 0;}
	.footerAreaLeft h3 {font-size: 11px; margin: 5px 0 0 0; line-height: 1.6em; color: #FFF7DA;}
	.footerAreaLeft p {font-size: 11px; color: #FFF7DA; line-height: 1.6em; margin: 0; padding: 0;}
	.footerAreaLeft img {border: 0; margin: 0 0 5px 0;}

.footerAreaMiddle {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 0; padding: 0;}
	.footerAreaMiddle h3 {font-size: 11px; margin: 5px 0 0 0; line-height: 1.6em; color: #FFF7DA;}
	.footerAreaMiddle p {font-size: 11px; color: #FFF7DA; line-height: 1.6em; margin: 0; padding: 0;}
	.footerAreaMiddle img {border: 0; margin: 0 0 5px 0;}

.footerAreaRight {position: relative; float: left; display: inline; width: 260px; margin: 0; padding: 0;}
	.footerAreaRight h3 {font-size: 11px; margin: 5px 0 0 0; line-height: 1.6em; color: #FFF7DA;}
	.footerAreaRight p {font-size: 11px; color: #FFF7DA; line-height: 1.6em; margin: 0; padding: 0;}
	.footerAreaRight img {border: 0; margin: 0 0 5px 0;}

.subfooterArea {position: relative; float: left; display: inline; width: 900px; margin: 0; padding: 20px 0 30px 0;}
	.subfooterArea p {margin: 0 30px 0 30px; font-size: 11px; color: #AA8767; display: inline;}
	.subfooterArea h5 {text-align: center; font-weight: normal; margin: 0 30px 0 30px; font-size: 10px; color: #AA8767; display: block;}
	.subfooterArea a:link {text-decoration: none; color: #AA8767; background-color: transparent;}
	.subfooterArea a:visited {text-decoration: none; color: #AA8767; background-color: transparent;}
	.subfooterArea a:hover {text-decoration: none; color: #AA8767; background-color: transparent;}

.subfooterAreaLeft {position: relative; float: left; display: inline; width: 220px; margin: 0 30px 0 30px; padding: 0;}
	.subfooterAreaLeft img {border: 0; margin: 0 0 5px 0;}

.subfooterAreaRight {position: relative; float: left; display: inline; width: 600px; margin: 0; padding: 0;}
	.subfooterAreaRight img {border: 0; margin: 0 0 5px 0;}


/*-- HOME PAGE --*/
.homeTopHalf {position: relative; float: left; display: inline; width: 840px; margin: 0 30px 30px 30px; padding: 0 0 30px 0; border-bottom: 1px solid #E4D3A5;}
.homeSlideshow {position: relative; float: left; display: inline; width: 550px; height: 280px; margin: 0 30px 0 0;}

.homeIntro {position: relative; float: left; display: inline; width: 260px; margin: 0;}
	.homeIntro h1 {margin: 20px 0 0 0; padding: 0; text-indent: -9000px; line-height: 1em;}
	.homeIntro h3 {font-size: 12px; margin: 5px 0 0 0; line-height: 1.6em; color: #756959;}
	.homeIntro p {font-size: 12px; color: #756959; line-height: 1.6em;}
	.homeIntro img {border: 0; margin: 10px 0 0 0;}

.homeDivider {position: relative; float: left; display: inline; width: 840px; margin: 0 0 30px 30px; padding: 0; border-bottom: 1px solid #E4D3A5;}

.homeBottomLeft {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 30px; padding: 0;}
	.homeBottomLeft h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.homeBottomLeft h3 {font-size: 12px; margin: 5px 0 0 0; line-height: 1.6em; color: #756959;}
	.homeBottomLeft p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}
	.homeBottomLeft img {border: 0; margin: 0 0 5px 0;}

.homeBottomMiddle {position: relative; float: left; display: inline; width: 260px; margin: 0 30px 0 0; padding: 0;}
	.homeBottomMiddle h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.homeBottomMiddle h3 {font-size: 12px; margin: 5px 0 0 0; line-height: 1.6em; color: #756959;}
	.homeBottomMiddle p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}
	.homeBottomMiddle img {border: 0; margin: 0 0 5px 0;}

.homeBottomRight {position: relative; float: left; display: inline; width: 260px; margin: 0; padding: 0;}

.sideToscanaHome {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0;}
	.sideToscanaHome h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideToscanaHome h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}
	.sideToscanaHome p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}


.sideToscana {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0;}
	.sideToscana h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideToscana h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}
	.sideToscana p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

.sideContactUs {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 27px 0; border-bottom: 1px solid #E4D3A5; background: url(../images/calculator.gif) bottom right no-repeat;}
	.sideContactUs h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideContactUs h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}
	.sideContactUs p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

.sideBannerHome {position: relative; float: left; display: inline; width: 260px; padding: 0px; margin: 0px;}
	.sideBannerHome h2 {margin: 0px; padding: 0px;}
	.sideBannerHome img {border: 0px;}

.sideRecapiti {position: relative; float: left; display: inline; width: 270px; padding: 0 0 15px 0; margin: 0;}
	.sideRecapiti h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideRecapiti h3 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideRecapiti p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}
	.sideRecapiti img {border: 0px;}

.sideProposte {position: relative; float: left; display: inline; width: 260px; padding: 0 0 30px 0; margin: 0;}
	.sideProposte h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.sideProposte h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959; display: block; padding: 0 0 10px 0; height: 16px;}
	.sideProposte p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0; padding: 0;}

/*-- CONTENT PAGE --*/
.contentMainColumn {position: relative; display: inline; float: left; width: 550px; margin: 0 30px 0 30px;}
	.contentMainColumn h1 {margin: 0 0 0.2em 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.contentMainColumn h2 {margin: 0 0 0.2em 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.contentMainColumn h3 {font-size: 14px; font-variant: small-caps; line-height: 1.6em; color: #584C3D;}
	.contentMainColumn h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}
	.contentMainColumn h5 {font-size: 12px; font-weight: bold; color: #5E4D35; line-height: 1.6em;}
	.contentMainColumn h6 {font-size: 10px; font-weight: normal; color: #5E4D35; line-height: 1.6em;}
	.contentMainColumn p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}
	.contentMainColumn ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}
	.contentMainColumn li {position: relative; background-image: url(../images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}
	.contentMainColumn form {padding: 0; margin: 20px 0 20px 0;}
	.contentMainColumn legend {font-size: 13px; color: #333333;}
	.contentMainColumn label {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #584C3D; width: 100px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}

.formContactText {width: 400px; border: 1px solid #E4D3A5; background-color: #FFFFFF; font-size: 13px; padding: 4px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 13px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}

.formStatement {width: 400px; float: left; display: inline; position: relative; margin: 20px 0 0 110px;}
	.formStatement h6 {font-size: 10px; font-weight: normal; color: #5E4D35; line-height: 1.6em;}

.contactFormButtons {position: relative; float: right; display: inline; width: 437px;}
.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #006666; border: 1px solid #006666; color: #FFFFFF; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}

.images2colLeft {display: inline; float: left; position: relative; margin: 20px 30px 20px 0;}
.images2colRight {display: inline; float: left; position: relative; margin: 20px 0 20px 0;}

.images3colLeft {display: inline; float: left; position: relative; margin: 20px 20px 20px 0;}
.images3colRight {display: inline; float: left; position: relative; margin: 20px 0 20px 0;}
.images3colRow2Left {display: inline; float: left; position: relative; margin: 0 20px 20px 0;}
.images3colRow2Right {display: inline; float: left; position: relative; margin: 0 0 20px 0;}

.contentRightColumn {position: relative; display: inline; float: left; width: 260px; margin: 30px 0 0 0;}
	.contentRightColumn h4 {font-size: 14px; color: #5E4D35; line-height: 1.6em; font-weight: normal; margin: 0; padding: 0;}
	.contentRightColumn p {font-size: 12px; color: #756959; line-height: 1.6em; padding: 0;}
	.contentRightColumn ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}
	.contentRightColumn li {position: relative; background-image: url(../images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}

.relatedLinks {position: relative; float: left; display: inline; width: 260px; padding: 0 0 20px 0; margin: 0 0 25px 0; border-bottom: 1px solid #E4D3A5;} 
	.relatedLinks h2 {margin: 0 0 0 0; padding: 0; text-indent: -9000px; line-height: 1.1em;}
	.relatedLinks h3 {font-size: 12px; margin: 10px 0 0 0; line-height: 1.6em; color: #756959;}
	.relatedLinks p {font-size: 12px; color: #756959; line-height: 1.6em; margin: 0 0 0.5em 0; padding: 0;}
	.relatedLinks ul {margin: 0 10px 0 0; padding: 0; line-height: 1.4em; list-style: none; font-size: 12px;}
	.relatedLinks li {position: relative; background-image: url(../images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 18px;}

.new_icon{
	position:absolute;
	top:0px;
	right:0px;
	z-index:200;
	}

/*-- GALLERY PAGE --*/
.galleryMainColumn {position: relative; display: inline; float: left; width: 550px; margin: 30px 0 0 0;}
.galleryRow {position: relative; float: left; display: inline; width: 550px; margin: 0 0 30px 0;}

.galleryThumb {position: relative; float: left; display: inline; width: 115px; height: 100px; margin: 0 30px 0 0; border: 0;}
.galleryThumbEnd {position: relative; float: left; display: inline; width: 115px; height: 100px; margin: 0; border: 0;}


/*--- spot alto --*/
#TopSpot a{
	position: absolute;
	top:169px;
	right:0px;
	text-indent: -9999px;
	width:200px;
	height:92px;
	background:transparent url(../images/brochure.png) no-repeat top left;
}
#TopSpot a:hover{
	background:transparent url(../images/brochure.png) no-repeat top left;
}
/*--- spot Video --*/
#TopVideo a{
	position: absolute;
	top:86px;
	right:-65px;
	text-indent: -9999px;
	width:66px;
	height:125px;
	background:transparent url(../images/tab_video.png) no-repeat top left;
}
#TopVideo a:hover{
	background:transparent url(../images/tab_video.png) no-repeat top left;
}
/*--- spot FAQ --*/
#TopFAQ a{
	position: absolute;
	top:155px;
	right:-66px;
	text-indent: -9999px;
	width:66px;
	height:125px;
	background:transparent url(../images/tab_faq.png) no-repeat top left;
}
#TopFAQ a:hover{
	background:transparent url(../images/tab_faq.png) no-repeat top left;
}