﻿body 
{
    text-align:center; /*centra negli altri IE7*/
    margin:0px;
    padding:0px;	
	font-family: "Verdana";
	font-size: 13px;
	font-style: normal;
	color: #000000;
	background-color: #C8AB6B;	
}

TD { 	border: 0px;  
	font-size: 12px;
	line-height:17px;
	color: #000000; 
	}
	
/*div per master page*/

#container
{
    margin-left:auto;
    margin-right:auto;
    width: 1000px;
    background-image:url(util/bkg.jpg);
    border-width:3px;
    border-color:#735E2B;
    border-style:double;
}

#menustrip {
	width: 1000px;
	height:23px;
	clear:both;
	text-align:center;
	background-color: #C8AB6B;	
 }

#menu {
	width: 1000px;
	clear:both;
	 }
	 
#menusm {
	width: 980px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
	 }
	 
#sideleft 
{
    width:180px;
    float:left;
    padding:10px;
    text-align:left;
    line-height:20px;
}

#contenuto
{
    width:800px;
    float:left;
}	


 /*div per content pages*/

div.flottato 
{
    float:left;
    }

div.bordodoppio
{
    border-width:3px;
    border-color:#735E2B;
    border-style:double;
    }
    
.bordoleggero
{
    border-width:1px;
    border-color:#735E2B;
    border-style:solid;
    }   
    
div.padded    
{
    padding:10px;
    text-align: justify;
    }

.duelargo
 {
    width:600px;
    float:left;
    }

.duestretto
 {
    width:200px;
    float:left;
    }
    

.trecolonne
{
    width:243px;
    padding:10px;
    float:left;
    }
    
#unacolonna 
{
    width:760px;
    float:left;
    }  
     
#uno
{
    width:780px;
    padding-left:100px;
    padding-right:100px;
    padding-bottom:20px;
    float:left;
    } 
 
 
 /* div home page */
 
 #home-sett 
 {
    background-image:url(util/home-sett-bkg.jpg);
    width:600px;
    height:215px;
    float:left;
 }

 #home-menu 
 {
    background-image:url(util/home-menu-bkg.jpg);
    width:165px;
    height:200px;
    float:right;
    padding-top:15px;
    padding-left:15px;
    padding-right:20px;
    text-align: justify;
 } 
  
 #home-stagione 
 {
    background-image:url(util/home-stagione-bkg.jpg);
    width:400px;
    height:235px;
    float:left;
 } 

 #home-novita 
 {
    background-image:url(util/home-novita-bkg.jpg);
    width:400px;
    height:235px;
    float:left;
 }  
 
  #home-ads 
 {
    background-image:url(util/home-ads-bkg.jpg);
    width:333px;
    height:267px;
    padding-left:7px;
    padding-top:23px;
    float:left;
 }  
 
  #home-oggi 
 {
    background-image:url(util/home-oggi-bkg.jpg);
    width:460px;
    height:290px;
    float:right;
 }  
 
 #home-articoli
 {
    width:800px;
    margin-top:20px;
    float:left;
    }
 
 
 #home-sett-foto1
 {
    width:180px;
    height:137px;
    margin:10px;
    float:left;
    display: inline;
    }
    
 #home-sett-titolo
 {
    width:400px;
    height:40px;
    float:left;
    }

 #home-sett-txt
 {
    width:200px;
    height:100px;
    float:left;
    }

 #home-sett-foto2
 {
    width:180px;
    height:137px;
    margin-top:20px;
    margin-left:10px;
    float:left;
    display: inline;
    }

 #home-mese-txt
 {
    width:360px;
    height:195px;
    padding-left:20px;
    padding-right:20px;
    text-align:justify;
    }
    
 #home-mese-titolo
 {
    width:400px;
    height:40px;
    }

 #home-novita-titolo
 {
    width:210px;
    height:40px;
    float:left;
    }

 #home-novita-txt
 {
    width:180px;
    height:120px;
    float:left;
    padding-top:20px;
    padding-left:20px;
    }
                
 #home-novita-foto
 {
    width:180px;
    height:137px;
    margin:10px;
    padding-top:5px;
    float:left;
    display: inline;
    }
    
 #home-oggi-erbe
{
    width:220px;
    float:left;
    padding-top:14px;
    padding-left:4px;
    padding-right:26px;
        }

 #home-oggi-board
{
    width:198px;
    height:290px;
    padding-left:2px;
    text-align:center;
    float:left;
        }

 /*div ricetta e spezia */
 #ricetta1
 {
   	width:525px;
   	padding-left:15px;
   	padding-top:10px;
   	text-align:justify;
   	float:left;
 }
 
  #ricetta2
 {
   	width:250px;
   	padding-top:20px;
   	float:left;
 }
 
 
 #icone
 {
    width:235px;
    padding-left:15px;
    padding-right:10px;
    float:left;
    }   
    
#nomeeingr {
	width:260px;
	background-image:url(util/ricetta-ing.gif);
	float:left;
}

#titolo 
{
    margin-top:15px;
    font-weight:bold;
    padding-bottom:20px;
    clear:both;
}

#ingredienti
{
    width:225px;
    text-align:justify;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    float:left;
} 
    

 #foto
 {
 	width:525px;
 }
 
 
  #colonnastretta 
 {
    padding-top: 10px; padding-left: 10px; padding-right:10px; padding-bottom:20px;
	text-align: justify;
	width:505px;
	margin-top:0px;
	float:left;
    }


#colonnalarga
{   width:750px;
    float:left;
    padding-left:120px;
	padding-right:120px;
    padding-bottom:20px;
   	text-align: justify;
}    

.rossoelegante
{    border-color: #DD0707;
    border-width:1px;
    border-style:solid;
    text-align: center;
    background-color: #d2635a;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); 
	-moz-opacity:0.95;
    }  
     
 /*link titoli etc*/
 
A {	font-size: 13px; 
	color: #FFFFFF;
	text-decoration: none; }
	
.basso {
	font-size: 9px;
	color: #FFFFFF; }

a.marrone {
	font-size: 13px; 
	color: #7D3221;
	text-decoration: none; }

a.marrone:hover {
	color: #AD482D;
	text-decoration: underline; }
	
h1 
{
    font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	background: #C8AB6B;
	text-align: center; 
	margin:0px;
	padding:1px;
}


h1.plus
{
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	background: #d2635a;
	text-align: center; 
	margin:0px;
	padding:1px;
}


H2 {	font-size: 13px;
	font-weight: bold;
		margin:0px;
	padding:5px; }

a.nero
    { color:#000000;}

a.nero:hover
    { color:#000000;
   	text-decoration: underline; }

/*css per tooltip*/

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    background-color:#dfa388;
    color:#000000;
    text-decoration:none;
    cursor:help;
    }

a.info:hover{
    z-index:25; 
    background-color:#d2635a;}

a.info span{
    display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:13em;
    border-color: #DD0707;
    border-width:1px;
    border-style:solid;
    text-align: center;
    background-color: #d2635a;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); 
	-moz-opacity:0.95;}