/* CSS Document */

html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
body {
	width:100%;
	margin:0;
	padding:0;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
    font-family: 'Ubuntu', Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
    color: #fff;
	background-color:#000;
	font-size: 13px;
	line-height:normal;	
	text-align: left;
}
b, strong{
	font-weight:700;
	}
a, a:visited{
	color: #fff;
	text-decoration: underline;
}
a:hover{
	color: #fff;
	text-decoration: none;
}
a img{
	border:0;
	max-width: 100%;
}
h2{
	font-style: normal;
	font-weight: 400;
	font-size:14px;
}
h2 img{
	float:left;
	margin:0 20px 10px 0;
}
#container {	
	margin:0;
	width:100%;
	height:100%;
	padding:0;	
}
#content {
	vertical-align: middle
}
#inner {
	margin-left: auto; margin-right: auto; width: 800px; text-align:center;
}
.contain {
	margin:0;
	width:100%;
	height:100vh;
	padding:0;
	display: table;
}
.cont {
	display: table-cell; vertical-align: middle;
}
.in {
	margin-left: auto; margin-right: auto; text-align:center;
}
#logo {
	padding:0;
}
#menu {
	text-align:center;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
	display:table;
}
#menu div{	
	display:table-cell;
	vertical-align:top;
}
#menu div.side{
	background-color:#fff;
	opacity:0.7;
	filter:alpha(opacity=70);
	height:30px;
	width: 3%;
}
#menu div.buttonSide{
width:31px; display:block;}
@media screen and (max-width: 600px) {
body { background-color: lightblue; }
ul.menu{width:400px;}
#menu .side{ }
}
#menu .midle{max-width:896px;box-sizing: border-box;width: 90%;}
ul.menu{
	list-style:none;
	padding:0;
	text-align:center;
	position:relative;
	width:100%;
	box-sizing: border-box;
	margin: 0;
	border-left: 1px transparent solid;
}
ul.menu li {
	box-sizing: border-box;
	float:left;
	list-style:none;
	border-right: 1px transparent solid;
	padding:0;
	height:20px;
	width:14.2859%;
}
ul.menu li a {	
	padding:5px 0 5px 0;
	background-color:#fff;
	color:#000;
	margin:0;
	text-decoration:none;	 
	display:block;
	text-transform:lowercase;
	line-height:20px;
	font-size:15px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
ul.menu li a#home {	
	padding:5px 0 5px 0;
	background-color:transparent;
	color:#000;
	margin:0;
	text-decoration:none;	 
	display:block;
	text-transform:lowercase;
	line-height:20px;
	font-size:15px;
	background-image:url(../img/A.png);
	background-position: center;
}
ul.menu li span {
	padding:5px 0 0 0;
	color:#000;
	margin:0;
	width:127px;
	display:block;
	text-transform:lowercase;
}
ul.menu li a:hover {
	background-color:#fff;
	color:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
}
ul.menu li a.active {
	background-color:#000;
	color:#fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}
ul.menu li.en {	
	width:47px;
}
ul.menu li.en a{	
	width:47px;
}
ul.submenu {
	display:none;
    margin:0; 
    padding:0; 
	z-index:10;
}
ul.submenu li {
	white-space:nowrap;
	border-top:1px transparent solid;
	height:31px;
	width:100%;
}
ul.submenu li a {
	text-transform:lowercase;
}
.clear {clear:both} 
div.scroller{
	
	}
a.open {	
	background-color:transparent;
	margin:0;
	text-decoration:none;
	background-image:url(../img/fs.png);
	z-index:200;
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor: nesw-resize;
	padding:0;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}
a.close {
	display:none;
	background-color:transparent;
	margin:0;
	text-decoration:none;
	width:30px;
	height:30px;
	text-transform:lowercase;
	background-image:url(../img/fs2.png);
	z-index:200;
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor: sw-resize;
	position:absolute;
	top:0;
	right:0;
}
a.open:hover,
a.close:hover,
a.up:hover,
a.down:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
a.up {	
	background-color:transparent;
	margin:0;
	text-decoration:none;
	background-image:url(../img/fv.png);
	z-index:200;
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor:n-resize;
	padding:0;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
a.down {
	display:none;
	background-color:transparent;
	margin:0;
	text-decoration:none;
	width:30px;
	height:30px;
	text-transform:lowercase;
	background-image:url(../img/fv2.png);
	z-index:200;
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor:s-resize;
	position:absolute;
	top:0;
	left:0;
}
div.info{
	width:896px;
	padding:0;
	background-color: rgba(0, 0, 0, 0.5);
	margin:31px auto 0 auto;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	overflow:auto;
	}
div.info p{
	color:#FFF;
	}
div.infoA{
	width:862px;
	padding:17px;
	background-color: rgba(0, 0, 0, 0.5);
	margin:31px auto 0 auto;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	overflow:auto;
	}
div.infoB{
	width:896px;
	padding:0;
	margin:31px auto 0 auto;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	}
div.r{
	background-color: rgba(0, 0, 0, 0.5);
	height:100%;
	padding:17px;
	float:right;
	line-height:0;	
	}
div.l{
	background-color: rgba(0, 0, 0, 0.5);
	height:100%;
	padding:17px;
	float:left;
	overflow-y: auto;max-height:calc(99vh - 31px);
	box-sizing: border-box;
	}
div.b{padding:0 17px 0 17px;}
div.c{margin:0 0 1px 0}
div.d{margin:0 0 1px 1px}
div.e{margin:0 1px 0 0}
div.f{padding:0}
div.g{width:300px;}
div.h{width:595px;overflow-y: auto;max-height:calc(99vh - 31px);height: auto;box-sizing:border-box;}
div.i{float:left}
div.none{display:none}
img.cara{float:left;margin:0 15px 0 0}
p {
	line-height:normal;
}
h3 {
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	line-height:17px;
	color:#FFF;
}

.const{
    width:100%;
	margin:0;
	text-align:center;
	position:absolute;
	top: 100px;
	z-index:100;
}
a.rs{
	opacity:0.9;
	filter:alpha(opacity=90);
	margin-right:15px;
}
a.rs:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.banner {
	z-index:0;
	vertical-align:bottom;
	padding:0;
	margin:0;
}
.banner a {
	margin:0 0 0 36px;
	line-height:0;
}

.banner a img{
	margin:0;
	padding:0;
	border:0;
}
a.skyp{
	background-image:url('../img/skype.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
a.mail{
	background-image:url('../img/mail.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
a.gmail{
	background-image:url('../img/gmail.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
a.linkin{
	background-image:url('../img/logo_in.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
a.behance{
	background-image:url('../img/logo_be.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
span.phon{
	background-image:url('../img/phone.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding: 10px 0px 10px 38px;
	line-height:32px;
}
a.af{
	position:absolute;
	right:5px;
	top:5px;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:200;
}
a.af:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.iframe{
	margin:0 0 10px 20px;
	float:right;
}
.fb-like-box{
	color:#FFF;background-color: rgba(0, 0, 0, 0.5);
}

.um{
	background-image:url('../img/01.jpg');
}
.dois{
	background-image:url('../img/02.jpg');
}
.tres{
	background-image:url('../img/03.jpg');
}
.quatro{
	background-image:url('../img/04.jpg');
}
.cinco{
	background-image:url('../img/05.jpg');
}
.seis{
	background-image:url('../img/06.jpg');
}
.sete{
	background-image:url('../img/07.jpg');
}
.oito{
	background-image:url('../img/08.jpg');
}
.nove{
	background-image:url('../img/09.jpg');
}
.dez{
	background-image:url('../img/10.jpg');
}
.onze{
	background-image:url('../img/11.jpg');
}
.doze{
	background-image:url('../img/12.jpg');			
}
.treze{
	background-image:url('../img/13.jpg');
}
.quat{
	background-image:url('../img/14.jpg');
}
.quin{
	background-image:url('../img/15.jpg');
}
.desa{
	background-image:url('../img/16.jpg');
}
.deza{
	background-image:url('../img/17.jpg');
}
.dezo{
	background-image:url('../img/18.jpg');
}
.dza{
	background-image:url('../img/19.jpg');
}
.vinte{
	background-image:url('../img/20.jpg');
}
.vintum{
	background-image:url('../img/21.jpg');
}
.vintdo{
	background-image:url('../img/22.jpg');
}
.vintre{
	background-image:url('../img/23.jpg');
}
.vintqua{
	background-image:url('../img/24.jpg');
}
.vintcin{
	background-image:url('../img/25.jpg');
}

/* Contact form */
.contact{
	background-color: rgba(0, 0, 0, 0.5);
	height:100%;
	padding:17px;
	float:left;
	width:300px
}
.form{
	float:right;
	background-color: rgba(0, 0, 0, 0.5);
	height:100%;
	padding:17px;
	width:527px
}
form {
	padding: 0;
	margin: 0;
	position:relative;
	z-index:10;
}
table {
	margin: 0 auto;
	width: 100%;
}
tr, td, input, textarea {
	margin: 0;
	padding: 0;
	
}
td {
	padding: 0 0 5px;
}
tr td:first-child {
	padding-right: 10px;
	padding-top: 11px;
	text-align: right;
	vertical-align: top;
}
.error[generated=true] {
	color: #F00;
	font-size: 12px;
	padding: 5px 0 2px 5px;
}
tr.error td {
	padding: 0;
}
input, textarea {
	background: #FFF;
	border: 1px solid #000;
	font: inherit;
	font-size: 12px;
	line-height: 16px;
	min-height: 18px;
	padding: 5px 10px;
	width: 100%;
	color: #09C;
	box-sizing: border-box;
}
input:focus, textarea:focus {
	border-color: #09C;
	outline: none;
}
input, textarea {
    outline:none;    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}

input:focus, textarea:focus {
    -webkit-box-shadow: 0 0 5px rgba(0, 153, 204, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 153, 204, 1);
	box-shadow: 0 0 5px rgba(0, 153, 204, 1);
    border:1px solid rgba(0, 153, 204, 0.8); 
}
textarea {
	height: 139px;
	resize: vertical;
}
input[type=submit] {
	border:1px solid #fff;
	color: #000;
	font: inherit;
	padding: 7px 20px;
	width: auto;
	cursor:pointer;
}
input[type=submit]:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 153, 204, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 153, 204, 1);
	box-shadow: 0 0 5px rgba(0, 153, 204, 1);
    border:1px solid rgba(0, 153, 204, 0.8); 
	color: #09C;
	font: inherit;
	padding: 7px 20px;
	width: auto;
}
#response {
	margin-bottom: 0px;
	text-align: center;
}
#response .success {
	color: #000;
	font-size:16px;
	font-weight:bold;
}
#response .failure {
	color: #dc0000;	
	font-size:16px;
	font-weight:bold;
}
a.fancybox{cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}


@media screen and (min-width: 990px) {
	ul.menu{width: 896px;}
	#menu div,#menu div.midle,#menu div.side{width: 33%;}
	.mobile{display: none}
}
@media screen and (max-width: 990px) {
	div {box-sizing: border-box;}
	div.info,div.infoB{width: 99vw;}
	div.r,div.d,div.l.e{display: none}
	div.h{display: block;float: left;width: calc(99vw - 319px);}
	div.l{text-align: center;float:none;}
	div.g{width: 318px;margin-right: 1px;text-align: left;}
	.form{float: left;width: calc(99vw - 236px);}
	.contact{width: 235px;margin-right: 1px;}
	.mobile{display: none}
}
@media screen and (max-width: 770px){
	.contact a,.contact span{background-image: url(' ');padding: 10px 0px 10px 0px;line-height: normal;}
	.form{float: right;width: calc(99vw - 201px);}
	.contact{width: 200px;margin-right: 1px;}
	div.g{width: 160px;margin-right: 1px;text-align: left;}
	div.h{display: block;float: left;width: calc(99vw - 161px);}
	img.cara {float: none; margin: 0;}
	div.links{display: none}
	.mobile{display: none}
}
@media screen and (max-width: 529px) and (min-width: 230px){
	.desktop{display: none}
	.mobile{display:block }
	ul.menu li{width: 33.33%}
	ul.submenu li{width: 100%}
	tr td:first-child,#menu div.side {display: none;}
	div.b {padding: 0;}
}