/* CSS Document */

html, body{
	margin:0;
	padding:0;
	border: 0;
	height:100%;
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding:0px;
	color:#000;
	background:#111210 url(../images/background-news.jpg) top left repeat-x;
}

.clear { 
	clear:both;
	margin:0;
	padding:0;
}

.bg-goccia-sx{ 
	background:url(../images/bg-goccia.gif) top left repeat-y;
}

.bg-goccia-dx{ 
	background:url(../images/bg-goccia.gif) top right repeat-y;
}

/* WRAPPER --------------------------------------------------------------------*/

#wrapper {
	width:800px;
	position:relative;
	margin:0 auto;
	padding:0;
}


/* HEADER --------------------------------------------------------------------*/

#header {
	width:800px;
	height:77px;
	padding:0;
}

#logo {
	float:left;
	width:143px;
	margin:0;
	padding:0;
}


/* NAVIGAZIONE ISTITUZIONALE -------------------------------------------------------------------------*/

#nav-istituzionale {
	float:right;
	width:490px;
	margin-top:10px;
	padding:0;
}

#nav-istituzionale ul{
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav-istituzionale ul li{
	float:left;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:15px;
	margin-bottom:5px;
	color:#fff;
	background:url(../images/pallino.gif) 15px 5px no-repeat;
}


#nav-istituzionale ul li a{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;
}

#nav-istituzionale ul li a:hover{
	color:#BED52F;
	text-decoration:none;
}

#nav-istituzionale ul li a.corrente{
	color:#BED52F;
}


/* LINGUE -------------------------------------------------------------------------*/

#lingue {
	position:absolute;
	top:60px;
	left:150px;
	width:200px;
}

#lingue ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#lingue ul li{
	float:left;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:15px;
	margin:0;
	color:#fff;
	background:url(../images/pallino-verde.gif) 15px 2px no-repeat;
}

#lingue ul li a{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;
}

#lingue ul li a:hover{
	color:#BED52F;
	text-decoration:none;
}

#lingue ul li a.corrente{
	color:#BED52F;
}


/* LOGIN -------------------------------------------------------------------------*/

#login {
	float:right;
	width:350px;
	margin-top:16px;
	padding:0;
}

#login ul{
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
}

#login ul li{
	float:left;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:15px;
	margin:0;
	color:#fff;
	background:url(../images/pallino-verde.gif) 15px 2px no-repeat;
}


#login ul li a{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;
}

#login ul li a:hover{
	color:#BED52F;
	text-decoration:none;
}

#login ul li a.corrente{
	color:#BED52F;
}


/* ANIMAZIONE --------------------------------------------------------------------*/

#content-animazione {
	height:160px;
	padding:0;
	margin:2px 0 20px 0;
}

/* CORPO --------------------------------------------------------------------*/

#corpo {
	width:100%;
	float:left;
	padding:0;
	margin:0;
}


#content {
	float:left;
	width:768px;
	padding:20px 15px 10px 15px;
	margin:0;
	background:#fff url(../images/bg-sfumato.jpg) top left repeat-x;
	border:1px solid #fff;
}

#content.index {
	background:#fff;
}

#content.grande  {
	width:798px;
	padding:20px 0 10px 0;
	margin:0;
}
.content-home-dx {
	float:right;
	width:394px;
	padding:0;
	margin:0;
}
.content-home-sx {
	float:left;
	width:374px;
	padding:0;
	margin:0;
}

.content-opere {
	float:right;
	width:384px;
	padding:20px 5px 10px 5px;
	margin:0;
	background:#fff url(../images/bg-sfumato.jpg) top left repeat-x;
	border:1px solid #fff;
	display:inline;
}

.content-categorie-news {
	float:left;
	width:369px;
	padding:20px 0 10px 0;
	margin:0 0 15px 0;
	height:173px;
	background:#fff url(../images/bg-sfumato.jpg) top left repeat-x;
	border:1px solid #fff;
	overflow:auto;
	display:inline;
}
.content-categorie-news-alto {
	height:301px;
}
.content-intero {
	float:left;
	width:768px;
	padding:20px 15px 10px 15px;
	margin:0 0 15px 0;
	background:#fff url(../images/bg-sfumato.jpg) top left repeat-x;
	border:1px solid #fff;
}
/* TABELLA SPEDIZIONI --------------------------------------------------------*/
table.spedizioni {
width:100%;
margin-bottom:15px;

}

