/* CSS Document */
html, body {
height:100%;
}
body{
background:#CDCDCD url(images/sf_pagina.gif) repeat-x;
margin:0px;
font-family: "Trebuchet MS";
font-size:12px;
}
#conteiner{
width: 770px;
height:800px;
margin:0 auto;
}
#header{
margin:0px;
padding:0px;
height:135px;
background:url(images/logo-marion-materassi-sfu.gif) no-repeat;
}
#sf_menu_intestazione{
margin:0px;
padding:0px;
height:74px;
background:url(images/sf_menu_intestazione.gif) no-repeat right;
}
#menu_intestazione{
padding:25px 0px 0px 0px;
width:286px;
margin:0px 0px 0px 478px;
}
/*MENU*/
#menu li a {
	background: url(images/menu_rechts.gif) no-repeat right top; color: #616161;
}
#menu li a:hover {
	background: url(images/menu_rechts.gif) no-repeat right bottom; color: #fff;
}
#menu li a:active {
	background: url(images/menu_rechts.gif) no-repeat right bottom; color: #fff;
}
#menu li.actief a:hover {
	background: url(images/menu_rechts.gif) no-repeat right bottom; color: #fff;
}
#menu li.actief a:active {
	background: url(images/menu_rechts.gif) no-repeat right bottom; color: #fff;
}
#menu li a span {
	background: url(images/menu_links.gif) no-repeat left top;
}
#menu li a:hover span {
	background: url(images/menu_links.gif) no-repeat left bottom;
}
#menu li a:active span {
	background: url(images/menu_links.gif) no-repeat left bottom;
}
#menu li.actief a {
	color: #434e60;
}

#menu {
white-space:nowrap;
text-align:right;
margin:0;
padding:0;
}
* html body #menu li {width:20px;} /*Letto solo da IE6*/
#menu li {
	padding-right: 0px; display: block; padding-left: 0px; background: none transparent scroll repeat 0% 0%; float: left; padding-bottom: 0px; margin-right: 3px; padding-top: 0px; text-align: center;
}
#menu li a {
	display: block; font-size: 12px; border-top-style: none; line-height: 21px; border-right-style: none; border-left-style: none; height: 21px; text-decoration: none; border-bottom-style: none;
}
#menu li a span {
	padding-right: 8px; display: block; padding-left: 8px; padding-bottom: 0px; padding-top: 0px;
}
/*FINE MENU*/
#header_secondary{
	height:179px;
}
#slideshow{
/*text-align:left;*/
float:left;
width:490px;
height:182px;
z-index:50;
position:relative;
overflow:hidden;
background-color:#DD0000;
}
#slideshow img {
width:490px;
height:179px;

padding-top:3px;
}
#navbar{
height:53px;
text-align:left;
}
#navbar ul{
margin:0px;
padding:0px;
list-style:none;
}
#navbar ul li{
font-size:12px;
width:122px;
display:block;
float:left;
height:53px;
}
#navbar li a{
width:118px;
height:46px;
color:#FFFFFF;
text-decoration:none;
background:url(images/btn_nav_bar.gif) 0 -50px no-repeat;
display:block;
padding:4px 0px 0px 4px;
border:0; 
}
#navbar li a:hover{
width:118px;
height:46px;
color:#FFFFFF;
text-decoration:none;
background:url(images/btn_nav_bar.gif) 0 0px no-repeat;
display:block;
padding:4px 0 0 4px;
border:0; 
}
#navbar li a:visited{
width:118px;
height:46px;
text-decoration:none;
display:block;
padding:4px 0 0 4px;
border:0;
}
#sf_header_page_esterno{
position:absolute;
width:100%;
overflow:hidden;
height:183px;
z-index:10;
left:0px;
top:134px;
}
#sf_header_page_interno_1{
width:100%;
margin-left:50%; 
height:69px;
background:url(images/sf_divisore_intestazione.gif) 0 50px repeat-x;
}
#sf_header_page_interno_2{
width:100%;
margin-left:50%;
height:114px;
background:url(images/sf_divisore_intestazione.gif) 0 95px repeat-x;
}
* html body #content { height:480px;} /*Letto solo da IE6*/
#content{
z-index:50;
position:relative;
min-height:450px;
padding:0px 0px 50px 0px;
margin:0;
background:#FFFFFF url(images/sf_content_color.jpg) left bottom no-repeat;
}

