@charset "utf-8";
/* CSS Document */

html{height: 100%;}

body 
{
	background-color: #46433f;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #fff;
	height: 100%;
}

br{clear: both;}
img{border: none;}
*{margin: 0px; padding: 0px;}
.float-left{float: left;}
.float-right{float: right;}
.no-margin{margin: 0px;}
.no-padding{padding: 0px;}
.relative{position: relative;}
a
{
	color: #f6e497;
}
a:hover
{
	color: #fff;
	text-decoration: none;
}

.en, h1 span, h3 span, p.newest-h1 span, h2 span, h4 span{color: #e9d6bb;}
p.newest-h1{font-size: 16px; font-weight: normal;}
h1.seoh1{font-size: 10px; font-weight: normal; text-align: right; padding: 10px 0px; color: #938d86; float: right;}
/*h1{font-size: 16px; font-weight: normal;}*/
h4.site-subname{font-size: 16px; font-weight: normal;}
h3, h2.site-name{font-size: 30px; margin-bottom: 15px;}
.detach{background-color: #3e3b37; color: #3e3b37; height: 1px; margin: 40px 0px 40px 0px;}
p{text-align: justify; margin-bottom: 10px;}

.hidden{display: none;}

/*BUTTONS*/

/*div.btn{}
div.btn span{float: left; width: 20px; height: 40px;}
div.btn span.btn-left-active{background: url(../images/btn-left.png) no-repeat;}
div.btn span.btn-right-active{background: url(../images/btn-right.png) no-repeat;}
div.btn span img{float: left; visibility: hidden;}
div.btn a
{
	float: left;
	display: block;
	background: url(../images/btn-bg.png) repeat-x;
	height: 33px;
	color: #000;
	text-decoration: none;
	font-size: 18px;
	padding: 7px 40px 0px 40px;
	border: none;
	font-weight: normal;
}

div.btn:hover a
{
	background: url(../images/btn-bg-active.png) repeat-x;
	color: #000;
}
div.btn:hover span.btn-left-active, div.btn:hover span.btn-right-active{background: none;}
div.btn:hover span img{visibility: visible;}*/

/*BUTTONS*/

/*FORMULAR*/

div.form 
{
	margin: 0px;
	padding: 0px;
}

div.form-email{width: 444px; padding: 30px 0px 0px 125px;}
div#to-friend-bg{background: url(../images/design/to-friend-bg.png) no-repeat; width: 100%; height: 165px;}
div.form-contact{width: 655px;}

div.form label 
{
	clear:both;	
	display:block;
	float:left;
}

div.form input, div.form textarea
{
	width: 185px;
	height: 31px;
	background: url(../images/design/textbox.png) no-repeat;
	border: none;
	margin-bottom: 9px;
	color: #fff;
	font-size: 11px;
	padding: 0px 5px;
}

div.form input.error, div.form textarea.error
{
  background: url(../images/design/textbox-error.png) no-repeat;
  color: #f6e497;
}

div.form textarea
{
	width: 439px;
	height: 111px;
	background: url(../images/design/textbox-text.png) no-repeat;
	margin-bottom: 0px;
}
div.form textarea.error{ background: url(../images/design/textbox-text-error.png) no-repeat; }

div.form .valid 
{
	color:#FFFFFF;
	float:left;
}

div.form .btn 
{
	cursor:pointer;	
	background: url(../images/design/form-btn.png) no-repeat top left; 
	width: 127px; 
	height: 34px;
	margin-top: 6px;
}
div.form .btn:hover{background-position: 0px -37px;}

div.form .code{display: block; width: 110px; height: 31px; margin: 9px 10px 0px 0px; float: left;}
div.form .code a{display: block; width: 22px; height: 22px; float: right; padding: 4px 0px 0px 0px;}
div.form .code-textbox{margin-top: 9px;}

.lDebug 
{
	color:Red;
	display:block;
	margin-bottom:10px;
}

div#response
{ 
  font-size: 22px;
  margin: 0px;
  float: right;
  width: 655px;
  height: 111px;
  background: url(../images/design/response-bg.png) top no-repeat #46433f;
  padding: 40px 0px 0px 0px;
  text-align: center;
}

#response_friend
{
  font-size: 22px;
  margin-bottom:10px;
  float: right;
  width: 712px;
  height: 90px;
  background: url(../images/design/to-friend-response-bg.png) top no-repeat #46433f;
  padding-top: 75px;
  text-align: center;
}

/*FORMULAR*/

div#container, div#main-container
{
	width: 986px;
/*	background: url(../images/container-bg.png) top no-repeat #46433f;*/
	margin: 0px auto;
	text-align: left;
	position: relative;
}
div#main-container{min-height: 100%;}

div#scroll
{
	position: fixed;
	margin-left: 1000px;
	bottom: 50%;
}

div#scroll a
{
	background: url(../images/design/scroll-arrow.png) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
}
div#scroll a:hover{background-position: bottom;}

div.top-line{border-bottom: solid 1px #3C3936;}

a.fb-social, a.tw-social, a.fl-social{display: block; float: left; width: 19px; height: 20px; margin-top: 7px; padding: 0px; background: url(../images/design/social-icons.png) no-repeat;}
a.fb-social{background-position: 0px 0px;}
a.tw-social{background-position: -20px 0px; margin-left: 5px !important;}
a.fl-social{background-position: -40px 0px; margin-left: 5px !important;}

div#upper{position: relative;}
div#upper span.menu-bubble, div#footer span.menu-bubble{position: absolute; top: 15px; left: 912px; z-index: 1000;}
div#footer span.menu-bubble{top: 5px;}
div#upper span.menu-bubble span, div#footer span.menu-bubble span{position: absolute; font-size: 10px; padding-top: 3px; text-align: center; width: 25px;}

div#upper ul, div#footer ul
{
	float: right;
	list-style-type: none;
	font-size: 14px;
}
div#upper ul{margin-top: 30px;}

div#upper ul li, div#footer ul li
{
	float: left;
	padding-left: 20px;
}

div#upper ul li a, div#footer ul li a
{
	color: #fff;
	text-decoration: none;
}

div#upper ul li a span, div#footer ul li a span{color: #e9d6bb; font-size: 11px; display: block;}
div#upper a.upper-logo{display: block; float: left; width: 198px; height: 49px; margin-top: 26px;}

div#main{background: url(../images/design/container-bg.png) top no-repeat #46433f; position: absolute; top: 18%; left: 0;}
div#main div.index-download, div#main img.index-logo{float: left;}
div#main div.index-download{width: 230px; padding: 0px 0px 0px 45px;}
/*div#main div.index-download a{visibility: hidden;}  TU SCHOVAT */
div#main img.index-logo{margin: 130px 0px 30px 0px;}

/*REFERENCIE NA UVODE*/

/*div#referencies{position: relative; padding: 0px;}*/
div#referencies h1{margin-bottom: 10px;}
div#referencies a.reference, div#referencies a.reference-first
{
	float: left;
	background-color: #5d9ca7;
	width: 140px;
	height: 100px;
	display: block;
	position: relative;
}
div#referencies a.reference{margin-left: 1px;}

/*div#referencies a.reference div, div#referencies a.reference-first div{display: none;}*/
/*div#referencies a.reference:hover img, div#referencies a.reference-first:hover img{display: none;}*/
div#referencies a.reference:hover div, div#referencies a.reference-first:hover div{display: block; padding: 5px 5px;}
div#referencies a.reference:hover div h2, div#referencies a.reference-first:hover div h2, div.overlay a{color: #46433f; font-size: 13px; font-weight: bold; margin-bottom: 5px;}
div#referencies a.reference:hover div p, div#referencies a.reference-first:hover div p, div.overlay p a{font-size: 11px; color: #fff; font-weight: normal;}
div.main-vert-div{display: none;}
/*div#referencies div.main-vert-div{display: table; height: 100px; #position: relative; overflow: hidden; display: none;}
div#referencies div.main-vert-div div.vert-div{#position: absolute; #top: 50%; display: table-cell; vertical-align: middle;}
div#referencies div.main-vert-div div.vert-div div.sub-vert-div{#position: relative; #top: -50%}*/

/*REFERENCIE NA UVODE*/

/*REFERENCIE CLIENTA*/

/*div#client-referencies{position: relative;}*/
div#client-referencies a.client-reference, div#client-referencies a.client-reference-first
{
	float: left;
	background-color: #5d9ca7;
	width: 140px;
	height: 100px;
	display: block;
	position: relative;
}
div#client-referencies a.client-reference{margin-left: 1px;}
/*div#client-referencies a.client-reference img, div#client-referencies a.client-reference-first img{position: absolute; top: 0px; left: 0px; z-index: 1;}
div#client-referencies a.client-reference:hover img, div#client-referencies a.client-reference-first:hover img{z-index: -1; opacity: 0.05;}
div#client-referencies a.client-reference:hover, div#client-referencies a.client-reference-first:hover,
div#overlay .vert-div .sub-vert-div a.client-reference:hover, div#overlay .vert-div .sub-vert-div a.client-reference-first:hover
{background-color: #5d9ca7; z-index: 1;}
div#client-referencies a.client-reference h2, div#client-referencies a.client-reference-first h2,
#overlay .vert-div .sub-vert-div a.client-reference h2, #overlay .vert-div .sub-vert-div a.client-reference-first h2
{
	color: #46433f; 
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 5px; 
	padding: 10px 10px 0px 10px;
}
div#client-referencies a.client-reference p, div#client-referencies a.client-reference-first p, 
#overlay .vert-div .sub-vert-div a.client-reference p, #overlay .vert-div .sub-vert-div a.client-reference-first p
{font-size: 11px; padding: 0px 10px 10px 10px; margin: 0px;}*/

/*REFERENCIE CLIENTA*/

/*div#services h3, div#contact h3{float: left; width: 493px;}
div#services a.a-top, div#contact a.a-top{float: right;}*/
div#services div.service{width: 443px;}
div#services div.service div{width: 390px;}
div#contact{} /*FIXED FOOTER*/
div#contact a{color: #5d9ca7;}
div#contact a:hover{color: #fff;}
div#contact strong.name{font-size: 15px;}

div.links{text-align: center; font-size: 11px; height: 120px;}

div#footer 
{
	width: 986px;
	padding: 20px 0px;
	position: fixed;
	bottom: 0px;
	background-color: #46433f;
	z-index: 1000;
} /*FIXED FOOTER*/

div#footer a.wg-img, div#footer a.mad-img, div#footer a.adv-img{display: block; float: left; text-decoration: none;}
div#footer a.wg-img{width: 101px; height: 23px;}
div#footer a.mad-img{width: 87px; height: 18px; margin: 0px 20px 6px 20px;}
div#footer a.adv-img{width: 144px; height: 14px; margin-top: 4px;}

/*div#footer
{
	width: 986px;
	margin: 40px 0px;
}*/


/*SUB*/

div#content{margin-top: 37px;}
div#content div.menu-top{background: url(../images/design/menu-top2.png) no-repeat top left; padding-top: 25px;}
div#content div.menu-bottom{background: url(../images/design/menu-bottom2.png) no-repeat bottom left; padding-bottom: 25px;}
div#content div.works
{
	width: 195px;		
	float: left; 
}

div#content div.works div ul
{
	list-style-type: none;
	padding: 0px 10px;
	background-color: #3c3936;
	height: 200px;
	overflow: hidden;
	position: relative;
	top:0px;
}

div#content div.works div a{display: block;}
div#content div.works div ul li a{color: #fff; text-decoration: none; display: block; padding: 5px 10px;}
div#content div.works div ul li a:hover, div#content div.works div ul li a.active{background-color: #46433f;}
div#content div.works div ul li img{float: right; margin: 3px 0px 0px 0px;}
div#content div.works table a{color: #fff; text-decoration: none;}
div#content div.works table a:hover{text-decoration: underline;}
div#content div.works div.sub-download{width: 100%; text-align: center; margin: 20px 0px;} /* TU SCHOVAT */
 
div#content div.detail-top{float: right; background: url(../images/design/detail-top.png) no-repeat top left; padding-top: 20px;} 
div#content div.detail-bottom{background: url(../images/design/detail-bottom.png) no-repeat bottom left; padding-bottom: 20px;}
div#content div.detail
{
	width: 773px;
	background-color: #3c3936;	
}

div#content div.detail h2.site-name{border-bottom: #46433f solid 1px; padding: 0px 0px 20px 30px; float: left; width: 626px;}
div#content div.detail div.padding{padding: 0px 30px;}
div#content div.detail div.padding a{color: #fff;}
div#content div.detail div.padding h3.client-name{color: #60a1ac; font-size: 20px; margin-bottom: 15px;}
div#content div.works strong{font-size: 14px; line-height: 50px;}
div#content div.detail div.padding p.info{font-size: 14px; margin-bottom: 20px;}
/*div#content div.detail a.a-top{border-bottom: #46433f solid 1px; padding: 3px 30px 26px 10px; display: block; float: right;}*/
div#content div.detail a.a-top-fb{border-bottom: #46433f solid 1px; padding: 3px 30px 30px 0px; float: right; display: block;}
div#content div.detail div.padding div.client-comment-top{background: url(../images/design/client-comment-top.png) no-repeat top left; padding-top: 7px;}
div#content div.detail div.padding div.client-comment-bottom{background: url(../images/design/client-comment-bottom.png) no-repeat bottom left; padding-bottom: 36px;}
div#content div.detail div.padding div.client-comment{background-color: #46433f; padding: 0px 30px; overflow: hidden;}
div#content div.detail div.padding div.client-comment p{padding: 20px 0px; font-size: 12px; margin: 0px;}
div#content div.detail div.padding div.client-comment p img.apostrof-top{margin: 0px 5px 5px 0px;}
div#content div.detail div.padding div.client-comment p img.apostrof-bottom{padding: 0px 0px 0px 5px;}
div#content div.detail div.padding div.client-comment div.detach{background-color: #3e3b37; color: #3e3b37; height: 1px; margin: 0px;}
div#content div.detail div.quick-contact{padding: 0px 30px 10px 30px;}
div#content div.detail div.quick-contact strong{font-size: 18px; margin-top: 15px;}

div#content table{width: 195px; margin-bottom: 20px;}
div#content table tr td{padding: 2px 10px;}