html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom:20px;font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
background: #ECE7E3; color: #FFFFFF;}
h1,h2,h3,h4,h5{margin: 0;
font-family:Arial, Helvetica, sans-serif;}
h1{font-size: 300%;font-weight:bolder}
h2{font-size: 160%;margin-top:14px;color: #0153DB}
h3{font-size: 130%;color: #000000}
h4{font-size: 120%;color: #ff6600;}
h5{font-size: 110%;color: #ffffff;}
p{margin: 0;padding: 0 0 1em;line-height: 1.5}
a{color: #EC3D00}

/*classi generiche*/
div.center{text-align:center}
/*
div.news{margin:15px 0;padding: 0 5px;border:1px solid #eee;background: url(newsbk.jpg) repeat-x top}
*/


/*stili per il layout e le sezioni invarianti*/

div#container{
	width:770px;
	\width:770px;
	w\idth:770px;
	margin: 0 auto;
	padding:0 0px;
	background: #E6E6E6 url(fauxcolumn.jpg) repeat-y center;
	text-align: left;
	position: relative;
}

div#header{
	width:770px;
	height:80px;
	background: #e6e6e6 url(headerimg.jpg) no-repeat;
	
	background-position: center;
	
}

div#header_2 {
	width:700px;
	height:150px;
	position: relative;
	
	background-repeat: no-repeat;
	background-position: center;
}
div#header img#logoprint{display:none}
div#header h1{position:absolute;top: 100px;left: 20px; width:300px;height:60px;
    background: url(fastTemplate.png) no-repeat -20px -100px}
div#header h1 a{display:block; width:300px;text-indent: -9000px;text-decoration: none;padding: 60px 0 0 0;
    overflow: hidden; height: 0px !important; height /**/:60px;
    background-image: url(fastTemplate.png);background-position: -20px -100px}
div#header h1 a:hover{background-position: -20px -300px}
div#header a#skipnav{position: absolute;left:-9000px}

div#menu{float:right;width:120px; margin: 0px 0px 0px 0px; padding-right:30px; color:#666666;
font-size:10px;}

div#menu a{text-decoration:none;color: #0000CC;padding-left:12px;line-height: 1.6;
    background: url(bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: none}


div#content{margin: 0 100px 0px 20px;
font-family:Arial, Helvetica, sans-serif;

font-size:12px; color: #373E48;}
div#content a{text-decoration: none;padding-bottom: 1px;border-bottom: 0px solid #333}
div#content a:hover{border-bottom: 0px dotted #999}
div#content ul{margin:0 0 1em;padding:0;list-style-type: none}
div#content ul li{margin:0;padding-left:16px;line-height:1.4;background: url(bodybullet.jpg) no-repeat 0 4px}

div#portfolio{margin: 0 10px 0px 600px}
div#portfolio a{text-decoration: none;padding-bottom: 1px;border-bottom: 0px solid #333}
div#portfolio a:hover{border-bottom: 0px dotted #999}

div#flags{float:right;width:150px; margin: 0px 0px 0px 0px; padding-right:10px; padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:10px;}



div#footer{width:731px;\width:731px;w\idth:731px;clear: both;text-align: center;border-top: 1px solid #ccc;padding-bottom: 5px;
    background: #D6EAFF url(footer.jpg) bottom;color: #3A4C5A;font-size: 90%; margin: 0px 0px 0px 19px}
div#footer address{font-style: normal}
div#footer p{margin: 0}

/*stili per il form di contatto*/

