@charset "utf-8";
/* CSS Document */



html,body{margin:0; padding:0}
body{background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}
div#container{width:100%;background-color:#FFFFFF; margin: 0 auto; padding:0;}
h1{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight:bold; color:#0359da;}
.textosottotitulo{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0359da}
.texto{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-align:justify}

/*textstile*/

.menutitletext{font-size:14px; font-weight:bold; font-style:normal; color:#0359da; padding-left:5px}

.categoriatext{font-size:12px; font-style:normal; padding:0; margin:0}
.contatti{ padding:0; margin-left:20px; margin-top:0px; font-size:10px; font-style:normal; color:#666666}

.subcategoriatext{font-size:10px; font-style:normal}


/*stili per il layout*/

div#header{ height:98px; background-color: #c7ebfc; text-align:left; background-image:url(head_materassireti.jpg); background-position:right}

div#headertitle{padding-top:20px; padding-left:30px;font-size:58px; color:#0359da; font-weight:bold}
div#headertitle a, a:hover, a#activelink{ color:#0359da; text-decoration:none}

div#barrasopra{color:#0359da; padding-top:10px;height:28px; background-image:url(barra_sopra_materassireti.gif); background-repeat:repeat-x; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
div#barrasopra ul{list-style-type: none;}
div#barrasopra li{display: inline;  margin-top:10px; margin-right:20px; }
div#barrasopra a{font-weight:bold; color:#0359da;text-decoration: none;}
div#barrasopra a:hover{font-weight:bold; color:#0359da; text-decoration:none;}
div#barrasopra a#activelink{font-weight:bold; color:#0359da; text-decoration: none;}
	


div#dove{width:auto; height:20px; padding-left:10px; padding-top:10px; font-size:10px; font-style:normal; color:#666666}
div#dove a{ font-size:10px; font-style:normal; color:#666666; font-weight:bold; text-decoration:none} 
div#dove a:hover, a#activelink{ color:#0359da; text-decoration:none; text-decoration:none}

div#navigation{ width:220px; margin-left:30px; padding:0; float:left; font-style:normal;}


div#content{margin-left:290px; font-family:Arial, Helvetica, sans-serif}
div#content a{ font-size:11px; font-style:normal; color:#0359da; text-decoration:none} 
/*div#content a:hover {font-size:11px; font-weight:bold; color:#0359da; text-decoration: none;}*/
a#content activelink{ font-size:11px; color:#0359da; text-decoration:none; text-decoration:none}





ul#menu{list-style-image: url(bollino_2.gif);}
ul#menu li{margin: 0 0 10px 0; padding: 0; font-size:12px}
ul#menu a{font-size:12px; color:#666666; text-decoration: none}
ul#menu a:hover{font-size:12px; color:#666666; text-decoration: none;}
ul#menu a.activelink{font-size:12px; color:#0359da; font-weight:bold; text-decoration: none}



ul#menu2{ list-style-image: url(bollino_2.gif);}
ul#menu2 li{margin: 0 0 10px 0; font-size:10px}
ul#menu2 a{font-size:12px; color:#666666; text-decoration: none}
ul#menu2 a:hover{font-size:12px;color:#666666; text-decoration: none;}
ul#menu2 a.activelink{font-size:12px;color:#0359da; font-weight:bold; text-decoration: none}

blockquote {padding:0; margin-left:20px; margin-right:5px; font-size:12px; color:#666666}

p {padding:0; margin:0}


td.alto {
	background-image: url(../../int_images/ombre/alt.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 12px;
	padding: 0;
	margin: 0;
}

td.basso {
	background-image: url(../../int_images/ombre/bas.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 12px;
	padding: 0;
	margin: 0;
}

td.sinistra {
	background-image: url(../../int_images/ombre/sx_med.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 12px;
	padding: 0;
	margin: 0;
}

td.destra {
	background-image: url(../../int_images/ombre/dx_med.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 12px;
	padding: 0;
	margin: 0;
}

td.imgcate img {
	max-width: 150px;
	max-height: 150px;
       	height: expression( this.scrollHeight > 149 ? "150px" : "auto" );
	border: 0;
}

td.angolo {
	height: 12px;
	width: 12px;
	padding: 0;
	margin: 0;
	line-height: 0;
}

td.angolo img{
	height: 12px;
	width: 12px;
	padding: 0;
	margin: 0;
}

td.imgprinc img {
	width: 400px;
}

div.categoria {
	/*height: 210px;*/
    height: 200px;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	border-bottom: #dedede 1px solid;
}


div.floating {
	height:100%;
	position:relative;
	text-align: center;
	width: 100%;
}

div.floating div.fotocategoria {
	position:absolute;
	left: 0;
	bottom: 30px;
	text-align: center;
	width: 100%;
}

div.floating div.titcategoria {
	position:absolute;
        text-transform: uppercase;
	left: 0;
	bottom:0;
	text-align: center;
	width: 100%;
	color: #0359da;
	font-size: 13px;
        font-weight: bold;
        border-bottom: #0359da 2px solid;
}

div.floating div.titcategoria a {
	text-decoration: none;
	color: #71706a;
	padding: 1px 3px;
}

div.titolocategoria {
  border-bottom: #000000 2px solid;
}


div.articolo {
	width: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
	border-left: #e5e5e5 1px solid;
	border-right: #e5e5e5 1px solid;
}

div.titart {
        text-align: center;
	font-size: 11px;
	/* height: 15px; */
	height: 40px; 
	line-height:13px;
	overflow: hidden;
	padding: 3px;
	background-position: top;
	background-color: #0359da;
	color: #ffffff;
    font-weight:bold;
}

div.fotoart {
	text-align: center;
	padding: 15px 0;
	height: 120px;
}

div.fotoart img {
    vertical-align:middle;
	max-width: 120px;
	max-height: 120px;
	height: expression( this.scrollHeight > 119 ? "120px" : "auto" );
	border: #f5f5f5 0px solid;
}


div.descart {
	background-color: #e5e5e5;
	padding: 7px 12px;
	font-size: 12px;
    font-weight:bold;
}

div.descart .desc {
	height: 35px;
	line-height: 11px;
	overflow: hidden;
    color: #0359da;
    font-weight:bold;
}

div.descart h4 {
	color: #0359da;
	font-weight: normal;
	font-size: 9px;
	margin: 0;
}

p.prez {
	color: #000000;
	margin: 2px 0;
}

.prezzo {
	font-size: 18px;
	color:#0359da;
}

#prezzo {
	font-size: 18px;
	color:#0359da;
}

#prezzospec {
	color: #7a1813;
	font-size: 9px;
}

#prezzospec strong{
	color: #555555 !important;
}





#descrizioneprincipale {
	float: right;
	width: 200px;
	border-left: #0359da 0px solid;
	padding-left: 10px;
}

#descrizioneprincipale h1{
	font-size: 24px;
	margin: 0;
	color: #000000;
	font-weight: normal;
}
#descrizioneprincipale h2{
	font-size: 10px;
	margin: 0;
	color: #71706a;
	font-weight: normal;
}

#fotoprincipale {
	/*float: right;*/
	max-width: 575px;
}

.torna {
	text-align: right;
	margin-top: 10px;
}

.torna a {
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 8px;
	color: #ffffff;
	padding: 2px 4px;
	text-decoration: none;
}

.torna img {
	border: 0;
	padding-right: 5px;
}

#ric {
}

