/* Modello BLUE */

/* Settaggi generali: Suddivisione pagina --------------------------------------------------- */

html,body {
	margin: 0;
	padding:0;
	height:100%;
}
body {
	text-align: center;
	background-color: #CC0218;
	background-image: url(../img/background-body.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-size: 76%;	
}

html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #999;
}

div#container {
	position: relative;
	width: 770px;
	height: 100%;
	margin: 0 auto; /*centra il DIV su Firefox */
    text-align: left;
	
/*
	border-left: 1px solid #36c;
	border-right: 1px solid #36c;
*/
	background-color: #fff;
	background-image: url(../img/background-falsacol.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

body>div#container{
	height: auto;
	min-height: 100%;
}

div#header {
	width: 100%;
	color: #343A49;
	background-color: #151D30;
	background-image: url(../img/background-header.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 172px;
	/* height: 180px; */
	
}

div#contenuti {
	/* padding: 64px; */
	width:100%;
	padding-bottom: 64px; /* necessario - altezza del footer */
	/* background-color: #fff; */
	display:inline-block; /*peekaboo bug*/	
}

div#colonnasx {
	float:left;
	width:250px;
	background-color:#464E5A;
	background-image: url(../img/background-falsacol.gif);
	background-position: top left;
	padding:0 0 30px 0;
}


div#colonnadx  {
	float:left;
	width:520px;
}

div#colonnasx h1,
div#colonnasx h2 {
	color:#fff;
}

div#colonnasx h1 {
	padding:12px 20px;
	text-decoration:none;
	font-size: 0.8em;
	font-weight: normal;
	border-bottom: 2px solid #4F5866;
	border-top: 2px solid #4F5866;
	background-image: url(../img/background-titsx.gif);
	background-position: top left;
}


div#footer{ 
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.9em;
	line-height:1.3em;
	letter-spacing:0.1em;
	color: #aaa;
	text-align: right;
	padding:15px 0;
	background-color: #151D30;
	background-image: url(../img/background-footer.gif);
	background-repeat: repeat-x;
	background-position: top left;
}


/* Settaggi generali: RESET TAG ---------------------------------------------- */

p { margin: 0; }

h1 {
	margin: 4px 0 16px 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.7em;
	color: #79859A;
	font-weight: bold;	
	text-decoration: none;
}
h2 {
	margin:3px 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.1em;
	color:#72797D;
	font-weight:bold;	
}



/* inizio stili header -------------------------------------------*/

.banner  {
	width: 500px;
	height:102px;
	margin-bottom:10px;
	margin:0 0 0 250px;
	padding:20px 0 0 0;
}


.menualto  {
	margin:0 0 0 20px;
	padding-top: 10px;
   	padding-right: 20px;
	letter-spacing:0.1em;
}
	


.menualto ul{
	margin: 0;
	padding: 0;
	float:left; 
	font-size: 0.8em;
	border-top: 1px solid #000217;
	border-bottom: 1px solid #353B4A;
	background-color: #151D30;
	width: 500px;
	line-height:1;
	background-image: url(../img/background-topmenu.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 28px;
}

.menualto li {
	float:left;
	display: inline;
	margin:0;
	padding:10px 0 8px 0;
}

.menualto a,
.menualto a:link, 
.menualto a:visited,
.menualto a:active {
	color:#fff;
	margin: 0;
	padding: 0 18px;
}

.menualto a:hover, 
.menualto a:focus {
	color:#ccc;
}


.sottomenu  {
	margin:0;
	height: 28px;
	width:227px;
	background-color: #121524;
	border-top: 1px solid #000217;
	border-bottom:1px solid #353b4a;
	border-right:1px solid #24283a;
	float:left;
}
	


.sottomenu ul{
	margin: 0;
	padding: 0;
	width:225px;
	border:0;	 
	font-size: 0.8em;
	background-color: #121524;
	background-image:none;
	height: 22px;
}

.sottomenu li {
	float:left;
	display: inline;
	margin:0;
	padding:10px 0 8px 0;
	border-left:1px solid #000217;
	border-right:1px solid #24283a;
}

.sottomenu a,
.sottomenu a:link, 
.sottomenu a:visited,
.sottomenu a:active {
	color:#838895;
	margin: 0;
	padding: 0 7px;
}

.sottomenu a:hover, 
.sottomenu a:focus {
	color:#ccc;
}


/* Stili per menu drop down --------------------------------------------------- */


.menualto ul li ul {
    position: absolute;
	left: 620px;
    top: 121px;
	width:130px;
	height:80px;
	line-height:1;
	padding:0;
	border:0;
	background-image:none;
}

.menualto ul li ul li{
	margin:0;
	float:none;
}

.menualto ul li ul li a,
.menualto ul li ul li a:link, 
.menualto ul li ul li a:visited,
.menualto ul li ul li a:active{
	padding:5px 0 5px 14px;
	display:block;
	font-size:1.1em;
	border-top:1px solid #353b4a;
}

.menualto ul li ul li a:hover, 
.menualto ul li ul li a:focus{
	background-color: #24283a;
	color: #fff;
}
	
/* commented backslash mac hiding hack \*/
* html ul li a {height:1%}
/* end hack */


#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: 620px;
    top: 161px;
}

 #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 620px;
    top: 161px;
}



