body{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:12px 0 0 0;
padding:0;
background:#999 url(img/back_body.jpg) top left repeat-x;
}

img{
border:0;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

.maxWidth{
width:100%;
}

/* typo generici */

h1,h2,h3,h4,h5,p,ul{
margin:0;
padding:0;
}

ul{
list-style-type:none;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


/* LAYOUT ______________________________________________ */

/* pagine generiche */

#wrapper{
width:765px;
margin:0 auto;
}

#header{
background:#CFCFCF url(img/back_head.jpg) top left repeat-x;
position:relative;
height:165px;
width:765px;
overflow:hidden;
}

#mainMenu{
position:absolute;
top:122px;
left:0;
width:100%;
background:transparent url(img/menu_hor_back.jpg) top left repeat-x;
height:43px;
}

#bannerHolder{
padding-bottom:11px;
background:#CFCFCF url(img/bottom_banner.jpg) bottom left no-repeat;
}

#mainContent{
margin:0 4px;
background:#F9F9F9 url(img/back_content.gif) top left repeat-x;
min-height:400px;
height:auto !important;
height:400px;
padding-top:16px;
}

#colLeft{
width:194px;
padding-left:4px;
float:left;
}

#content{
background-color:#F9F9F9;
margin-left:210px;
padding-bottom:24px;
padding-right:12px;
position:relative;
}

#footer{
padding:22px 12px 6px 12px;
background:#333 url(img/back_foot.jpg) top left repeat-x;
height:14px;
}

/* homepage */

#homeTxt {
margin-right:275px;
}

#boxHome {
position:absolute;
top:13px;
left:265px;
width:250px;
background:transparent url(img/box_home_top.jpg) top left no-repeat;
padding-top:20px;
}

#boxhomeBody {
background:transparent url(img/box_home_back.jpg) bottom left no-repeat;
padding:7px 14px 24px 14px;
width:222px;
}

/* TESTATA E MENU PRINCIPALE ______________________________*/

#header h1{
position:absolute;
top:50px;
left:10px;
height:66px;
width:232px;
background:transparent url(img/logo.jpg) top left no-repeat;
}

#header h1 a{
text-indent:-2000px;
display:block;
height:66px;
width:232px;
}

#homelink{
background:transparent url(img/angle_top_l.jpg) top left no-repeat;
position:absolute;
top:0;
left:0;
width:120px;
}

#homelink a{
display:block;
width:auto;
background:transparent url(img/ico_home.gif) 14px 6px no-repeat;
padding:6px 0 6px 32px;
font-weight:bold;
color:#FFF;
}

#lang{
background:transparent url(img/angle_top_r.jpg) top right no-repeat;
margin:0;
position:absolute;
right:-1px;
top:0px;
padding:6px 12px 6px 0;
color:#FFF;
}

#lang li{
float:left;
width:auto;
border-right:#FFF 1px solid;
padding:0 6px;
}

#lang a{
font-weight:bold;
color:#FFF;
}

#lang .last{
border-right:0;
}

#reservedLink{
position:absolute;
width:auto;
top:108px;
left:590px;
z-index:1;
}


/* menu principale */

#mainMenu ul{
margin-top:4px;
}

#mainMenu li{
float:left;
background:transparent url(img/menu_sliding_right.jpg) top right no-repeat;
}

#mainMenu li a{
float:left;
width:auto;
text-transform:uppercase;
color:#000;
text-align:center;
padding:12px 12px 8px 12px;
height:19px;
background:transparent url(img/menu_sliding_left.jpg) top left no-repeat;
white-space:nowrap;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#mainMenu li.menuAct{
background:transparent url(img/menu_act_right.jpg) top right no-repeat;
}

#mainMenu li.menuAct a{
background:transparent url(img/menu_act_left.jpg) top left no-repeat;
}


