/*
CSS Designed by
ITECHSoluzioni 
Selettori di elementi <---------------------------------------------------------------------------------------------------| 1
*/
*{margin:0;padding:0;} /* reset margini e padding del browser */
body{font-size:12px; font-family:Arial, Helvetica, sans-serif}
hr{ display:none; clear:both;}
/*
ID <---------------------------------------------------------------------------------------------------------------------| 2
*/
#pri{margin:auto;width:792px;}
#pie{ font-size:10px; border-top:1px solid #ccc; clear:both; padding:10px; color:#666666; background:#fff}
#nav_top{ float:right; width:400px;}
#nav{ clear:both; height:30px; background:#000;}
#pri{background:url(/img/str/cor2.jpg) repeat-x; background-position:0 370px}
#cor #cor0{ background:#666 url(/img/str/cor0.jpg) no-repeat; padding:0 0 5px 0;}
#cor #cor1{ float:left; width:570px; background:#fff; padding:0 0 100px 0 }
#cor #cor2{ float:right; width:211px; }
#cor #sin{ width:280px; float:left;}
#cor #des{ width:280px; float:right;}
#cor #cen{ clear:both;} 
/*
Classi <-----------------------------------------------------------------------------------------------------------------| 3
*/
.int{ font-weight:bold; background:#efefef}
.tab_admin{ border-right:1px solid #ccc; border-left:1px solid #efefef }
.tab_admin td{ border-bottom:1px solid #ccc; padding:2px}
.box{ padding:10px 0;}
.nascondi{ display:none; position:absolute; background:#000000}
.nascondi ul{ position:absolute; background:#000000;}
.nascondi ul li{ padding:5px 0;}
.nascondi ul li a{ padding:5px 10px; color:#FFFFFF; text-decoration:none;}
.nascondi ul li a:hover{ color:#FF0000}
span.thumb{ padding:5px; background:#ccc; margin:10px 10px 20px 5px;}
.box span.thumb{ padding:5px; background:#ccc; float:right; margin:0 5px 5px 5px;}
#cor2 .login{ margin:20px} 
.el_news{ clear:both; margin:0 0 10px 0; float:left;}
.st_mesi{ padding:0 0 0 10px; display:none;}
.visibile{ display:block;}
.scheda{ border:1px solid #ccc; margin:0 0 20px; font-size:10px; width:270px}
.scheda td{ padding:3px;}
.contact td{ padding:3px;}
.contact .inp{ border:1px solid #ccc; width:330px}
/*
Pseudo-classi <----------------------------------------------------------------------------------------------------------| 4

Nav <------------------------------------------------------------------------------------------------| 4.1
*/
#nav_admin ul{ padding:7px 0 3px;}
#nav_admin ul li{ display:inline;}
#nav_admin ul li a{ color:#000000; text-decoration:none; padding:3px 10px; border-bottom:none; border-right:1px solid #ccc; border-left:1px solid #efefef;border-top:1px solid #efefef}
#nav_admin ul li a:hover{ background:#efefef}
#nav_top{ text-align:right; padding:5px; }
#nav_top ul li{ display:inline; border-right:1px solid #666; padding:0 5px;} 
#nav_top ul li a{ color:#666;}
#nav_top ul li#nav_top2{ border:none }
#nav ul li{ display:inline;}
#nav ul li a{ color:#FFFFFF; text-decoration:none; } 

#sottonav1{}
#sottonav1 ul{ left:5px; width:101px;}
#sottonav2 ul{ left:111px; width:170px;}

#nav ul{ clear:both; position:absolute; margin:0;}
#nav ul li{ display:inline; position:absolute}
#nav ul li a{ display:block; height:30px; text-decoration:none}
#nav ul li a span{ visibility:hidden}
#nav ul li#nav1{ left:5px;}
#nav ul li#nav2{ left:111px;}
#nav ul li#nav3{ left:217px;}
#nav ul li#nav4{ left:314px;}
#nav ul li#nav5{ left:474px;}
#nav ul li#nav6{ left:552px;}
#nav ul li#nav1 a{ background:url(/img/str/1.gif) no-repeat 0 -30px; width:101px}
#nav ul li#nav2 a{ background:url(/img/str/2.gif) no-repeat 0 -30px; width:96px}
#nav ul li#nav3 a{ background:url(/img/str/3.gif) no-repeat 0 -30px; width:87px}
#nav ul li#nav4 a{ background:url(/img/str/4.gif) no-repeat 0 -30px; width:150px}
#nav ul li#nav5 a{ background:url(/img/str/5.gif) no-repeat 0 -30px; width:68px}
#nav ul li#nav6 a{ background:url(/img/str/6.gif) no-repeat 0 -30px; width:103px}
#nav ul li#nav1 a:hover{ background-position:0 0}
#nav ul li#nav2 a:hover{ background-position:0 0}
#nav ul li#nav3 a:hover{ background-position:0 0}
#nav ul li#nav4 a:hover{ background-position:0 0}
#nav ul li#nav5 a:hover{ background-position:0 0}
#nav ul li#nav6 a:hover{ background-position:0 0}

/*
Link <-----------------------------------------------------------------------------------------------| 4.2
*/
a:link{text-decoration:underline;}
a:hover{text-decoration:none;}
#pie a{ color:#666666}
#st_anni{ padding:10px;}
ul#st_anni li a{ text-decoration:none; color:#333333;}
ul#st_anni li{ margin:2px 0;}
#st_mesi{ padding:10px;}
ul#st_mesi li a{ text-decoration:none; color:#333333;}
ul#st_mesi li{ margin:2px 0;}
/*
Formattazione contenuti <------------------------------------------------------------------------------------------------| 5

Titoli <---------------------------------------------------------------------------------------------| 5.1
*/
h1{font-size:28px;}
#top h1{ width:304px; float:left; background:url(/img/str/logo.gif) no-repeat; margin:30px 0;}
#top h1 a{ display:block; width:304px; height:69px; text-decoration:none;}
#top h1 a span{ display:none;} 
h2{font-size:24px; height:18px; border-bottom:1px solid #ccc;}
#pri #cor #cor2 h2{margin:10px 20px 0 0}
h2.news{ background:url(/img/tit/news.gif) no-repeat top left;}
h2.company{ background:url(/img/tit/company.gif) no-repeat top left;}
h2.distributors{ background:url(/img/tit/distributors.gif) no-repeat top left;}
h2.products{ background:url(/img/tit/products.gif) no-repeat top left;}
h2.archive{ background:url(/img/tit/archive.gif) no-repeat top left;}
h2.contacts{ background:url(/img/tit/contacts.gif) no-repeat top left;}
h2.leaflets{ background:url(/img/tit/leaflets.gif) no-repeat top left;}
h2 span{ visibility:hidden}
h3{font-size:18px; margin:20px 0; font-weight:normal;}
h4{font-size:15px; margin:10px 0 0; clear:both;}
/*
Elenchi <--------------------------------------------------------------------------------------------| 5.2
*/
ul{list-style-type:none;}
ul#legenda img{ vertical-align:bottom; margin-right:2px;}
/*
Paragrafi <------------------------------------------------------------------------------------------| 5.3
*/
#cor #cor1 .box p{ padding:10px 20px 10px 0}
#cor #cor1 table p{ margin:0 0 20px}
/*
Span <-----------------------------------------------------------------------------------------------| 5.4
*/

/*
Form <-----------------------------------------------------------------------------------------------| 5.5
*/