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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; border:0px; outline:none; list-style:none; text-decoration:none; font-size: 100%; vertical-align: baseline;}
body{ background:url(../images/bg.png);}

#site-wrap{ width:968px; margin:0 auto;}
#flag{ width:968px; float:left; background:url(../images/bg-flag.jpg) #e8e8e8 no-repeat;  margin-top:50px; margin-bottom:50px;}
#site{ width:960px; float:left; margin:4px; background-color:#fff; -moz-box-shadow: 1px 1px 4px #888; -webkit-box-shadow: 1px 1px 4px #888; box-shadow: 1px 1px 4px #888; }

#header{ width:100%; height:239px; float:left; background:url(../images/bg-header.jpg) right no-repeat;}
#logo{ width:280px; height:111px; margin:48px 0 48px 20px}
#header-navigation{ width:100%; height:30px; background:url(../images/bg-navigation.png); float:left; border-top:1px solid #ed1f27; border-bottom:1px solid #ed1f27;}
#title{ width:250px; height:18px; float:left; padding:10px 0 0 0; text-align:center; margin:0 20px;}
#title h1{ font-size:15px; color:#727272; text-transform:uppercase;}
#languages{ float:right; margin:7px 20px 0 0;}
#languages li{ float:left; margin:0 5px 0 0;}
#languages li a{ width:24px; height:16px; float:left;}
#languages li a.italian{ background:url(../images/italy.png) top; }
#languages li a.english{ background:url(../images/england.png) top; }
#languages li a.active{ background-position:bottom; }
#languages li.last{ margin:0px;}
#content{ width:920px; float:left; margin:35px 20px;}
#left{ width:280px; float:left; margin:0 30px 0 0;}
#left .block.contacts{ width:260px; float:left; margin:83px 0 0 20px;}
#left .block{ width:100%; float:left; margin:0 0 15px 0;}
#left .block a{ color:#ed2027;}
#left .block a:hover{ text-decoration:underline}
#left .block .title{ width:100%; float:left; margin:0 0 10px 0; color:#ed2027; text-transform:uppercase}
#left .block .content{ font-size:12px; line-height:18px; color:#696969;}
#left .block .content .contacts{ margin:10px 0 0 0;}
#left .block .content .contacts li{ width:100%; float:left;}
#left .block .content .contacts li span{ width:50px; float:left;}
#main{ width:610px; float:left; font-size:12px; line-height:18px;}
#main .title{ width:100%; float:left; margin:0 0 10px 0;  color:#ed2027;}
#main .title.page{ color:#696969; border-bottom:1px solid #ed2027;}
#main .title h1{ font-size:16px; text-transform:uppercase}
#main .content{ font-size:12px; line-height:18px; color:#696969;}
#main .content .imagefondo {float:left; clear:both; padding:5px; border:1px solid #e1e1e1; margin: 20px 0; }
#main .content .title{ border:0px;}
#main .content .title h1{ font-size:14px;}
#main .content a{ color:#ed2027;}
#main .content a:hover{ text-decoration:underline}
#main .content p{ float:left; margin:0 0 10px 0;}
#main .block{ width:50%; float:left; margin:20px 0 0 0;}
#main .block.info{ width:328px; float:left; margin:10px 20px 10px 0;}
#main .block.form{ width:249px; float:left; margin:10px 0;}
#main .block .title h2{ font-size:12px; color:#424242; margin:5px 0 0 0;}
#main .content .contacts{ clear:both; width:100%; float:left; margin:0 0 20px 0;}
#main .content .contacts li{ width:100%; float:left;}
#main .content .contacts li span{ width:50px; float:left;}
#last-products{ width:100%; float:left; margin:0 0 10px 0;}
#last-products li{ width:50px; height:35px; float:left; margin:0 7px 7px 0; background-color:#f5f5f5; padding:3px; border:1px solid #e1e1e1;}
#menu-container{ width:100%; float:left; margin:31px 0 0 0;}
#menu{ width:100%; float:left;}
#menu li{ width:100%; min-height:24px; float:left; margin:0 0 1px 0; font-size:13px; text-transform:uppercase;}
#menu ul.half li{ width:130px;}
#menu ul.half li a{ width:110px;}
#menu ul.half li.all{ clear:both; width:280px; min-height:22px; text-align:center; margin:0 0 7px 0; padding:0px; }
#menu ul.half li.all a{ width:278px; height:15px; color:#686868; text-align:center; display:block; padding:7px 0 0 0; background:#f8f8f8; border:1px solid #f2f2f2;}
#menu ul.half li.all a:hover{ background:#f6f6f6; color:#ed2027; }
#menu li a{ width:260px; height:15px; line-height:23px; border-bottom:1px solid #e5e5e5; background:url(../images/menu-arrow.png) 7px center no-repeat; padding:8px 0 1px 20px; float:left; color:#5f5f5f;}
#menu li a.active{ background-color:#f2f2f2;}
#menu li a:hover{ background-color:#f9f9f9;}
#menu li ul{ clear:both; width:100%; float:left; padding:5px 0; border-bottom:1px solid #e5e5e5; font-size:12px; list-style:none;}
#menu li ul li{ min-height:18px; height:18px; float:left; font-size:12px; padding:0 0 1px 10px;}
#menu li ul li a{ width:250px; height:12px; line-height:17px; border-bottom:0px; padding:5px 0 1px 20px; }
#info{ width:100%; float:left; font-size:12px; margin:25px 0 0 20px;}
#info p{ width:auto; float:left; font-size:12px; color:#5f5f5f; text-transform:uppercase}
#info img{ margin:-12px 0 0 5px;}