form,fieldset{margin-top:0;margin-left:0;padding: 0;border: 0px solid #000}
form label{float:left;width:80px;line-height:23px;margin-right:5px;text-align:right}
form input,textarea{margin-bottom:5px;border-style:solid;border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
    border-width:1px 1px 1px 1px;background: url(inputbk.jpg) repeat-x bottom}
form br{clear:left}
input#submit{margin: 10px 0 0 90px;border: 1px solid #CCC;padding: 0 5px;
background: #E6E6E6 url(buttonbk.jpg) repeat-x center left}


/*stili per la pagina dei prodotti*/

dd,dl{margin:0;padding:0}
dl#prodlist{margin-bottom:1em}
dl#prodlist dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:bold;font-size: 120%;color: #99BCD2}
dl#prodlist dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}
dl#prodlist img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px}

/*stili per le news */

div.news{margin-top:0.4em}
div.news h3{padding-left: 16px;background: url(newsbullet.jpg) no-repeat center left}
div.news h3 span.data{color: #AAA;font-weight: lighter;font-size: 75%}

.celle_header{

padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:12px;
font-weight:bold;

background: white url(img/formbg.gif) top left repeat-x;
}
.menu2:link {
	COLOR: white;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, Sans-serif; 
	text-decoration : none;
	font-size : 11px;
}

.menu2:visited {
	COLOR: white;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, Sans-serif; 
	text-decoration : none;
	font-size : 11px;
}

.menu2:visited {
	COLOR: white;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, Sans-serif; 
	text-decoration : none;
	font-size : 11px;
}
.menu2:active {
	COLOR: white;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, Sans-serif; 
	text-decoration : none;
	font-size : 11px;
}
.textocchiale{
	font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px;
	color : #333333;
}
.textman{
	font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px;
	font-weight:bold;
	color : #333333;
}
.bread{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size : 10px;
	
	color : #999999;
}



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

#navcontainer a
{
display: block;
font-family: arial, helvetica, sans-serif;
font-weight: bold; font-size: 11px;
color: #666;
background-color: #E5E5E5;
width: 120px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navcontainer a:hover
{
background-color: #E5E5E5;
color: #666;
}

#navcontainer li li a
{
display: block;
font-family: arial, helvetica, sans-serif;
font-weight: normal; font-size: 11px;
color: #666;
background-color: #F2F2F2;
width: 120px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #FFF;
}

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

#navcontainer3 a
{
display: block;
font-family: arial, helvetica, sans-serif;
font-weight: bold; font-size: 11px;
color: #FFFFFF;
background-color: #BEDF5D;
width: 120px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navcontainer3 a:hover
{
background-color: #D6EB9A;
color: #FFFFFF;
}

#navcontainer3 li li a
{
display: block;
font-family: arial, helvetica, sans-serif;
font-weight: normal; font-size: 11px;
color: #666;
background-color: #D6EB9A;
width: 120px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #FFF;
}
/*classe link del porco dio*/
.cssbutton:link{
background-color: #E2E4E9;
padding: 4px 4px;
border:thin;
text-decoration: none;
font: Verdana, Helvetica, sans-serif;
color: #336699;
font-size:11px;
}
.cssbutton:visited{
background-color: #E2E4E9;
padding: 4px 4px;
text-decoration: none;
font: Verdana, Helvetica, sans-serif;
color: #336699;
font-size:11px;
}
.cssbutton:hover{
background-color: #ccff33;
padding: 4px 4px;
text-decoration: none;
font:Verdana, Helvetica, sans-serif;
color: #336699;
font-size:11px;
}
.cssbutton:active{
background-color: #ffffff;
padding: 4px 4px;
text-decoration: none;
font:Verdana, Helvetica, sans-serif;
color: #ff3300;
font-size:11px;
}



.glossymenu{
list-style-type:disc;
margin: 3px 0;
padding: 0;
width: 120px;

border-bottom-width: 0;
}

.glossymenu li a{
background: white url(img/glossyback.gif) repeat-x bottom left;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #0000CC;
display: block;
width: auto;
padding: 3px 0;
padding-left: 2px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(img/glossyback2.gif);
}
/* ######### Top tabs ######### */

#ddtoptabs{
margin-left: 4px; /*Opera 8 fix -1px*/
padding: 0;
width: 600px;
height: 27px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddtoptabs ul{
font: normal 12px verdana, arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddtoptabs li{
display:inline;
margin:0 2px 0 0;
padding:0;

line-height: 1.3em;
font-size: 120%;
}


#ddtoptabs a, #ddtoptabs strong{
float:left;
color:#fff;
background: transparent url("tabs_left.gif") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 12px;
margin-top: 4px;
font-family:  Arial, Verdana, sans-serif;
border-bottom:none;
}

#ddtoptabs a span, #ddtoptabs #current span{
float:left;
display:block;
color:#fff;
background: transparent url("tabs_right.gif") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:normal;
}

#ddtoptabs a span{
float:none;
}

#ddtoptabs #current a, #ddtoptabs strong{
background-position:0 -300px;
border-bottom: 1px solid #2B6600;
}

#ddtoptabs #current a span, #ddtoptabs #current span{
background-position:100% -300px;
padding-bottom:3px;	color:#fff;
}

#ddtoptabs a:hover{
background-position:0% -150px;
}

#ddtoptabs a:hover span{
color: #fff;
background-position:100% -150px;
}

#ddtoptabs #current a:hover {	background-position:0% -300px; }
#ddtoptabs #current a:hover span { color: #fff;	background-position:100% -300px; }

#ddtoptabsline{
clear: both;
padding: 0;
width: 770px;
height: 8px;
background: #2B6600;

margin-bottom: 0px;
}


#invertedtabs{
margin-left: 20px;
padding: 0;
width: 700px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;

line-height: 1.5em;
}
#invertedtabson{
display:inline;
margin:0 2px 0 0;
padding:0;
background-color:#ff6600;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #22385F url(media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #FF6600;
}

#invertedtabs a:hover span{
background-color: #ff6600;
}
#invertedtabsactive {
background-color: #ff6600;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #ff6600;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 713px;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}