/* CSS Document */
/* -----------------------------------*/ 
/* -------->> RESET CSS <<<-----------*/ 
/* -----------------------------------*/ 
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

a:link, a:visited {
color: #37A929;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active {
color: #333333;
font-weight:bold;
text-decoration:none;
}

.clear {
clear:both;
/*margin:0px;
padding:0px;
height:0px;*/
}


/* -------->> elementi principali <<<-----------*/ 
body {
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:center;
    margin:0px;
    background-image: url(../images/bkg_page.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}


#wrapper { 
    margin:     auto;
    margin-top: 0px;
    padding:    0px;
    width:      900px;
    float:      center;
}


#header{
    width:      900px;
    margin:     0px;
    padding:    0px;
}

#flash {
    margin:     0px;
    padding:    0px;
    width:      900px;
    height:     385px;
}

#content { 
    width:      636px;
    float:      left;
    text-align: justify;
    margin-bottom:20px;
}

#column { 
    width: 264px;
    float:left;
    text-align:left;
}

#areariservata { 
    width: 264px;
    height:160px;
    float:left;
    text-align:left;
    background-color:#ececec;
}

.textfield {
    margin-left:20px;
    width:170px;
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:#999999;
}

.paragrafo {
    width:425px;
    padding: 20px 25px 0px 25px;
    margin: 0;
    float:left;
}

#sottomenu { 
    width: 161px;
    float:left;
}

.serie { 
    font-size:10px;
    background-color:#339933;
    color:#FFFFFF;
    padding-left:10px;
    height:19px;
    border-bottom:solid #ffffff 1px;
    border-right:solid #ffffff 2px;
}

.serie a:link, .serie a:visited { 
    color:#FFFFFF;
}

.serie a:hover, .serie a:active  { 
    color:#444444;
}


#footer{
    width:900px;
    height:60px;
    clear:both;
    background-image: url(../images/bkg_footer.gif);
    background-repeat: repeat-x;
    background-position: left top;
}


/* -------------------- */
.titoloverde{
    height:18px;
    padding: 30px 20px 0px 10px;
    background-color:#017335;
    color:#FFFFFF;
    font-size: 12px;
    font-weight:bold;
    border-top:solid #FFFFFF 2px;
    border-right:solid #FFFFFF 2px;
}

.titologrigio{
    height:18px;
    padding: 30px 20px 0px 10px;
    background-color:#444444;
    color:#FFFFFF;
    font-size: 12px;
    font-weight:bold;
    border-top:solid #FFFFFF 2px;
}

.titologrigio a:link, .titologrigio a:visited {
    color:#FFFFFF;
}

.titologrigio a:hover, .titologrigio a:active {
    color: #37A929;
}

.menulat{
    height:19px;
    padding: 0px 20px 0px 20px;
    border-bottom:solid #444444 1px;
}

.menulat a:link, .menulat a:visited {
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}

.menulat a:hover, .menulat a:active {
    color:#FF0000;
    font-weight:bold;
    text-decoration:none;
}

.box{
    width:318px;
    height:160px;
    border-bottom:solid #444444 1px;
    margin-top:1px;
    float:left;
}

.boxdoppio{
    width:450px;
    /*height:130px;*/
    border-bottom:solid #444444 1px;
    /*border-right:solid #444444 1px;*/
    margin-top:1px;
    float:left;
}

.boxdoppiotitle{
    width:430px;
    font-size:11px;
    font-weight:bold;
    padding: 5px 10px 0px 10px;
    border-bottom:solid #444444 1px;
    /*background-color:#5E5E5E;*/
}

.boxcolori{
    width:600px;
    font-size:11px;
    font-weight:bold;
    padding: 5px 10px 0px 10px;
    border-bottom:solid #444444 1px;
    /*background-color:#5E5E5E;*/
}

.boxtext{
    width:146px;
    font-size:10px;
    text-align:left;
    float:left;
    padding: 5px 10px 0px 10px;
}

.dimensionetext{
    font-size:10px;
    text-align:left;
    float:left;
    padding: 5px 10px 0px 10px;	
}

.boxpix {
    float:left;
    width:150px;
    height:105px;
}

.box2{
    width:318px;
    height:110px;
    border-bottom:solid #444444 1px;
    margin-top:1px;
    float:left;
}

#catalogo {
    width:475px;
    padding: 0;
    margin: 0;
    float:left;
}

.boxcatalogo{
    width:237px;
    height:77px;
    border-bottom:solid #444444 1px;
    margin-top:1px;
    float:left;
}

.catalogotext{
    width:125px;
    font-size:10px;
    text-align:left;
    float:left;
    padding: 5px 6px 0px 6px;
}

.catalogopix {
    float:left;
    width:100px;
    height:70px;
}

/* -->> HEADER <<<-----------*/ 

#top{
    width:900px;
    margin:0px;
    height:20px;
    overflow: hidden;
    background-color:#5E5E5E;
}

.menu a:link, .menu a:visited{
    margin: 0px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    padding:0px 15px 0px 15px;
}

.menu a:hover, .menu a:active, #selectedItem{
    margin: 0px;
    font-weight:bold;
    padding:0px 15px 0px 15px;
    background-color:#E72D30;
}


ul {
	margin: 0px 0px 0px 420px;
}

.menu li {
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
	float:left;
	display:block;
}

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

/* -->> FOOTER <<<-----------*/ 
#recapiti { 
    width: 585px;
    float:left;
    text-align:left;
    padding: 25px 25px 0px 25px;
    font-size:10px;
}

#info { 
    width: 214px;
    float:left;
    text-align:right;
    padding: 25px 25px 0px 25px;
    font-size:10px;
}

#info a:link, #info a:visited { 
    font-weight:bold;
    color:#E72D30;
}

#info a:hover, #info a:active { 
    font-weight:bold;
    color:#333333;
}


.lavora{
	width:auto;
	font-size:10px;
	text-align:left;
	float:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.preview3D {
    margin:     0px;
    padding:    0px;
    width:      894px;
    height:     381px;
    border: 3px coral solid;
    border-color: #000000;
    /*background-color: #E72D30;  /* rosso */
    /*background-color: #017335; /* verte*/ 
    /*background-color: #042504; /* grigio */
    background: url(../images/macFFBgHack.png) repeat; /* verde acqua */
    filter:alpha(opacity=45); /*75*/
		-moz-opacity: 0.75;
		opacity: 0.75;
    /*background-repeat: no-repeat;
    background-color:#5E5E5E;*/
    background-position: left top;
}

.previewBG {
    top:        10px;
    margin:     0px;
    padding:    0px;
    width:      900px;
    height:     395px;
    background-image: url(../images/cover.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.previewColors {
    position:       relative;
    top:            30px;
    width:          340px;
    height:         320px;
    border-bottom:  solid #444444 1px;
    background-color: white;
    margin-top:     1px;
    float:          left;
    margin-left:    5px;
}

.tavolozzaColori {
    position:       relative;
    /*width:          340px;
    height:         320px;*/
    border-bottom:  solid #444444 1px;
    background-color: white;
    margin-top:     1px;
    float:          left;
    margin-left:    5px;
}
}
.colore { 
    padding:    1px;
    float:      left;
    text-align: left;
}

.miniatura { 
    border: 2px solid white;
    width:      33px;
    height:     20px;
    float:      left;
    text-align: left;
    overflow:   hidden;
}

.miniaturaSelected {
    border: 2px solid red;
}


form, input, textarea, select {
	font: small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.miniaturaPreventivo { 
    border: 		2px solid black;
    width:      130px;
    height:     20px;
    float:      float;
    overflow:   hidden;
    clear: both;
}