.richiedi {
	font-size: 14px;
	margin-top: 30px;
	border-bottom: #a5acb2 0px solid;
    color:#0359da;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
}

input, textarea {
	font-size: 10px;

}

.campo {
    margin-top:10px;
	font-size: 10px;
    /*font-weight: bold;*/
    font-family:Arial, Helvetica, sans-serif;
}

.campwid {
    background-color: #E8E8E8;
    border-width:0px;
	width: 180px;
}


div#bread a:hover{
	color: #ffffff;
	background-color: #71706a;
}

.corrente {
	color: #0359da;
	padding: 1px 5px;
    border: #0359da 0px solid;
	margin: 0 5px;
    font-size:11px;
}

.link a{
	color: #0359da;
	background-color: #FFFFFF;
	padding: 1px 5px;
	margin: 0 5px;
    border: #0359da 0px solid;
	text-decoration: none;
}

.link a:hover{
	color: #FFFFFF;
	background-color: #0359da;
}

.linkfrec a{
	color: #0359da;
	background-color: #FFFFFF;
	padding: 1px 5px;
	margin: 0 5px;
	border: #0359da 1px solid;
	text-decoration: none;
}

.linkfrec a:hover{
	color: #FFFFFF;
	background-color: #0359da;
	border: #0359da 1px solid;
}

.inibito{
	color: #CCCCCC;
	background-color: #FFFFFF;
	padding: 1px 5px;
	margin: 0 5px;
	border: #CCCCCC 1px solid;
	text-decoration: none;
    font-size:11px;
}

.left {
	margin-right: 20px !important;
    
}

.right {
	margin-left: 20px !important;

}

.top {
	margin-bottom: 25px;
    font-size:11px;
}

.bottom {
	margin-top: 25px;
    font-size:11px;
}

div#footer {
	text-align: center;
	font-size: 11px;
	margin-top: 25px;
	color: #777777;
	clear: both;
}

div#footer a{
	color: #000000;
	text-decoration: none;
	padding: 1px;
}

div#footer a:hover{
	color: #000000;
}

#prod_div {
    margin-right:210px;
    border-right: /*#0359da*/ #C7EAFD 2px solid;
    font-family:Arial, Helvetica, sans-serif;
}

#prod_div span{ text-transform:uppercase; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0359da;}
#prod_div span2{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0359da;}
#prod_div p{ padding-right:2px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px;}