#google-map{ width:585px; height:400px; padding:10px; border:1px solid #e1e1e1;}

/*categories*/
#categories{ width:100%; float:left;}
#categories li{ width:143px; height:121px; float:left; border:1px solid #f2f2f2; margin:0 10px 10px 0;}
#categories li .image{ width:100%; height:101px; float:left;}
#categories li .title{ width:100%; height:15px; float:left; padding:5px 0 0 0; background-color:#f0f0f0;}
#categories li .title h1{ font-size:15px; text-align:center;}
#categories li .title h1 a:hover{ text-decoration:none;}
#categories li.last{ margin:0px;}

/*products*/
#products{ width:100%; float:left;}
#products li{ width:100%; float:left; padding:5px 0; border-bottom:1px dashed #e1e1e1;}
#products li .image{ width:150px; float:left; margin:0 20px 0 0;}
#products li .details{ width:auto; float:left;}
#products li .details .title{ width:auto; float:left; margin:10px 0 0 0;}
#products li .details .title h1{ font-size:14px;}
#products li .details .title h1 a:hover{ text-decoration:none;}

/*details*/
#product-details .image{ width:598px; float:left; padding:5px; margin:0 0 15px 0;}
#product-details .description{ clear:both; float:left;}
#product-details .various{ clear:both; float:left; margin:20px 0 0 0;}
#product-details .various .gallery{ width:100%; float:left; margin:0 0 20px 0;}
#product-details .various .gallery li{ width:112px; height:73px; float:left; margin:0 10px 0 0; border:1px solid #e1e1e1;}
#product-details .various .gallery li.last{ margin:0px;}

/*form contact*/
#contacts-form { width:275px; float:left;}
#contacts-form  fieldset{ width:100%; float:left;}
#contacts-form  fieldset div{ width:100%; min-height:18px; float:left; padding:2px 0;}
#contacts-form  fieldset .check{ font-size:11px;}
#contacts-form  fieldset .check input{ width:auto; float:left; margin:3px 5px 0 0;}
#contacts-form  fieldset div.last{ border:0px;}
#contacts-form  fieldset div label{ width:55px; float:left; margin:0 10px 0 0; font-size:11px; line-height:22px;}
#contacts-form  fieldset div input{ width:172px; float:left; color:#696969; padding:3px 5px; border:1px solid #e4e4e4; background-color:#f6f6f6;}
#contacts-form  fieldset div input.blur, #contacts-form fieldset div textarea.blur{ border:1px solid #e4e4e4;}
#contacts-form  fieldset div input.focus, #contacts-form fieldset div textarea.focus{ border:1px solid #ed2027;}
#contacts-form  fieldset div textarea{ width:172px; height:40px; float:left; color:#696969; padding:3px 5px; border:1px solid #e4e4e4; background-color:#f6f6f6; resize:none;}
#contacts-form  input, #contacts-form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin:0px;}
#contacts-form  .action { width:auto; float:left; margin:2px 0 0 65px;}
#contacts-form  .action input{ width:auto; float:left; margin:0 3px 0 0; color:#fff; padding:3px 5px; text-transform:uppercase; border:0px;}
#contacts-form  .action input.submit{ background-color:#ed2027;}
#contacts-form  .action input.reset{ background-color:#5d5d5d;}

/*footer*/
#footer{clear:both; width:900px; float:left; font-size:11px; color:#888; padding:10px; margin:0 20px 20px 20px; background-color:#f1f1f1;}
#copyright{ float:left;}
#credits{ float:right;}
#footer a{ color:#888;}
#footer a:hover{ color:#ed1f27;}