﻿/* The Harvest First Light Web Design 2007 */

body {
	background: #677C2F url(images/background.jpg) repeat;
	color: #000000;
	font-size: 14px;
	font-family: "palatino linotype", "trebuchet ms", "times new roman";
	margin: 0;
	padding: 0;
	text-align: center;
} /* Needed to center layout in old IE browsers. */

abbr {cursor: help;
               border-bottom: 1px dotted ;}

acronym {cursor: help;
               border-bottom: 1px dotted ;}
.new{
width:30px;
height:15px;
margin-left:100px;
margin-top:-32px;
text-decoration:blink;}

h6 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color:#8BA11D;
                        background-color:#FFF;
                        font-weight: normal;}
                        

h5 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color: #c6881c;
                        background-color: #FFF;
                        font-weight: normal;}
                        

h4 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color: #7c9211;
                        background-color: #FFF;
                        font-weight: normal;}
                        

h3 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color: #8BA11D;
                        background-color: #FFF;
                        font-weight: normal;}
                        

h2 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color: #7c9211;
                        background-color: #FFF;
                        font-weight: normal;}
                        

h1 {margin: 0 0 10px 0;
                        padding: 0 0 2px 0;
                        color: #8BA11D;
                        background-color: #FFF;
                        font-weight: normal;}
                        

.bottom-border {border-bottom: 1px solid #E0E0E0;}

.headline {margin:0 10px 5px 0;
           padding: 0;
           font-size: 2px;}

ul {list-style-type: square;}

p {padding: 0;
   margin: 10px 0 0 0;
   line-height: 160%;
   color: #666666;}

p.clear-left {clear: left;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a {color: #8BA11D; text-decoration: none;}
a:link {color: #7c9211;}
a:visited {color: #7c9211;}
a:hover {color: #c6881c;}
            
#container {width: 760px;
            background-color: #FFF;
            color: #6C6C6C;
            text-align: left;
            padding: 0;
            margin: 10px auto;}

#header {width: 100%;
         background: #3D3D3D;
         color: #EEE;
         }

#header h1 {margin: 0;
            background: #3D3D3D;
            color: #EEE;
            padding: 0;}

#logo{display: block;
       margin: 0;}

#sub-header {width: 760px;
             height: 218px;
             background: #FFF url(images/wheat_field.jpg) no-repeat;
             color: #6C6C6C;}

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 52px;
       margin: 0;
       padding: 0;
       background: #FFF url(images/menu_background.jpg) repeat-x;
       color: #333;
       position: relative;
       display: block;}


#menu ul {list-style-type: none;
          margin: 0;
          padding: 12px 0 0;
          text-align: center;}

#menu ul li {display: inline;
             margin: 10px 0 0 10px;
             padding: 0;
             font-weight: bold;}

#menu ul li#first {margin: 0;}

#menu ul li a {text-decoration: none;
               text-transform: uppercase;
               color: #525252;
               font-size: 14px;}

#menu ul li a:hover {color: #000;}

.access-key {color: #8BA11D;
             font-size: 14px;
			 text-transform: uppercase;
             background-color: #FFF;
             font-weight: normal;
			 padding-right:10px;}

/* End main navigation menu. */ 

#content {
	padding: 0 20px;
	background: #FFF;
	color: #2F2F2F;
}