/* #mainMenu li{
display:inline;
}

#mainMenu li a{
float:left;
text-transform:uppercase;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
color:#000;
height:23px;
text-align:center;
padding-top:20px;
}

#mainMenu li a#ottoLink{
width:131px;
background:transparent url(img/tasto_menu_1.jpg) no-repeat 0 0;
}

#mainMenu li a#ottoLink:hover,#mainMenu li a#ottoActive{
width:131px;
background:transparent url(img/tasto_menu_1.jpg) no-repeat 0 -43px;
}

#mainMenu li a#prodLink{
width:121px;
background:transparent url(img/tasto_menu_2.jpg) no-repeat 0 0;
}

#mainMenu li a#prodLink:hover,#mainMenu li a#prodActive{
width:121px;
background:transparent url(img/tasto_menu_2.jpg) no-repeat 0 -43px;
}

#mainMenu li a#infoLink{
width:166px;
background:transparent url(img/tasto_menu_3.jpg) no-repeat 0 0;
}

#mainMenu li a#infoLink:hover,#mainMenu li a#infoActive{
width:166px;
background:transparent url(img/tasto_menu_3.jpg) no-repeat 0 -43px;
}

#mainMenu li a#contLink{
width:104px;
background:transparent url(img/tasto_menu_4.jpg) no-repeat 0 0;
}

#mainMenu li a#contLink:hover,#mainMenu li a#contActive{
width:104px;
background:transparent url(img/tasto_menu_4.jpg) no-repeat 0 -43px;
}

*/


/* MENU VERTICALI, colonna sinistra ______________________ */

/* menu semplice */

.menuVert{
background:#CCC url(img/menu_v_top.jpg) top left no-repeat;
padding-top:16px;
margin-bottom:20px;
}

.menuVert .menuBody{
background:#CCC url(img/menu_v_back.jpg) bottom left no-repeat;
padding-bottom:20px;
}

.menuBody li{
font:normal 1em Verdana, Arial, Helvetica, sans-serif;
background:transparent url(img/menu_v_div.gif) bottom left no-repeat;
padding-bottom:2px;
margin:0 2px;
}

#colLeft h2{
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
padding:18px 10px 18px 60px;
margin:0 2px;
border-bottom:#B6B6B6 2px solid;
}

.menuBody li a{
display:block;
padding:10px 10px 10px 60px;
color:#333;
}

.topMenuItem,#antinf,#risp,#stamp,#config{
padding:18px 10px 18px 60px !important;
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#antinf{
background:transparent url(img/ico_antinf.jpg) 10px 10px no-repeat;
} 

#risp{
background:transparent url(img/ico_risp.jpg) 10px 10px no-repeat;
}

#stamp{
background:transparent url(img/ico_stamp.jpg) 10px 10px no-repeat;
}  

#config{
background:transparent url(img/ico_config.jpg) 10px 10px no-repeat;
} 

h2#ottoTec{
background:transparent url(img/ico_ottotec.jpg) 10px 10px no-repeat;
}

h2#contMenu{
background:transparent url(img/ico_contatti.jpg) 10px 10px no-repeat;
}

h2#infoMenu{
background:transparent url(img/ico_info.jpg) 10px 10px no-repeat;
}

.menuBody li li{
background:none;
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

.menuBody li li a{
padding:8px 10px 8px 24px;
margin-left:8px;
background:transparent url(img/bullet_1.jpg) 10px 10px no-repeat;
}

.menuBody a{
color:#333;
}

.menuBody li li li{
font-size:1em;
}

#colLeft .menuVert .menuBody li li li a{
padding:4px 0px 4px 0;
margin:0 4px 0 32px;
border-bottom:#EDEDED 1px solid;
background:none;
font-size:0.8em;
}


/* menu albero prodotti -- non utilizzato */

.menuVert .prodMenu{
background:#CCC url(img/menu_v_back.jpg) bottom left no-repeat;
padding-bottom:20px;
}

#colLeft .prodMenu h2{
background:transparent url(img/menu_v_div.gif) bottom left no-repeat;
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0 2px;
border:0;
}

#colLeft .prodMenu h2 a{
display:block;
padding:18px 10px 18px 60px;
}

.prodMenu ul h3{
padding:8px 10px 8px 24px;
margin-left:8px;
background:transparent url(img/bullet_1.jpg) 10px 10px no-repeat;
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

.prodMenu a{
color:#333;
}

.prodMenu li li,.prodMenu li li h4{
padding:4px 0px 4px 0;
margin:0 4px 0 32px;
border-bottom:#EDEDED 1px solid;
}




/* contenuto testuale generico _____________________________________ */

#content h2{
font-weight:bold;
font-size:11px;
padding:8px;
margin-bottom:20px;
}

#content h2.orange{
background-color:#FF9900;
}

#content h2.blu{
background-color:#3366CC;
color:#FFF;
}

#content h2.blu a{
color:#FFF;
white-space:nowrap;
}

#content h2.green{
background-color:#009966;
}

#content h2.mag{
background:transparent url(img/back_heading_mag.gif) top left no-repeat;
}



#content h2 a{
color:#333;
}

#content h3{
font-size:1.4em;
}

#content h3,#content h4,#content h5,#content p{
margin-left:8px;
}

#content h3{
margin-bottom:18px;
color:#069;
}

#content p{
margin-bottom:14px;
}

#content h4,#content h4 a{
font-size:1em;
color:#F60;
}

p.continua{
text-align:right;
}

.continua a{
font-weight:bold;
color:#333;
}

#content p img{
float:right;
margin-right:12px;
}

#content .mainImageLink{
float:right;
width:auto;
position:relative;
}

#content p a{
color:#09C;
}

#content p img.nofloat{
float:none;
}

#content .immaginegrande
{
    text-align:center;
    margin:10px;
}



/* PAGINE PRODOTTI ________________________________________________________ */

/* albero prodotti  */

#content ul.prodTree{
margin-left:16px;
padding-right:20px;
}

#content ul.prodTree,#content ul.prodTree ul{
background:transparent url(img/tree_01.gif) top left repeat-y;
}

#content ul.prodTree ul li{
padding-left:16px;
background:transparent url(img/tree_node.gif) top left no-repeat;
}

#content ul.prodTree li.end{
background:#F9F9F9 url(img/tree_end.gif) top left no-repeat;
}

#content ul.prodTree a{
display:block;
padding:0 0 12px 18px;
/*margin-bottom:11px;*/
color:#333;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#content ul.prodTree a.plus{
background:transparent url(img/tree_plus.gif) top left no-repeat;
}

#content ul.prodTree a.minus{
background:transparent url(img/tree_minus.gif) top left no-repeat;
}

#content ul.prodTree a.prodNode{
background:transparent url(img/prod_node.gif) top left no-repeat;
}

#content ul.prodTree li h2,#content ul.prodTree li h3,#content ul.prodTree li h4,
#content ul.prodTree li h5{
background-image:none;
padding:0;
margin:0;
font-size:1em;
color:#333;
}

#content ul.prodTree li h4 a{
color:#333;
font-size:1.2em;
}

#content ul.prodTree li h2{
text-transform:uppercase;
}

#content ul.prodTree p{
padding-left:12px;
}


/* scheda prodotto */

#content #prodBox{
padding:12px 12px 12px 8px;
width:500px;
position:relative;
}

#content #prodBox #prodPix{
width:285px;
min-height:220px;
height:auto !important;
height:220px;
}

#prodPix img{
border:#999 1px solid;
}

#content #prodBox #infoCol{
position:absolute;
top:12px;
left:305px;
width:161px;
min-height:220px;
height:auto !important;
height:220px;
background-color:#F2F2F2;
}

#content #prodBox #infoCol img#infoQ{
display:block;
float:none;
margin-bottom:12px;
}

#content h4.prodDesc{
color:#333;
font-size:1.2em;
border-bottom:#999 1px solid;
padding-bottom:4px;
}

#navProd{
margin:8px 20px 8px 6px;
height:18px;
}

#navProd li{
display:inline;
}

#navProd li a {
float:left;
width:auto;
padding:2px 4px;
border-right:#333 1px solid;
color:#333;
}

#prodTxt h5,#prodTxt p,#prodTxt ul,#prodTxt table{
margin-left:12px;
}

#prodTxt p, #prodTxt ul{
margin-bottom:10px;
}

#prodTxt ul{
list-style-type:circle;
list-style-position:inside;
}

#prodTxt h5{
font-size:1.2em;
margin-bottom:6px;
}

#prodTxt table{
font-size:1.2em;
border-top:#666 1px solid;
border-left:#666 1px solid;
}

#prodTxt th,#prodTxt td{
text-align:left;
border-bottom:#666 1px solid;
border-right:#666 1px solid;
margin:0;
padding:6px;
}

#content h3 a{
font-weight:normal;
color:#069;
}

/* gallery prodotto */

#content #gallery{
margin:24px 0 24px 0;
text-align:center;
}

#content a.gallBox{
border:#999 1px solid;
padding:8px;
width:130px;
float:left;
text-align:center;
height:160px;
overflow:hidden;
margin:0 0 12px 12px;
color:#333;
}

#content a.gallBox:hover{
background-color:#CCC;
border:#000 1px solid;
text-decoration:none;
}

#content .gallBox p{
margin-bottom:4px;
}

#content .gallBox p img{
float:none;
border:#EDEDED 1px solid;
}

