/* CSS Document */

@charset "utf-8";

html{
   height:100%;
   text-align: center;
}

body{
   background-color: #000000;
   background:  url(image/sfondo.jpg) repeat fixed;
   font-family: Book Antiqua, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: auto;
   text-align: center;
}

a:link, a:visited {
  color: #7a5135;
  text-decoration: underline;
}
a:hover {
  color: #7a5135;
  text-decoration: underline;
}
#container {
   position:absolute;
   top:30px;
   left:50px;
   width: 1003px;
   height: 619px;
   background:  url(image/header.jpg) no-repeat;
   margin: auto;
   padding: 0px 0px 0px 0px;
}



        --menu--
ul {
	margin:0; padding:0; 
	list-style-type:none; }
	
li { float:left;
     color:#F0E0B2;  }

#content a {
	display:block; 
	text-indent:-9999px;
	background-repeat:none;
	background-position:0px 50px ; 
	 overflow: hidden; 
	 color: #7a5135;}
		 
#content a.presentazione {
					background-image:url(image/presentazione.png);
					background-position:center top;
					height:50px;
					left:190px;
					position:relative;
					top:155px;
					width:150px; }
	
#content a.ladimora { 
			background-image:url(image/la_dimora.png);
			position: relative;
         	top: 155px;
	        left: 195px;
    	    width: 150px;
        	height: 50px;
	        background-position:top center; } 

#content a.lacucina{ 
			background-image:url(image/la_cucina.png);
			position: relative;
        	top: 155px;
	        left: 200px;
     	    width: 150px;
        	height: 50px;
        	background-position:top center;  }

#content a.offerte {
			 background-image:url(image/offerte.png);
			 position: relative;
         	 top: 155px;
	         left:210px;
    	     width: 150px;
        	 height: 50px;
	         background-position:top center;  }

#content a.contatti{
			 background-image:url(image/contatti.png); 
			 position: relative;
	         top: 155px;
    	     left: 215px;
        	 width: 149px;
        	 height: 50px;
        	 background-position:top center; }

#content a:hover { background-position:0 50; }

#content {
     position:relative!important;
	 position:absolute;
   top:0px!important;
   top:12px;
   right:0px!important;
   right:214px;
    margin:0px 0px 0px 0px; 
}
h1{
   font-family: La Jolla ES,Times New Roman, Verdana, Arial, Helvetica, sans-serif;

   color: #7a5135;
}

#barra
{   float:left;
   -x-system-font:none;
	background-color:#FAF6EB;
	color:#7a5135;
	font-family:Arial;
	text-align: center;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:385px;
	line-height:normal;
	margin:6px;
	overflow:auto;
	padding:1px 0px 3px 0px;
	position:absolute;
	top:220px!important;
	top:218px;
	width:250px;
	left:-2px;
   }
table 
{	color:#7a5135;
	font-family:Arial;
	text-align: center;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding:-10px 0px 3px 0px;
	top:220px;
	}
	td
{	color:#7a5135;
	font-family:Arial;
	text-align: center;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
		}
.centerIE { 
                      
 /* per Internet Explorer */
}
.center { 
          position:relative;
		  
                  left:-532px;
		  top:216px!important;
		  top:224px;
		  width:700px;    	  
}
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#slideshow{ 
	width: 545px;
	height: 386px;
	
	 }



#immagine
{ 
z-index:1;
position:absolute;
left:855px;
top:237px;
width:100px;

}
#mappa
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:162px 0px 0 255px!important;
	padding:220px 0px 0 255px;
	width:450px;
 }
.thumbNormal {
    width: 150px; 
	height: 90px;
	margin-top: 2px;
	margin-left: 5px;
 	border:2px solid #000000;
	}

.thumbSelected {
   width: 150px;
   height: 90px;
   margin-top: 2px;
   margin-left: 5px;
	order:2px solid #ff0000;
	}

table.thumbs {

	 width: 550px;
   height: 380px;
	  border: none;
	}
 
 
#footer
{
   position:absolute;
   font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #7a5135; 
   left:54px;
    top:653px;
	 width:1054px; 
	 height:23px;
	  z-index:2;
}
#footer a
{
   font-size: 14px;
   color: #7a5135; 
  }
#footer a:hover
{
   font-size: 14px;
   color: #7a5135; 
  }