/* CSS Document
arancione: F56600
 */

body { background: #000000 url(../images/struttura/sfondo.jpg) repeat-x; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:0.8em}
a:link, a:visited { color:#FFFFFF}
a img { border:none }
fieldset { background:#D3D3D3; border:1px dotted #F56600}
legend { background:#000000; color:#FFFFFF; padding:2px 6px; font-weight:bold}
select { margin:0.2em 0}

.pgNav {
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden}
.centrato { text-align:center}
.left { float:left}
.right { float: right}
.bordonero { border:1px solid #000000}
.imgprincipale { margin-right:10px}
.rosso { color: #CC0000}
.adestra { text-align:right}
.bottone{ border:1px solid #000000; background:#F56600; color: #000000; font-weight:bold; padding:0.2em 0.4em; display: block; width:180px}
a.bottone { text-decoration:none; color:#000000!important}
.bottone:hover { background-color:#FF9900}
.clear { clear:both}

a.up { 
padding-right:17px; 
background: url(../images/struttura/up.gif) 100% 50% no-repeat; height:0; vertical-align: bottom; width:150px; clear:both}
a:link.up , a:visited.up { color:#666666; text-decoration:none}
a:hover.up { color:#333333; text-decoration:underline}
.box { width:220px; margin:0.5em; float:left; height:190px}


#contenitore { width:733px; background:#21201E url(../images/struttura/strada.jpg) no-repeat top center; margin:0 auto; padding:0;}

#testa { width:534px; margin:0 auto; padding:28px 0 10px 0; text-align:center; color:#FFFFFF; }
#testa b {font-size:11px; padding:0; margin:6px 0; display:block}


#menu { width:100%; font-size:14px; margin:0; text-align:center; margin-bottom:10px;}
#menu a:link, #menu a:visited { color:#F56600; text-decoration:none}
#menu a:hover { color:#F56600; border-bottom:1px solid #FFFFFF}
#menu ul { margin:0; padding:0;}
#menu li { display:inline; margin:0 24px; height:0;}
#menu a {  white-space:nowrap; font-weight:bold}

#all {
	background-color:#2A2A2A;
	margin:8px 6px 6px 6px;
	color:#FFFFFF;
	padding:2px 6px;
	position: relative;
	overflow: hidden;
	height:16px;
	width:708px;
}
#all div { position: absolute; white-space: nowrap; float:left }
#all ul { margin:0; padding:0; float:left}
#all li { display:inline;}
#all a { color:#FFFFFF}
#all a:link, #all a:visited { text-decoration:none}
#all a:hover { text-decoration: underline}
#newsby {left: -166px; width:100px; float:left; font-weight:bold; position:relative}
#newsby a, #newsby { color: #F56600; text-decoration:none}

#principale { width:720px; margin:0 auto; overflow:auto }

#colonnasx { width:210px;  float:left; color:#FFFFFF; }
#colonnasx a{ color:#F56600}
#contattaci {
position:relative;
z-index:1;
width:218px;
height:51px;
float:left
}
#contattaci a {
display:block;
width:218px;
height:51px;
background: transparent url(../images/struttura/contattaci.gif);
text-decoration:none;}
#contattaci a span {
position:relative; z-index:-1;}

#menulat { width:210px; background-image:url(../images/struttura/bgmenu.png); border:2px solid #585858; }
#menulat ul { margin:0; padding:0; }
#menulat ul li { list-style-type:none; line-height:30px; border-bottom:1px dotted #999999; padding:2px 0 2px 6px   }
#menulat a {  font-weight:bold; display:block; padding-left:40px}
#menulat a:link, #menulat a:visited { color: #F56600; text-decoration:none;}
#menulat a:hover { text-decoration:underline}
#menulat ul li a:hover { color: #FFFFFF; background-image:url(../images/menu/logo.gif); background-position:left top; background-repeat:no-repeat }


#tute a:link, #tute a:visited, #caschi a:link, #caschi a:visited , #protezioni a:link, #protezioni a:visited, #lentio a:link, #lentio a:visited, #stivali a:link, #stivali a:visited, #valig a:link, #valig a:visited, #accabbi a:link, #accabbi a:visited, #olilu a:link, #olilu a:visited, #interfo a:link, #interfo a:visited, #gps a:link, #gps a:visited {background-position:left top; background-repeat:no-repeat}
#tute a:link, #tute a:visited { background-image:url(../images/menu/tute.gif);}
#caschi a:link, #caschi a:visited { background-image:url(../images/menu/caschi.gif);}
#protezioni a:link, #protezioni a:visited { background-image:url(../images/menu/protezioni.gif);}
#lentio a:link, #lentio a:visited { background-image:url(../images/menu/occhiali.gif);}
#stivali a:link, #stivali a:visited { background-image:url(../images/menu/stivali.gif);}
#valig a:link, #valig a:visited { background-image:url(../images/menu/valigeria.gif);}
#accabbi a:link, #accabbi a:visited { background-image:url(../images/menu/accessori-abbigliamento.gif);}
#olilu a:link, #olilu a:visited { background-image:url(../images/menu/olio.gif);}
#interfo a:link, #interfo a:visited { background-image:url(../images/menu/interfono.gif);}
#gps a:link, #gps a:visited { background-image:url(../images/menu/gps.gif);}


#cont, #cont2 { margin-left:227px; padding:0; line-height:1.5em;}
#cont {background-image:url(../images/struttura/bgmenu.png); border:2px solid #585858; }
#cont2 { background-image:url(../images/struttura/bg_white.png); width:490px;}
#titrovi { font-size:0.8em; padding:6px 10px 0px 10px; height:90px; width:470px; background-repeat:no-repeat; background-position:top right}
#titrovi a { color:#000000; text-decoration:none}
#titrovi a:hover { color:#000000; background-color:#FFFFFF; text-decoration:underline}
#titrovi strong, #titrovi b { background-color:#F56600; padding:2px; color:#FFFFFF}
#titrovi div { width:408px; overflow:hidden; white-space:nowrap}

#contenuti { padding:0px 12px 96px 12px; background:transparent url(../images/struttura/base.gif) bottom center no-repeat; overflow:auto; width:466px;}
#contenuti h3, #contenuti h1 { font-size:1.2em; line-height:1.5em}
#contenuti h4 { font-size:1.3em; background:url(../images/struttura/loghino.jpg) top left no-repeat; height:24px; padding:4px 0px 2px 30px;}
#contenuti a:link, #contenuti a:visited { color: #8C4600}

#piede { clear:both; text-align:center; padding:25px 0 10px 0; margin-bottom:0px; width:100%; background:#21201E repeat-x bottom; float:left}
#piede a, #piede { color:#F56600}
#piede ul { margin:0; padding:0;}
#piede li { display:inline; height:0;}
#piede a {  white-space:nowrap; font-weight:bold}

#base { clear:both; width:99.9%; background-image:url(../images/struttura/fuoco.jpg); height:60px; background-position:bottom; background-repeat:repeat-x; color:#FFFFFF; text-align:center; padding-bottom:5em; float:left; margin:0; padding:10px 0 85px 0 }
#base p{ margin:0; padding:0}


/* immagini laterali */
/*div.news { width: 100%; overflow:auto; margin-top:1em}*/
div#contenuti img.principale {float: left; margin-right: 1em; border:1px solid #000000}


div.pagdiv {margin:0.4em 0; text-align:right}
ul.paginazione { margin:0; padding:0; }
.paginazione li { list-style-image:none; display:inline; margin:0 0.4em}


.tabtaglie { width:100%; font-size:0.8em; margin:0 auto; border:1px solid #000000; border-collapse:collapse}
.tabtaglie caption { font-weight:bold}
.tabtaglie th { background-color: #FF9900}
.tabtaglie td { text-align:center; padding:4px 2px; background-color:#CCCCCC}

.vsotto { vertical-align:bottom}
