*{margin:0px; padding:0px; font-family:Arial;}
body{margin:0px; padding:0px; font-family:Arial; font-size:11px; color:#333333; text-align:center; background:url(../images/background.jpg);}

img{border:1px solid #dedede; padding:2px;}
a{color:#4d9313;}
a:hover{color:#ff930d; text-decoration:underline;}
ul{list-style-type:none;}

#container{width:949px; margin:auto; text-align:left; margin-top:15px;}
#header{width:949px; height:256px; background:url(../images/header.gif) no-repeat; position:relative;}
#middlecont{margin-left:21px; width:931px; background:url(../images/middle.jpg) repeat-y; clear:both;}
#middleright{background:url(../images/middleright.gif) no-repeat bottom right; padding-top:10px; padding-left:10px; padding-bottom:10px;}
#middleext, #middle{height: auto !important; height:350px; min-height:350px; clear:both;}
#middleext{width:877px;}
#middle{width:790px;}

#header #menu{position:absolute; bottom:0px; left:145px;}
#header #menu a{display:block; float:left; color:#ffffff; height:46px; line-height:45px; font-size:18px; text-decoration:none; margin-left:5px; margin-right:5px; padding-left:10px; padding-right:10px;}
#header #menu a#blog{color: #ff930d;}
#header #menu a#blog:hover, #header #menu a#blog.sel:hover, #header #menu a:hover, #menu a.sel{color:#fff;background:url(../images/bottoneheader.jpg) repeat-x;}

#footer{color:#ffffff; clear:both; margin-left:21px; width:907px; height:63px; background:url(../images/footer.jpg) no-repeat; text-align:center; padding-top:30px;}
#footer a{color:#ffffff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#vetrina{float:left; width:485px; border-right:1px solid #dedede;}
#bottega{color:#777777; float:right; width:370px; text-align:left; position:relative; background:url(../images/apribottega.jpg) no-repeat top right;}
#bottega #banner{position:absolute; top:0px; right:0px; display:block; width:170px; height:120px; text-decoration:none;}
#bottega, #vetrina{height: auto !important; height:270px; min-height:270px; margin-bottom:15px; margin-bottom:15px;}

#bottega h2{font-size:12px; font-weight:100; color:#4d9313; margin-top:15px;}
#bottega .telefono{padding-left:16px; background:url(../images/iconatelefono.jpg) no-repeat 0px 1px;}

#paginahome{float:left; width:615px; border-right:1px solid #dedede;}
#partners{float:right; width:160px; text-align:left;}
#partners img{border:0px;}

#paginahome, #partners{height: auto !important; height:350px; min-height:350px; margin-top:15px; margin-bottom:15px;}

#titoloArea{margin-top:10px; width:130px; background-color:#4d9313; color:#ffffff; padding:2px; padding-left:10px; padding-right:10px; font-size:17px; font-weight:100;}
#titoloBenvenuti{margin-bottom:15px; background-color:#ff930d; color:#ffffff; padding:2px; padding-left:10px; padding-right:10px; font-size:20px; font-weight:100; width:350px;}

#titoloPagina{font-size:28px; font-weight:100; border-bottom: 1px dotted #4d9313; margin-bottom:20px;}

.clear{clear:both; width:auto;}

#bottega #boxsx{float:left; width:160px;}
#bottega #boxdx{width:160px;}

#bottega ul li{width:99%; margin-top:12px; background:url(../images/freccia.jpg) no-repeat 0px 2px; padding-left:15px;}
#bottega ul li a{text-decoration:none; font-weight:bold;}

#vetrina ul li{display:inline; margin-right:5px; margin-top:10px; float:left;}
#vetrina ul li a{text-align:center; text-decoration:none; display:block; border:1px solid #dedede; height: 220px; border-top:6px solid #ff930d; width:148px; overflow: hidden;}
#vetrina ul li a:hover{border:1px solid #ff930d; border-top:6px solid #ff930d;}

#vetrina ul li a img{border:2px solid #ffffff; margin-top:7px;}
#vetrina ul li a h2{font-size:14px; margin:auto; width:120px; background-color:#ffffff; color:#4d9313; font-weight:100; margin-top:3px; border:1px solid #dedede; padding:5px;}
#vetrina ul li a p{color:#4d9313; height:60px; font-weight:bold; width:140px; margin:auto; margin-top:5px; margin-bottom:5px;}

/*MAPPA SITO*/
#mappaCartelle{
  margin-left:50px;
}
#mappaCartelle ul{
  margin-top:12px;
  margin-left:15px;
}

#mappaCartelle ul li{
  margin-bottom:12px;
  background:url(../images/freccia.jpg) no-repeat 0px 2px;
	padding-left:15px;    
}

#mappaCartelle ul li ul li{
  background:url(../images/freccia.jpg) no-repeat 0px 2px;
}

