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

@font-face		{ font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); }

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

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

*												{ outline:none; -webkit-font-smoothing: antialiased; font:400 14px 'Lora'; }
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; }
.clear.headerSpacer								{ height: 120px; }
.clear.headerMinSpacer							{ height: 80px; }
.color											{ color:#00afef; }
.warningBox										{ padding: 50px; background: #f1f1f1; text-align: center; }
.forceSquare									{ width: 100%; height: auto; }


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; 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; width: 100%; display:block; }
ul.topmenu li					{ margin:0; padding:0; } 
ul.topmenu li.sep				{ width: 130px; height: 15px; }
ul.topmenu li.option a			{ float:left; text-decoration:none; cursor:pointer; padding: 5px 20px; color: #B3B3B3; font-size: 16px; transition:color 0.2s; text-align: center; }
ul.topmenu li.option.current a	{ color: #fff; }
ul.topmenu li a:hover			{ color: #fff; 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 *********************/
/***************************************************/

.openMenu										{ position:absolute; right: 1px; top: 6px; width:33px; height:33px; display: none; background:#000; cursor:pointer; z-index: 1; }
.openMenu .path									{ position:absolute; left:4px; right:4px; height:3px; background:#B3B3B3; }
.openMenu .path:nth-of-type(1)					{ top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu .path:nth-of-type(2)					{ top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu .path:nth-of-type(3)					{ bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu.open .path:nth-of-type(1)				{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
.openMenu.open .path:nth-of-type(2)				{ opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu.open .path:nth-of-type(3)				{ transform: rotate(45deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }

.alignCenter									{ position: relative; width: 90%; padding: 0 5%; max-width: 750px; margin: 0 auto; }

.thirth											{ position: relative; width: 32%; margin: 0; padding: 0; }
.thirth.middle									{ margin: 0 2%; }
.fifth											{ width: 20%; }

.groupImages									{ position: relative; padding: 0; margin: 0; width: 100%; }
.groupImages .fifth								{ margin: 0.5%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }


.title											{ position: relative; width: 100%; height: 40px; margin: 0 auto; margin-bottom: 30px; }
.title .align									{ position: absolute; top: 0; left: 50%; display: flex; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); }
.title .effect									{ position: absolute; width: 92px; height: 40px; top: 0; background: url('../img/site/img-effects.png') no-repeat center center; }
.title .effect.left								{ background-position: left center; left: 0; }
.title .effect.right							{ background-position: right center; right: 0; }
.title .txt										{ padding: 5px 0; width: 100%; text-align: center; font-size: 22px; text-transform: uppercase; }

.parallaxImage									{ position: relative; height: 500px; width: 100% !important; margin: 0; padding: 0; overflow: hidden; z-index: 0; }
.parallaxImage .randomImage						{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; background-color:#000; }

a.sharefb										{ background: #3a5795; color: #fff; padding: 2px 5px; border-radius: 3px; margin-right: 5px; }
a.sharefb i:before								{ margin: 0; margin-right: 5px; }


.header											{ position: fixed; left: 0; right: 0; bottom: 0; height: 350px; background: #000; transition:height 0.2s; z-index: 10; }
.header .logo									{ position: absolute; width: 212px; height: 70px; padding: 5px; top: -75px; left: 50%; margin-left: -111px; background: #000; border-radius: 45px 45px 0 0; z-index: 1; }
.header .logo a									{ background: #000; border-radius: 40px 40px 0 0; border: 1px solid #B3B3B3; border-bottom: 0; float: left; height: 75px; width: 210px; text-align: center; }
.header .line									{ position: relative; margin: 5px; height: 1px; background: #B3B3B3; z-index: 0; }
.header .grouplist .thirth						{ color: #fff; }
.header .grouplist .thirth .image				{ height: 100px; }

.header .search									{ position: absolute; right: 5px; top: 5px; }
.header .search .lang							{ margin: 14px 10px 0 0; }
.header .search .lang a							{ color: #fff; font-size: 12px; }



.header .mMenu 									{ position: absolute; left: 0; bottom: 5px; right: 0; opacity: 0; transition:opacity 0.2s; display: none; }
.header .mMenu ul.topmenu li					{ width: 100%; }
.header .mMenu ul.topmenu li.option a			{ padding: 5px 0; width: 100%; text-align: center; }

.header.close									{ height: 80px; transition:height 0.2s; transition-delay: 0.2s; }
.header.close .grouplist						{ opacity: 0; transition:opacity 0.2s; }
.header.closedByDefault							{ height: 80px; transition:height 0.2s; }
.header.closedByDefault .grouphighlight			{ display: none; }


.header.showmenu								{ height: 200px; transition:height 0.2s; }
.header.showmenu .mMenu							{ opacity: 1; transition:opacity 0.2s; transition-delay: 0.2s; z-index: 0; }



/*
.brand											{ position: relative; background: #fff; padding: 5px; color: #000; font-size: 12px; text-align: left; }
.brand img										{ vertical-align: middle; }
*/


/* LIST */
.grouplist										{ position: relative; opacity: 1; transition:opacity 0.2s; transition-delay: 0.2s; }
.grouplist .thirth								{ text-align: center; opacity: 0.9; transition:opacity 0.2s; }
.grouplist .thirth:hover						{ opacity: 1; transition:opacity 0.2s; }
.grouplist .thirth .image						{ position: relative; width: 100%; height: 200px; background-repeat: no-repeat; }
.grouplist .clearresponsivemobile				{ clear: none; }


/* HOMEPAGE */
.mainGallery									{ position: relative; width: 100%; height: 100%; z-index: 0; }
.mainGallery .elem								{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; }


/* SERVICES */
.textinfo										{ text-align: center; }
.textinfo img									{ max-width: 100%; height: auto; }


/* CONTACTS */
.map											{ position: relative; width: 100%; height: 500px; }



/* Pagination */
table.pagination								{ border-collapse:collapse; float:left; margin-top:10px; font:700 14px 'Lora'; }
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; }