#primary_content{
width:418px;
float:left;
padding:5px 4px 5px 8px;
margin:0;
}
#primary_content h1{
font-size:1.5em;
font-weight:normal;
color:#E50000;
display:block;
margin-bottom:2px;
}
#primary_content h2{
font-size:1.5em;
font-weight:normal;
display:block;
margin-top:8px;
}
#primary_content h3{
font-size:1.2em;
font-weight:normal;
display:block;
margin-top:8px;
}
#primary_content p{
display:block;
margin:0 0 6px 0;
}
div.shadow{
float:left;
padding:0 6px 6px 0;
background: url(images/dropshadow.png) no-repeat bottom right;
}
div.shadow img{
display:block;
position:relative;
top:-3px;
left:-3px;
padding:3px;
background:#FFF;
border:1px solid;
border-color: #ccc #666 #666 #ccc;
}
#materasso_box{
height:550px auto;
}
#materasso_box p a{
display:block;
padding-left:22px;
margin-right:164px;
background:url(images/ico_richiesta_consulente.gif) no-repeat;
}
#materasso_box img{
display:block;
margin-top:25px;
text-align:center;
}
#secondary_content{
width:331px;
float:right;
padding:0;
margin:0;
}
#prodotti_box{
width:325px;

display:block;
background:#E6E6E6 url(images/sf_images_prodotti.jpg) right bottom no-repeat;
padding:0px 0px 0px 6px;
margin:0;
}
#zone_differenziate_box{
width:325px;
height:auto;
display:block;
padding:0;
margin:14px 0px 0px 0px;
}
#prodotti_box h1{
font-size:1.3em;
font-weight:normal;
padding-left:6px;
margin:0;
clear:left;
}
#secondary_content h2{
font-size:1em;
font-weight:normal;
padding-left:6px;
margin:0;
color:#FF0000;
}
.mini_images_shadow{
float:left;
margin: 4px;
padding:0 0 10px 0;
background: url(images/shadow.gif) no-repeat bottom center}

.mini_images_shadow img{
display: block;
border: 1px solid;
border-color: #CCC #CCC #AAA #CCC;
padding: 5px;
background: #f6f6f6;
}
#tertiary_content{
width:100%;
height:232px;
background:url(images/sf_box_dinamico.gif) center no-repeat;
margin:0;
padding:0;
clear:both;
}
#tertiary_content_prodotti{
width:100%;
height:auto;
margin:0;
padding:0;
clear:both;
}
#box_dinamico{
width:255px;
height:212px;
margin-left:25px;
margin-top:7px;
border:1px dashed #000000;
float:left;
position:absolute;
background:url(images/box_dinamico.jpg) no-repeat;
padding-left:200px;
visibility:hidden;
}
#box_dinamico1{
width:455px;
height:212px;
margin-left:25px;
margin-top:7px;
border:1px dashed #000000;
float:left;
background:url(images/box_dinamico_1.gif) no-repeat;
position:absolute;
visibility:hidden;
}
#box_dinamico2{
width:185px;
height:212px;
margin-left:25px;
margin-top:7px;
border:1px dashed #000000;
float:left;
background:url(images/box_dinamico_2.jpg) no-repeat;
padding-left:270px;
position:absolute;
visibility:hidden;
}
#box_dinamico3{
width:455px;
height:212px;
margin-left:25px;
margin-top:7px;
border:1px dashed #000000;
float:left;
background:url(images/box_dinamico_3.jpg) no-repeat;
position:absolute;
}
#menu_box_dinamico{
width:256px;
height:216px;
float:right;
margin-right:23px;
margin-top:4px;
}
#menu_box_dinamico ul{
margin:0;
padding:0px;
list-style-type:none;
}
#menu_box_dinamico li{
margin-left:2em;
}
#menu_box_dinamico ul a{
display:block;
height:40px;
border:0;
padding-top:14px;
font-size:14px;
color:#FFFFFF;
}
#footer{
background:url(images/sf_footer_color.jpg);
width:768px;
height:20px;
z-index:50;
position:relative;
display:block;
clear:both;
padding-left:2px;
padding-top:264px;
}
* html body #div_sfondo_shadow {width:0; height:0;} /*Letto solo da IE6*/
* html body #sfondo_shadow {width:0; height:0;} /*Letto solo da IE6*/
#div_sfondo_shadow{
position:absolute;
top:367px;
height:auto;
width:100%;
z-index:10;
}
#sfondo_shadow{
margin:0 auto;
background:url(images/sf2_png.png) repeat-y;
height:357px;
width:810px;
z-index:10;
}

a, a:visited{
text-decoration:none;
color:#2D2D2D;
}
a:hover{
color:#535353;
text-decoration:underline;
}

.regolamento500{
display:block; border:1px solid #000000; text-align:center; padding:8px 0px 8px 0px; background:#FF3535;
}