/*

Red Lantern redesign

HFWD Chapter 1

http://headfirslabs.com/books/hfwd/ch01/stylesheets/screen.css

*/



/*

The font size here is set to 62.5% so that

1em = 10px. This makes adjusting our typography

a little easier

*/

body {

	margin: 0;

	padding: 0;

	/*background: ffff99*/

	background: #6c1515;

	/*background:url(../images/natale/sfondoNatale2.png);*/

	font-family: Helvetica, sans-serif;

	font-size: x-small;

	/*color: #333;*/

	color:#000;

}



h1, h2, p, ul, li {

	margin: 0;

	padding: 0;

}



hr{

	border: 1px solid #7A2122;

	margin-bottom:5px;

}

p {

	font-size: 1.4em;

	line-height: 1.5em;

}



ul {

	list-style-type: none;

}



a:link, a:visited {

	color:#0000FF;

	text-align:left;

	

}



#mod{

	margin: 0 auto; 

	padding: 5px 5px 0 5px; 

	position: relative; 

	text-align: left; 

	width: 440px;

	

}

#mod fieldset{

	border:5px solid #5C0505;

}

#mod legend{

	font-weight:bold;

	color:#5C0505;

	font-size:1.2em;

}

#mod img{

	border:none;

}



ul { padding: 0; }

li { font-size: 16px; list-style: none; margin: 0 0 4px 0; }

li.tip {

  color: red;

  font-size: 11px;

  font-style: italic;

  text-align: right;

  padding: 0 2px;

  height: 25px;

}



label { float: left; margin: 4px 6px 0 0; text-align: right; width: 160px; font-weight:bold;color:#5C0505;}

input { border: 2px solid #5C0505; padding: 0 2px; width: 216px; }

textarea { border: 2px solid #5C0505; padding: 0 2px; width: 216px; }

#register { width: 100px; }



#firstname, #lastname, #phone, #email { background: #fff url('../images/lightbox/status2.gif') 202px 0 no-repeat; padding: 0 20px 0 2px; width: 198px; }



#firstname.thinking, #lastname.thinking, #phone.thinking, #email.thinking { background-position: 202px -19px; }

#firstname.approved, #lastname.approved, #phone.approved, #email.approved {background-color:#A0FF82; background-position: 202px -35px; }

#firstname.denied, #lastname.denied, #phone.denied, #email.denied { background-color: #FF8282; background-position: 202px -52px; }





/*

"margin: 0 auto" with a width will center the layout

in the browser window

*/

#masthead {

	margin: 10px auto 0;

	margin-top: 20px;

	width: 820px;

	color: #fff;

	height:56px;

}



#masthead hr{

	color: #7a2122;

	background-color: #7a2122;

	height: 1px;

}



#nav {

	padding:5px;

	background: #7a2122;

	color: #e0b850;

	font-weight:bold;

	/*width:400px;*/

}



#nav li {

	display: inline;

	margin: 0 0 0 0px;

	padding: 5px 10px 5px 10px;

	border-right:1px solid #E0B850;

}



#nav li a {

	color: #fff;

	text-decoration: underline;

	background: none;

	

}



#nav li a:hover {

	color: #E0B850;

	text-decoration: none;

}



#nav li.active a{

	color: #E0B850;

	text-decoration: none;

}



#nav img{

	border:none;

	vertical-align:middle;

}

#subnav {

	padding:5px 5px 5px 180px;

	background: #7a2122;

	color: #e0b850;

	font-weight:bold;
	
	margin-top:5px;

	/*width:400px;*/

}



#subnav li {

	display: inline;

	margin: 0 0 0 0px;

	padding: 5px 5px 5px 5px;
	
	font-size: 14px;

}



#subnav li a {

	color: #fff;

	text-decoration: underline;

	background: none;

	

}



#subnav li a:hover {

	color: #E0B850;

	text-decoration: none;

}



#subnav li.active a{

	color: #E0B850;

	text-decoration: none;

}



#subnav img{

	border:none;

	vertical-align:middle;

}



/*

Because the header content is outside the wrap <div>,

we need to use the same "margin: 0 auto" trick to center

the layout

*/

#wrap {

	clear: both;

	margin: 0 auto;

	padding: 10px 10px 0 10px;

	width: 780px;

	background: #fff;

	border: 10px solid #5c0505;

}

#banner{
	border: 5px solid #e0b850;
	width:530px;
	height:170px;
	background-image:url(../images/banner1.jpg);
	float:right;
}

#bannerino{
 float:left;
 width:235px;
 height:170px;
 border: 5px solid #e0b850;
 border-right: 0px;
}	

#header img {

	border: 10px solid #e0b850;

}



#header h2 {

	font-size: 2em;

	margin: 10px 0 0 0;

	padding: 10px;

	text-align: center;

	/*background: url('../images/tagline_bg.gif') repeat-x;*/

}



#content {

	margin: 5px 0 0 0;

	padding: 20px;

}



#content {

	background: #e0b850;

}



#content h2 {

	font-size: 2.4em;

	margin: 0 0 10px 0;

	color: #7a2122;

}



#content p {

	margin: 0 0 10px 0;

	font-weight: bold;

}



#content hr{

	color: #7a2122;

}



#link-list {

	margin: 20px 0 0 0;

	font-size: 1.4em;

}



#link-list li {

	margin: 0 0 10px 0;

}



#sidebar {

	float: left;

	background: #eee;

}