table.spedizioni caption{
font-size:12px;
font-weight:bold;
text-align:left;
font-style:italic;
}


table.spedizioni thead td{
font-size:11px;
font-weight:bold;
text-align:center;
border:1px solid #000;
}

table.spedizioni tbody td{
font-size:11px;
text-align:center;
border:1px solid #000;
}
table.spedizioni tbody th{
font-size:11px;
text-align:left;
font-weight:normal;
border:1px solid #000;
}
.td-evidenziato {
background:#CCCCCC;
}
/* TABELLA CARRELLO ---------------------------------------------- */
.table-carrello {
width:100%;
font-size:11px;
}

.table-carrello thead {
width:100%;
}
.table-carrello thead th{
margin:0;
padding:5px 2px;
text-align:right;
font-weight:bold;
}
.table-carrello tbody {
width:100%;
}

.table-carrello tbody td{
margin:0;
padding:2px;
text-align:right;
font-weight:normal;

}

.table-carrello tbody td.evidente{
    background-color:#fff;
	text-align:right;
}

.table-carrello tfoot {
width:100%;
}

.table-carrello tfoot th{
margin:0;
padding:5px 0;
text-align:right;
font-weight:bold;
}

.table-carrello tfoot td{
margin:0;
padding:5px 0;
text-align:right;
font-weight:normal;
font-size:10px;

}

.table-carrello select option{
    border:solid 1px #000;
    font-size:11px;
	text-align:right;
}


/* ELENCO --------------------------------------------------------------------*/

.box-elenco   {
	float:left;
	width:375px;
	padding:0 0 5px 0;
	margin:0 0 10px 15px;
	border-bottom:1px dotted #000;
	
}
.cont-img-box-elenco  {	
	float:left;
	width:70px;
	height:70px;
	margin:0;
	padding:0;
	
}
/*.box-elenco a img  {
	float:left;
	margin:0 0 10px 10px;
	
}*/
.box-elenco h3 a {
	float:left;
	margin:0 10px 10px 0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.box-elenco h4 a {
	float:left;
	margin:0 10px 10px 0;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.box-elenco-home a  {
	float:left;
	width:320px;
	padding:0 0 5px 0;
	margin:0 10px 15px 10px;
	border-bottom:1px dotted #000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:inline;
}

.box-elenco a:hover,.box-elenco-home a:hover {
	color:#4c4d4e;
	text-decoration:underline;
}
/*.box-elenco a  {
	float:left;
	width:375px;
	padding:0 0 5px 0;
	margin:0 0 10px 15px;
	border-bottom:1px dotted #000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
*/
/* SCHEDA -----------------------------------------------------------------*/

#foto-scheda{
	float:left;
	width:260px;
	padding:0;
	margin:0 0 15px 0;
	border:1px solid #ccc;
	text-align:center;
	background:#fff;
}

#foto-scheda img{
	padding:5px;
}

#txt-scheda {
	float:left;
	width:460px;
	background-color:#fff;
	padding:15px;
	margin:1px 0 0 10px;
	border-bottom:2px solid #bfd630;
}

.content {
	float:left;
	width:768px;
	padding: 20px 15px 10px 15px;
	margin:0;
	background:#fff url(../images/bg-sfumato.jpg) top left repeat-x;
	border:1px solid #fff;
}

.news-add-img-list{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	
}
.news-add-img{
	float:left;
	width:90px;
	height:60px;
	padding:5px;
	margin:0 0 7px 7px;
    border: 1px solid #CCCCCC;
    text-align: center;
    display: inline;
}


.gallery-add-img-list{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	
}
.gallery-add-img{
	float:left;
	width:133px;
	height:88px;
	padding:5px;
	margin:0 0 7px 7px;
    border: 1px solid #CCCCCC;
    text-align: center;
    display: inline;
}