/* fine stili header */

/* Stili contenuti --------------------------------------------------- */

#catalogo  {
	margin-top:24px;
}

.pagina  {
	padding:20px;
	margin-right: 0;
}

.breadcrumb {
	margin-top:24px;
	padding:14px 0 14px 20px;
	font-size:0.8em;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
/*
	background-image: url(../img/dotted-h.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
*/
	background-color: #f9f9f9;
}

.breadcrumb ul{
	padding: 0 0 0 25px;
}

.breadcrumb li{
	display:inline;
}

/*  Stili Prodottoprincipale ----------------------------------------------------------------- */


.prezzo {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0218;
	font-size: 2.2em;
	font-weight: bold;
}

.centesimi {
	text-decoration: underline;
	font-size: 0.6em;
	vertical-align: top;
}
	
.colonnainternasx  {
	float:left;
	width:260px;
	padding-right:20px;
}

.colonnainternasx a, .colonnainternasx a:link, .colonnainternasx a:active, .colonnainternasx a:visited {
	color: #c00;
	text-decoration: none;
}

.colonnainternasx a:hover, .colonnainternasx a:focus { 
	color: #c00; 
}

.colonnacorta  {
	border-left: 1px solid #ddd; 
	margin-left: 295px;
	padding-left:20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size:0.8em;
}

.colonnacorta  img  {
	margin:3px 0 5px 0;
}

.colonnainternasxnews  {
	float:left;
	width:290px;
	padding-right:10px;
	float: left;
}

.colonnacortanews  {
	border-left: 1px solid #ddd; 
	float: left;
	padding-left:10px;
/* 	margin-bottom: 20px; */
	padding-bottom: 5px;
	width: 160px; 
	font-size:0.8em;
}

.colonnacortanews  img  {
	margin:3px 0 5px 0;
}

.colonnina  {
	float:left;
	width:140px;
	float: left;
}

.colonninadx  {
	border-left: 1px solid #ddd; 
	width:75px;
	text-align:right;
	padding:0 10px;
	margin-bottom: 20px;
	font-size: 0.9em;
	float: left;
}

.colonninadx img {
	margin-bottom: 3px;
}

.descrizione  {
	padding:0;
}

.boxmarchi  {
	float:left;
	width:100px;
	height:80px;
	text-align:right;
	padding:20px;
	padding-left:5px;
	padding-right:30px; 
	margin-left:0;
}

/*.boxmarchi  {
	float:left;
	width:100px;
	height:80px;
	text-align:right;
	padding:20px 25px;
	margin-left:0;
}*/

.nomemarchi  {
	padding:2px;
	font-size:0.8em;
	margin:5px 0 2px 0;
	
}

.boxmarchi img {
	border-top: 1px solid #ccc;
	padding-top:10px;
}

.boxmarchismall  {
	float:left;
	border-left: 1px solid #ccc;
	padding-left: 8px;
	margin: 4px 8px 20px 0;
	height: 70px;
}

.nomemarchismall {
	font-size:0.8em;
	margin:0 0 2px 0;	
}	


/*  Stili Newslist ----------------------------------------------------------------- */



.newslist {
	margin:0;
	padding: 0;
	display: block;
}


.newslist h2, .newslist p {
	padding-left: 80px;
	font-size:0.9em;
}

/* .newslist a, .newslist a:link, .newslist a:active, .newslist a:visited {
	display:inline-block;
	display:block;
	padding: 4px 0 0 0;
} */
	
.newslist a:hover, .newslist a:focus  {
	background-color:#f5f5f5;
	color: #c00;
}

.newslist img {
	float:left;
	margin-top: 4px;
}


.newslist h2 {
	font-weight: normal;	
}

.prodottilist {
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
}

.prodottilist h2 {
	margin-left: 100px;
	width:250px;
	font-size:0.9em;
}

.prodottilist p {
	padding-left: 100px;
	font-size:0.9em;
}

.prodottilist a:hover, .prodottilist a:focus  {
	background-color:#f5f5f5;
	color: #c00;
}

.prodottilist img {
	float:left;
	margin-top: 4px;
}

.prodottilist .prezzo {
	font-size:1.2em;
}

.coldxcompatta  {
	float:right;
	margin-right:5px;
	font-size:1em;
	font-weight:normal;
}

.coldxcompatta img {
	float:none;
}

