/* Start of CMSMS style sheet 'style' */
@charset "utf-8";

* { margin: 0; padding:	0;}

html, body, #container {height: 100%;}

body { background: url(/style/bg_header.gif) repeat-x top #e0f6f9; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#container { margin: 0 auto 0 auto; width: 951px; text-align: left; background:url(/style/bg_header_top.gif) top repeat-x #FFFFFF; }

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

a { color: #00b5cb; text-decoration: underline; }
a:hover { color: #00b5cb; text-decoration: none; }

#container #main { padding: 0 0 100px 0; }

/* header */
#header { width: 901px; height: 84px; margin: 0 25px 22px 25px; padding:25px 0 0 0; border-bottom: #ccc solid 1px; background:url(/style/bg_header_top.gif) top repeat-x; }
#header #header_links, #header #header_rechts { float: left; }
#header #header_links { width: 225px; background: url(/style/logo_magazzino.gif) no-repeat left top; margin-top:15px;} 
#header #header_rechts { width: 675px; text-align: right; } 

#nav, #nav ul { list-style: none; float: right;}
#nav li { list-style: none; float: left; position: relative;}
#nav li a { display: block; padding: 4px 23px 4px 12px; margin: 0 0 0 3px; color: #FFF; text-decoration: none; font-size: 12px; font-weight: bold; background: url(/style/menu_a.gif) right no-repeat #00b5cb;}
#nav li a.active { color: #FFF; background: url(/style/menu_a_active.gif) right no-repeat #70cbd2;}
#nav li a:hover, #nav li a.active:hover { color: #FFF; background: url(/style/menu_a_hover.gif) right no-repeat #999; }

#header #header_rechts p { padding: 30px 0 0 0; color:#999; clear:both; display:block; text-align: right; } 

/* content */
#content { width:901px; height:100%; min-height:100%; padding: 0 25px; margin:0 0 25px 0; clear:both; }
#content_left, #content_center, #content_large_left, #content_large_right, #content_right, #content_full { float:left; display:inline; border-bottom:#70cbd2 solid 1px; padding-bottom:20px; margin-bottom: 25px; }
#content_left, #content_center { width: 283px; margin-right: 26px; }
#content_large_left { width: 592px; margin-right: 26px; }
#content_large_right { width: 592px; }
#content_right { width: 283px; }
#content_full { width: 901px; }

h1 { color: #00b5cb; font-size: 16px; border-top: #00b5cb solid 2px; padding: 4px 0 8px 0; }
h2 { color: #70cbd2; font-size: 14px; padding: 0 0 8px 0; }

a.button { color: #FFF; font-weight:bold; font-size:12px; background: url(/style/a_button.gif) right no-repeat #00b5cb; padding: 6px 39px 6px 12px; }
a.button:hover { background-color:#00b5cb; }

li { list-style: url(img/li.gif);}

#products { border-top:#CCC solid 1px; background-color:#daeff2; margin:0 0 20px 0;}
#products #row { border-bottom:#CCC solid 1px; padding: 10px;}
#products #row h2 { font-size: 14px; }
#products #row p { padding:0; }

/* footer */
#footer { position: relative; height:100px; clear: both; margin: -100px auto 0 auto; color: #b2b2b2; background: url(/style/bg_footer.gif) repeat-x; text-align:left;  }
#footer a { color: #b2b2b2; text-decoration: none; background:url(/style/a_footer.gif) left no-repeat; padding:0 0 0 10px; }
#footer a:hover { text-decoration: underline; }
#footer_container { margin: 0 auto; width:951px; border-top:#CCC solid 1px; padding:10px 0 0 0; }
#footer_left { float:left; width:283px; margin:0 26px 0 25px; display:inline;}
#footer_center { float:left; width:283px; margin-right:26px; display:inline;}
#footer_right { float:left; width:283px; margin:0 25px 0 0; display:inline;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.right { padding: 0 0 15px 20px; }
img.left { padding: 0 20px 15px 0; }


/* Product menu */

#product_menu ul { list-style: none; padding:0; margin:0; width:283px;}
#product_menu li { list-style: none; float: left; display: block; padding: 4px 9px 5px 0; margin: 0; text-decoration: none; font-size: 12px; font-weight: bold; background: url(/style/product_menu_a.gif) left top no-repeat #FFF; width: 276px; height:12px;}
#product_menu li.currentpage { list-style: none; float: left; display: block; padding: 4px 9px 5px 0; margin: 0; text-decoration: none; font-size: 12px; font-weight: bold; background: url(/style/product_menu_a_active.gif) left top no-repeat #FFF; width: 276px; height:12px;}
#product_menu li a { color: #00b5cb; text-decoration:none; }
#product_menu li a:hover { color: #999; }
#product_menu li.currentpage h3 { color: #000; font-size:12px; }

/* Sample FormBuilder CSS base */
form {margin-top:0; border:none;}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
.contactform div { border:none;} 
fieldset div {
padding-bottom:5px;
}
fieldset div div {}
fieldset { border:none;} 
fieldset label {
	width:auto;
}
/* legend {
	color:#FFF;
	background:#ccc;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
}*/

legend { display:none; border:none;}

textarea {
	margin: 0.5em 0;
	width:200px;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

.submit {margin-top:0.5em;}
.fbsubmit { color: #FFF; font-weight:bold; font-size:12px; background: url(/style/a_button.gif) right no-repeat #00b5cb; padding: 6px 39px 6px 12px; cursor: hand; }

.contactform input {border: 1px solid #70cbd2; width: 200px;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	border: 1px solid #70cbd2;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}


/* End of 'style' */