@font-face {
  font-family: 'BebasNeueRegular';
  src: url("/css/fonts/bebasneue-webfont.eot");
  src: url("/css/fonts/bebasneue-webfont.eot?iefix") format("eot"), url("/css/fonts/bebasneue-webfont.woff") format("woff"), url("/css/fonts/bebasneue-webfont.ttf") format("truetype"), url("/css/fonts/bebasneue-webfont.svg#webfontUPxCYOCi") format("svg");
  font-weight: normal;
  font-style: normal;
}

.cols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .cols, * html .clearfix	{ height:1%; }
.clearfix	{ display:block; }
.clearfix, .cols { zoom:1;} 

body {
  margin:0 0 0 0;
  padding:0;
  font:95%/120% Calibri, arial,tahoma,verdana, sans serif;
  text-align:center;
  background:white;
  color:#444;
  overflow-y:scroll;
}

textarea, input, select {
	font-size:13px;
	font-family:arial,tahoma,verdana,sans serif;
}

td, th {
	_font-size /**/:80%;
	padding:0;
}
.transparent, .transparent td, .transparent th {
	border:0!important;
	background:none!important;
	text-align:left;
}
input.kod {
	width:98px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}
a {
  text-decoration:underline;
  font-weight:bold;
}
a:hover {
  text-decoration:none;
}
img {
	border:0;
}
hr {
	border:1px solid #1E121E;
	border-bottom:1px solid #452F46;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin:0;
	padding:0;
}
input, textarea {
	background:#f5f5f5;
	padding:10px;
	border:none;
	color:#333;
	border:1px solid #D6D6D6;
}
select {
	background:white;
}
label {
	font-weight:normal;
	font-size:20px;
	margin:0 0 5px 0;
	display:block;
}
input.submit {
	font-family: "BebasNeueRegular";
  background:#111;
  color:#fff;
  font-weight:normal;
  text-transform:uppercase;
  border:1px solid #000;
  padding:10px 20px 10px 20px;
	padding:6px 3px 6px 3px;
	cursor:hand;
	cursor:pointer;
	width:auto!important;
	font-size:26px;
}
a.to-home {
	display:block;
	z-index:99!important;
}
a.to-home span {
	display:none;
}
.hidden {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 12px 0;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-absolute {
  display:block;
	clear:both;
}
.block {
	display:block!important;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
img.f-left {
	margin:0 15px 5px 0;
}
img.f-right {
	margin:0 0 5px 15px;
}
.small-font {
	font-size:90%!important;
}
.small-font2 {
	font-size:80%!important;
}
.big-font {
	font-size:110%!important;
}
.big-font2 {
	font-size:130%!important;
}
.bold {
	font-weight:bold!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-l-mg {
	margin-left:0!important;
}
.no-padd {
	padding:0!important;
}
.no-bold {
	font-weight:normal!important;
}
.no-float {
	float:none!important;
}
.inline {
	display:inline!important;
}
.wauto {
	width:auto!important;
}
.w-100pro {
	width:100%!important;
}
.w-90pro {
	width:95%!important;
}
.tt-none {
	text-transform:none!important;
}
.v-top {
	vertical-align:top;
}
.v-center {
	vertical-align:middle!important;
}
.v-bott {
	vertical-align:bottom;
}
.red {
	color:red!important;
}
.black {
	color:black!important;
}
.grey {
	color:#666!important;
}
.white {
	color:white!important;
}
.yellow {
	color:#EFC24F!important;
}
.delmsg {
	color:Red!important;
	font-weight:bold;
}
.red-bg {
	background:red!important;
	color:white!important;
	padding:0 5px 0 5px!important;
}
.nowrap {
	white-space:nowrap!important;
}


/*** bottom margin ***/
.bmg-0 {margin-bottom:0px!important}
.bmg-3 {margin-bottom:3px!important}
.bmg-5 {margin-bottom:5px!important}
.bmg-15 {margin-bottom:15px!important}
.bmg-10 {margin-bottom:10px!important}
.bmg-20 {margin-bottom:20px!important}
.bmg-30 {margin-bottom:30px!important}

/*** top margin ***/
.tmg-0 {margin-top:0px!important}
.tmg-3 {margin-top:3px!important}
.tmg-5 {margin-top:5px!important}
.tmg-15 {margin-top:15px!important}
.tmg-10 {margin-top:10px!important}
.tmg-20 {margin-top:20px!important}
.tmg-30 {margin-top:30px!important}

/*** right margin ***/
.rmg-3 {margin-right:3px!important}
.rmg-5 {margin-right:5px!important}
.rmg-15 {margin-right:15px!important}
.rmg-10 {margin-right:10px!important}
.rmg-20 {margin-right:20px!important}
.rmg-30 {margin-right:30px!important}

/*** left margin ***/
.lmg-3 {margin-left:3px!important}
.lmg-5 {margin-left:5px!important}
.lmg-15 {margin-left:15px!important}
.lmg-10 {margin-left:10px!important}
.lmg-20 {margin-left:20px!important}
.lmg-30 {margin-left:30px!important}
.lmg-50 {margin-left:50px!important}

/*** bottom padding ***/
.bpd-0 {
	padding-bottom:0!important;
}

/*** left padding ***/
.lpd-5 {
	padding-left:5px!important;
}

/*** top padding ***/
.tpd-8 {
	padding-top:8px!important;
}

/*** default define ***/
a.to-home {
	position:absolute;
	top:10px;
	left:10px;
	width:150px;
	height:77px;
	background:url(/img/logo.jpg) no-repeat top left;
}
a {
  color:#5DBBBB;
}
select {
	background:white;
}


h1 {
  display:none;
}
h2 {
  padding:0 0 0 0;
  margin:0 0 10px 0;
	font-size:150%;
	font-weight:normal;
	color:#000;
}
h3 {
	margin:10px 0 7px 0; 
	padding:0;
	font-size:120%;
	color:#000;
}
h4 {
	margin:17px 0 5px 0; 
	padding:0;
	font-size:110%;
	color:#000;
}
h5 {
	margin:5px 0 0 0; 
	padding:0;
	font-size:100%;
	color:#000;
}
.h-grey, .h-tyrk {
	font-family: "BebasNeueRegular";
	font-weight:normal;
	font-size:30px;
	padding:14px 40px 14px 20px;
	background:url(/img/h_grey_arr.jpg) no-repeat right center #BCBCBC;
	float:left;
	color:white;
	margin:0 0 10px 0;
}
.h-tyrk {
	background:url(/img/h_tyrk_arr.jpg) no-repeat right center #5DBBBB;
}

.button {
	font-family: "BebasNeueRegular";
	font-weight:normal;
	font-size:30px;
	padding:10px 50px 10px 20px;
	background:url(/img/button_arr.jpg) no-repeat right center #555555;
	color:white;
	text-decoration:none;
	line-height:1em;
	margin:auto;
	display:inline-block;
}
.button:hover {
	background:url(/img/button_arr_a.jpg) no-repeat right center #5DBBBB;
}


ul.def {
	margin:10px 0 20px 15px;
	padding:0;
}
ul.def li {
	margin:6px 0 6px 0;
	list-style:none;
	padding:0 0 0 25px;
	background:url(/img/li.gif) no-repeat 0 5px;
	font-size:110%;
	color:#222;
	font-weight:bold;
}


div.bg {
	background:url(/img/bg.jpg) center top;
}
div.bg-top {
	background:url(/img/top_bg.gif) repeat-x center top;
}
div.foot {
	background:url(/img/foot.gif) repeat-x center top;
	height:99px;
	margin:-10px 0 0 0;
	position:relative;
	z-index:9;
}
div.foot-in {
	background:url(/img/foot_in.jpg) no-repeat center top;
	width:1340px;
	margin:auto;
	text-align:left;
}
div.foot-in-in {
	padding:30px 0 20px 10px;
	font-size:90%;
}
div.head {
	position:absolute;
	top:0;
	width:1340px;
	margin:0 0 0 0;
}

div.screen {
	width:1340px;
	margin:auto;
	position:relative;
	text-align:left;
	background:url(/img/bg.jpg) center top;
}
div.screen-in {
	background:url(/img/screen_in_bg.jpg) no-repeat center top;
	padding:115px 0 50px 0;
}
div.page {

}







/*** menu ***/
.showmenu {
	width:50px;
	height:50px;
	position:absolute;
	right:5%;
	top:14px;
	display:none;
	background:url(/img/menu/showmenu.jpg) no-repeat top left;
}
.showmenu.act {
	background:url(/img/menu/showmenu_a.jpg) no-repeat top left;
}
ul.menu {
	font-family: "BebasNeueRegular";
	margin:30px 0 0 0;
	padding:0;
	position:absolute;
	top:0;
	right:10px;
}
ul.menu li {
	float:left;
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
}
ul.menu li a {
	display:block;
	font-weight:normal;
	font-size:24px;
	text-decoration:none;
	padding:10px 0 7px 41px;
	color:black;
}
ul.menu li a:hover {
	text-decoration:none;
	color:#666;
}
ul.menu li.act a {
	color:#5DBBBB;
}
ul.menu li.m-informace a {
	background:url(/img/menu/info.jpg) no-repeat top left;
}
ul.menu li.m-prace a {
	background:url(/img/menu/prace.jpg) no-repeat top left;
}
ul.menu li.m-kontakt a {
	background:url(/img/menu/kontakt.jpg) no-repeat top left;
}
ul.menu li.m-informace a:hover {
	background:url(/img/menu/info_hover.jpg) no-repeat top left;
}
ul.menu li.m-prace a:hover {
	background:url(/img/menu/prace_hover.jpg) no-repeat top left;
}
ul.menu li.m-kontakt a:hover {
	background:url(/img/menu/kontakt_hover.jpg) no-repeat top left;
}
ul.menu li.act.m-informace a {
	background:url(/img/menu/info_a.jpg) no-repeat top left;
}
ul.menu li.act.m-prace a {
	background:url(/img/menu/prace_a.jpg) no-repeat top left;
}
ul.menu li.act.m-kontakt a {
	background:url(/img/menu/kontakt_a.jpg) no-repeat top left;
}



/*** footmenu ***/
ul.footmenu {
	float:right;
	margin:0 10px 0 0;
}
ul.footmenu li {
	float:left;
}
ul.footmenu li a {
	display:block;
	padding:0 0 0 17px;
	margin:0 0 0 25px;
	background:url(/img/foot_li.jpg) no-repeat 0 4px;
	line-height:1em;
	text-decoration:none;
	font-weight:normal;
	color:black;
}
ul.footmenu li a:hover {
	text-decoration:underline;
}
ul.footmenu li.act a {
	color:#5DBBBB;
	background:url(/img/foot_li_a.jpg) no-repeat 0 4px;
}
ul.footmenu li.act a:hover {
	text-decoration:none;
}


/*** path ***/
div.path {
	margin:0 0 0 10px;
	padding:0 0 30px 0;
	font-weight:bold;
	color:#5DBBBB;
}
div.path a {
	text-decoration:none;
	color:black;
}
div.path a:hover {
	text-decoration:underline;
}
div.path img {
	vertical-align:middle;
}




/*** reference ***/

div.reference a {
	display:block;
	text-decoration:none;
	float:left;
	margin:0 17px 15px 0;
	margin:0 13px 15px 0\9;
	padding:0 0 0 0;
	width:320px;
	height:350px;
	border:1px solid #D6D6D6;
	border-bottom:2px solid #D6D6D6;
	background:white;
	font-weight:normal;
	border-radius:3px;
	overflow:hidden;
}
div.reference a:nth-child(4n+4) {
	margin-right:0;
}
div.reference a img {
	display:block;
	margin:0 auto 0 auto;
	width:100%;
}
div.reference a span {
	display:block;
	cursor:hand;
	cursor:pointer;
}
.reference-in {
	padding:10px 10px 10px 10px;
}
.reference-in-in {
	padding:20px 10px 10px 10px;
}
.reference-in h2 {
	font-family: "BebasNeueRegular";
	font-size:27px;
	font-weight:normal;
	margin:0 0 5px 0;
}
.reference-in .desc {
	color:#419898;
	font-size:16px;
	font-weight:normal;
}
.reference-in .pfn-item {
	color:#999;
	font-size:13px;
	line-height:1em;
	margin:7px 0 0 0;
}
.reference-in .button-item {
	color:#999;
	border:1px solid #D6D6D6;
	border-bottom:2px solid #D6D6D6;
	font-size:14px;
	text-transform:uppercase;
	float:right;
	padding:2px 20px 2px 10px;
	margin:9px 0 0 0;
	border-radius:3px;
	background:url(/img/detail.jpg) no-repeat right center;
}


div.reference a:hover {
	background:#fafafa;
	border-color:#bbb;
}
div.reference a:hover .button-item {
	background:url(/img/detail_a.jpg) no-repeat right center;
	color:#5DBBBB;
	border-color:#5DBBBB;
}



/*** informace ***/
div.informace-img {
	width:58%;
	float:left;
	padding:0 0 0 0;
	position:relative;
}
div.informace-img img {
	width:100%;
}
div.informace-img img.infoimgs {
	display:none;
}
div.informace {
	width:60%;
	float:left;
	padding:205px 0 0 0;
	position:relative;
	display:none;
}
div.informace h2 {
	font-family: "BebasNeueRegular";
	margin:0 0 0 50px;
	padding:13px 30px 13px 30px;
	background:black;
	color:white;
	font-size:60px;
	line-height:1em;
	position:absolute;
	top:0;
	font-weight:normal;
}
div.informace em {
	margin:75px 0 0 150px;
	padding:13px 25px 13px 25px;
	background:#555555;
	color:#D2D2D2;
	font-size:33px;
	line-height:1em;
	position:absolute;
	top:0;
	font-weight:normal;
	font-style:normal;
}
div.informace h3 {
	font-family: "BebasNeueRegular";
	margin:93px 0 0 335px;
	padding:13px 50px 13px 50px;
	background:#5DBBBB;
	color:white;
	font-size:70px;
	line-height:1em;
	position:absolute;
	top:0;
	font-weight:normal;
}
div.informace p {
	font-size:33px;
	line-height:1.2em;
	color:#555555;
	padding:0 0 0 135px;
}


/* pro5 */
div.pro-5 {
	float:right;
	width:38%;
	background:url(/img/pro5.png) no-repeat top left;
	margin:-50px 0 0 0;
	padding:0 0 0 0;
}
div.pro-5-in {
	padding:50px 0 80px 60px;
}
ul.pro-5-ul {
	margin:15px 0 0 15px;
	padding:0;
}
ul.pro-5-ul li {
	margin:0 0 13px 0;
	padding:0;
	list-style:none;
	padding:0 0 0 25px;
	background:url(/img/li.gif) no-repeat 0 8px;
	line-height:1em;
	font-size:22px;
}
div.pro-5-in div.vice {
	font-size:22px;
	padding:7px 0 0 40px;
}
div.pro-5-in div.vice a {
	font-weight:normal;
}




/*** detail ***/
div.detail-desc {
	float:left;
	width:25%;
}
div.detail-desc-in {
	padding:25px;
	border:1px solid #D6D6D6;
	border-bottom:2px solid #D6D6D6;
	background:white;
	border-radius:3px;
}
div.detail-desc h2 {
	font-family: "BebasNeueRegular";
	font-size:33px;
	font-weight:normal;
	margin:0 0 5px 0;
}
div.detail-desc h3 {
	color:#419898;
	font-size:16px;
	font-weight:normal;
}
div.detail-desc .pfn-detail {
	color:#999;
	font-size:13px;
	line-height:1em;
	margin:7px 0 0 0;
}
div.detail-desc h4 {
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #59A8A8;
	margin:20px 0 0 0;
}
div.detail-desc h4 span {
	color:#fff;
	background:#5DBBBB;
	padding:7px 14px 7px 14px;
	display:inline-block;
}
div.detail-desc ul {
	background:#F0F0F0;
	padding:20px 20px 7px 20px;
}
div.detail-desc ul li {
	margin:0 0 13px 0;
	padding:0;
	list-style:none;
	padding:0 0 0 20px;
	background:url(/img/detail_li.gif) no-repeat 0 6px;
	line-height:1em;
	font-size:16px;
}
div.detail-desc ul li a {
	color:#444;
	font-weight:normal;
	text-decoration:none;
}
div.detail-desc ul li a:hover {
	color:#888;
	text-decoration:none;
}
div.detail-desc div.url {
	text-align:right;
	padding:15px 0 0 0;
}
div.detail-desc div.url a {
	display:inline-block;
	text-decoration:none;
	font-size:18px;
	padding:0 23px 0 0;
	font-weight:bold;
	background:url(/img/blank.jpg) no-repeat right center;
}
div.detail-desc div.url a span {
	text-decoration:underline;
}
div.detail-desc div.url a:hover span {
	text-decoration:none;
}
div.detail-img {
	float:right;
	padding:10px;
	border:1px solid #D6D6D6;
	border-bottom:2px solid #D6D6D6;
	background:white;
	border-radius:3px;
	width:70%;
}
div.detail-img img {
	width:100%;
	display:block;
}

div.detail-buttons {
	margin:10px 0 0 0;
}
div.detail-buttons a {
	font-family: "BebasNeueRegular";
	font-weight:normal;
	font-size:20px;
	padding:9px 15px 9px 40px;
	background:url(/img/prev_arr.jpg) no-repeat left center #B0B0B0;
	color:white;
	text-decoration:none;
	line-height:1em;
	margin:auto;
	display:inline-block;
}
div.detail-buttons a.next-butt {
	padding:9px 40px 9px 15px;
	background:url(/img/next_arr.jpg) no-repeat right center #B0B0B0;
	float:right;
}
div.detail-buttons a:hover {
	background:url(/img/prev_arr_a.jpg) no-repeat left center #5DBBBB;
}
div.detail-buttons a.next-butt:hover {
	background:url(/img/next_arr_a.jpg) no-repeat right center #5DBBBB;
}



/*** kontakt ***/
div.kontakt-form {
	padding:20px;
	background:#fff;
	border-radius:3px;
	border:1px solid #D6D6D6;
	border-bottom:2px solid #D6D6D6;
	text-align:left!important;
}
.kontaktni-udaje {
	font-size:22px;
	line-height:1.5em;
	padding:0 0 150px 20px;
}

div.half-td {
	width:360px;
}
div.half-td input {
	width:340px;
}
div.full-td textarea {
	width:715px;
	height:100px
}
div.submit-td {
	text-align:right;
}
div.submit-td input {
	margin:50px 0 0 0;
}
img.spamcode {
	width:auto!important;
}



/*** hlasky a chyby ***/
.formerror label, .form-error label {
	color:red!important;
}
.formerror input, .formerror textarea,
.form-error input, .form-error textarea, span.form-error input {
	border:1px solid red!important;
}
.report {
	padding:15px 15px 15px 15px;
	text-align:left;
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:18px;
}
.err {
	background:#CF2121;
	color:white;
}
.ok {
	background:#5DBBBB;
	color:white;
}
.warning {
	background:#D9A60D;
	color:white;
}
.err strong, .err a, .ok strong, .ok a, .warning strong, .warning a {
	color:white;
}
.info {
	background:#BDE6FC;
	color:black;
}
.info strong {
	color:black;
}



/*** table1 ***/
table.table1 {
	width:100%;
}
table.table1 th, table.table1 td {
	vertical-align:top;
}
table.table1 th {
	font-size:90%;
	width:150px;
	vertical-align:top;
	padding:10px 0 5px 0;
	text-align:left;
	text-transform:uppercase;
	color:#000;
}
table.table1 thead th {
	padding-right:0;
}
table.table1 td, table.table1 th {
	xborder-bottom:1px dashed #ccc;
}
table.table1 td {
	padding:10px 0 5px 0;
}
table.table1 input {
	width:250px;
}
table.table1 textarea {
	width:350px;
	height:100px;
}
table.table1 img {
  border:none;
}












/* FORMS ==> */


.extratiny {width:20px!important;}
.tiny {width:35px!important;}
.small {width:35px!important;}
.little {width:70px!important;}
.normal {width:150px!important;}
.medium {width:190px!important;}
.bigmedium {width:200px!important;}
.middle {width:230px!important;}
.extrabig {width:320px!important;}
.huge {width:575px!important;}
.extramax {width:610px!important}
.max {width:690px!important}

.smalllong {height:35px!important;}
.nolong {height:50px!important;}
.long {height:100px!important;}
.biglong {height:200px!important;}
.extralong {height:300px!important;}
.maxlong {height:500px!important;}