@charset "UTF-8";
/* CSS Document */
/*
arancione 	#FF6600
marrone 	#603813
*/

body{ margin:0; padding:0; text-align:center;background:url(../img_layout/bg_footer.jpg); font-family:sans-serif, Verdana, Arial, Helvetica; color:#603813; }

.clear{ clear:both;}
#mother{ background:url(../img_layout/bg_body.jpg) #f7f3e1; position:relative; width:100%; }

#header{background:url(../img_layout/bg_arancione_top.gif) top repeat-x; }
#header1000{ width:1000px;position:relative;margin:0 auto;}

#logo{ position:absolute; z-index:0; top:0; left:0; width:365px; height:250px;
background-image:url(../img_layout/riga.png); background-repeat:no-repeat; background-position:60px bottom; }

#menu_top{ width:auto; float:right; height:60px;}
#menu_top a{ float:left; display:inline; text-decoration:none; color:#fff; font-size:11px; letter-spacing:1px; font-weight:bold; padding:15px 0 20px 0; margin:0 5px;}
#menu_top a:hover{color:#f4daaf;}
#menu_top span{ color:#f4daaf; float:left; display:inline;padding:15px 0 20px 0; margin:0 5px;}
a#link_arrivare { background:url(../img_layout/icon_arrivare.png) top right no-repeat;  padding-right:65px; }
a#link_contatti { background:url(../img_layout/icon_mail.png) top right no-repeat; padding-right:60px;}


#content{ position:relative; z-index:10; width:1000px; margin:auto; text-align:left;}
#left{ float:left; display:inline; width:300px; margin:190px 0 0 65px;  padding:30px 0 30px 0; }
#right{ float:left; display:inline; width:555px; padding:40px; font-size:12px; line-height:15px;}
#right p{ text-align:justify;}
#right h1{ color:#603813; font-size:18px; margin:10px 0 15px 0;}
#right h2{ color:#FF6600; font-size:24px; margin:0 0 5px 0; letter-spacing:1px;}


ul#menu{ margin:0; padding:0; list-style:none; font-size:16px; letter-spacing:1px; font-weight:bold;}
ul#menu li{ margin:0 0 14px 0; color:#FF6600;}
ul#menu li a{ text-decoration:none; color:#603813; border-left:4px solid #FF6600; padding:2px 0 0 5px;}
ul#menu li a:hover{ border-left:4px solid #FF9900; color:#15a9e4;}

ul#menu li ul{}
ul#menu li ul li{}

a.archivio_ricette{color:#603813; display:block; text-align:right; background:url(../img_layout/icon_pentola.gif) right no-repeat; height:23px; padding:12px 40px 0 0;}
a:hover.archivio_ricette{ text-decoration:none;}

.sep{ float:left; display:inline; width:15px; font-size:1px;}

.box_cont, .box_ricetta{ position:relative; float:left; display:inline; width:270px; top:10px;}
.box_cont h2, .box_ricetta h2{ position:relative; font-size:14px!important;}
.box_cont h3, box_ricetta h3{ color:#f6f0da; font-size:24px; top:70px; letter-spacing:1px; width:262px; position:absolute; font-size:14px!important; z-index:3; background: rgba(52, 3, 0, 0.7); padding:4px!important;}
 .box_cont img{ width:270px; height:135px;}
 
.box_ricetta a{ text-decoration:none; display:block; background-color:#f3cd99; padding:2px 2px 2px 4px; color:#603813; font-weight:bold;} 
.box_ricetta a:hover{ background-color:#FF9900;}

.box_cont ul, .box_ricetta ul{ margin:0; padding:0; list-style:none;}
.box_cont ul li, .box_ricetta ul li{ margin:0 0 7px 0;}
.box_ricetta li{background-color:#FF9900;}
.box_cont img, box_ricetta img{ position:relative; top:0; left:0; z-index:0;}

.box_cont ul#ricetta, .box_ricetta ul#ricetta{ position:relative; margin:0 0 0 0;}
.box_cont ul#ricetta li h1, .box_ricetta ul#ricetta li h1{margin:0; padding:2px 2px 1px 2px; background-color:#FF9900; font-size:12px!important; color:#603813;}

#accordion h3.toggler{ position:relative!important; top:0!important; margin:0!important; color:#603813!important;}
#accordion .element{ margin:0!important;}

#footer{ font-size:11px;  }
#footer div{ position:relative; width:920px; margin:auto; text-align:left; padding:10px 10px 10px 70px;}
#footer div span{font-size:10px; display:block; clear:right; padding:0 0 0 0; text-align:left; letter-spacing:2px;}
#footer div span a{ color:#603813; text-decoration:none;}
#footer div span a:hover{ text-decoration:underline;}

#footer div #lang{ float:right; width:400px; text-align:right;}
#footer div #lang img{ margin:0 5px; border:1px solid #FF9900;filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;}
#footer div #lang a img{ border:1px solid #FF6600;filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-khtml-opacity:1.0;}
#footer div #lang a:hover img{ border:1px solid #FF3300;}

.box_page{float:left; margin-top:10px;}
.box_page img{ border:#FF6600 solid 2px; padding:1px; float:right; margin: 0 0 10px 10px;}
.box_page h1{ font-family:Arial, Helvetica, sans-serif; font-size:17px!important; }

iframe{width:600px; border:2px solid #FF6600; padding:2px; background-color:#603813;}