@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Noto+Serif);

/***************************************************/
/********************** GERAL **********************/
/***************************************************/

body											{ margin:0; font:normal 14px 'Source Sans Pro'; color:#000; height: 100%; }
html											{ height: 100%; }

*												{ outline:none; }
img												{ border:0px; }
form											{ margin:0px; padding:0px; }

.l												{ float:left; }
.r												{ float:right; }
.b												{ font-weight:bold; }
.hide											{ display:none; }
.clear											{ clear:both; }
.clear.spacer									{ height: 60px; }
.clear.spacerSearch								{ height:100px; }

a:link											{ text-decoration: none; color:#000; }
a:visited										{ text-decoration: none; color:#000; }
a:hover											{ text-decoration: none; color:#000; }
a:active										{ text-decoration: none; color:#000; }

.input											{ background: #fff; padding: 2px 4px 0 4px; height:19px; border: 1px solid #c3c5c7; margin: 0; outline: none; border-radius: 10px; }
.input:focus									{  }
.button,a.button								{ border-radius: 10px; height:23px; padding: 0 15px; margin: 0; border: 1px solid #c3c5c7; }
.button:hover,a.button:hover					{ cursor: pointer; }



/***************************************************/
/********************** MENUS **********************/
/***************************************************/

ul.topmenu						{ position: relative; padding:0; margin:0px; list-style-type:none; display:block; }
ul.topmenu li					{ margin:0; padding:0; float: left; }
ul.topmenu li.sep				{ width: 30px; height: 15px; }
ul.topmenu li.option a			{ float:left; text-decoration:none; font:normal 14px 'Source Sans Pro'; cursor:pointer; margin: 17px 0; text-transform: uppercase; }
ul.topmenu li.option.current a	{  }
ul.topmenu li a:hover			{ color: #fff; }

.submenu,.submenu ul			{ position:absolute; margin:0; padding:0; list-style-type:none; display:none; margin-top:1px; }
.submenu li						{ position:relative; background: url('../img/site/bg-submenu-middle.png') repeat-y; width: 218px; padding-left: 20px; }
.submenu li a					{ display:block; color:#999; text-decoration:none; font-size:16px; }
.submenu li a:hover				{ color: #fff; }

.submenu .submenu-top			{ width: 238px; height: 63px; padding: 0; margin: 0; background: url('../img/site/bg-submenu-top.png') no-repeat; }
.submenu .submenu-bottom		{ width: 238px; height: 20px; padding: 0; margin: 0; background: url('../img/site/bg-submenu-bottom.png') no-repeat; }



/***************************************************/
/********************* CONTENT *********************/
/***************************************************/
.alignCenter									{ position: relative; width: 100%; max-width: 969px; margin: 0 auto; }
.borderBar										{ width: 100%; height: 5px; }
.menu											{ position: absolute; top: 5px; right: 0; left: 0; background: url('../img/site/bg-transparent-black-70.png'); z-index: 1; }
.menu .sub_menu									{ display: none; }
.menu .sub_menu a								{ float: left; color: #fff; margin-right: 20px; padding-bottom: 10px; }

.menu .sub_menu.colorMain a:hover				{ color: #A29061; }
.menu .sub_menu.color1 a:hover					{ color: #881E04; }
.menu .sub_menu.color2 a:hover					{ color: #004839; }
.menu .sub_menu.color3 a:hover					{ color: #DCBC8C; }

.menu .logo										{ position: absolute; right: 5%; z-index: 10;  }
.menu .menuInc									{ margin-left: 5%; }
.menu .menuInc_m								{ margin-left: 2%; display: none; padding: 10px 0; }
.menu .menuInc_m .toggleMenu					{ position: relative; width: 30px; height: 30px; background: url('../img/site/img-openMenu.png') no-repeat center center; cursor: pointer; }
.menu .menuInc_m .topmenu						{ display: none; margin-top: 30px; }
.menu .menuInc_m .topmenu li					{ width: 100%; }
.menu .menuInc_m .topmenu li a					{ margin: 5px 0; }
.menu .menuInc_m .sub_menu						{ margin: 0; }

.menu .social									{ margin:5px 0 0 30px; }
.menu .social img								{ opacity:0.5; }

.start											{ position: relative; background: url('../img/site/img-start.jpg') no-repeat center center; background-size: cover; height: 75%; min-height: 350px; }
.start img										{ margin-bottom: 10px; }
.start .topmenu									{ display: none; }
.start .logo-start								{ text-align: center; font: normal 22px 'Noto Serif'; font-style: italic; }

.content										{ position: relative; z-index: 0; }
.content .removeMargin							{ margin-top: 50px; }
.footer											{ position: relative; padding: 15px 5%; z-index: 1; }
.footer .logo									{ margin-right: 5%; }
.footer .searchForm								{ top: 0; }
.footer .sitemap								{ width: 70%; margin-left: 3%; }
.footer .sitemap .l								{ width: 21%; padding: 0 2%; }
.footer .sitemap .l p							{ margin: 0; font-size: 11px; }
.footer .sitemap .l .up							{ font-size: 13px; font-weight: bold; }
.footer .sitemap .l p a:hover					{ color: #fff; }
.brand											{ position: relative; font-size: 11px; padding: 10px; z-index: 1; color:#fff; opacity:0.3; }
.brand .alignCenter								{ padding-left:7%; width:93%; }
.brand img										{ vertical-align:middle; margin:0 1px; }


/* GERAL */
.bgWhite										{ background-color: #FFFFFF; }
.bgBlack										{ background-color: #1A1A1A; }
.bgMain											{ background-color: #A29061; }
.bg1											{ background-color: #881E04; }
.bg2											{ background-color: #004839; }
.bg3											{ background-color: #DCBC8C; }

.colorWhite,a.colorWhite,.colorWhite a			{ color: #FFFFFF; }
.colorBlack,a.colorBlack,.colorBlack a			{ color: #1A1A1A; }
.colorMain,a.colorMain,.colorMain a				{ color: #A29061; }
.color1,a.color1,.color1 a						{ color: #881E04; }
.color2,a.color2,.color2 a						{ color: #004839; }
.color3,a.color3,.color3 a						{ color: #DCBC8C; }

.noContent										{ padding: 100px 0; margin: 0; }
.up												{ text-transform: uppercase; }
h1												{ font: bold 25px 'Noto Serif'; }


/* SEARCH FORM */
.btn-login										{ margin-right: 20px; font: bold 16px 'Source Sans Pro'; }
.searchForm										{ position: absolute; top: 14px; right: 200px; }
.searchForm .input								{ border-radius: 0 10px 10px 0; width: 150px; border-left: 0; }
.searchForm .button								{ border-radius: 10px 0 0 10px; border-right: 0; background: #fff url('../img/site/icon-lupa.png') no-repeat center center; }



/* MAINAREA */
.group-mainArea									{ margin-top: -7px; width: 100%; }
.mainArea										{ position: relative; width: 33.33333%; }
.mainArea.color3 .mainArea-content-bg			{ background-color: #D0A966; }

.mainArea .nozzles								{ position: relative; width: 100%; height: 7px; }
.mainArea.color1 .nozzles						{ background: url('../img/site/bg-mainarea-nozzles-color1.png') repeat-x center center; }
.mainArea.color2 .nozzles						{ background: url('../img/site/bg-mainarea-nozzles-color2.png') repeat-x center center; }
.mainArea.color3 .nozzles						{ background: url('../img/site/bg-mainarea-nozzles-color3.png') repeat-x center center; }

.mainArea .mainArea-content-bg					{ background-image: url('../img/site/bg-mainarea-pattern.png'); background-repeat: repeat-y; background-position: center top; }

.mainArea .mainArea-content-info				{ padding: 20px 2%; background: url('../img/site/bg-mainarea-degrade.png') repeat-x center bottom; min-height: 190px; color: #fff; text-align: center; }
.mainArea .mainArea-content-info h1				{ height: 68px; }
.mainArea:hover .mainArea-content-info			{ background-image: url('../img/site/bg-mainarea-degrade-hover.png'); }


.mainAreaCorners								{ background: url('../img/site/bg-mainarea-nozzles-color.png') repeat-x center top; }
.mainAreaCorners.white .nozzles					{ background-color: #fff; }

/* HOMEPAGE */
/*
.homeSlideshow									{ position: relative; z-index: 0; width: 100%; }
.homeSlideshow .elem							{ max-width: 100%; height: auto; display: none; }
.homeSlideshow ..num1						{ display: block; }
*/
.homeSlideshow									{ position: relative; z-index: 0; width: 100%; height: 400px; }
.homeSlideshow .elem							{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; }
.homeSlideshow .elem.num1						{ display: block; }
.homeSlideshow .elem .text						{ position:absolute; left:30px; bottom:30px; top:82px; background:url('../img/site/bg-transparent-black-40.png'); width:30%; color:#fff; padding:15px; }
.homeSlideshow .elem.white .text				{ background:none; color:#000; }


.groupSlider									{ position:relative; }
.groupSlider .homeSlideshow						{ position:relative; z-index:0; }
.groupSlider .sliderNav							{ position:absolute; z-index:1; bottom:50px; left:50px; }
.groupSlider .sliderNav a						{ float:left; width:10px; height:10px; margin-right:10px; border:1px solid #dedede; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.groupSlider .sliderNav a.cycle-pager-active	{ background:#dedede; }


/* TEXT */
.text											{ background: #fff; }
.text .text-align								{ width: 70%; padding: 2% 5%; }

/* CONTACT */
.group-map										{ position: relative; padding-top:52px; }
.group-map .contact-map							{ width: 100%; height: 500px; z-index: 0; }
.group-map .contact-info						{ position: absolute; bottom: 30px; left: 30px; width: 35%; padding: 20px; background: url('../img/site/bg-transparent-black-40.png'); color: #fff; z-index: 1; }
.group-map .contact-info.relative				{ position:relative; bottom:0; left:0; width:96%; padding:2%; background:#000; }

.group-map .contact-info .input					{ border-radius: 0; background: #E6E6E6; border-color: #E6E6E6; color: #999999; width: 97%; margin: 0.5%; border: 0; padding: 1%; }
.group-map .contact-info .input.half			{ float: left; width: 47%; }
.group-map .contact-info .input.textarea		{ height: 40px; resize: none; }
.group-map .contact-info .button				{ background: none; border: 0; color: #fff; text-transform: uppercase; }


/* PRODUCTS / RECEIPTS */
.navigator										{ margin-left: 5%; color: #999999; }
.navigator a									{ color: #999999; }
.navigator .mSide								{ margin: 0 10px; }
.listProd										{ position: relative; padding: 0 3%; }
.listProd .prod_elem							{ position: relative; margin: 2%; width: 29%; text-align: center; }
.listProd .prod_elem img						{ max-width: 100%; height: auto; }
.prodName										{ position: absolute; right: 5%; top: 0; width: 141px; height: 160px; padding-top: 175px; z-index: 9; background: url('../img/site/bg-product-name.png') no-repeat; text-align: center; font: bold 24px 'Noto Serif'; }
.prodSubTitle									{ font-size:16px }

.group-prod										{ position: relative; padding: 0 30px 30px 30px; }
.slideProd										{ position: relative; }
.slideProd li									{ text-align: center; height: 350px; }
.slideProd li a img								{ max-width: 100%; }
.slideProd li a h1								{ font-size: 20px; height: 54px; }



/* PROD 
.addInfo,.updPrice								{ display: none; }
.showCart										{ width: 25%; }
.group-prod										{ position: relative; }
#cartNumItems									{ font-size: 16px; }

.order											{ margin-bottom:10px; }
.order select									{ width:150px; }
.listProd										{ width: 75%; }
.prodArea										{ width: 75%; float: left; }
.prodArea h2									{ margin-bottom: 20px; }
.prodArea .image								{ position:relative; }
.prodArea .image.l								{ margin: 0 3% 20px 0; }
.prodArea .image img							{ width: 230px; height: 190px; }
.prodArea .image .slideshow						{ position:relative; z-index:0; }
.prodArea .image .promoDisplay					{ position:absolute; top:-15px; right:-15px; width:52px; height:37px; padding-top:15px; background:#000; text-align:center; color:#fff; font-size:18px; z-index:9999; }
.prodArea .ambient								{ max-width: 228px; margin-top: 25px; }
.prodArea .ambient a							{ float: left; margin: 0 3px; }
.prodArea .ambient a img						{ width: 70px; height: 70px; }
.prodArea .ref									{ margin:0; }
.prodArea .feature								{ overflow: hidden; }
.prodArea .feature p							{ margin-bottom:0; }
.prodArea .feature .select						{ width:175px; }
.prodArea .feature .input						{ width:30px; text-align: center; }
.prodArea .subtitle								{ font-size: 16px; margin: 0; margin-right: 40px; font-weight: bold; }
.prodArea .subtitle span						{ font-size: 26px; }
.prodArea .price								{ font-size:30px; margin: 0; font-weight: normal; }
.prodArea .price .old							{ text-decoration:line-through; color:#bc0d0d; }
.prodArea .price .new							{ color:#3a7604; }
.prodArea .addToCart							{ cursor:pointer; }
.prodArea .prodInfo								{ width: 100%; text-align: left; }
.prodArea .prodInfo .desc						{ width: 25%; margin-right: 3%; }
.prodArea .prodInfo .sliderNav					{ width: 30%; }
.prodArea .prodInfo .sliderNav img				{ width: 31%; margin: 1%; }
.prodArea .prodInfo .sliderNav .sliderNav-title	{ margin: -40px 0 20px 0; font-weight: bold; }
.prodArea .prodOptions							{ padding: 20px 0; text-align: left; }
.prodArea .prodOptions a						{ margin: 0 5px; }
.prodArea.l										{ margin-bottom: 35px; text-align: center; }
.prodArea.l	.price								{ font-size: 20px; font-weight: bold; }
.prodArea.l h2									{ margin: 0; }

.listProd .prodArea.l							{ width: 33%; height: 350px; text-align: center; }
.listProd .prodArea .image						{ position:relative; width: 100%; }
.listProd .prodArea .image.l					{ margin: 0 20px 20px 0; }
.listProd .prodArea .image img					{ max-width: 100%; height: auto; }
*/


/* Pagination */
table.pagination								{ border-collapse:collapse; float:left; margin-top:10px; font:bold 14px 'Source Sans Pro'; }
table.pagination td								{ border:1px solid #fef2e7; padding:0; text-align:center; width:20px; height:20px; }
table.pagination td.submit						{ cursor:pointer; }
table.pagination td.arrow						{ background-color:#fad7b2; }
table.pagination td.arrow.submit				{ background-color:#f1830f; }
table.pagination td.arrow.init					{ background-image:url('../img/initPag.gif'); }
table.pagination td.arrow.end					{ background-image:url('../img/endPag.gif'); }
table.pagination td.number						{ background:#fff; height:17px; }
table.pagination td.number.submit:hover			{ background:#fef2e7; }
table.pagination td.number.current				{ color:#fff; background:#f1830f; }
table.pagination td.more						{ padding-top:4px; height:16px; border:0; }
table.pagination td.comboPag					{ border:0; padding-left:5px; }


/* USER */
.registArea										{ width: 65%; }
.tbl-user										{ border-collapse:collapse; margin: 0; width: 100%; }
.tbl-user td									{ margin:0; padding:0 1%; vertical-align:top; width:48%; }
.tbl-user td p									{ margin:0; margin-top:5px; }
.tbl-user td .input								{ width:97%; padding: 1%; }
.tbl-user td .select							{ width:100%; }
.tbl-user td .input.zipcode4					{ width:25%; }
.tbl-user td .input.zipcode3					{ width:20%; }
.users-txt										{ width:300px; padding:10px; border:1px solid #d8d8d8; }
.users-txt img									{ float:right; margin-left:10px; margin-top:15px; }
.error											{ color:#bc0d0d; }

.loginArea										{ width: 30%; }
.loginArea p									{ margin: 0; }

.getPass										{ width: 200px; }


/* SCROLL */
.jspContainer									{ overflow:hidden; position:relative; }
.jspPane										{ position:absolute; }
.jspVerticalBar									{ position: absolute; top: 0; right: 0; width: 6px; height: 100%; padding: 2px; }
.jspHorizontalBar								{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; }
.jspVerticalBar *,
.jspHorizontalBar *								{ margin: 0; padding: 0; }
.jspCap											{ display: none; }
.jspHorizontalBar .jspCap						{ float: left; }
.jspTrack										{ background:none; position: relative;  }
.jspDrag										{ background:#1c1c1c; position: relative; box-shadow: 0 0 3px #000; top: 0; left: 0; cursor: pointer; }
.jspDrag:hover									{ background-position:center right; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag						{ float: left; height: 100%; }
.jspArrow										{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled							{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow						{ height: 5px; }
.jspHorizontalBar .jspArrow						{ width: 5px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus					{ outline: none; }
.jspCorner										{ background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner								{ margin: 0 -3px 0 0; }