/* The right-column division is your main content division. */
#box1{ width:760px;
float:left;
margin-top:10px;
				
}
#albergo{ width:360px;
         float:left;
         margin-top:10px;
                          
				
}
.apertura{ width:260px;
margin-top:20px;
margin-bottom:40px;

				
}
.galleria a:link {color: #c6881c;}
 ;}
 .galleria a:visited {color: #c6881c;}
 .galleria a:hover {color: #7c9211;}

.galleria{ 
 width:100px;
margin-top:60px;
margin-bottom:20px;

}
.galleria1{ width:260px;
				
}
.clicca  a:link {color: #c6881c;}
.clicca a:visited {color: #c6881c;}
.clicca a:hover {color: #7c9211;}


.domus{ width:240px; 
height :115px;
float:left;
 margin-bottom:50px;
}
.locanda{width:198px; 
height :191px;
float:left;
margin-left:30px;
 margin-bottom:30px;
margin-top:-5px;}

#locanda{ width:360px;
          float:left;
          margin-top:10px;
          margin-left:5px;
                   }
.locandadomus a:link {color: #c6881c;}
 .locandadomus a:visited {color: #c6881c;}
 .locndadomus a:hover {color: #7c9211;}
.locandadomus{width:198px;
margin-left:30px;
margin-top:10px;
margin-bottom:0px;
}
.justify{ width:320px;

				
}
#featured-wrapper {
	width: 360px;
	background: #FFF url(images/featured_background1.png) repeat-y;
	color: #2F2F2F;
	float:left;

}

#featured-top {
	width:360px;
	height:48px;
	background: #FFF url(images/featured_top1.png) no-repeat;
	color: #3F3F3F;
	float:left;

}


#featured-content { 
margin-left:5px;
margin-top:-20px;
float:left;
                   }

.featured {width: 100%;
           clear: both;
           padding-bottom: 40px;}
        

#box2{ width:760px;
        margin-top:10px;
        float:left;
				
}
#blognews{ width:240px;
           float:left;
           height:250px;
           
				
}

#itinerari-turistici{width:240px;
                   height:250px;
                   float:left;
                   margin-left:5px;
                    
                    


				
}
#promozioni{width:240px;
            height:250px;
            float: left;
             margin-left:5px;
                               
           

				
}

#featured-wrapper2 {
	width: 240px;
	background: #FFF url(images/featured_background2.png) repeat-y;
	color: #2F2F2F;
	float:left;

}

#featured-top2 {
	width: 240px;
	height: 48px;
	background: #FFF url(images/featured_top2.png) no-repeat;
	color: #3F3F3F;
	float:left;

}


#featured-content2 {                   
                   margin: -25px 10px 10px 5px;
                   padding: 0 10px 10px 10px;
                   float:left;
                   }

.featured {width: 100%;
           clear: both;
           padding-bottom: 40px;}
           
#box3{ width:760px;
float:left;
margin-top:120px;
				
}
#segnalatosu{ margin-top:30px;
width:480px;
float:left;
				
}
#linkutili{ width:240px; margin-top:30px;
float:left;
 margin-left:5px;

				
}
#dove{ float:left;
 width:241px;
 height:61px;

				
}
#paesi{								
float: left;
margin-left:25px;
}
#elencoalberghi{ float: left;
 margin-right:-200px;
 margin-top:200px;
 margin-left:-200px;
}
#featured-wrapper3 { width:480px;
	
	background: #FFF url(images/featured_background3.png) repeat-y;
	color: #2F2F2F;
	float:left;

}
#facebook{
				width:25px;
				height:25px;
				float:left;
			
}
#flikr{
				width:25px;
				height:25px;
				float:left;
				margin-left:10px;			
}
#twitter{
				width:25px;
				height:25px;
				float:left;
				margin-left:10px;	
			
}




#featured-top3 {
	width: 480px;
	height: 48px;
	background: #FFF url(images/featured_top3.png) no-repeat;
	color: #3F3F3F;
	float:left;

}


#featured-content3 {                   
                   margin: -30px 15px 10px 5px;
                   padding: 0 10px 10px 10px;
                   float:left;
                   }

.featured {width: 100%;
           clear: both;
           padding-bottom: 40px;}



#footer {width: 720px;
         height: 78px;
         clear: both;
         margin: 0;
         padding: 0;
         background: #FFF url(images/footer_background.jpg) no-repeat;
         color: #6C6C6C;}

#footer-content {padding: 51px 20px 0;}

#footer-right {float: right;
font-size:13px;
               margin: 0;}

#footer p {margin: 0;}


.date {color: #8BA11D;
       background-color: #FFF;
       font-style: italic;
       float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.right {float: right;}

.justify {text-align: justify;}

.clear {clear: both;}



.featured h3 {margin: 0;
              padding: 8px 0 0 0;
              background: transparent;
              font-size: 16px;}
#galleriafoto{ width:300px;
height:300px;
float:left;
margin-left:200px;
				
}
