/*

La pagina è divisa verticalmente in tre sezioni:

1. #header
2. #main
3. #footer

Ognuna di queste ha larghezza 100%.

Al loro interno c'è un div (.container) della larghezza fissata a 970px

*/


body{
  color:#31311;
  font-family:verdana, sans serif;
  font-size:14px;
  text-align:center; /*HACK*/
  border:0;
  padding:0;
  margin:0;
  background-color:white;
}

a, a:link, a:visited, a:active{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

p{
  border:0;
  padding:0;
  margin:0;
}

div#header{
  background-image:url(img/bg_hdr.jpg);
  background-repeat:repeat-x;
  background-position:top left;
  height:105px;
}

span#logo{
  background-image:url(img/logo.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  height:105px;
  width:400px;
  display:block;
  float:left;
}

span#lang{
  float:right;
  padding:35px 5px 0 0;
}

span#lang img{
border:1px solid white;
margin:4px;
}

div#main{
  background-image:url(img/bg_main.jpg);
  background-repeat:repeat-x;
  background-position:top left;
/*   min-height:700px; */

  text-align:justify;
}

div#main div#content,
div#main div#content_full
{
  line-height:2em;
  margin:0;
  padding:0;
  border:0;
  margin-top:35px;
}


div#main div#content a,
div#main div#content a:link,
div#main div#content a:active,
div#main div#content a:visited,
div#main div#content_full a,
div#main div#content_full a:link,
div#main div#content_full a:active,
div#main div#content_full a:visited
{
  color:#565F7F;
}





div#menu{

}

div#page{
  clear:both;
}

div#sidebar{
  width:230px;
  float:left;
  margin-top:35px;
}

div#sidebar_top{
  background-color:#c7c7c7;
  padding-top:20px;
  background-image:url(img/sidebar_top.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  padding: 0 10px 0 0;
}

div#sidebar_bottom{
  width:230px;
  height:85px;
  background-image:url(img/sidebar_bottom.gif);
  background-repeat:no-repeat;
  background-position:top left;
  display:block;
}

div#content{
  width:720px;
  float:right;
}

div#content_full{
  width:970px;
/*   float:right; */
}


div#footer{
  background-image:url(img/bg_ftr.jpg);
  background-repeat:repeat-x;
  background-position:top left;
  height:120px;
  color:white;
  clear:both;
}


div.container{
  width:970px;
  margin:0 auto;
  text-align:justify;
}

div#main div.container{
  background-image:url(img/bg_logo.jpg);
  background-repeat:no-repeat;
  background-position:380px top;
/*   min-height:700px; */
}


div#footer div.container{
  padding-top:50px;
  text-align:center;
}

div.wrap{
clear:both;
}


/* MENU */

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu ul li {
  display: inline;
}

span.none{
  display:none;
}


a.active{
  background-position: 0 -45px !important;  /* SERVE PER SOVRASCRIVERE LA REGOLA DELL'ID:HOVER, le classi pesano meno */
}


/* END MENU */


/* TITOLI */


#content_full h1.title{
  font-size:2em;
  font-weight:bold;
  color:#636363;
  padding-top:35px;
}

#content h1.title{
  font-size:2em;
  font-weight:bold;
  color:#636363;
  margin:0 0 20px 0;
}


#content h2.title, #content_full h2.title{
  font-size:1.5em;
  font-weight:bold;
  color:#636363;
  padding-top:15px;
  margin:10px;
}

h1#product_title{
  font-size:2em;
  font-weight:bold;
  color:#636363;
  padding-left:15px;
  background-image:url(img/bg_titolo.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  width:720px;
  height:50px;
  display:block;
  line-height:50px;
  margin:0 0 7px 0;
}


/* SIDEBAR */

#sidebar h1.title{
  color:#727272;
  font-size:1em;
  margin:0;
  padding-top:25px;
/*   padding-left:10px; */
  padding-bottom:10px;  
text-align:left;
	
}

#sidebar ul.links{
  list-style-type:none;
  padding:0;
  margin:0;
}

#sidebar ul.links li{
  list-style-type:none;
  padding:10px 0 10px 0;
  margin:0;
}

#sidebar a, #sidebar a:link,#sidebar a:visited,#sidebar a:active{
  padding:10px;
  color:#727272;
}




#sidebar a:hover{
  background-color:#ebebeb;
  color:black;
}



/* PRODOTTI */

div#foto img{
border:2px solid #939393;
padding:4px;
background-color:white;
}

div#foto div#img{
  float:left;
}

div#foto div#img_alternative{
  float:right;
  width:200px;
}


div#foto div#img_alternative img{
float:right ;
margin-bottom:5px;
}

div#desc{
clear:both;
}


div#foto div#img_alternative{
  float:right ;
}



.thumb{
float:left;
width:160px;
height:180px;
margin:10px;

}

.thumb img{
width:160px;
height:160px;
background-color:red
}




/* ALTRI ELEMENTI */

div#content_full img{ /* LE IMMAGINI IN HOMEPAGE VANNO DISTANZIATE DAL TESTO */
  margin:10px;
  border:2px solid #939393;
  padding:4px;
  background-color:white;
}

#content_full p{
  text-indent:10px;
}

#news p{
  border-bottom:2px dotted #c7c7c7
}



div#designer{
  width:470px;
  text-align:right;
  font-size:0.9em;
  margin-bottom:15px;
}



#content #desc p {
margin:10px 0 10px 0;

}



a.linkzzz{
  padding:10px 26px 10px 10px;
  background-image:url(img/link.gif);
  background-repeat:no-repeat;
  background-position:center right;
}

a.linkzzz, a.linkzzz:link, a.linkzzz:visited, a.linkzzz:active, a.linkzzz:hover{
  color:#565F7F;
}



div.dimensioni ul{
  list-style-image : url(img/bullet.gif);
}




.arrows{
  margin-left:5px;
  margin-right:5px; 
}



#sidebar h1 a, #sidebar h1 a:link,#sidebar h1 a:active, #sidebar h1 a:visited, #sidebar h1 a:hover{
  padding:0; 
}




/* STILE PER POPUP */
div.hovertip{
  width:250px;
  background-color:#DDDDDD;
  border:2px solid #2D5878;
/*   padding:2px; */
  font-size:0.8em;
}

div.hovertip h1{
  font-size:1.2em;
  background-color:#2D5878;
  padding:0;
  margin:0;
  color:white
}

#footer a {
       color:white;
}