/***************************************************************************************************************************  
	Website: www.divinus.it
	Version: 1.0
	Design Author: qrnet mediastudio
	Author URI: http://www.qrnet.it/ 				                                                   				
 ***************************************************************************************************************************/	


*, body, h1, h2, h3, h4, h5, h6, table, form {
margin:0;
padding:0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
				   
.nascondi, .hide, hr {
display:none;
visibility:hidden;
}

.disabilita, h1 {
position:absolute;
margin-left:-3000px;
}

body {
background: url("../images/bg.jpg") top left repeat-x #928964;
font-family:Arial, Helvetica, sans-serif;
color:#999;
}

h3 {
font-size:17px;
color:#d7b469;
margin:10px 0px 5px 24px;
}

h4 {
font-size:13px;
color:#a17b4f;
margin:10px 0px 5px 24px;
}	

.fine-paragrafo {
border-bottom:1px dotted #d7b469;
width:823px;
margin: 0 auto 0;
}	   
		   
/*************************************************************************************************************			*  TOP
 *	TOP  				                                                   				
 *************************************************************************************************************/		  
		  
#top { 
width:820px;
margin: 0 auto 0;
clear:both;
}

#logo { 
width:207px;
height:71px;
margin-top: 20px;
float:left;
}

#logo h1 {
margin: 0;
padding: 0;
}

#logo h1 a{
display:block;
width:207px;
height:71px;
background-image: url("../images/logo.jpg");
background-position: top center;
background-repeat: no-repeat;
}

#logo h1 a span{
position:absolute;
margin-left:-3000px;
}

#lingue { 
float:right;
padding-top:63px;
}

#lingue ul li {
list-style:none;
display:inline;
padding-left:25px;
}

#lingue ul li a { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a17b4f;
font-weight:bold;
text-decoration:none;
}

#lingue ul li strong { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d7b469;
font-weight:bold;
text-decoration:none;
}

#lingue ul li a:hover{ 
color:#d7b469;
border-bottom: 1px dotted #a17b4f;
}


/*************************************************************************************************************			*  NAVIGAZIONE
 *	NAVIGAZIONE  				                                                   				
 *************************************************************************************************************/		  
		  
#navigazione { 
background: url("../images/navigazione.jpg") top center no-repeat;
width:871px;
height:55px;
margin: 0 auto 0;
text-align:left;
}
		   
#navigazione ul { 
list-style-type: none; 
padding-top: 31px; 
margin-left:25px;
height:21px;
}

#navigazione ul li {
height:21px;
display:inline;
line-height:0;
float:left;
padding-right: 35px;
}

#navigazione ul li a {
display:block;
height:21px;
padding-top: 18px;
padding-bottom: 7px;
margin:0;
}

/*************** beb ***************/	

