@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

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

/*
@font-face		{ font-family: absolutprot; src: local(absolutprot), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Thin_reduced.ttf') format('opentype'); }
@font-face		{ font-family: absolutprol; src: local(absolutprol), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Light_reduced.ttf') format('opentype'); }
@font-face		{ font-family: absolutprom; src: local(absolutprom), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Medium_reduced.ttf') format('opentype'); }
@font-face		{ font-family: absolutprob; src: local(absolutprob), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Book_reduced.ttf') format('opentype'); }
@font-face		{ font-family: absolutprobb; src: local(absolutprobb), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Bold_reduced.ttf') format('opentype'); }
@font-face		{ font-family: absolutprobbb; src: local(absolutprobbb), url('../font/iF_Absolut_Pro_upright/Absolut_Pro_Black_reduced.ttf') format('opentype'); }
*/


body											{ margin:0; color:#fff; background: #fff; height: 100%; }
html											{ height: 100%; }

*												{ outline:none; -webkit-font-smoothing: antialiased; font:400 14px 'Roboto Condensed'; }
img												{ border:0px; }
form											{ margin:0px; padding:0px; }

.l												{ float:left; }
.r												{ float:right; }
.b,b,strong										{ font-weight:700; }
.hide											{ display:none; }
.clear											{ clear:both; }
.clear.spacer									{ height: 60px; }
.clear.minSpacer								{ height: 30px; }
.color											{ color:#00afef; }
.marginSide										{ margin:0 10px }


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

.input											{ background: #fff; border: 0; box-shadow: 0 0 2px #999; outline: none; resize: none; border-radius:2px; padding:7px 1%; }
.input:focus									{ box-shadow: 0 0 2px #666; }
.input::-webkit-input-placeholder				{ color:#999; }
.input:focus::-webkit-input-placeholder			{ color:#b7b7b7; }
.button,a.button								{ background: #333; color: #fff; margin: 1px; padding: 7px 15px; font-size: 11px; border: 0; transition:color,background 0.1s; border-radius:2px; }
.button:hover,a.button:hover					{ background: #000; cursor: pointer; transition:color,background 0.1s; }
.select											{ background: #fff url('../img/bg-select-arrow.png') no-repeat 98% center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius:2px; box-shadow: 0 0 2px #999; padding:7px 1%; }


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

ul.topmenu						{ position:relative; padding:0; margin:0; list-style-type:none; display:block; }
ul.topmenu li					{ margin:0; padding:0; float: left; width:20%; } 
ul.topmenu li.sep				{ width: 130px; height: 15px; }
ul.topmenu li.option a			{ float:left; text-decoration:none; cursor:pointer; padding-top: 30px; color: #fff; text-align:center; width:100%; height:47px; background:url('../img/site/bg-menu-degrade.png') repeat-x center left; transition:background 0.2s; }
ul.topmenu li.option.current a	{ background-image:url('../img/site/bg-menu-degrade-reverse.png'); transition:background 0.2s; }
ul.topmenu li a:hover			{ color: #000; transition:color 0.2s; }

.submenu,.submenu ul			{ position:absolute; margin:0; padding:0; list-style-type:none; display:none; margin-top:1px; }
.submenu li						{ position:relative; width: 218px; padding-left: 20px; }
.submenu li a					{ display:block; color:#999; text-decoration:none; font-size:16px; }
.submenu li a:hover				{ color: #fff; }



/***************************************************/
/********************* CONTENT *********************/
/***************************************************/

.alignCenter										{ }

.bgwebsite											{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; }
.bgwebsite .elem									{ position:absolute; top:0; left:0; width:100%; height:100%; }
.bgwebsite .elem .info								{ position:absolute; width:70%; bottom:100px; padding:0 15%; text-align:right; }
.bgwebsite .elem .info .read2more					{ padding:2px 10px; background:rgba(0,0,0,0.6); }
.bgwebsite .elem .info .title						{ text-shadow:2px 2px 0 #000; font-size:32px; font-weight:400; }
.bgarrow											{ position:fixed; right:15%; bottom:160px; width:50px; z-index:1; }
.bgarrow .icon										{ position:relative; width:21px; height:13px; background:url('../img/site/icon-arrow.png') no-repeat; cursor:pointer; }
.bgarrow .icon.prev									{ background-position:center left; }
.bgarrow .icon.next									{ background-position:center right; }


.mHeader											{ position:relative; width:50%; margin:0 25%; display:none; z-index: 1; }
.mHeader .logo										{ position:relative; width:100%; height:100px; background:#fff url('../img/site/logo.png') no-repeat center center; background-size:contain; }
.mHeader .openmenu									{ text-align:center; padding:7px 0; background:url('../img/site/bg-menu-degrade.png') repeat-x center left; cursor:pointer; }
.mHeader .openmenu img								{ vertical-align:middle; margin-top:-2px; }
.mHeader .mMenu										{ display:none; }
.mHeader .menuSpacer								{ height:5px; }
.mHeader .nav										{ position:relative; width:100%; height:auto; padding-top:5px; background:url('../img/site/bg-menu-degrade.png') repeat-x top left; z-index:1; cursor: pointer; border-top:1px solid #7b6600; }
.mHeader .nav.open									{ background-image:url('../img/site/bg-menu-degrade-reverse.png'); transition:background 0.2s; }
.mHeader .nav .border1								{ display:none; }
.mHeader .nav .border2								{ display:none; }
.mHeader .nav .alignMiddle							{ position:relative; width:100%; text-align:center; }
.mHeader .nav .alignMiddle .arrow					{ position:relative; width:100%; height:5px; background:url('../img/site/icon-arrow-submenu.png') no-repeat top center; }
.mHeader .nav.open .alignMiddle .arrow				{ background-position:bottom center; }
.mHeader .nav .name									{ text-transform:uppercase; font-size:14px; }
.mHeader .nav .subname								{ text-transform:lowercase; font-size:12px; }
.mHeader .othersite									{ position: relative; width:100%; background:#404041; display:none; }
.mHeader .othersite .elem							{ width:100%; text-align:center; padding:7px 0; color:#fff; border-top:1px solid #555; }
.mHeader .othersite .elem:nth-of-type(1)			{ background:url('../img/site/bg-submenu-1.png') repeat-x top left; }
.mHeader .othersite .elem:nth-of-type(2)			{ background:url('../img/site/bg-submenu-2.png') repeat-x top left; }
.mHeader .othersite .elem:nth-of-type(3)			{ background:url('../img/site/bg-submenu-3.png') repeat-x top left; }
.mHeader .othersite .elem:hover						{ background-position:bottom left; }


.mHeader .menu										{ width:100%; }
.mHeader .menu ul.topmenu li						{ width:100%; background-position:top left; border-top:1px solid #7b6600; } 
.mHeader .menu ul.topmenu li a						{ height:auto; padding:10px 0; }


.header												{ position:absolute; right:0; left:15%; height:77px; z-index:22; }
.header.homepage									{ top:40%; transition:top 0.5s; transition-delay:0.5s; }
.header.contentpage									{ top:15%; transition:top 0.5s; }
.header .shadow										{ position:absolute; left:18px; width:15%; top:0; width:174px; height:97px; background:url('../img/site/header-shadow.png') no-repeat center right; z-index:0; }
.header .logo										{ position:relative; width:15%; height:77px; background:#fff url('../img/site/logo.png') no-repeat center center; background-size:contain; z-index:1; }
.header .nav										{ position:relative; width:15%; height:77px; background:url('../img/site/bg-menu-degrade.png') repeat-x center left; z-index:1; cursor: pointer; transition:background 0.2s; }
.header .nav.open									{ background-image:url('../img/site/bg-menu-degrade-reverse.png'); transition:background 0.2s; }
.header .nav .border1								{ position:absolute; top:0; right:0; bottom:0; width:1px; background:rgba(255,255,255,0.2); }
.header .nav .border2								{ position:absolute; top:0; right:1px; bottom:0; width:1px; background:rgba(0,0,0,0.2); }
.header .nav .alignMiddle							{ position:absolute; left:0; top:50%; width:100%; text-align:center; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); }
.header .nav .alignMiddle .arrow					{ position:relative; width:100%; height:5px; background:url('../img/site/icon-arrow-submenu.png') no-repeat top center; transition:background 0.1s; }
.header .nav.open .alignMiddle .arrow				{ background-position:bottom center; transition:background 0.1s; }
.header .nav .name									{ text-transform:uppercase; font-size:14px; }
.header .nav .subname								{ text-transform:lowercase; font-size:12px; }
.header .othersite									{ position: absolute; left:0; top:77px; right:0; background:#404041; display:none; }
.header .othersite .elem							{ width:100%; text-align:center; padding:7px 0; color:#fff; border-top:1px solid #555; }
.header .othersite .elem:nth-of-type(1)				{ background:url('../img/site/bg-submenu-1.png') repeat-x top left; transition:background 0.2s; }
.header .othersite .elem:nth-of-type(2)				{ background:url('../img/site/bg-submenu-2.png') repeat-x top left; transition:background 0.2s; }
.header .othersite .elem:nth-of-type(3)				{ background:url('../img/site/bg-submenu-3.png') repeat-x top left; transition:background 0.2s; }
.header .othersite .elem:hover						{ background-position:bottom left; transition:background 0.2s; }

.header .menu										{ position:relative; width:70%; background:url('../img/site/bg-menu-degrade.png') repeat-x center left; z-index:1; }

.content img										{ max-width: 50%; height: auto; }
.content.visible .scroll							{ position:relative; height:100%; margin-top:20px; opacity:0; transition:margin 0.2s,opacity 0.2s; }
.content.visible .scroll.visible					{ margin-top:0; opacity:1; transition:margin 0.2s,opacity 0.2s; }
.content.visible .bottomPage						{ position:absolute; bottom:10px; left:15%; }
.content.visible .navigator							{ position:absolute; top:10px; left:15%; }



.footerlink .area									{ position: relative; padding: 0 20px; background: rgba(0,0,0,0.7); border-right: 1px solid #000; }
.footerlink .area:nth-of-type(1)					{ padding-top: 30px; height: 82px; }
.footerlink .area:nth-of-type(2)					{ padding-top: 25px; height: 87px; }
.footerlink .area:nth-of-type(3)					{ padding-top: 20px; height: 92px; }
.footerlink .area .image							{ padding: 20px 0; margin-right: 10px; }
.footerlink .area .fontesize						{ font-size: 26px; }
.footerlink .area p									{ margin: 0; }


.footer .qren										{ margin-left:50px; }

.footer .newsSlide .readmore						{ background:none; text-align:right; width:100%; padding:0; }
.footer .newsSlide .readmore span					{ margin:0 10px; }
.footer .newsSlide .readmore						{ vertical-align:middle; }

.footer .brand										{ font-size:12px; color:#888; }
.footer .brand a									{ color:#888; }


.tbl-calc											{ width: 100%; border-collapse: collapse; }
.tbl-calc td										{ padding: 5px 10px; }
.tbl-calc .small									{ width: 20%; }
.tbl-calc .fontsize									{ font-size: 18px; }
.tbl-calc .grey										{ color: #999; }
.tbl-calc .bgblack									{ background: rgba(0,0,0,0.4); padding: 10px; margin: 5px 0; }
.tbl-calc .bgblack .input							{ border-radius: inherit; padding: 2px 2%; width: 96%; border: 0; box-shadow: none; }
.tbl-calc .bgblack .select							{ border-radius: inherit; width: 100%; padding: 4px 2% 3px 2%; margin: 0; background-color: #000; color: #fff; border: 1px solid #fff; box-shadow: none; }
.tbl-calc .bgblack .select.half						{ width: 49%; }


/* GERAL */
.readmore											{ padding:2px 10px; background:rgba(0,0,0,0.6); transition:background 0.2s; }
.readmore:hover										{ background:rgba(0,0,0,0.8); transition:background 0.2s; }
.readmore.nobg										{ background:none; padding:0; }
h1													{ font-size: 20px; }


/* NEWS */
.news h1											{ margin-top:0; }
.news img											{ float: left; margin-right:10px; width:25%; }

.newsInfo											{ width:50%; }
.newsImg											{ width:49%; }
.newsImg img										{ max-width:100%; height:auto; }


/* PRODUCTS */
.prodName											{ padding:3px 0; margin:5px 0; border-bottom:2px solid #fff; width:100%; cursor:pointer; }
.prodName.open										{ border:none; }
.prodDesc											{ position:relative; width:100%; padding:5px 0; display:none; }


/* PORTFOLIO */
.portfolioList										{ position:relative; width:24%; margin:0.5%; }
.portfolioList .title								{ position:absolute; left:0; bottom:0; right:0; padding:5px 0; color:#000; background:rgba(255,255,255,0.7); text-align:center; transition:padding 0.2s; }
.portfolioList:hover .title							{ padding:10px 0; transition:padding 0.2s; }
.portfolioList img									{ width:100%; height:auto; }

.portfolioListImg									{ width:24%; margin:0.5%; }
.portfolioListImg img								{ width:100%; height:auto; }

/* CONTACTS */
.contactInfo										{ position:relative; width:28%; }
.contactList										{ position:relative; width:32%; margin:0 0.5%; }
.map												{ position:relative; width:70%; height:250px; }




/* Pagination */
table.pagination								{ border-collapse:collapse; float:left; margin-top:10px; font:bold 14px 'Roboto Condensed'; }
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/pag_goInit.gif'); }
table.pagination td.arrow.end					{ background-image:url('../img/pag_goEnd.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 REGIST */
.registArea											{ width: 100%; }
.registArea .input									{ width:47%; margin:0.5%; padding:7px 1%; }
.registArea .input.error							{ color:#bc0d0d; }
.registArea .input.error::-webkit-input-placeholder	{ color:#f01; }
.registArea .sepZipCode								{ margin-top:9px; color:#fff; }
.registArea .input.zipcode4							{ width:15%; }
.registArea .input.zipcode3							{ width:10%; }
.registArea .select									{ width:49%; margin:0.5%; padding:7px 1%; }
.registArea .button									{ margin:0.5%; }

.passRecover										{  }
.passRecover .input									{ border-right:0; border-radius:2px 0 0 2px; margin-right:0; width:30%; padding:7px 1%; }
.passRecover .button								{ border-radius:0 2px 2px 0; margin-left:0; padding:7px 1%; }

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


/* 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; }




/* Tooltips */
.tipsy { padding: 5px; font-size:13px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; /*-moz-border-radius:3px; -webkit-border-radius:3px;*/ }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* Messages */
div.dialog{ margin:10px 0; padding:20px 2%; text-align:left; color:#000; box-shadow:0 0 2px #000; border-radius:2px; font-size:11px; }
div.dialog.done{ background:#ceef73; }
div.dialog.error{ background:#ef7373; }
div.dialog.notes{ background:#73b3ef; }
div.dialog li{ margin-left:20px; }
div.dialog p{ margin-left:0; }