#sidebar h2 {

	font-weight: bold;

	border-bottom: 1px solid #ccc;

	margin: 0 0 20px 0;

	padding: 5px;

}



#port li {

	margin: 0 10px 20px 0;

	float: left;

	border: 5px solid #ddd;

}



#footer {
	clear: both;
	background: #ddd;
	border: 1px solid #ddd;
	text-align: center;
	color: #767676;
	font-size:bold;
}

#footer p{
	font-size: 0.4em;
	text-align:center;
	padding:1px;
}

#footer li {
	display: inline;
	margin: 0 0 0 0px;
	padding: 0 10px 0 10px;
	border-left:1px solid #767676;
	font-size: 10px;
}

#footer li a {
	color: #767676;
	text-decoration: underline;
	background: none;
	
}

#footer li a:hover {
	color: #000;
	text-decoration: none;
}



#map{

	width:740px;

	height:350px;

	border: 5px solid #7a2122;

}



.hidden{

	display:none;

}



#listavinirossi{

	background: #e0b850;

	padding-left:40px;

	margin-bottom:4px;

	width:360px;

	height:300px;

	float:left;

}



#listavinirossi h3{

	color:#FFF;

	font-weight:bold;

	background-color:#5C0505;

	padding-left:5px;

	margin-right:20px;

}



#listavinirossi li{

	list-style-type:none;

	padding-top:5px;

}



#listavinirossi li a {

	color: #7A2122;;

	text-decoration: underline;

	background: none;

	font-weight:bold;

}



#listavinirossi li a:hover {

	color: #7A2122;;

	text-decoration: none;

	font-weight:bold;

}



#listavinibianchi{

	background: #e0b850;

	width:360px;

	margin-bottom:4px;

	padding-left:20px;

	height:300px;

	float:left;	

}



#listavinibianchi h3{

	color:#FFF;

	font-weight:bold;

	background-color:#5C0505;

	padding-left:5px;

	margin-right:20px;

}



#listavinibianchi li{

	list-style-type:none;

	padding-top:5px;

}



#listavinibianchi li a {

	color: #7A2122;;

	text-decoration: underline;

	background: none;

	font-weight:bold;

}



#listavinibianchi li a:hover {

	color: #7A2122;;

	text-decoration: none;

	font-weight:bold;

}



.mail a{

	color:#7A2122;

	font-weight:bold;

}



.mail a:hover{

	color:#7A2122;

	font-weight:bold;

	text-decoration: none;

}

.mail img{

	vertical-align:bottom;

}



.ajaxtooltip{

	position: absolute; /*leave this alone*/

	display: none; /*leave this alone*/

	width: 100px;

	left: 0; /*leave this alone*/

	top: 0; /*leave this alone*/

	background: lightyellow;

	border: 2px solid gray;

	border-width: 1px 2px 2px 1px;

	padding: 5px;

}

.ajaxtooltip{

	text-align:center;

}

#menu{

	margin: 0 auto; 

	padding: 5px 5px 0 5px; 

	position: relative; 

	text-align: left; 	

}

#menu fieldset{

	border:5px solid #5C0505;

	padding:5px;

	text-align:center;

}

#menu legend{

	background:#5C0505;

	font-weight:bold;

	color:#FFF;

	font-size:1.4em

}

#menu img{

	border:none;

	vertical-align:bottom;

}

#menu li{

	font-weight:bold;

	font-family:"tahoma";

}

#menu h2{

	font-family:"Monotype Corsiva";

}

#menu a{

	color:#7A2122;

	font-weight:bold;

}



#menu a:hover{

	color:#7A2122;

	font-weight:bold;

	text-decoration: none;

}



.subtitle{

	font-family:"Monotype Corsiva";

}



#listaMenu fieldset{

	text-align:center;

	font-size:1.4em;

}



#listaMenu fieldset h3{

	font-family:"Monotype Corsiva","Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:1.8em;

	color:#7A2122;

}



#listaMenu img{

	vertical-align:bottom;

}



#listaMenu li{

	font-weight:bold;

	font-family:"tahoma";

}



#listaMenu a{

	color:#7A2122;

	font-weight:bold;

}



#listaMenu a:hover{

	color:#7A2122;

	font-weight:bold;

	text-decoration: none;

}



.inline{

	display:inline;

}



.alignright{

	text-align:right;

}



.lighter{

	font-weight:lighter;	

}

.warn{

	color:#F00;

	font-size:14px;

}

#googleAds{

	background:#E0B850;
}

#prezzo h2{
	text-align:center;
	text-decoration:underline;
	font-size:40px;
	font-weight: bold;
}

.sottolinea{
	text-decoration:underline;
	font-weight:bold;
}

 #rotator {
	position:relative;
	height:170px;
}
/* rotator css */
	#rotator  li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	#rotator  li img {
	border:none;
	background: #FFF;
	height: 170px;
	width: 235px;
}
    #rotator  li.show {
	z-index:500
}

#antipasti{
	text-align:center;
}

#menupizza{

	margin: 0 auto; 

	padding: 5px 5px 0 55px; 

	position: relative; 	

}

#menupizza table{
	width:600px;
	border:none;
}

#menupizza table caption{
	background-color:#5C0505;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:3px;
	margin: 2px;
}
#menupizza table tr{
	padding:0px;
}
#menupizza table tr td{
	padding:0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-weight:bold;
}

.odd{
	background:#FFD35F;
}