/*
@font-face {
	font-family: 'HelveticaCYPlain';
	src: url('font/helveticacy-webfont.eot');
	src: url('font/helveticacy-webfont.eot?#iefix') format('embedded-opentype'),
		  url('font/helveticacy-webfont.woff') format('woff'),
		  url('font/helveticacy-webfont.ttf') format('truetype'),
		  url('font/helveticacy-webfont.svg#HelveticaCYPlain') format('svg');
	font-weight: normal;
	font-style: normal;

}
*/


* {font-size: 15px;}
html {font-size: 12px; font-family: "Arial", serif; overflow-y: scroll; overflow-x: hidden; color: #222;}
body {padding: 0px; margin: 0px; }
strong {font-weight: bold;}
.normal {font-weight:normal !important; font-size: 13px; font-family: 'Arial';}
em{font-style: italic;}
p {line-height: 20px}
a {outline: none; text-decoration:none; color: #693F0F}
a:hover, a.qui {outline: none; text-decoration:none; color: #392309;}
p a {text-decoration: none;}
p a:hover {text-decoration: none; }
h1 {margin-bottom: 10px; font-size: 25px; font-weight: normal; color: #47290a; font-style: normal;}
h2 {margin-bottom: 20px; font-size: 18px; font-weight: normal; color: #47290a; font-style: normal;}
h3 {margin-bottom: 5px; font-size: 18px; font-weight: normal; color: #47290a; font-style: normal;}
h4 {margin-bottom: 5px; font-size: 16px; font-weight: normal; color: #47290a; font-style: normal;}

ul.list_text li {list-style: disc; margin-left: 20px; padding: 10px 0 0 10px; line-height: 20px}

/* DESIGN */
.main {margin: 0 auto; background: #FFF; box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.4); width: 980px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; z-index: 999;}

.main_popup {overflow-x: hidden; margin: 0 auto; padding: 20px; background: #FFF; box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.4); width: 980px; height: 550px; border: 1px solid #CCC;}

.container {padding: 10px 30px 30px 30px; background: #FFF url(../img/b/main.png) repeat-x bottom; width: 920px;}
.top {margin-bottom: 30px;}

.sx {float: left; width: 190px;}
.dx {float: right; width: 690px;}

.user {padding: 15px; width: 160px; background: #B9A773; border: 1px solid #B9A773; border-radius: 10px;}
.user a{line-height: 20px;}
.user input.inp {padding: 2px 5px; margin: 5px 0; height: 17px; width: 140px; border: 1px solid #cdc19c; color: #693F0F; font-size: 11px;}

.content {width: 690px;}

.prod_home {width: 200px; float: left; background: #693F0F; border-radius:0px; margin-left: 20px; border:1px solid #362007; position: relative;}
.prod_home .img {width: 200px; padding-top: 0px; height: 200px; background: #FFF; text-align: center; margin:0px; }
.prod_home .link {padding: 10px 23px 10px 10px;  height: 25px; vertical-align: middle; display: table-cell;}
.prod_home .link a {color: #FFF;}
.prod_home .link a:hover {color: #B9A773;}
.prod_home .link a img {position: absolute; top: 214px; right: 5px;}

/* search*/
.search input {float: right;}
.search input.btn_search {width: 30px; height: 21px; background: #693F0F url(../img/lente.png) no-repeat; border: none; cursor: pointer;}
.search input.btn_search:hover {background: #000 url(../img/lente.png) no-repeat; cursor: pointer;}
.search input.inp { padding: 2px 5px 2px 9px; height: 15px; width: 100px; border: 1px solid #DDD; color: #696969; font-size: 11px;}

/* top navigation*/
.navigation {border-radius: 4px; background: #693F0F}
.navigation ul li{float:left; padding: 15px 20px;}
.navigation ul a {font-size: 22px; color: #FFF; /* font-family: 'Amaranth'*/ }
.navigation ul a:hover,.navigation ul a.qui {color: #B9A773;}

.bread {margin-bottom: 20px; color: #693F0F; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #e7e1cf}
.bread a{font-weight:normal}

ul.category_navigation li {margin: 10px 0; font-size: 14px; display: block;}
ul.category_navigation li a{color:#917e48}
ul.category_navigation li a:hover,  ul.category_navigation li a.qui {color: #693F0F;}

/* product */
.product_img {width: 230px; float:left; margin-left: 10px;}
.thumb {margin:5px 9px 5px 0}
.product_text {width: 420px; float: right;}
span.price {color: #693F0F; font-size: 16px; font-weight: bold;}
.fform_prod input.inp {padding: 2px; width: 30px; height: 18px; line-height: 15px; border: 1px solid #cdc19c; color: #693F0F; font-size: 12px; text-align: center;}
.fform_prod select.sel {width: auto !important;}

.form {width: 410px; margin-right: 0px; float: left; }
.contacts {width: 220px; float: right; }
.map {width: 210px; height: 210px; border: 1px solid #B9A773; border-radius: 4px;}

.table_chart {width: 100%; margin-top: 10px;}
.table_chart th {padding-bottom:10px;  text-align: left; border-bottom: 1px solid #D9CFB3; color: #693F0F;  font-weight: bold;}
.table_chart tr {text-align: left; border-bottom: 1px solid #D9CFB3}
.table_chart td {vertical-align: middle; padding:10px 10px 10px 0;}
.table_chart td a img {border: none; }
.table_chart td .inp {width: 30px;}
.table_chart .totals {border-bottom: none; padding: 0px;}
.table_chart .totals td{border-bottom: none; padding-top: 20px; padding-bottom: 0px;}
.table_chart .totals select.sel {padding: 2px; width: auto!important; line-height: 15px; border: 1px solid #cdc19c; color: #696969; font-size: 12px;}
.table_chart .totals select.sel option {padding-right: 10px; color: #696969; font-size: 12px;}
.table_chart .labels {padding-right: 30px;  color: #693F0F; text-align: right; }

label {width: 150px; float: left; line-height: 20px;}
input.inp {padding: 2px; width: 280px; height: 18px; line-height: 15px; border: 1px solid #cdc19c; color: #693F0F; font-size: 12px;}
textarea.txt {padding: 2px; width: 280px; height: 80px; font-family: Arial; line-height: 15px; border: 1px solid #DDD; color: #696969; font-size: 12px; resize:none}
.btn {background: #693F0F; border: none; color: #FFF; margin: 5px 0; padding: 6px; font-size: 11px; border-radius: 5px; cursor: pointer; font-size: 12px}
.btn:hover {background: #362007; border: none; cursor: pointer; color: #FFF}
select.sel {padding: 2px; width: 285px; line-height: 15px; border: 1px solid #cdc19c; color: #693F0F; font-size: 12px;}
select.sel option {padding: 0 10px 0 5px; color: #693F0F; font-size: 12px;}

.pp_msg {margin-top: 40px; text-align: center; font-size: 15px; color: #111; font-weight: bold;}

/* footer */
.footer {margin-top: 10px; padding: 30px;}

/* PAGING */
.paging {text-align: right;}
.paging a {display: inline-block; margin: 0 2px; padding: 5px; border: 1px solid #693F0F; background: #B9A773; color: #FFF; border-radius: 3px;}
.paging a:hover, .paging a.qui {background: #693F0F;}

/* div */
.d70 {width: 70px;}
.d100 {width: 100px; margin-right: 20px; margin-bottom: 3px;}
.d105 {margin-left: 50px; width: 105px;}
.d125 {margin-left: 50px; width: 125px;}
.d150 {width: 150px;}
.d170 {width: 170px;}
.d180 {width: 180px;}
.d250 {width: 250px;}
.d270 {width: 270px;}
.d310 {width: 310px;}
.d350 {width: 350px;}
.d400 {width: 400px;}
.d460 {width: 460px;}
.d475 {width: 475px;}
.d500 {width: 500px;}
.d510 {width: 510px;}
.d950 {width: 950px;}
.d980 {width: 980px; margin: auto;}
.d100p {width: 98% !important;}

/* spacer */
.hs10px { font-size: 1px; margin: 0px; padding: 0px; height: 10px;}
.hs20px { font-size: 1px; margin: 0px; padding: 0px; height: 20px;}
.hs30px { font-size: 1px; margin: 0px; padding: 0px; height: 30px;}
.hs40px { font-size: 1px; margin: 0px; padding: 0px; height: 40px;}
.hs50px { font-size: 1px; margin: 0px; padding: 0px; height: 50px;}
.hs60px { font-size: 1px; margin: 0px; padding: 0px; height: 60px;}
.hs65px { font-size: 1px; margin: 0px; padding: 0px; height: 65px;}
.os10px {font-size: 1px; margin: 0px; padding: 0px; width: 10px; float:left;}
.os15px {font-size: 1px; margin: 0px; padding: 0px; width: 15px; float:left;}
.os20px {font-size: 1px; margin: 0px; padding: 0px; width: 20px; float:left;}
.os25px {font-size: 1px; margin: 0px; padding: 0px; width: 25px; float:left;}
.os30px {font-size: 1px; margin: 0px; padding: 0px; width: 30px; float:left;}

/* stili */

.padding0 {padding: 0px !important;}
.padding5 {padding: 5px !important;}
.padding10 {padding: 10px !important;}
.marginA {margin: auto !important;}
.margin0 {margin: 0px !important;}
.margin10A {margin: 10px !important;}
.margin10L {margin-left: 10px !important;}
.margin15R {margin-right: 15px !important;}
.margin25R {margin-right: 25px !important;}
.margin0R {margin-right: 0px !important;}
.margin5T {margin-top: 5px !important;}
.margin5A {margin: 5px !important;}
.margin5L {margin-left: 5px !important;}
.margin5R {margin-right: 5px !important;}
.margin10T {margin-top: 10px !important;}
.margin15T {margin-top: 15px !important;}
.margin20T {margin-top: 20px !important;}
.margin20L {margin-left: 20px !important;}
.margin30T {margin-top: 30px !important;}
.margin35R {margin-right: 35px !important;}
.margin35L {margin-left: 35px !important;}
.margin20R {margin-right: 20px !important;}
.margin20L {margin-left: 20px !important;}
.margin10B {margin-bottom: 10px !important;}
.margin30B {margin-bottom: 30px !important;}
.margin40L {margin-left: 40px !important;}
.margin40R {margin-right: 40px !important;}
.margin65R {margin-right: 65px !important;}
.margin80R {margin-right: 80px !important;}
.margin100R {margin-right: 100px !important;}
.margin20LR {margin: 0 20px !important;}
.margin2040 {margin: 20px 40px !important;}
.margin30L {margin-left: 30px !important;}
.margin5 {margin: 0 5px !important;}
.margin10B {margin-bottom: 10px !important;}

.borderNo {border: none !important;}
.borderNoL {border-left: none !important;}
.borderT1 {border-top: 1px solid #e7e1cf !important;}
.borderT1L {border-top: 1px solid #D9CFB3 !important;}

.lineHeight16px {line-height: 16px;}
.lineHeight20px {line-height: 20px;}
.lineHeight30px {line-height: 30px;}
.lineHeight40px {line-height: 40px;}

/* colors */
.green {color: #789f21 !important;}
.brown {color: #8B6623 !important;}
.blue {color: #19A0A8 !important;}
.grey {color: #3E3E3E !important;}
.red {color: #000 !important; font-weight: bold}


.clear {clear: both; font-size: 1px; margin: 0px; padding: 0px; height: 0px;}
.strong{font-weight: bold;}
.hide{display: none;}
.vHide{visibility: hidden;}
.L {float: left !important;}
.R {float: right !important;}
.txtJ {text-align: justify !important;}
.txtC {text-align: center !important;}
.txtL {text-align: left !important;}
.txtR {text-align: right !important;}
.noBord {border: none;}




/* modal */
#modal {padding: 20px; width: 350px; background: #FFF; color: #000; border: 2px solid #B8AEAE; position: absolute; top: 50%; left: 50%; margin-left: -175px; display: none; z-index: 101}
#modal .mod_content {color: #000 !important; line-height: 20px;}
#modal .mod_content h2 {margin-bottom: 10px; color: #E39800 !important;}
#modal .mod_content .btn {margin-top: 10px; width: auto; height: auto; padding: 5px 10px; background: #FFF; border: 2px solid #666; font-size: 17px; color: #000; float: right; cursor: pointer;}
#modal .mod_content .btn:hover {background: #CCC;}
#modal .mod_close {position: absolute; top: 5px; right: 5px; }
#modal .mod_close img {cursor: pointer;}
.totalBlack {background: url(../img/b/black85.png); position: absolute; top: 0; left: 0; z-index: 100; display: none;}


/* cookie */
.wasa_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    padding: 10px;
    color: #FFF;
}

.wasa_cookies a{
    color: #FFF;
    text-decoration: underline;
}

.wasa_cookies button {
    background: #FFF;
    color: #000;
    padding: 10px;
    border: 0;
    font-size: 15px;
    cursor: pointer;
}