/* CSS Document */
/*
@name: css/angiolino.css
@desc: css generale
@author: Giada Ranieri
@lastauthor: Giada Ranieri
*/

* {
margin: 0;
padding: 0;
}

html, body{
margin:0px;
padding:0px;
}

body{
margin:0;
color:#333;
width:100%;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
background:url(../img/lay/bg.jpg) repeat-x;
}

img {
border:none;
padding:0;
}

hr {
display:none
}

a, a:hover, a:active, a:visited {
text-decoration:none;
color:#653d3d;
}


img.FloatRight {
float:right;
margin:0 30px 0 0;
}

img.FloatRight2 {
float:right;
margin:60px 30px 0 0;
padding:0;
}

.clearboth {
clear:both;
}

/*spot*/
#spot {
margin:0px auto auto auto;
background-color:#8c0221;
height:15px;
}

#spot p {
color:#d3c5a6;
 font-size:11px;
 text-align:center;
 font-weight:bold;
}

#spot a, a:hover, a:active, a:visited {
color:#d3c5a6;
 text-decoration:none;
}

#container, #container_900 {
margin:0px auto auto auto;
width:980px;
height:768px;
background:url(../img/lay/bg_container.jpg) no-repeat top left #fff;
}

#container_900 {
height:900px;
background:url(../img/lay/bg_container_900.jpg) no-repeat top left #fff;
}

/* MENU */
#menu {
float:left;
margin:253px 0 0 60px;
width: 190px;
height: 260px;
}

/* to stretch the container div to contain floated list */
#menu:after, #menu_pg:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#nav {
list-style: none;
padding: 0;
margin: 0;
width: 190px;
}

#nav li {
display: block;
float: left;
width: 190px;
margin: 0;
padding: 0;
}

#nav li span {
display:none;
}

#nav li a:link, #nav li a:visited {
display: block;
width: 190px;
padding: 0;
height: 52px;
padding: 0;
background-position:0 0;
}

#menu>ul#nav li a { width: auto; }

ul#nav li.li_home a {background-image:url(../img/lay/li_home.jpg);}
ul#nav li.li_trattoria a {background-image:url(../img/lay/li_trattoria.jpg);}
ul#nav li.li_specialita a {background-image:url(../img/lay/li_specialita.jpg);}
ul#nav li.li_dove a {background-image:url(../img/lay/li_dove.jpg);}
ul#nav li.li_contatti a {background-image:url(../img/lay/li_contatti.jpg);}

/*contenuto*/

#box_txt, #box_txt_900 {
float:left;
margin:253px 0 0 40px;
width:650px;
padding:0;
}

#box_txt_900 {
height:500px;
}

#box_txt h1, #box_txt_900 h1 {
width:350px;
height:81px;
margin-left:20px;
float:left;
padding-bottom:20px;
}


#box_txt h1 span, #box_txt_sx h1 span, #box_txt_dx h1 span, #box_txt_900 h1 span {
display:none;
}

#box_txt h1.h1_home {background:url(../img/lay/h1_home.jpg) no-repeat top left;}
#box_txt_900 h1.h1_specialita {background:url(../img/lay/h1_specialita.jpg) no-repeat top left;}
#box_txt h1.h1_trattoria {background:url(../img/lay/h1_trattoria.jpg) no-repeat top left;}
#box_txt h1.h1_dove {background:url(../img/lay/h1_dove.jpg) no-repeat top left;width:240px;
}
#box_txt h1.h1_contatti {background:url(../img/lay/h1_contatti.jpg) no-repeat top left;}

#box_txt p, #box_txt_900 p {
line-height:2em;
float:left;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 5px 0 30px;
width:330px;
}

#box_txt p.px150 {
width:200px;
}

table {
float:left;
margin-left:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

td {
padding:2px}

input, textarea {
border:1px solid #660033;}

.invia {
background:#FFEEC7;
color:#660033;
font-size:12px;
font-weight:bold;
margin-top:5px;
border:1px solid #660033;
}

/*footer*/
#footer {
margin:0 auto auto auto;
width:100%;
}

#footer a {
color:#502901;
}

#footer a:hover {
color:#502901;
text-decoration:underline;
}


#footer img {
 border:0;
 padding:0 2px;
 vertical-align:middle
}

#footer_box {
margin:0px auto auto;
width:960px;
height:80px;
}

#footer_sx {
width:750px;
margin:10px 0 0 30px;
float:left;
}

#footer_sx p, #footer_dx p {
text-align:left;
margin-top:10px;
color:#502901;
}

#footer_dx {
clear:both;
float:right;
width:200px;
margin:10px 170px 0 0;
}

#footer_dx p {
text-align:right;}