.colonnavetrina {
	text-align:center;
	padding:10px 10px;
	margin: 15px 10px;
	float:right;
	width:160px;
	background-color: #f9f9d9;
	border-bottom: 4px solid #d0d0c0;
	border-top: 1px solid #d0d0c0;
}

.rigavetrina {
	text-align:center;
	padding:10px 10px;
	margin: 15px 10px;
	float:right;
	width:440px;
	background-color: #f9f9d9;
	border-bottom: 4px solid #d0d0c0;
	border-top: 1px solid #d0d0c0;
}

.rigavetrina div {
	float:left;
	width: 110px;
	padding-left:28px;
}
.rigavetrina div h2 {
text-align:center;
font-size:0.8em;
}

.rigavetrina h1 {
margin:0;
padding: 0;
color:#b0b0a0;
}

.rigavetrina div img {
	width: 85%;
	
}
.rigavetrina div .bordovetrina {
border:0;}

.colonnavetrina h1 {
	color:#b0b0a0;
	margin: 0;
	padding: 0;
	line-height: 0.9em;
}

.prodottivetrina {
	margin:0;
	padding:0;
	width:100%;
	display:inline-block;
}
.prodottivetrina h2 {
	font-size:0.9em;
	
}
.bordovetrina {
	clear:both;
	padding: 6px 0;
	margin: 6px 0;
	border-top: 1px solid #d0d0c0;
}



/* .prodottilist a, .prodottilist a:link, .prodottilist a:active, .prodottilist a:visited {
	display:inline-block;
	display:block;
	padding: 4px 0 0 0;
	cursor:pointer;
} */
	



.newslist h2 {
	font-weight: normal;	
}

.colnewshome  {
	float:left;
	width:222px;
	padding:0 8px;
}


.colnewshome .newslist img, .colnewshome .newslist h2, .colnewshome .newslist p {
	padding:0;
}

.colnewshome .newslist img{
	display:block;
	margin:0 0 5px 0;
}

.colnewshome .newslist p.continua{
	padding:5px 0;
}


.notizienews  {
	float:left;
	padding:0;
	font-size:0.8em;
	
}

.bordo {
	clear:both;
	padding: 12px 0;
	margin: 0;
	background:url(../img/bordo.gif) repeat-x left center;
}

/* Settaggi generali: Stili Blue --------------------------------------------------- */

.piccolo { font-size: 0.8em; }
.clear { clear: both; }
.fleft {float:left; }
.fright {float:right; }
.spaziatore  {
	clear:both;
	padding-bottom:20px;
}

.spaziatore-img  {
	clear:both;
	padding: 30px 0 40px 0;
	background: url(../img/spaziatore_big.gif) no-repeat center center;
}

.imgmiddle  {
	vertical-align: middle;
}

.continua  {
	text-align:right;
	padding:8px 0 3px 0;
}

.separatore  {
	padding:10px 0;
}

/* Settaggi specifici: Notak ----------------------------------------------------- */

a, a:link, a:active, a:visited {
	color: #aaa;
	text-decoration: none;
}
a:hover, a:focus { color: #c00; }

h2 a, h2 a:link, h2 a:active, h2 a:visited {
	color:#72797D;
}
h2 a_hover, h2 a:focus {
	color: #c00;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #838895; }
#footer a:hover { color: #ddd; }
#footer p { 
	margin:0;
	text-align:center; 
	color: #838895;
}

.logo {
	float: left;
	padding: 20px 0 0 20px;
}

#focuson {
	padding-left: 40px;
}
#focuson img {
	border: 1px solid #4F5866;
	margin:0;
	/* margin-bottom: 8px; */
}

.extra  {
	background-color:#565E6A;
	width:190px;
	padding:0;
	margin:0;
	margin-bottom:12px;
	font-size:0.9em;
	cursor:pointer;
}

.extra  p{
	padding:5px 10px;
}

.extra  img {
	padding:0;
	margin:0;
}

#focuson .extra  a, #focuson .extra  a:link, #focuson  .extra  a:active, #focuson .extra  a:visited {
	background-color:#565E6A;
	border:0;
	padding:0;
	margin:0;
}

#focuson .extra a:hover,
#focuson .extra a:focus, 
#focuson #voce-corrente { /* fare meglio: basta a? */
	color:#fff;
	background-color: #667E8A;
}

.imgnewshome  {
	height:80px;
	overflow:hidden;
}


.borderimg { border: 1px solid #999; }
.rosso { color: #c00; }

.spaziosoprasotto  {
	padding:3px 0;
}
.gallery {
	float: left;
	width:70px;
	padding:0 8px 8px 0;
}

.colonnasx_marchi {
width:350px;

}

.boxnewsletter form {
	width: 189px;
	padding:0;
	margin:0;
	margin-left:40px;	
}

.boxnewsletter input.testo {
	width: 182px;
	padding:2px;
	border:1px solid #838895;	
}
.boxnewsletter p.button {
	text-align:right;
	margin-top:2px;	
}