/* CSS Document */
body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#707070;
	line-height:19px;
	font-size:12px;
	}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:35px;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	line-height:normal;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#95C124;
	font-size:30px;
	margin:40px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	line-height:normal;
	width:auto;
	background-image:url(../img/h2-icon.gif);
	background-repeat:repeat-x;
	background-position:bottom;

	}
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:normal;
	text-transform: uppercase;
	}
h4{
	font-family:Arial, Helvetica, sans-serif;
	color:#707070;
	line-height:normal;
	font-size:16px;
	margin:10px 0px 10px 0px;
	padding:0px;
	}
	
h4.category {
	font-family:Arial, Helvetica, sans-serif;
	color:#707070;
	line-height:normal;
	font-size:16px;
	margin:10px 0px 10px 0px;
	padding:0px;
	text-transform: uppercase;
	border-bottom:1px dotted #95C124;
	}
	
	h4.category a {
	text-decoration:none;
	}
	
	
h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#797979; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #ccc; margin:0px 0px 10px 0px;}
h5.sottocategory{text-indent:20px; font:15px Tahoma, Arial, Helvetica, sans-serif; color:#797979; font-weight:bold; padding:0px 0px 5px 0px; border:0px; margin:0px 0px 10px 0px;}


h6{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#797979; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
	
span{
	color:#797979;
	}
#header{
	height:325px;
	width:939px;
	margin:auto;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 61px;
	}

  .mid-head{
	height:253px;
	width:355px;
	margin-top:80px;
	margin-right:30px;
	float:right;
	}
.mid-head p{
	color:#FFFFFF;
	font-size:12px;
	line-height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

.nav-bar{
	height:55px;
	width:1000px;
	margin:auto;
	background-image:url(../img/nav-bar.gif);
	background-repeat:repeat-x;
	padding-top:0px;
	padding-bottom:4px;
	}
.nav-bar ul{
	margin:0px;
	float:left;
	padding:0px 0px 0px 50px;
	}
.nav-bar ul li{
	background-image:url(../img/list-left.gif);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:55px;
	width:138px;
	list-style-type:none;
	font-weight:bold; text-transform:uppercase;
	}
.nav-bar ul li a{
	color:#FFFFFF;
	text-decoration:none;
	height:40px;
	width:138px;
	text-align:center;
	display:block;
	padding-top:15px;
	}
.nav-bar ul li a:hover{
	background-image:url(../img/hover-strip.gif);
	background-repeat:no-repeat;
	}
.nav-bar ul li a.current{background-image:url(../img/hover-strip.gif); background-repeat:no-repeat;}



#body-part{
	height:auto;
	width:870px;
	margin:auto;
	background-image:url(../img/body-bg.gif);
	background-repeat:repeat-x;
	padding:20px 35px 10px 95px;
	background-color: #D9D9D9;
	}
#body-part p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	font-size:12px;
	line-height:24px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
.left-body{
	height:auto;
	width:615px;
	float:left;
	padding-right: 35px;
	}
.right-body{
	height:auto;
	width:220px;
	float:left;
	}
.img-box{
	height:auto;
	width:182px;
	float:left;
	}
	
	

	
	
.left-list{
	height:auto;
	width:420px;
	float:left;
	padding-right: 15px;
	padding-top: 25px;
	}
.left-list ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.left-list ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#5E5E5E;
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/new-arrow.gif);
	background-repeat:no-repeat;
	padding-left:26px;
	padding-bottom:10px;
	background-position: 6px 6px;
	}
.list-right{
	height:auto;
	width:150px;
	float:left;
	margin-top: 20px;

	background-repeat: no-repeat;
	padding-left: 20px;
	}
.list-right ul{
	margin:0px;
	padding:0px;
	}
.list-right ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#2780CD;
	font-size:11px;
	line-height:22px;
	}
.list-right ul li a{
	color:#2780CD;
	}
#footer{
	height:38px;
	width:840px;
	margin:auto;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	padding-left:100px;
	padding-right:60px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding-top:55px;
	}

#footer b{
	float:right;
	color:#FFFFFF;
	}
#footer a{
	color:#FFFFFF;
	}



a{ color:#4e4e55; text-decoration:underline}
a:hover{text-decoration:none}
.clear{ clear:both}


.img-right{float:right; border:4px solid #ccc; margin:5px 5px 5px 10px;}
.img-left{float:left; border:4px solid #ccc; margin:5px 10px 5px 5px;}
/* inner pages css start */
/*h3{font:25px "Times New Roman", Times, serif ;margin:0px; color:#fff;  padding:8px 0px 10px 10px;}
h3 span{color:#16eb00}*/


.aboutus-img{float:right; border:4px solid #ccc; margin:0 0px 10px 20px;}
.aboutcolumnzone{padding:20px 0px 16px 0px; }
.aboutcolumnmarchi{padding:20px 0px 16px 0px; float:left; }
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{ margin:0px 20px 20px 0px; border:0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#fff; background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #ccc;}
input.button:hover{cursor:pointer; color:#fff; background:#999}
.project-img{float:right; margin-left:20px;	border: 6px solid #ccc;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

.left{float:left;}

.archivioArticoli {float:left; margin: 10px;}

table.gestione {clear:both; width:550px; margin:2.0em 0 0.2em 10px;  border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
table.gestione th.top {height:2.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(113,17,21); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
table.gestione th {height:2.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(255,255,255);  background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
table.gestione td {height:2.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(255,255,255); background-color:#F0F0F0; text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}



ul.prodotti{
list-style-type: none;

}
ul.prodotti li{
border-bottom: 1px grey dotted;
padding-top:10px;
}
.fotoprodotto-box{
	height:auto;
	width:110px;
	float:left;
	}	
.descrizione-box{
	height:auto;
	width:420px;
	float:right;
	}

.prezzolistino{
text-decoration:line-through;
}

.prezzoscontato{
font-weight:bold;
font-size: 16px;
}
.risparmio{
text-decoration:underline;
font-weight:bold;
font-size: 12px;
color:red;
}

.disponibile{
font-weight:bold;
font-size: 12px;
color:green;
}

.esaurito{
font-weight:bold;
font-size: 12px;
color:red;
}

red{
color: red;
}
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 420px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 340px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #95C124; border-bottom: 3px solid #95C124; margin: 0; padding:0}
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 480px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../img/slider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; background: green; background-image: url(../img/slider/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



/*
    For Specific Slides
*/
#textSlide                              { padding: 5px; width:330px;}
#textSlide h3                           { font-family: Tahoma,Arial, Helvetica, sans-serif;
											font-size: 14px;
											font-weight: bolder;
											color: #95C124;
											line-height:normal;
											 }
#textSlide h4                           { font-family: Arial, Helvetica, sans-serif;
											font-size: 14px;
											color: red;
											font-weight: bold;
											}
#textSlide ul                           { list-style: disc; margin: 0 0 0 15px; }
#textSlide ul li                        { display: list-item; }

/*Light box*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }