*{font:12px/1.6em Verdana, sans-serif; margin:0; padding:0; color:#333}

a{color:#A16100; text-decoration: none;}
a:hover{text-decoration:underline; }
.handheld{display:none}

a#logout{color:#fc3; font-weight:bold}

body{background:#222}
em{font-style:italic;}
li{list-style-type: none}

ul.list{margin-left:20px}
ul.list li{list-style-type:disc; padding:3px 0}

h1, h2, h3, h4, h5, h6{color: #333; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-size:100%; }
strong{font-weight: bold; color:#027B02; font-size: inherit;}
h1{font-size:30px; font-weight:bold; margin-bottom:10px; color: #666}
h2{font-size:24px; font-weight:bold; margin-bottom:10px; color: #666}
h3{font-size:18px; font-weight:bold; margin-bottom:10px}
h4{font-size:14px; font-weight:bold; margin-bottom:10px}
h5{font-size:13px; font-weight:bold; margin-bottom:10px;}

hr{clear:left; border:0; height:0; visibility:hidden;}

img.info{float:left; margin-right:10px}

img.lx{float:left; margin-right:10px; margin-top:5px; margin-bottom:10px; clear:left}
img.rx{float:right; margin-left:10px; margin-top:5px}

a img{border:1px solid #999}
a img:hover{border:1px solid #fc3}

h1#logo{background:url("images/logo-risto.png") 0 0 no-repeat; position:absolute; top:10px; left:0px;}
h1#logo a{display:block; width:227px; height:100px; text-indent:-9999px}

h2#titolo{position: absolute; top:0; left:0; width:80%; height:171px; background:url("images/bgazienda.jpg") left center no-repeat;  z-index:5;}
h2#titolo span{position:Absolute; bottom:-2px; left:0; padding:15px 50px 0px 20px; background:url("images/bgnav.png") bottom right no-repeat; color:#fff; font-size:20px; color:#fff; }

h2#titolo.blackbox{background:url("images/bgrtbox.jpg") left center no-repeat}
h2#titolo.pos{background:url("images/bgpos.jpg") left center no-repeat}
h2#titolo.software{background:url("images/bgsoftware.jpg") left center no-repeat}
h2#titolo.distributori{background:url("images/bgdistributori.jpg") left center no-repeat}

h3#titolo{padding:10px 20px; color: #025F02; border-bottom:1px dotted #025F02}

p#user{margin:0; position:absolute; top:30px; left:230px; color:#fff}
p#user span{font-weight:bold; color:#54DF53}

p{margin-bottom:10px}
p.sottotitolo{text-transform: uppercase; font-size:11px; color:#A16100; font-weight:bold; clear:left; margin:5px 0}
p.print{position:absolute; right:20px; top:0px}
p.print a{display:block; background:url("images/printicon.png") right center no-repeat; line-height:30px; text-align:right; padding-right:40px}

table{border-collapse: collapse; margin-bottom:5px}
th{font-weight:bold; padding-right:10px; padding-bottom:5px; text-align:left; vertical-align: middle;}
td{text-align:left; padding-bottom:5px; padding-right:10px}

img{border:0}
table{border-collapse: collapse;}
input{line-height:1em}

#header p#swiss{color:#fff; text-transform:uppercase; font-size:11px; position:absolute; top:15px; right:15px}
#header{padding:20px 10px 40px 10px; border-bottom:5px solid #028902; position:relative; height:60px; background:#222}
#header ul.language{position:absolute; top:95px; right:17px}
#header ul.language li{list-style-type:none;}
#header ul.language li a{color:#fc3; font-size:13px; text-transform:uppercase; letter-spacing:-1px; font-weight: bold;}

#menu{position:absolute; top:70px; left:0px;}
#menu ul{background:url("images/bgnav.png") bottom left no-repeat; padding-left:10px; width:700px; height:50px;}
#menu li{float:left; list-style-type: none; margin-top:18px;  border-right:1px dotted #333}
#menu li#privateLink{text-align: right; position:absolute; right:35px; top:auto; border:0}
#menu a{font-size:11px; color:#eee; display:block; margin-top:0px; padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:10px; text-transform: uppercase; font-weight: bold;}
#menu a:hover{text-decoration: underline; color:#fff}

#menu li.active a{color:#028902; background: url("images/bgnavchosen.png") right top no-repeat}

#intro{background:url("images/bgfix.png") bottom left repeat-x; width:100%; padding:0 0 16px 0; height:250px; position:relative; border-top:1px solid #fff;}

#news{padding:10px; margin-left:70%; margin-right:2%}
#news *{font-size:11px}
#news h3{color:#016301; border-bottom:1px dotted #ddd; background:url("images/bgtitolo.png") left top no-repeat; padding-left:40px; padding-bottom:5px; font-size:18px}
#news h4{margin-bottom:5px; border-bottom:1px dotted #ddd; color:#016301; line-height:25px}
#news h4.n{background:url("images/iconnew30x20.png") left center no-repeat; padding-left:45px}
#news h4.c{background:url("images/iconinfo20x20.png") left center no-repeat; padding-left:30px}
#news p{margin-bottom:0px; padding-left:5px}
#news p.readmore{margin-bottom:10px; margin-top:5px; text-align: right; position:relative; text-align: right;}

div.giornali{margin-top:20px}
div.giornali p{text-align:center; padding-right:20px}
div.giornali p.readmore a{font-size:11px}
div.giornali a img{border:0}

ul.referenze{padding-left:10px; margin-bottom:10px}
ul.referenze li{list-style-type:none; color:#028102}
ul.referenze li span{font-weight:normal;}

#intro #login{float:left; width:53%; padding:1%;}

#intro.small{height:180px; }
#intro.prodotti{height:180px;}

.recapiti p{text-align:right; padding-right:12px; margin-top:15px}
#intro .recapiti{background:url("images/bgnews.png") left center no-repeat; position:absolute; top:0; right:0; z-index:10; width:170px; height:171px; padding-left:15%;}

#content div.privateBox{float:left; padding-right:40px}
#content table.download td{padding:10px 15px; border:1px dotted #ccc; font-size:11px; font-weight:bold; color:#025F02}

#categorie{z-index:15; position:relative;}
#categorie ul li{float:left; width:11%; display:block; height:170px; text-align:center;}
#categorie ul li div{display:block; height:205px;}
#categorie ul li a{display:block; height:170px; border-right:3px solid #fff; background: none; position:relative;}

#categorie ul li a:hover span{background:#028102; color: #fff;}
#categorie ul li a:hover{text-decoration:none;}
#categorie ul li.chosen a:hover{background:none;}

#categorie ul li.chosen div{background:url("images/bgcatchosen.png") center bottom no-repeat;}

#categorie ul li a span{cursor:pointer; color:#028902; background:url("images/biancotrasparente.png") 0 0 repeat; padding:10px 5px; display:block; font-size:11px; border-top:1px solid #fff; position:absolute; bottom:0px; left:0; right:0}
#categorie ul li.chosen a span{color:#fff; font-weight:bold; background:#028102;}

#categorie ul li#nav_0000box{background:url("images/bgblackbox.jpg") center 0 no-repeat;}
#categorie ul li#nav_0000box:hover,
#categorie ul li#nav_0000box.chosen{background:url("images/bgblackbox.jpg") center -220px no-repeat;}

#categorie ul li#nav_1000btr{background:url("images/bgbtr.jpg") center 0 no-repeat;}
#categorie ul li#nav_1000btr:hover,
#categorie ul li#nav_1000btr.chosen{background:url("images/bgbtr.jpg") center -220px no-repeat;}

#categorie ul li#nav_2000pag{background:url("images/bgpag.jpg") center 0 no-repeat;}
#categorie ul li#nav_2000pag:hover,
#categorie ul li#nav_2000pag.chosen{background:url("images/bgpag.jpg") center -220px no-repeat;}

#categorie ul li#nav_3000cal{background:url("images/bgcal.jpg") center 0 no-repeat;}
#categorie ul li#nav_3000cal:hover,
#categorie ul li#nav_3000cal.chosen{background:url("images/bgcal.jpg") center -220px no-repeat;}

#categorie ul li#nav_4000acc{background:url("images/bgacc.jpg") center 0 no-repeat;}
#categorie ul li#nav_4000acc:hover,
#categorie ul li#nav_4000acc.chosen{background:url("images/bgacc.jpg") center -220px no-repeat;}

#categorie ul li#nav_5000car{background:url("images/bgcaricatori.jpg") center 0 no-repeat;}
#categorie ul li#nav_5000car:hover,
#categorie ul li#nav_5000car.chosen{background:url("images/bgcaricatori.jpg") center -220px no-repeat;}

#categorie ul li#nav_6000bri{background:url("images/bgbri.jpg") center 0 no-repeat;}
#categorie ul li#nav_6000bri:hover,
#categorie ul li#nav_6000bri.chosen{background:url("images/bgbri.jpg") center -220px no-repeat;}

#main{background:#fff url("images/bgwrapper.jpg") 0 100px repeat-x;}
/*#main{background:#fff url("../i/bgGrunge.jpg") right bottom no-repeat;}*/

#content{padding:0px 20px 20px 20px; position:relative;}

#content h3{clear:both; color:#016301; border-bottom:1px dotted #ddd; background:url("images/bgtitolo.png") left top no-repeat; padding-left:40px; padding-bottom:5px; margin-top:10px}
#content h4{clear:both; color:#A16100; border-bottom:1px dotted #ddd; padding-top:15px}
#content h5{margin-bottom:0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#016301}
#content ul{margin-bottom:10px}

#content p.sottotitolo{margin-bottom:5px}
#content div.distributori{width:46%; float:left}

#content div.recapiti{float:right; border-left:1px dotted #ddd; padding-left:20px; margin-left:20px}

#content.home, #content.default{float:left; width:65%; border-right:1px dotted #ddd; padding-right:20px}

#content.home div.box{float:left; width:47%; margin-right:3%; margin-bottom:20px}
#content.home div.box ul{padding-left:20px}
#content.home div.box li{list-style-type:disc}
#content.home div.box h3{font-size:14px; background:url("images/bgtitolo20x20.png") left center no-repeat; padding-left:28px; padding-bottom:5px; margin-top:0px; margin-bottom:0px}
#content.home div.box p.prodotti a{display:block; border:1px solid; width:15%; float:left; }
#content.home div.full{clear:left; border-top:1px dotted #ddd; padding-top:30px;}

#map{width: 350px; height: 350px; border: 1px solid #ccc; float:right;}

#hardware div img{float:left; margin-right:15px}

#footer{padding:10px; clear:both; background:url("images/bgfooter.png") 0 0 repeat-x;}
#footer *{font-size:10px; color:#ccc}
#footer li{float:left; list-style-type:none; margin-right:5px}
#footer li.credits{clear:both;}
#footer p{text-align:right;}
#footer a{color: #fff}
#footer a:hover{text-decoration:underline}

p.warning{background:#fff; border:2px solid #f93; padding:5px; }

#counter{display:none}