@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700,600,800,400);

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

body											{ margin:0; color:#fff; height: 100%; background:#00acc8; font:400 14px 'Open Sans'; overflow-x: hidden; }
html											{ height: 100%; }

*												{ outline:none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; }
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:#00acc8; }
.warningBox										{ padding: 50px; background: #f1f1f1; text-align: center; }
.forceSquare									{ width: 100%; height: auto; }


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

.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: #fff; color: #333E48; margin: 0; padding: 10px 0; font-size: 14px; border: 0; transition:color,background 0.1s; }
.button:hover,a.button:hover					{ background: #f1f1f1; 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; } 
ul.topmenu li.sep				{ width: 130px; height: 15px; }
ul.topmenu li.option a			{ float:left; text-decoration:none; cursor:pointer; padding: 5px 20px; color: #fff; margin: 0; transition:color 0.2s; border: 1px solid transparent; }
ul.topmenu li.option.current a	{ border-color: #fff; }
ul.topmenu li a:hover			{ 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; }


.openMenu										{ position:relative; float:right; width:33px; height:33px; cursor:pointer; margin-top: 20px; display: none; transition: all 0.2s; }
.openMenu .path									{ position:absolute; left:4px; right:4px; height:3px; background:#fff; }
.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(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }


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


video#bgvid										{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; }

/*
video#bgvid										{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -100; background: #000; background-size: cover; }
*/
.clear.spaceHeader								{ height: 71px; }
.clear.spaceBigHeader							{ height: 115px; }

.silver											{ background: #333E48; }
.degrade,a.degrade								{ background: -webkit-linear-gradient(right,#00acc8,#007f8c); background: -o-linear-gradient(right,#00acc8,#007f8c); background: -moz-linear-gradient(right,#00acc8,#007f8c); background: linear-gradient(right,#00acc8,#007f8c); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr="#00acc8", endColorStr="#007f8c"); }


.alignCenter									{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto; }
.innerpadding									{ position: relative; padding: 20px; }
.innerpadding.browserpadd						{ padding: 20px 50px; }


.mMenu											{ position: fixed; left: 0; top: 0; width: 100%; padding-top: 90px; display: none; z-index: 9; }
.mMenu ul.topmenu li							{ width: 100%; }
.mMenu ul.topmenu li.option a					{ padding: 10px 0; width: 100%; }
.mMenu ul.topmenu li.option.current a			{ border-color: #333E48; }
.mMenu .opLang									{ padding: 0 10px 0 0; }


.header											{ position: fixed; left: 0; top: 0; right: 0; z-index: 10; transition: all 0.2s; }
.header .logo									{ position: relative; width: 210px; height: 75px; background: url('../img/site/logo.png') no-repeat left center; background-size: contain; transition: height 0.2s,background 0.2s; }
.header .menu									{ margin-top: 20px; }
.header .lang									{ margin-top: 20px; }
.header .lang a									{ float: left; padding: 5px 10px; color: #fff; margin: 0 2px; transition:color 0.2s; border: 1px solid #fff; font-weight: 700px; }

.header.mini									{ background: #333E48; transition: background 0.2s; }
.header.mini .logo								{ height: 30px; background-image: url('../img/site/logo-mini.png'); transition: height 0.2s,background 0.2s; }
.header.mini .menu								{ margin-top: 0; transition: margin 0.2s; }
.header.mini .lang								{ margin-top: 0; transition: margin 0.2s; }
.header.mini .openMenu							{ margin-top: 0; transition: margin 0.2s; }

/*
.contain										{ position: relative; width: 100%; height: 100%; z-index: 0; }
.contain .section								{ position: absolute; left: 0; width: 100%; height: 100%; overflow: hidden; }
.contain .section.home							{ top: 0; }
.contain .section.services						{ top: 100%; }
.contain .section.tipologias					{ top: 200%; }
.contain .section.parallaxImg1					{ top: 300%; height: 75%; }
.contain .section.casestudies					{ top: 375%; }
.contain .section.clients						{ top: 475%; }
.contain .section.contacts						{ top: 575%; }
*/

.section										{ position: relative; width: 100%; min-height: 100%; overflow: hidden; z-index: 0; transition: all 0.2s; }
.section.bgimage								{ background-repeat: no-repeat; }
.section.bgimage .filter						{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); }
.section.parallaxImage							{ min-height: 600px; }


.footer											{ text-align: left; color: #fff; font-size: 12px; transition: all 0.2s; }
.footer .menu									{  }
.footer .menu .elem								{ position: relative; margin-right: 30px; }
.footer .menu .elem a							{ float: left; color: #fff; }
.footer .logo									{ position: relative; width: 210px; height: 75px; background: url('../img/site/logo.png') no-repeat left center; background-size: contain; }
.footer img										{ vertical-align: middle; }

.closeContent									{ -webkit-transform:translateX(250px); -ms-transform:translateX(250px); transform:translateX(250px); transition: all 0.2s; }
.closeContent.header .openMenu					{ -webkit-transform:translateX(-250px); -ms-transform:translateX(-250px); transform:translateX(-250px); background-color: #333E48; transition: all 0.2s; }


/* ANIMATIONS */
.animateTop										{ -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; }
.animateTop.animateMe							{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: transform 0.5s; }
.animateLeft									{ -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; }
.animateLeft.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: transform 0.5s; }
.animateBottom									{ -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; }
.animateBottom.animateMe						{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: transform 0.5s; }
.animateRight									{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; }
.animateRight.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: transform 0.5s; }

.animatePaddTop									{ padding-top: 30px; opacity: 0; }
.animatePaddTop.animateMe						{ padding-top: 0; opacity: 1; transition: all 0.3s; }

.animateFade									{ opacity: 0; }
.animateFade.animateMe							{ opacity: 1; transition: all 1s; }





/* GERAL */
.half											{ position: relative; width: 50%; }
.thirth											{ position: relative; width: 33%; }
.thirth.middle									{ margin: 0 0.5%; }
.scrollPage										{ cursor: pointer; }

.parallaxImage									{ position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden; z-index: 2; background: #000; }
.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; opacity: 0.4; }

.slidebottomarrow								{ width: 20px; height: 75px; background: url('../img/site/icon-slideBottomArrow.png') no-repeat center center; background-size: 40px auto; margin: 0 auto; 
	-webkit-animation:	slidebottomarrow 1s linear infinite; /* Safari 4+ */
	-moz-animation:		slidebottomarrow 1s linear infinite; /* Fx 5+ */
	-o-animation:		slidebottomarrow 1s linear infinite; /* Opera 12+ */
	animation:			slidebottomarrow 1s linear infinite; /* IE 10+, Fx 29+ */ }

@-webkit-keyframes slidebottomarrow	{
	from	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateY(0); opacity: 1; }
	to		{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateY(50px); opacity: 0; }
}
@-webkit-keyframes slidebottomarrow	{
	from	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateY(0); opacity: 1; }
	to		{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateY(50px); opacity: 0; }
}
@-moz-keyframes slidebottomarrow	{
	from	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateY(0); opacity: 1; }
	to		{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateY(50px); opacity: 0; }
}
@-o-keyframes slidebottomarrow		{
	from	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateY(0); opacity: 1; }
	to		{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateY(50px); opacity: 0; }
}
@keyframes slidebottomarrow			{
	from	{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateY(0); opacity: 1; }
	to		{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateY(50px); opacity: 0; }
}




/* TEXT */
.text .info										{ width: 100%; }
.text .info .button								{ border: 1px solid #fff; background: none; color: #fff; padding: 5px 10px; text-decoration: none; transition: background 0.2s,color 0.2s; }
.text .info .button:hover						{ background: #fff; color: #333E48; transition: background 0.2s,color 0.2s; }


/* HOMEPAGE */
.home											{ background: rgba(0,0,0,1); z-index: 1; }
.home .elem										{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.home .elem .info								{ position: absolute; left: 0; bottom: 100px; width: 100%; font-size: 50px; font-weight: 800; z-index: 1; }
.home .elem .info ul							{ padding: 0; margin: 0; }
.home .elem .info ul li							{ list-style-type: none; padding: 0; margin: 0; opacity: 0; padding-left: 100px; transition-delay: 1s; }
.home .elem .image								{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.5; }
.home .elem.cycle-slide-active .info ul li		{ opacity: 1; padding-left: 0; transition: opacity 0.5s linear,padding 0.5s ease-out; }

.home .elem.cycle-slide-active .info ul li:nth-of-type(1)	{ transition-delay: 1s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(2)	{ transition-delay: 1.4s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(3)	{ transition-delay: 1.8s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(4)	{ transition-delay: 2.2s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(5)	{ transition-delay: 1.6s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(6)	{ transition-delay: 3s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(7)	{ transition-delay: 3.4s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(8)	{ transition-delay: 3.8s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(9)	{ transition-delay: 4.2s; }
.home .elem.cycle-slide-active .info ul li:nth-of-type(10)	{ transition-delay: 4.6s; }




/* SERVICES */
.services										{  }
.services .button								{ border: 1px solid #fff; background: none; color: #fff; padding: 5px 10px; text-decoration: none; transition: background 0.2s,color 0.2s; }
.services .button:hover							{ background: #fff; color: #333E48; transition: background 0.2s,color 0.2s; }
.services .icon									{ width: 45px; }
.services .thirth:not(.button)					{ padding-top: 50px; width: 30%; }
.services .thirth.middle						{ margin: 0 5%; }
.services .thirth.button						{ margin: 0; width: 30%; background: none; border: 1px solid #fff; color: #fff; font-size: 20px; font-weight: 700; transition: background 0.2s,color 0.2s; }
.services .thirth.button:hover					{ background: #fff; color: #333E48; transition: background 0.2s,color 0.2s; }


.tipologias	.innerpadding						{ padding-bottom: 350px; }
.tipologias .listTipologias						{ position: absolute; left: 50%; top: 20px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 1; }
.tipologias .listTipologiasNum					{ border: 1px solid #fff; padding: 5px 10px; margin: 5px; cursor: pointer; }
.tipologias .listTipologiasName					{ padding: 11px 15px 11px 5px; }
.tipologias .city								{ position: relative; width: 100%; height: 300px; background: url('../img/site/img-city.png') no-repeat center bottom; background-size: 1180px; z-index: 0; margin-top: 50px; }
.tipologias .city .html							{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 0.4s; z-index: 1; }
.tipologias .city .html.visible					{ opacity: 1; transition: opacity 0.4s; transition-delay: 0.4s; }
.tipologias .city .elem							{ position: relative; width: 25%; }
.tipologias .city .elem .icon					{ width: 55px; height: 65px; background: url('../img/site/icon-services-tipologias.png') no-repeat left bottom; background-size: 165px; transition: margin 0.4s; }
.tipologias .city .elem .info					{ opacity: 0.2; padding-top: 30px; transition: opacity 0.2s,padding 0.2s; }
.tipologias .city .elem .info .b				{ padding: 0 0; opacity: 1; transition: padding 0.2s,opacity 0.2s; transition-delay: 0.2s; }

/*
.tipologias .city .elem.recolha					{ text-align: right; }
.tipologias .city .elem.armazenamento1			{ text-align: left; }
.tipologias .city .elem.armazenamento2			{ text-align: left; }
.tipologias .city .elem.entrega					{ text-align: right; }

.tipologias .city .elem.recolha .innerpadding			{ text-align: right; padding: 170px 50px 0 0; }
.tipologias .city .elem.armazenamento1 .innerpadding	{ text-align: left; padding: 150px 20px 0 105px; }
.tipologias .city .elem.armazenamento2 .innerpadding	{ text-align: right; padding: 150px 0 0 20px; }
.tipologias .city .elem.entrega .innerpadding			{ text-align: right; padding: 160px 60px 0 20px; }

.tipologias .city .elem.recolha .icon			{ float: right; margin-bottom: 100px; background-position: left bottom; }
.tipologias .city .elem.armazenamento1 .icon	{ float: left; margin-bottom: 120px; background-position: right bottom; }
.tipologias .city .elem.armazenamento2 .icon	{ float: right; margin-bottom: 120px; background-position: right bottom; }
.tipologias .city .elem.entrega .icon			{ float: right; margin-bottom: 110px; background-position: center bottom; }
*/

.tipologias .city .elem.recolha					{ text-align: right; }
.tipologias .city .elem.armazenamento1			{ text-align: left; }
.tipologias .city .elem.armazenamento2			{ text-align: left; }
.tipologias .city .elem.entrega					{ text-align: right; }

.tipologias .city .elem.recolha .innerpadding			{ text-align: left; padding: 170px 20px 0 0; }
.tipologias .city .elem.armazenamento1 .innerpadding	{ text-align: left; padding: 150px 20px 0 0; }
.tipologias .city .elem.armazenamento2 .innerpadding	{ text-align: left; padding: 150px 20px 0 0; }
.tipologias .city .elem.entrega .innerpadding			{ text-align: left; padding: 160px 20px 0 0; }


.tipologias .city .elem.recolha .icon			{ float: right; margin-bottom: 100px; margin-right: 30px; background-position: left bottom; }
.tipologias .city .elem.armazenamento1 .icon	{ float: right; margin-bottom: 120px; margin-right: 115px; background-position: right bottom; }
.tipologias .city .elem.armazenamento2 .icon	{ float: right; margin-bottom: 120px; margin-right: -20px; background-position: right bottom; }
.tipologias .city .elem.entrega .icon			{ float: right; margin-bottom: 110px; margin-right: 30px; background-position: center bottom; }

.tipologias .city .elem.hover .info				{ opacity: 1; padding-top: 0; transition: opacity 0.2s,padding 0.2s; }
.tipologias .city .elem.hover .info .b			{ padding: 0; opacity: 1; transition: padding 0.4s,opacity 0.2s; transition-delay: 0.2s; }
.tipologias .city .elem.hover .icon				{ margin-top: -20px; background-position-y: top; transition: margin 0.4s; }
.tipologias .city .elem.hover.recolha .icon			{ margin-bottom: 120px; }
.tipologias .city .elem.hover.armazenamento1 .icon	{ margin-bottom: 140px; }
.tipologias .city .elem.hover.armazenamento2 .icon	{ margin-bottom: 140px; }
.tipologias .city .elem.hover.entrega .icon			{margin-bottom: 130px; }

.vantrack										{ position: absolute; left: 0; top: 396px; width: 100%; height: 65px; overflow: hidden; z-index: 5; }
.vantrack .van									{ position: absolute; top: 0; bottom: 0; left: -300px; background: url('../img/site/img-city-van.gif') no-repeat right center,url('../img/site/img-city-van-shadow.png') no-repeat right center; background-size: 300px auto;
	-webkit-animation:	slidevantrack 20s linear infinite; /* Safari 4+ */
	-moz-animation:		slidevantrack 20s linear infinite; /* Fx 5+ */
	-o-animation:		slidevantrack 20s linear infinite; /* Opera 12+ */
	animation:			slidevantrack 20s linear infinite; /* IE 10+, Fx 29+ */ }

@-webkit-keyframes slidevantrack {
	from	{ right: 100%; }
	to		{ right: -300px; }
}
@-webkit-keyframes slidevantrack {
	from	{ right: 100%; }
	to		{ right: -300px; }
}
@-moz-keyframes slidevantrack {
	from	{ right: 100%; }
	to		{ right: -300px; }
}
@-o-keyframes slidevantrack {
	from	{ right: 100%; }
	to		{ right: -300px; }
}
@keyframes slidevantrack {
	from	{ right: 100%; }
	to		{ right: -300px; }
}


/* CASE STUDIES */
.casestudies .listCasestudies					{ position: absolute; left: 50%; top: 20px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 2; }
.casestudies .listCasestudiesName				{ border: 1px solid #fff; padding: 5px 10px; margin: 0 5px; cursor: pointer; transition: color 0.2s,background 0.2s; }
.casestudies .listCasestudiesName.current		{ background: #fff; color: #333E48; transition: color 0.2s,background 0.2s; }
.casestudies .showCasestudies					{ position: relative; padding-top: 75px; z-index: 1; }
.casestudies .showCasestudies .openCase			{ border: 1px solid #fff; padding: 5px 10px; margin-right: 5px; cursor: pointer; transition: color 0.2s,background 0.2s; }
.casestudies .showCasestudies .openCase.current	{ background: #fff; color: #333E48; transition: color 0.2s,background 0.2s; }
.casestudies .showCasestudies .html				{ opacity: 0; transition: opacity 0.4s; z-index: 1; }
.casestudies .showCasestudies .html.visible		{ opacity: 1; transition: opacity 0.4s; transition-delay: 0.4s; }

.casestudies .city								{ position: absolute; left: 0; height: 300px; background: url('../img/site/img-city.png') repeat-x; background-size: 1180px auto; width: 100%; z-index: 0;
	-webkit-animation:	slidecity 25s linear infinite; /* Safari 4+ */
	-moz-animation:		slidecity 25s linear infinite; /* Fx 5+ */
	-o-animation:		slidecity 25s linear infinite; /* Opera 12+ */
	animation:			slidecity 25s linear infinite; /* IE 10+, Fx 29+ */ }
.casestudies .city .van							{ position: absolute; left: 75%; bottom: -20px; width: 300px; height: 65px; margin-left: -150px; background: url('../img/site/img-city-van.gif') no-repeat right center,url('../img/site/img-city-van-shadow.png') no-repeat right center; background-size: contain; }

@-webkit-keyframes slidecity {
	from	{ background-position: 1180px bottom; }
	to		{ background-position: 0 bottom; }
}
@-webkit-keyframes slidecity {
	from	{ background-position: 1180px bottom; }
	to		{ background-position: 0 bottom; }
}
@-moz-keyframes slidecity {
	from	{ background-position: 1180px bottom; }
	to		{ background-position: 0 bottom; }
}
@-o-keyframes slidecity {
	from	{ background-position: 1180px bottom; }
	to		{ background-position: 0 bottom; }
}
@keyframes slidecity {
	from	{ background-position: 1180px bottom; }
	to		{ background-position: 0 bottom; }
}




/* CLIENTS */
.clients .elem									{ position: relative; width: 25%; background: #fff; }
.clients .elem .info							{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #333E48; border: 1px solid #f1f1f1; }
.clients .elem .info .innerpadding				{ position: static; }
.clients .elem .info h1							{ font-size: 25px; }
.clients .elem .info .img						{ background-repeat: no-repeat; }
.clients .elem .forceSquare						{ width: 100%; }
.clients .elem .info .summ						{ display: block; }
.clients .elem .info .desc						{ display: none; }
.clients .elem .button							{ position: absolute; left: 20px; bottom: 20px; border: 1px solid #333E48; background: #fff; color: #333E48; padding: 5px 10px; text-decoration: none; transition: background 0.2s,color 0.2s; }
.clients .elem .button:hover					{ background: #333E48; color: #fff; transition: background 0.2s,color 0.2s; }

.clients .elem.curr								{ width: 50%; }
.clients .elem.curr .button						{ display: none; }
.clients .elem.curr .info .summ					{ display: none; }
.clients .elem.curr .info .desc					{ display: block; }



/* CONTACTS */
.contacts .infoBG								{ position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: rgba(217,217,217,0.8); z-index: 0; z-index: 1; }
.contacts .infoBG.mapdirections					{ max-height: 100%; background: #fff; }
.contacts .info									{ position: relative; height: 0; color: #333E48; z-index: 2; }
.contacts .info .browserpadd					{ padding-top: 0; padding-bottom: 0; }
.contacts .info .half							{ position: absolute; width: 30%; }
.contacts .info .half.mapdirections				{ width: 45%; top: 85px; }
.contacts .info a								{ color: #333E48; }
.contacts .map									{ position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 0; }
.contacts .map.mapdirections					{ left: 50%; }
.contacts .setContactHeight.mapdirections		{ height: 100%; }
.contacts a.button								{ background: #333E48; padding: 5px 10px; color: #fff; }
.contacts a.button:hover						{ text-decoration: none; background: #f1f1f1; color: #333E48; transition: background 0.2s,color 0.2s; }

.contactForm .input								{ box-shadow: none; border-radius: 0; padding: 10px 3%; width: 94%; margin: 3px 0; background: none; border: 1px solid #333E48; }
.contactForm .input.textarea					{ height: 50px; }
.contactForm .select							{ box-shadow: none; border-radius: 0; padding: 10px 6% 10px 3%; width: 100%; margin: 3px 0; background-color: transparent; border: 1px solid #333E48; }
.contactForm .button							{ margin-top: 5px; border: 1px solid #333E48; background: none; color: #333E48; padding: 5px 15px; }



/* Pagination */
table.pagination								{ border-collapse:collapse; float:left; margin-top:10px; font:700 14px 'Open Sans'; }
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:10px; text-align:left; color:#333E48; font-size: 12px; }
div.dialog.done{ border-left: 3px solid #ceef73; }
div.dialog.error{ border-left: 3px solid #ef7373; }
div.dialog.notes{ border-left: 3px solid #73b3ef; }
div.dialog li{ margin-left:20px; }
div.dialog p{ margin:0; }