#content .gallBox p img.noborder{
border:0;
}

/* faq */

#content ul.faq{
list-style-image:url(img/bullet_2.gif);
list-style-position:inside;
font-size:1.2em;
margin:0 0 20px 12px;
}

#content ul.faq li{
padding:0 0 12px 0;
}

#content ul.faq a{
color:#333;
}




/* FORMS ______________________________________ */

/* form ricerca generici */

.formHolder{
border:#CCC 1px solid;
padding:8px 6px 8px 6px;
min-height:65px;
height:auto !important;
height:65px;
margin-bottom:16px;
margin-right:12px;
}

#content .prodSearch {
margin:0 0 12px 10px;
width:490px;
padding:0;
}

#content .prodSearch label{
display:block;
margin-bottom:6px;
width:auto;
}

#content .prodSearch p{
width:auto;
float:left;
margin:0 12px 12px 0;
}

#content .prodSearch input,#content .prodSearch select{
border:#666 1px solid;
font-size:1em;
width:180px;
}

#content .prodSearch input.searchButt{
vertical-align:bottom;
border:0;
width:auto;
}

#content .prodSearch p.button{
padding-top:16px;
}


/* form carrello informazioni */

#content #infoCart {
margin-right:24px;
}

#content #infoCart p {
border-bottom:#CCC 1px solid;
height:25px;
}

#content #infoCart p label{
float:left;
width:460px;
height:20px;
padding-top:2px;
}

#content #infoCart p a{
color:#333;
}

#content #infoCart .checkItem{
display:block;
margin-left:470px;
}

#content #infoCart p.cartTot{
border:0;
font-size:1.2em;
}




/* BOX VARI ___________________________________ */

/* box evidenza homepage */

#boxhomeBody h4,#boxhomeBody p{
margin:0 0 12px 86px;
}

#boxhomeBody h4{
color:#666;
font-size:1.2em;
}

#boxhomeBody img{
float:left;
}

#boxhomeBody h3 {
padding:0 30px 8px 0;
border-bottom:#CCC 1px solid;
margin-bottom:12px;
background:transparent url(img/ico_warning.jpg) top right no-repeat;
}

#boxhomeBody p.continua{
clear:left;
}

#boxhomeBody p.continua img{
float:none;
}

/*paging*/

.paging{
padding-top:16px;
}

.paging .ffwd{
display:block;
text-align:right;
margin-left:200px;
}

.paging .rew{
float:left;
width:150px;
}



/* FOOTER ________________________________ */

#footer,#footer a{
color:#FFF;
}

#footer p{
width:auto;
float:left;
}

#footer p#footUtil{
margin-left:500px;
text-align:right;
float:none;
}




/* STILI PER CONTENUTO INSERITO DALL'UTENTE - modifica 11.01.07 ================================= */

#userGenCont {
padding:12px;
}

#userGenCont ul{
list-style-type:square;
margin-bottom:12px;
}

#userGenCont li{
list-style-position:inside;
}

#userGenCont img,#userGenCont p img{
float:none;
margin:0;
}

#userGenCont p,#userGenCont h1,#userGenCont h2,#userGenCont h3,#userGenCont h4{
margin:8px 0 4px 0;
padding:0;
background:none;
}

#userGenCont th,#userGenCont td{
vertical-align:top;
padding:3px;
border-bottom:#666 1px solid;
border-right:#666 1px solid;
}

#userGenCont table{
border-top:#666 1px solid;
border-left:#666 1px solid;
margin-bottom:8px;
}

/* visualizzazione lista-nodo - modifica 11.05.07 ================================================== */

#mainContent #content .nodeView{
list-style-type:none;
}

#mainContent #content .nodeView li{
background:url(img/bg_node.gif) -6px 0 repeat-y;
padding:4px 20px 4px 4px;
margin-bottom:3px;
min-height:36px;
height:auto !important;
height: 36px;
}

#mainContent #content .nodeView img {
height:36px;
width:36px;
float:left;
}

#mainContent #content .nodeView h4, #mainContent #content .nodeView p{
margin-left:50px;
}

#mainContent #content .nodeView h4, #mainContent #content .nodeView h4 a{
color:#666;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#mainContent #content .nodeView h4 a:hover{
text-decoration:underline;
} 

/* tasto home */

#boxhomeBody a.linkBox{
background:url(img/tasto_home.jpg) no-repeat;
display:block;
padding-top:5px;
text-align:left;
width:60px;
height:20px;
padding-left:30px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}