#indirizzo{margin-left:100px;}
#indirizzo div{margin-top:5px;}





/*ELENCO DOCUMENTI*/

#elenco {
  clear:both; 
  text-align:left;
}

#documento{
  margin-bottom: 20px;
}
#elenco #documento{
	float: left;
  margin-bottom: 20px; 
  margin-left: 20px; 
  border: 1px dotted #cecece;
  padding: 5px;
	width: 170px;
	text-align: center;
	height: 220px;  
}
#documento p{
  margin-top:5px;
}

#documento img#icona{
	margin-right: 10px;
  margin-bottom:10px;
	float: left;
}


#elenco #documento img#icona{
	float: none;
  margin-bottom:5px;
}

#documento span{
  color:#888888;
  font-size:10px;
  margin-bottom:5px;
  margin-top:3px;  
}

#documento span img{
	border:0px;
  width:20px;
  height:1px;
}

#documento span a{
  color:#888888;
}

#documento h1{
  font-weight:100;  
  font-size:17px;
	color: #4d9313;    
}

#elenco #documento h1{
  font-size:12px;    
}

#documento h2{
  margin-bottom:5px;
  font-weight:100;
  font-size:12px;
}

#documento .clear{
	clear:both;
  width:100%;
}

/*DOCUMENTO*/
#attributi{
  clear:both;
}
#attributi a{
	text-decoration:underline;
  color: #555555;
}
#attributi a:hover{
  color: #ee0000;
}
#attributi h1{
	margin-top:20px;
  font-size:11px;
}
#attributi h2{
  font-weight:bold;
  font-size:11px;
  padding-left:20px;
}
#attributi img{
  cursor:pointer;
  float:left; 
  margin-right:15px; 
  margin-top:15px;
}
#attributi ul {
  margin-bottom:20px;
  list-style:none;
}
#attributi ul li {
  margin-top:5px;
}
#attributi ul li p a{
  text-decoration:none;
  color:#888888;
  font-size:11px;
}

/*PAGINAZIONE*/
#vocivisualizzate{
	clear:both;
  margin-top:20px;
  border-bottom:1px dotted #cdcdcd;
  margin-bottom:25px;
  font-size:10px;
  position:relative;
} 

#vocivisualizzate span{
  position:absolute;
  right:0px;
  font-size:10px;
}

#paginazione{
  border-top:1px dotted #cdcdcd;
  clear:both;
  text-align:center;
  font-size:10px;  
}

#paginazione a{
  margin-left:5px;
  margin-right:5px;
  font-size:10px;  
}

#paginazione a.sel{
  font-weight:bold;
  color:#ff930d;
  text-decoration:underline;
}

#noDocumenti{
  text-align:center;
  font-weight:bold;
  margin-bottom:25px;
}


#elencoCategorie{float:left; width:17%; text-align:left;}
#elencoArticoli{float:right; text-align:left; width:80%;}

.menucategorie{margin-top:60px;}
.menucategorie ul.margin{margin-top:20px;}
.menucategorie ul{list-style-type:none;}
.menucategorie ul li{list-style-type:none;}
.menucategorie ul li a{text-decoration:none; color:#628238; font-size:12px; background:url(../images/freccia.jpg) no-repeat 0px 2px; padding-left:15px; font-weight:bold; display: block;}
.menucategorie ul li a:hover, .menucategorie ul li a.sel {color:#ff9900; background:url(../images/freccia-sel.jpg) no-repeat 0px 2px;}
.menucategorie ul li{margin-bottom:10px;}
.menucategorie ul ul {margin-top:5px; margin-left:20px;}
.menucategorie ul li li{margin-bottom:5px;}
.menucategorie ul li li span{padding-left:15px;}

#mappaCartelle {
	font-size: 12px;
}

form ul{margin-top:15px;}
form ul li{display:inline; width:99%; list-style:none; line-height:19px; clear: left;}
form ul li strong{font-weight:100; width:120px; display:block; float:left; text-align:right;}
form ul li span{color:#ff0000;}
form ul li div{ margin-left:130px; margin-bottom:9px;}
form ul li div.bold{font-weight:bold;}
form ul li.top strong{text-align:left; float:none;}
form ul li.top div{margin-left:0px;}
form ul li.clear{clear:both;}
input,textarea,select{font-family:tahoma, helvetica, sans-serif; font-size:11px; color:#000000; border:1px solid #999999; padding:2px;}
input.nob,textarea.nob,select.nob{border:0px;}
input.bottone{background: #fff; width: 150px; height: 18px; cursor: pointer;}