@charset "UTF-8";
/* CSS Document */
body { padding:0; margin:0;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
	   background:url(../images/body2.jpg) fixed no-repeat; }
p { margin:10px; color:#333;}


#header{width:958px; height:100px; margin:40px 0 5px 0; background:url(../images/header3.jpg) no-repeat top left;
        border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; }
#container{width:960px;margin:0 auto;}
#wrapper{float:left;width:100%; }
#content{margin: 0 160px 0px 200px}
#navigation{float:left;width:200px;margin-left:-960px}
#extra{float:left;width:160px;margin-left:-160px}
#footer{clear:left;width:100%;padding:20px;}

 #utility { position:fixed; left:0; top:0; width:100%; height:30px; z-index:64000; background:url(../images/utility.png); }
 #utility ul { list-style-type:none; padding:0; margin:0; text-align:right; }
 #utility li { float:right; }
 #utility a { display:block; line-height:30px; color:#fff; font-size:11px; padding:0 20px; border-left:1px solid #000; outline:none; }
 #utility a:hover { background:#fff; color:#444; }
 #utility .cerca { display:block; height:30px; line-height:30px; padding:0 20px; color:#fff; font-size:10px; border-left:1px solid #000; }
 #utility .cerca div { width:200px; height:30px; background:url(../images/cerca.gif) 0 4px no-repeat; text-align:left; }
 #utility input { font-size:11px; width:150px; border:none; margin:7px 0 0 25px; padding:0; color:#555; }
 #utility .mail { background:url(../images/ico-mail.gif) 10px 8px no-repeat; padding:0 20px 0 35px; }
 #utility .carrello { background:url(../images/ico-carrello.gif) 10px 8px no-repeat; padding:0 20px 0 35px; }
 #utility .log { background:url(../images/ico-login.gif) 10px 6px no-repeat; padding:0 20px 0 30px; }

 #logo { float:left; width:180px; height:100px; margin-left:10px; }

 #slogan { float:left; width:750px; padding:20px 0 0 0; text-align:justify; font-size:11px;  
 		   text-shadow:1px 1px 0px #fff; -moz-text-shadow:1px 1px 0px #fff; -webkit-text-shadow:1px 1px 0px #fff; -o-text-shadow:1px 1px 0px #fff; }
 #slogan span { font-size:12px; color:#326ab8; }
  
 #corpo { clear:both; width:960px; margin:0 auto; }

 #boxmarche { display:none; position:absolute; top:50%; left:50%; width:10px; }
 #boxmarche div { width:800px; height:400px; position:relative; top:-200px; left:-400px;
 				  text-align:center; background:#f0f5f9; padding:10px; border:3px solid #09c;
				  border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; }

  #sidebar { width:200px; float:left; margin-top:5px; background:url(../images/side5.png); }
   #sidebar h2 { 
   width:200px; height:35px; line-height:35px; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; 
   font-size:16px; font-weight:normal; background:url(../images/side1.png); text-align:center;
   }
   #sidebar ul { width:198px; margin-left:1px;  }
   #sidebar li { float:left; width:198px;  }
   #sidebar a { display:block; padding:3px; font-size:11px; font-family:Arial,Helvetica,sans-serif; border-bottom:1px solid #DDD; }
   #sidebar a:hover { background:#0089c6; color:#FFF; }
   #sidebar ul ul { display:none; width:auto; }
   #sidebar ul ul li { width:196px;}
   #sidebar ul ul a { background:#80C4E2; border-bottom:1px solid #CCC;}
   #sidebar ul ul a:hover { background:#0089c6; color:#FFF; }

   #sidebar .box { width:200px;  background:url(../images/side5.png); }
   #sidebar .box h2 { background:url(../images/side1.png); width:200px; height:25px; line-height:25px; text-align:center; }
   #sidebar .box p { margin:10px; color:#333; font-size:11px; }
   
  #testi { width:600px; float:left; margin-top:5px;  }
   
   
   #testi .data { display:block; float:left; padding:1px; margin:0 5px 0 0;  
	 			  font-size:10px; color:#0089C6; font-weight:bold; text-align:center; border:1px solid #FF6000; background:#EEE; }
   #testi .lista-cat a { display:block; font-size:14px; border-bottom:1px solid #FF6000; margin:20px; padding:5px; } 
   #testi .lista-cat a:hover { background:#EEE; }
   #testi #offerte .offerta { width:200px; float:left; height:250px; }
   					  
  #visivo { clear:both; width:585px;margin:auto; margin-top:10px; }
   #visivo .riga {}
   #visivo a { float:left; position:relative; display:block; width:130px; height:87px; margin:8px; }
   #visivo img { float:left; width:130px; } 
   #visivo span { position:absolute; display:none; width:auto; top:0; left:0; font-size:10px; background:#0089C6; color:#FFF; padding:3px; }

   #news {width:560px; clear:both; margin:auto; margin-top:10px; }
   #news p { font-size:14px; }
   #news h2.news {text-indent:5px;text-align:left;font-size:15px; color:#000; }
   #offerte { width:560px; clear:both; margin:auto; margin-top:10px; }
   #offerte p {font-size:11px;}
   #offerte span { font-size:12px; font-weight:bold; }
   #offerte img { margin:0 10px 5px 0; }
   
   
   
   
   
   
  #colonna { width:160px; float:right; margin-top:5px; }
   #colonna .box { background:url(../images/side6.png); margin-bottom:15px; }
   #colonna .box h2 {
   font-family:"Trebuchet MS",   Verdana , Arial, sans-serif;
   font-size:16px;
   font-weight:normal;
   background:url(../images/side3.png);
   width:160px; height:35px; line-height:35px; text-align:center; }
   #colonna .box p { margin:10px; color:#333; font-size:11px; }
   #colonna .loginbox { display:none; }
   #colonna #login { padding:0 5px; font-size:10px; }
   #colonna #login a { font-weight:bold; color:#FF6000; }
   #colonna h2 a { color:#fff; }
  .box a.continua { display:block; margin:15px 0 0 0; text-align:left; color:#6AA530; font-weight:bold; }  

  #footer p { text-align:center; font-size:11px; color:#666; }
 

img { margin:0; padding:0; border:0; }
ul { margin:0; padding:0; list-style-type:none; }
a { text-decoration:none; color:#1665AA; }
a:hover { color:#000;  }
a.link { font-weight:bold; color:#FF6000; }
a.link:hover { text-decoration:underline; }


h1 { 
	font-family:"Trebuchet MS", Verdana , Arial; font-size:18px; font-weight:normal; width:580px; margin:5px auto; 
	background:url(../images/barra.png); height:40px; color:#FFF; line-height:40px; }
h1.title { 
	font-family:"Trebuchet MS", Verdana , Arial; font-size:18px; font-weight:normal; width:580px; margin:0 auto; 
	background:url(../images/barra.png); height:40px; color:#FFF; line-height:40px; text-indent:15px; }
		   
h1.cat { font-size:14px;  }
h1.cat a { color:#DDD; }
h2 { margin:0; padding:0; font-size:18px;  text-align:center; color:#FFF; }
h3 { color:#FF6000; padding:2px 10px; }
.orange { color:#FF6000; }
.tooltip { position:absolute; top:0; left:0; z-index:3000; display:none; border:1px solid #0089C6; background:#CCC; padding:6px; text-indent:5px; }
.messaggio { width:580px; margin:0 auto 15px; padding:5px 0; text-align:right; color:#FFF; font-weight:bold; }
.msg { padding:30px; border:1px solid #FF6000; font-weight:bold; line-height:200%; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.naviga-cerca { text-align:center; font-size:20px; padding:10px 0; }

/* Aggiunti da Marco Pastorello */
h1.posiz{ background:none; font-weight:normal; text-align:left; font-size:16px; color:#111; }
h2.posiz{ text-align:center; font-size:15px; color:#111111; }
h3.posiz{ text-align:center; font-size:14px; color:#1665AA; }

p.posiz{ text-align:left; font-size:11px; margin:0; padding:0; }

a img{ border:none; }

div.hr_blu { clear:both; width:95%; height:1px; background:#1665AA; margin:auto; } 
div.hr_red { clear:both; width:95%; height:1px; background:#FF6000; margin:auto; }

div#main_content { width:600px; float:left; }

h1.evidenced { width:auto; font-size:18px; letter-spacing:-1px; padding:0; margin:0; color:#1665AA; }

.rounded { float:left; clear::left; width:580px; width:570px !important; margin:5px 0 5px 10px; background:#97cfe7; }
.rounded img { float:left; width:100px; margin:10px 10px 5px 10px; border:0; }
.rounded span { color:#444; font-weight:bold; background:#FFF; float:left; margin:0; padding:3px; display:block; }
.rounded .ordina { clear:left; text-align:right; background:#cfe8f3; padding:5px; }
.rounded form { padding:0; margin:0; display:inline; }
.rounded form input { margin-left:10px; }

.rArticolo { float:left; clear::left; width:580px; width:570px !important; margin:5px 0 5px 10px; background:#EFEFEF; }
.rArticolo img { float:left; margin:10px 10px 5px 10px; border:#000000 solid 1px; width:350px;}
.rArticolo span { color:#444; font-weight:bold; background:#FFAA00; float:left; margin:0; padding:3px; display:block; color:#FFFFFF}
.rArticolo .ordina { clear:left; text-align:right; background:#FFFFFF; padding:10px;}
.rArticolo form { padding:0; margin:0; display:inline; }
.rArticolo form input { margin-left:10px; font-size:110%;line-height:180%;}

.rCategoria { float:left; clear::left; width:580px; width:570px !important; margin:5px 0 5px 10px; background:#EFEFEF; }
.rCategoria img { float:left; width:100px; margin:10px 10px 5px 10px; border:0; }
.rCategoria span { color:#444; font-weight:bold; background:#EFEFEF; float:left; margin:0; padding:2px; display:block; }
.rCategoria .ordina { clear:left; text-align:right; background:#FFFFFF; padding:10px; }
.rCategoria form { padding:0; margin:0; display:inline; }
.rCategoria form input { margin-left:10px; }

.rCategoria p{ font-size:13px; }
.rCategoria a{ font-size:16px; color:#1665AA; }
.rCategoria a:hover{ color:#000; text-decoration:underline }


div.dettaglio_prodotto{ padding-right:20px; text-align:right; }

div#articolo p { font-size:14px; line-height:140%; }
div#articolo p.ordina { font-size:16px; line-height:140%; }
div#articolo h1{ 
	width:auto; margin: auto; padding:10px; background:none; height:auto; line-height:normal; text-indent:0px; 
	overflow:auto; font-weight:normal; text-align:left;font-size:20px; color:#1665AA;
	}

a.contatti{ color:#CC0000; font-weight:bold; font-size:120%; }
a.contatti:hover{ color:#1665AA;; }


#marche { text-align:center; }
#marche img { margin:2px; background:#555; border:1px solid #fff; }
#marche a { padding:1px; }
#marche a:hover img { border:1px solid #03c; }





/*correzioni per explorer*/