@charset "utf-8";
/* CSS Document */
/* 	********************************************************************************************** 

	*		LAYOUT GENERALE *
	*		Created:	 16/11/2007	 *
	*		Last update: *
	*		Nome gruppo di proprieta': TamtamWeb	 	     *
    *		Author: Katty Garcia		 		 *

   	********************************************************************************************** */
/* 	-------------------------------------------------------------------------------------------------- 
	IMPOSTAZIONI GENERALI
   	-------------------------------------------------------------------------------------------------- */	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
  margin:0;
  padding:0;
}

body {
font-family: "Trebuchet MS", "Myriad Pro", "Arial Unicode MS", Tahoma, Arial, sans-serif;
font-size:1em;
background-color:#fff;
}
a, a:visited {
text-decoration:none;
color:#CC9933;
font-weight:bold;
}
a:hover, a:active {
color:#74A0CF;
}
p {
text-align:justify;
font-size:0.8em;
line-height:1.1em;
padding:10px 20px 10px 20px;
}
span {
color:#D6C178;
font-weight:bold;
}
h1 {
text-align:center;
}
h2 {
font-size:1em;
color:#000000;
margin-left:20px;
margin-top:10px;
margin-bottom:0px;
}
/* 	-------------------------------------------------------------------------------------------------- 
	DIV CONTENITORE PRINCIPALE
   	-------------------------------------------------------------------------------------------------- */		

#main {
width:100%;
background:url(../img/bgMain.jpg) repeat-x left top;
height:600px;
margin-top:-300px;
top:50%;
position:absolute;
}

#container {
margin:0 auto;
width:90%;
height:600px;
background:url(../img/bgContHome.jpg) no-repeat center top;
}

#top {
width:100%;
height:180px;
float:left;
position:relative;
text-align:center;
}

#info {
width:900px;
height:420px;
clear:both;
margin:0 auto;
}

#footer {
font-size:0.7em;
color:#999966;
height:25px;
bottom:0px;
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
}

/* 	-------------------------------------------------------------------------------------------------- 
	DIV TOP (LOGO)
   	-------------------------------------------------------------------------------------------------- */		

#top #logo h1 {
overflow:hidden;
top:0px;
text-indent:-9999px;
position:relative;
background:url(../img/logo.jpg) no-repeat center top;
}

#top #logo h1 a {
display: block;
width:142px;
height:124px;
text-decoration:none;
}

/* 	-------------------------------------------------------------------------------------------------- 
	DIV INFO
   	-------------------------------------------------------------------------------------------------- */		
#foto {
float:left;
position:relative;
width:450px;
height:420px;
margin:0px;
padding:0px;
}
#infoPage {
float:right;
position:relative;
width:450px;
height:420px;
margin-left:30px;
margin:0px;
padding:0px;
}
#infoPage #testo {
width:350px;
margin:50px auto 0px auto;
background:url(../img/bgInfoTesto.gif) no-repeat center 25px;
}

#infoPage #testo h1 {
font-size:1.3em;
font-family:"Georgia", "Trebuchet MS", "Myriad Pro", Tahoma, Arial, sans-serif, "Arial Unicode MS";
color:#C6AE61;
text-align:center;
margin-top:10px;
text-align:center;
margin-bottom:0px;
display:inline;
margin-left:20px;
}


/* 	-------------------------------------------------------------------------------------------------- 
	NAVIGATION    	-------------------------------------------------------------------------------------------------- */		
#top ul {
list-style:none;
width:660px;
margin:0 auto;
}
#top li {
list-style-type:none;
float:left;
}
#top li a, #top li a:visited {
width:80px;
height:40px;
display:block;
text-indent:-9999px;
margin-top:4px;
}
#top li.home a, #top li.home a:visited {
background:url(../img/bgNavHome.gif) no-repeat left top;
}
#top li.home a:hover, #top li.home a:active {
background:url(../img/bgNavHome.gif) no-repeat right top;
}
#top li.ristorante a, #top li.ristorante a:visited {
background:url(../img/bgNavRist.gif) no-repeat left top;
}
#top li.ristorante a:hover, #top li.ristorante a:active {
background:url(../img/bgNavRist.gif) no-repeat right top;
}
#top li.menu a, #top li.menu a:visited {
background:url(../img/bgNavMenu.gif) no-repeat left top;
margin-left:20px;
}
#top li.menu a:hover, #top li.menu a:active {
background:url(../img/bgNavMenu.gif) no-repeat right top;
}
#top li.eventi a, #top li.eventi a:visited {
background:url(../img/bgNavEventi.gif) no-repeat left bottom;
margin-top:8px;
margin-left:90px;
}
#top li.eventi a:hover, #top li.eventi a:active {
background:url(../img/bgNavEventi.gif) no-repeat right bottom;
}
#top li.dove a, #top li.dove a:visited {
background:url(../img/bgNavDove.gif) no-repeat left bottom;
margin-top:8px;
margin-right:20px;
}
#top li.dove a:hover, #top li.dove a:active {
background:url(../img/bgNavDove.gif) no-repeat right bottom;
}

#top li.contatti a, #top li.contatti a:visited {
margin-top:8px;
background:url(../img/bgNavContatti.gif) no-repeat left bottom;
}
#top li.contatti a:hover, #top li.contatti a:active {
background:url(../img/bgNavContatti.gif) no-repeat right bottom;
}
/* 	-------------------------------------------------------------------------------------------------- 
	FORM
   	-------------------------------------------------------------------------------------------------- */	

#form {
width:280px;
}

#form.contatti {
width:280px;
}

form{
width:280px;
margin-left:20px;
margin-top:-10px;
}

fieldset{
float:left;
width:280px;
margin:0;
padding: 0;
border: none;
}
form b{color: #0000FF}

fieldset div{
float:left;
width:100%;
padding-bottom:5px;
}

label{
float:left;
display: block;
line-height:15px;
width:200px;
font-weight:bold;
font-size:0.7em;
}

input {
background-color:#E8D9AC;
color:#000;
padding:2px;
width:280px;
padding-left:2px;
border:1px solid #C6AE61;
font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
font-size:0.8em;
}

input:hover, input:active {
background-color: #C6AE61;
border:1px solid #E8D9AC;
color:#000;
}

select {
background-color:#fff;
border: #999999 1px solid;
color:#003366;
width:270px;
}

select:hover, select:active {
background-color: #DFDFFF;
border: #fff 1px solid;

}
textarea {
background-color:#E8D9AC;
color:#000;
padding:2px;
border:1px solid #C6AE61;
font-family: "Arial Unicode MS", Tahoma, Arial, sans-serif;
font-size:0.8em;
}
textarea:hover, textarea:active {
background-color: #C6AE61;
border:1px solid #E8D9AC;
color:#000;

}

input.tasto {
width:80px;
color: #663300;
height:20px;
padding:0px;
font-size:10px;
border:#ccc 1px solid;
background:url(../img/bgInputSubmit.gif) no-repeat left bottom;
display: inline;
border:1px solid #E8D9AC;
cursor:pointer;
}

input:hover.tasto {
color: #000;
background:url(../img/bgInputSubmit.gif) no-repeat left top;
}