#box-carrello {
	float:left;
	text-align:right;
	/*width:768px;*/
	padding:5px 0;
	margin:0 0 0 10px;
	font-size:14px;
	font-weight:bold;
}
#bottone-acquista {
	float:right;
	width:97px;
	background:url(../images/bott-acquista.jpg) no-repeat;
	text-align:center;
	padding:8px 0 6px 0;
}
	#bottone-acquista a{
	text-decoration:none;
	color:#000;
	font-size:11px;
}
.attuale {
background:#E9EFC2;
}

/* OPERE -----------------------------------------------------------------*/


.box-opere{
	float:left;
	width:182px;
	padding-bottom:5px;
	margin:0 5px 20px 5px;
	background:#dfdfdf;
	text-align:center;
} 

.box-opere p{
	color:#000;
	font-weight:bold;
	padding:0;
	margin-bottom:5px;
}

.box-opere img{
	padding:5px;
}

.box-opere a{
	text-decoration: none;
}


/* CONTATTI -----------------------------------------------------------------*/

.contatti {
	float:left;
	width:200px;
	font-weight:normal;
	padding:0;
	margin-right:20px;
}


/* PAGINAZIONE --------------------------------------------------------------------*/

div#paginazione{
	float:right;
	margin:0;
	padding-top:10px;
	float:left;
	color:#000;
	border-top:2px solid #bfd630;
	width: 770px;
}

div#paginazione ul{
	/*float:right;*/
	display: inline;
	margin:0;
	padding:0;
	list-style-type:none;
	border-left:1px solid #bfd630;
}

div#paginazione li{
	display: inline;
	margin:0;
	padding:0;
	color:#000;
}

div#paginazione li a{
	margin:0;
	padding:3px;
	color:#000;
	border-right:1px solid #bfd630;
	text-decoration:none;
}

div#paginazione li span{
	margin:0;
	padding:3px;
	color:#000;
	border-right:1px solid #bfd630;
	text-decoration:none;
	font-weight: bold;
}

div#paginazione li a:hover{
	background-color: #bfd630;
}


/* FORM --------------------------------------------------------------------*/


.form1{
	float:left;
	text-align:left;
	width:375px;
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0 15px 10px 0;
	border-bottom:1px dotted #000;
}

.form1 input, select, textarea {
	font-weight:normal;
	font-size:11px;
	color:#000;
	background-color:#fff;
	border:1px solid #bfd630;
	width:375px;
	display:block;
	margin-bottom:10px;
}

.form2{
	float:left;
	text-align:left;
	width:375px;
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #000;
}

.form2 input, select, textarea{
	font-weight:normal;
	font-size:11px;
	color:#000;
	background-color:#fff;
	border:1px solid #bfd630;
	width:375px;
	display:block;
	margin-bottom:10px;
}

#form2 input.invia{
	color:#000;
	font-weight:bold;
	background-color:#bfd630;
	width:150px;
}

input.inviate{
	font-weight:normal;
	font-size:11px;
	color:#000;
	background-color:#fff;
	border:1px solid #bfd630;
}

.form3 {
	float:left;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:3px 0;
}
.form3 input {
	float:left;
	padding:0;
	margin:0 5px 0 0;
}
.nobordo {
border-bottom:none;}

.tabella-dati {
	float:left;
	width:500px;
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0 0 10px 0;
}
.tabella-dati input{
	font-weight:normal;
	font-size:11px;
	color:#000;
	background-color:#fff;
	border:1px solid #bfd630;
	width:220px;
	display:block;
	margin-bottom:10px;
}
form.inoltra-ordine{
	border:none;
	display:block;
	margin-bottom:10px;
}
form.inoltra-ordine input{
	font-weight:normal;
	font-size:11px;
	color:#000;
	background-color:#fff;
	border:1px solid #bfd630;
	display:block;
}
/* FOOTER --------------------------------------------------------------------*/

#footer {
	height:12px;
	padding:8px;
	margin:15px 0;
	background-color:#bfd630;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

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

#credits-sitmap {
	float:left;
}

#mail {
	float:right;
}


.art-add-img-list{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	
}
.art-add-img{
	float:left;
	width:60px;
	height:60px;
	padding:0;
	margin:0 10px 0 0;
    border: 1px solid #CCCCCC;
    text-align: center;
    display: inline;
}