#navigazione ul li.beb a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.beb strong {
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.beb a {
width:41px;
height:21px;
background-image: url("../images/navigazione/beb.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.beb a:hover { 
background-image: url("../images/navigazione/beb.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.beb { 
width:41px;
height:21px;
background-image: url("../images/navigazione/beb.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}


/*************** prenotazioni ***************/	

#navigazione ul li.prenotazioni a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.prenotazioni strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.prenotazioni a {
width:112px;
height:21px;
background-image: url("../images/navigazione/prenotazioni.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.prenotazioni a:hover { 
background-image: url("../images/navigazione/prenotazioni.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.prenotazioni { 
width:112px;
height:21px;
background-image: url("../images/navigazione/prenotazioni.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}


/*************** herculaneum ***************/	

#navigazione ul li.herculaneum a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.herculaneum strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.herculaneum a {
width:122px;
height:21px;
background-image: url("../images/navigazione/herculaneum.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.herculaneum a:hover { 
background-image: url("../images/navigazione/herculaneum.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.herculaneum { 
width:122px;
height:21px;
background-image: url("../images/navigazione/herculaneum.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}


/*************** eventi ***************/	

#navigazione ul li.eventi a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.eventi strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.eventi a {
width:60px;
height:21px;
background-image: url("../images/navigazione/eventi.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.eventi a:hover { 
background-image: url("../images/navigazione/eventi.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.eventi { 
width:60px;
height:21px;
background-image: url("../images/navigazione/eventi.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}


/*************** contatti ***************/	

#navigazione ul li.contatti a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.contatti strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.contatti a {
width:74px;
height:21px;
background-image: url("../images/navigazione/contatti.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.contatti a:hover { 
background-image: url("../images/navigazione/contatti.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.contatti { 
width:74px;
height:21px;
background-image: url("../images/navigazione/contatti.jpg");
background-position: -159px 0px;
background-repeat: no-repeat;
}


/*************************************************************************************************************			*  HEADER
 *	HEADER  				                                                   				
 *************************************************************************************************************/		  
		  
#header { 
background: url("../images/header.jpg") top center no-repeat;
width:871px;
height:300px;
margin: 0 auto 0;
padding-left: 24px;
}

#header img{ 
border:none;
}			   


/*************************************************************************************************************			*  CONTENT
 *	CONTENT  				                                                   				
 *************************************************************************************************************/		  

#content { 
background: url("../images/content.jpg") top center repeat-y;
width:871px;
margin: 0 auto 0;
padding: 0;
}

#content p { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#777;
text-align:justify;
padding-bottom:10px;
padding-left:25px;
padding-right:25px;
}

#content p a{ 
color:#a17b4f;
font-weight:bold;
text-decoration:none;
}

#content p a:hover{ 
color:#d7b469;
border-bottom: 1px dotted #d7b469;
}

#content ul { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#777;
text-align:justify;
padding-bottom:10px;
padding-left:55px;
padding-right:25px;
}

#content ul li {
list-style-type:decimal;
}

#content p a img { 
border:none;
}



/*************************************************************************************************************			*  LINKS
 *	LINKS  				                                                   				
 *************************************************************************************************************/		

.links ul {
float:left;
width:200px;
}

.links ul li{
list-style-image:url("../images/manina.jpg");
padding-bottom:10px;
}

.links ul li a{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a17b4f;
font-weight:bold;
text-decoration:none;
}

.links ul li a:hover{ 
color:#d7b469;
border-bottom: 1px dotted #d7b469;
}


/*************************************************************************************************************			*  TITOLI
 *	TITOLI  				                                                   				
 *************************************************************************************************************/		

h2 span{ 
position:absolute;
margin-left:-3000px;
}

h2#benvenuti { 
background: url("../images/titoli/benvenuti.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}
 
h2#beb { 
background: url("../images/titoli/beb.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#prezzi { 
background: url("../images/titoli/prezzi.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#herculaneum { 
background: url("../images/titoli/herculaneum.jpg") top left no-repeat;
width:200px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#contatti { 
background: url("../images/titoli/contatti.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#prenotazioni { 
background: url("../images/titoli/prenotazioni.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#eventi { 
background: url("../images/titoli/eventi.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#raggiungici { 
background: url("../images/titoli/raggiungici.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#regolamento { 
background: url("../images/titoli/regolamento.jpg") top left no-repeat;
width:190px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#link { 
background: url("../images/titoli/link.jpg") top left no-repeat;
width:210px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

h2#privacy { 
background: url("../images/titoli/privacy.jpg") top left no-repeat;
width:210px;
height:40px;
padding-top: 10px;
margin-left: 24px;
}

/*************************************************************************************************************			*  TABLE PREZZI
 *	TABLE PREZZI  				                                                   				
 *************************************************************************************************************/		  

table#listino{ 
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999;
}

#listino td.left-a{ 
border: 1px dotted #ccc;
width:300px;
height:35px;
background:#eaeaea;
text-align:left;
padding-left:10px;
}

#listino td.right-a{ 
border: 1px dotted #ccc;
width:150px;
height:35px;
background:#eaeaea;
text-align:right;
padding-right:10px;
}

#listino td.left-b{ 
border: 1px dotted #ccc;
width:300px;
height:35px;
text-align:left;
padding-left:10px;
}

#listino td.right-b{ 
border: 1px dotted #ccc;
width:150px;
height:35px;
text-align:right;
padding-right:10px;
}


/*************************************************************************************************************			*  TABLE CONTACT
 *	TABLE CONTACT  				                                                   				
 *************************************************************************************************************/		  

table#contact{ 
margin-left:24px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999;
}

table#contact a{ 
text-decoration:none;
color:#a17b4f;
font-weight:bold;
}

table#contact a:hover{ 
border-bottom:1px dotted #ccc;
color:#d7b469;
}

#contact td.left-a{ 
border: 1px dotted #ccc;
width:300px;
height:35px;
background:#eaeaea;
text-align:left;
padding-left:10px;
}

#contact td.right-a{ 
border: 1px dotted #ccc;
width:495px;
height:35px;
background:#eaeaea;
text-align:right;
padding-right:10px;
}

#contact td.left-b{ 
border: 1px dotted #ccc;
width:300px;
height:35px;
text-align:left;
padding-left:10px;
}

#contact td.right-b{ 
border: 1px dotted #ccc;
width:495px;
height:35px;
text-align:right;
padding-right:10px;
}


/*************************************************************************************************************			*  GALLERY
 *	GALLERY  				                                                   				
 *************************************************************************************************************/		  

#gallery { 
background: url("../images/gallery.jpg") bottom center no-repeat;
width:871px;
height:101px;
text-align:center;
margin: 0 auto 0;
padding:0;
}

#gallery img{ 
margin-top:10px;
padding: 3px;
border: 1px #ccc dotted;
}

#map img{ 
margin-left:25px;
margin-bottom:20px;
padding: 3px;
border: 1px #ccc dotted;
}
		   
/*************************************************************************************************************			*  FOOTER
 *	FOOTER  				                                                   				
 *************************************************************************************************************/		  
		  
#footer { 
background: url("../images/footer.jpg") top center no-repeat;
width:871px;
height:34px;
margin: 0 auto 0;
padding: 0;
clear:both;
}

#footer img { 
border:none;
}

#footer ul li{ 
display:inline;
}

.left-footer { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a17b4f;
text-align:center;
text-transform:lowercase;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
float:left;
}

.left-footer a{ 
color:#a17b4f;
text-decoration:none;
}

.left-footer a:hover{ 
color:#d7b469;
border-bottom: 1px dotted #a17b4f;
}

.right-footer { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a17b4f;
text-align:center;
font-weight:bold;
padding-top:5px;
padding-bottom:2px;
padding-right:25px;
float:right;
}

/*************************************************************************************************************			*  CREDITS
 *	CREDITS  				                                                   				
 *************************************************************************************************************/		  
		  
#credits { 
width:871px;
height:50px;
margin: 0 auto 0;
padding: 0;
clear:both;
text-align:right;
}

#credits img { 
border:none;
}