/*	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,.topmenu,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,.topmenu,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*/
/* resets */

@font-face {
    font-family: 'kenyan_coffeeregular';
    src: url('fonts/kenyan_coffee_rg-webfont.eot');
    src: url('fonts/kenyan_coffee_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kenyan_coffee_rg-webfont.woff2') format('woff2'),
         url('fonts/kenyan_coffee_rg-webfont.woff') format('woff'),
         url('fonts/kenyan_coffee_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
padding:0px;
margin:0px;
border:0px;
}

html {
height: 100%;
font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
color:#333333;
} 

html a, body a {
font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#0099ff;
}

html a:hover, body a:hover {
font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#000000;
}
 
body {
 width:100%;
 height: 100%;
 }

/* TEXTY */ 
h1, h1 a, .nadpis-h1 { 
 font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
 font-size:50px;
 display:inline;
 font-weight:normal;
 text-decoration:none;
 color:#000000;
}

h2, h2 a {
 font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
 text-shadow:1px 1px 0px rgba(0,0,0, 0.7);
 font-size:22px;
 display:inline; 
 font-weight:600;
 text-decoration:none;
 color:#FFC300;
}

h2 a:hover { 
 font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
 text-decoration:none;  
 font-size:120%;
 display:inline; 
 font-weight:600;
 text-decoration:underline;
 color:#0099ff;
 }
 
h2.sluzby { display:block; margin:5px 0px 5px 0px; } 
h2.sluzbyz { display:block; margin:5px 0px 5px 0px; color:#c0de4a; } 

.mlist { padding-left:15px; list-style-type:square; } 

.nadpis { 
 font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
 font-size:24px;
 color:#666666;
 font-weight:normal;
 text-decoration:none; 
 }
 
.nadpis2, h2.nadpis2 { 
 font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
 font-size:26px;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 text-shadow:none;
 }
 
.small, .small a {
 font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#666666;
 font-weight:normal;
 } 

.small a:hover {
 font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#000000;
 font-weight:bold;
 } 
 
/* TEXTY */

*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

.clear {
 clear:both;
 height:0px;
}

.top-arrow {
 background:url(../images/page/top-arrow.png) right top no-repeat;
 width:38px;
 height:128px;
 position:fixed;
 bottom:80px;
 right:0px;
 z-index:99;
 }
 
.top-arrow a { 
 width:38px;
 height:128px;
 display:block;
 }    
 
.error {
 position:fixed;
 z-index:99999;
 border:2px solid #000000;
 background-color:#EBF0F1;
 padding:10px;
 margin-bottom:10px; 
 width:920px;
 left:0;
 right:0;
 top:170px;
 margin-left:auto;
 margin-right:auto;
 box-shadow:#333333 0px 0px 25px;
 }
 
.top-link-box a { background-color:#1B5D1B; padding:15px 10px; margin:0px 25px; color:#FFFFFF; display:block; text-decoration:none; z-index:10 !important; } 
.top-link-box a:hover { background-color:#1B5D1B; padding:15px 10px; margin:0px 25px; color:#CBD504; text-decoration:none; z-index:10 !important; } 

 
.content-box {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 max-width:950px; padding:20px 46px;
  clear:both;
 } 
 
.content-box-bott {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 max-width:950px; padding:15px;
 }  
 
.margtop15 { margin-top:15px; } 
.margtop55 { margin-top:55px; } 
.margr20 { margin-right:20px; }
.padd25 { padding:15px 25px; }
.padd35 { padding:35px 25px; }
.paddtl25 { padding:25px 0px 0px 25px; }
.bordimg { border:5px solid #CCCCCC; } 

.dvs { background:url(../images/page/favicon.png) left center no-repeat; padding-left:80px; }

.f-shadow { position:absolute; left:0; top:0px; width:100%; height:20px; z-index:9997; background:url(../images/page/top-tien.png) repeat-x top; }

.slider-wrapper { max-height:80px; position:absolute; bottom:-80px; width:100%; }
.slider-content { position: relative; width:100%; max-width: 1100px; margin: 0 auto; padding:0px; height:80px; }
 
.partner-kontakt a { color:#0099ff; } 
.hide { display:none; }

.social-box { position:absolute; right:0px; top:15px; width:150px; height:30px; }
.social-box a { font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif; font-weight:600; font-size:20px; color:#FFFFFF; }
.social-box a:hover { font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFC300; }
.bottom-social-box { justify-content: center; display:flex; }
.bigbck { background:url(../images/page/bigbck.png) top center repeat-y; }

.separator { background-color:#F5F5F5; padding:15px; border-top:1px solid #CCCCCC; }
.separator2 { padding:25px 15px; background:url(../images/page/tien-stred-3.png) center top no-repeat; border-top:1px solid #FFFFFF;  }

.sluzba-box { background:#F5F5F5; padding:20px; min-height:220px; position:relative; }
.sluzba-box:hover { background-color:#F8F8EF; }
.sluzba-box a { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; }
 
/* MENU */

.menu-stripe {
	position: relative;
	top: 0px;
	width:100%;
	max-width: 1300px;
	margin: 0 auto;
	min-height: 30px;
	font-weight: 300;	
}

.topmenu {
	min-height: 40px;
	width: 100%;
	max-width:1100px;
	font-size: 10pt;
	font-weight: 300;
	position: relative;	
}
.topmenu ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	min-height: 30px;
	padding:5px 0px;
}

.topmenu li {
	display: inline;
	float: left;
	margin:0px 20px;
}
.topmenu li#prvy {
	display: inline;
	float: left;
}

.topmenu a:link, .topmenu a:visited {
	color: #FFFFFF;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
    padding:13px 0;
	vertical-align:middle;
}

.topmenu li a {
	font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:20px;
	display:block;
	width:100%;
	min-height:40px;
	text-shadow:1px 1px 1px #000000;
}

.en li a { font-size:19px !important;}

.topmenu li a#sel { color:#FFC300; /* #2E83E8; */ }
.topmenu li:last-child a {
	border-right: 0;
}
.topmenu a:hover, .topmenu a:active {	
	text-decoration:none !important;
	color:#FFC300;
}
.topmenu a#pull {
	display: none;
	font-weight:600;
	font-size:22px;
	font-family: 'Open Sans Condensed', sans-serif, Verdana,Arial,Helvetica,sans-serif !important;
	width:100%;
	max-height:46px;
	background:url(../images/page/nav-icon.png) center right no-repeat #333333 !important;
}
.topmenu a#pull:hover {
 max-height:46px;
 background:url(../images/page/nav-icon.png) center right no-repeat #333333 !important;
 display:block;
 }
 
.center-menu-box {
  min-height:40px; width:100%;
  z-index:9999;
  position:fixed; top:0px;  
  } 
  
.menu-fix { background-color:rgba(0,0,0,1); }  
 
/* MENU */
 
/* UVOD */
.text-box-b {
	position: relative;
	margin: 0 auto;
	width: 100%;
	margin: 0.5%;
}

.text-box-b p { color:#FFFFFF; font-size:14px; line-height:25px; }

.text-box-b .img-news-box-b { padding:15px 0px 0px 125px; text-align:left; min-height:180px; background-size:auto 74%; 
 -webkit-transition: background-size 200ms ease-in-out;
   -moz-transition: background-size 200ms ease-in-out;
   -ms-transition: background-size 200ms ease-in-out;
   -o-transition: background-size 200ms ease-in-out;
   transition: background-size 200ms ease-in-out;  }
.img-news-box-b:hover { padding:15px 0px 0px 125px; text-align:left; min-height:180px; background-size:auto 78%;  }
.text-box-b:hover a { color:#CBD504; text-decoration:none; }

.myimg { border-top:5px solid #555555; border-bottom:5px solid #555555; width:100%; }

.ico01 { background:url(../images/page/ico1.png) left top no-repeat; }
.ico02 { background:url(../images/page/ico2.png) left top no-repeat; }
.ico03 { background:url(../images/page/ico3.png) left top no-repeat; }
.ico04 { background:url(../images/page/ico4.png) left top no-repeat; }
.ico05 { background:url(../images/page/ico5.png) left top no-repeat; }
.ico06 { background:url(../images/page/ico6.png) left top no-repeat; }
.ico07 { background:url(../images/page/ico7.png) left top no-repeat; }

.arrowbck { background:url(../images/page/arrows-bck.png) center top no-repeat; background-size:100%; }

/* UVOD  */ 

 
.top-cont {
 width:100%;
 height:800px;
 position:relative;
  /*   padding-top:150px; */
  overflow:hidden;
} 

.top-cont-page {
 width:100%;
 height:400px;
 position:relative;
  overflow:hidden;
  border-bottom:21px solid #111111;
} 

.intro_bg {
    width: 100%;
    height: 800px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
    z-index: 0;	
	}
	
.intro_bg_u {
    width: 2000px;
    height: 400px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
    z-index: 0;	
	}	
	
.i01 { background:url(../images/page/big-bck-09.jpg) center center no-repeat; }	/* big-bck.jpg */
.i02 { background:url(../images/page/big-bck-02.jpg) center center no-repeat; }
.i03 { background:url(../images/page/big-bck-03.jpg) center center no-repeat; }

.page-bck { background:url(../images/page/b-bck-2.jpg) top center no-repeat; }

.ibck { width:300px; height:300px; position:absolute; right:0px; bottom:0px; background:url(../images/page/istvan-levai.png) right bottom no-repeat; }
.zottbck { width:305px; height:305px; position:absolute; right:0px; bottom:0px; background:url(../images/page/zo-trencianska-turna.png) right bottom no-repeat; }
.padd-lev { padding:25px 300px 25px 25px; }

.sito { position:absolute; top:0px; width:100%; height:100%; z-index:1; background:url(../images/page/pattern-01.png); }
.slogan { position:absolute; /*bottom:30px;*/ width:100%; text-align:center; z-index:2; font-size:70px; color:#FFFFFF; font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif; text-shadow:4px 4px 0px rgba(0,0,0,0.5); font-weight:600; }

.top-cont-box {
 max-width:1100px;
 }

.top-logo-box {
 max-width:660px; width:100%; height:205px; margin-top:220px; 
 position:relative;
 }
 
.top-logo {
 background:url(../images/page/logo.png) center center no-repeat ;/*rgba(0,0,0,0.7);*/
 width:100%; height:100%;
 z-index:9997;
 background-size:   cover;                      /* <------ */
 background-repeat: no-repeat;
 background-position: center center;  
 text-align:left;
 z-index:3;
 position:absolute;
 top:0px; left:0px;
 }
 
.top-logo a { display:block; width:100%; height:206px; } 
 
.center-box {
 width:100%; max-width:1300px; padding-bottom:20px; } 
 
.gallery img { width:100%; max-width:320px; margin-bottom:10px; }

/* KONTAKT */
.mapholder { height:350px; background:url(../images/page/bx_loader.gif) center center no-repeat; position:relative; } 
.mapholder iframe { width:100%; min-height:350px; /* pointer-events:none; */ }
/* */ 

/* FOOTER */ 
.bottom-box { width:100%; min-height:360px; background:url(../images/page/bottom-bck.jpg) center top no-repeat #1D3944; } 
.footer-box {
 font-family: 'Open Sans', sans-serif,Verdana,Arial,Helvetica,sans-serif !important;
 width:100%; max-width:1300px; position:relative; color:#FFFFFF; padding:15px 0px 15px 0px;
 font-size:14px;
 } 
 
.footer-box h4 { font-weight:normal; } 
 
.footer-box .kontakt {
 width:100%;
 max-width:600px;
 font-size:30px; color:#FFFFFF;
 margin-top:20px; 
 padding-top:20px;
 text-shadow:1px 1px 1px #000000;
 background:url(../images/page/logo_b.png) left bottom no-repeat;
 } 
 
.footer-box .kontakt .telefon { font-size:22px; color:#A1E7FF; }
 
/* FOOTER */ 
 
.sluzby-link { width:50%; margin-top:20px; padding-top:10px; border-top:1px solid #CCCCCC; } 
.sluzby-link a { font-size:20px; font-weight:500; }
 
 
.top-logo-box a {
 display:block; width:100%; height:200px;
 }
 
.top-logo-box h1 {
 display:none !important;
 } 

.cont-box { text-align:left; padding:15px 0px; font-size:18px; font-weight:bold; }
 
.wrapper {
  margin: 0 auto;
  padding: 0px;
  max-width: 100%;
  position:relative;
  background:#FFFFFF;
  }

.wrapper-uvod {
  margin: 0 auto;
  padding: 0px;
  max-width: 100%;
  position:relative;
  background:url(../images/page/b-bck.jpg) top center no-repeat #FFFFFF;
  }
  
.wrapper-kont {
  margin: 0 auto;
  padding: 0px;
  max-width: 100%;
  position:relative;
  background:#F5F5F5;
  }  

.content {
	position: relative;
	width:100%;
	max-width: 1300px;
	margin: 0 auto;
	padding:0px 0px 25px 0px; }

.contentb {
	position: relative;
	width:100%;
	max-width: 1300px;
	clear:both;
	padding:20px 0px;
}

.contentc {
	position: relative;
	width:100%;
	max-width: 1300px;
	margin: 0 auto;
	padding:0px }

.kico01 { background:url(../images/page/ico02.png) center center no-repeat; background-size:100%; height:70px; width:70px; margin:40px 0; }
.kico02 { background:url(../images/page/ico01.png) center center no-repeat; background-size:100%; height:70px; width:60px; margin:40px 0; }
.kico03 { background:url(../images/page/ico04.png) center center no-repeat; background-size:100%; height:70px; width:60px; margin:40px 0; }

/* center */
.center-cont {
 width:100%;
}

.center-cont-box {
 width:1000px;
 min-height:300px;
 position:relative;
}

.center-cont-box-top-info {
 padding:15px;
 border-bottom:1px solid #CCCCCC;
 margin-bottom:10px;
 width:900px;
 }

.center-cont-box-bottom { 
 height:100px;
 width:920px;
 position:relative;
 }

.top-cont-bottom {
 width:1000px;
 height:5px;
 position:relative;
 background-color:#403668;
}

.obsah-box {
 padding-top:10px;
 width:980px;
 } 
 
.obsah-cont { 
 max-width:980px; min-height:400px;
 position:relative;
 padding-top:15px;
 background-color:#FFFFFF;
 }

.bot-line {
 border-bottom:1px solid #CCCCCC;
 padding-bottom:5px;
 margin-bottom:5px;
 }
 
.top-line {
 border-top:1px solid #CCCCCC;
 padding-top:5px;
 margin-top:5px;
 } 

/* ine */
.margtop5 { margin-top:5px; }
.margr5 { margin-right:5px; }
 
.margtop10 { margin-top:10px; }
.margtop20 { margin-top:20px; }
.margbot10 { margin-bottom:10px; }
 
.margtop20 { margin-top:20px; } 
.margtop50 { margin-top:50px; } 
.padding10 { padding:10px; }  
.paddleft10 { padding-left:10px; } 
.paddtop5 { padding-top:5px; }
.paddtop15 { padding-top:15px; }
.paddbot15 { padding-bottom:15px; }
.paddleft32 { padding-left:32px; }
 
.topline { border-top:1px solid #CCCCCC; }
.lline { border-left:1px solid #AAAAAA; }
 
.bordtop3 {
 border-top:2px solid #CCCCCC;
 padding-top:10px;
 }  
 
.bordtopdot {
 border-top:1px dotted #CCCCCC;
 padding-top:5px;
 } 
 
.black {
 color:#000000 !important;
 } 
 
.nadpis-box, .nadpis-box h1 {
 font-family: 'Open Sans Condensed', sans-serif, Arial, Helvetica, sans-serif;
 font-size:22px;
 /* color:#424953; */
 color:#E82E01;
 font-weight:bold;
 text-decoration:none;
 margin:10px 0px 5px 0px;
 padding-bottom:4px;
 border-bottom:2px solid #E8E8E8; padding-bottom:4px; margin-bottom:5px; 
 } 

.nadpis-box h1 { font-size:25px; } 
 
.process-box {
 position:fixed;
 top:0; left:0; z-index:9998; width:100%; height:100%;
 background:url(../images/page/black50.png); top:0px; bottom:0px; left:0px; right:0px;
 display:none;
 } 
 
.process-box div {
 color:#FFFFFF !important;
 font-size:20px;
 z-index:9999;
 margin-top:250px;
 }  
 
.send-box {
 position:absolute;
 top:-10px; bottom:-10px; left:-10px; right:-10px;
 display:none; z-index:9997; background:url(../images/page/white-bck75.png); 
 color:#000000;
 font-weight:bold;
 } 
 
.send-box div {
 margin-top:150px;
 }  
 
/* INPUT */
.form-submit { text-align:left; }
.hidden {
 display:none !important;
}

.label {
 font-size:14px;
 color:#999999;
 margin:5px 0px 2px 0px;
 }
 
.input {
 padding:5px; border:1px solid #CCCCCC;
 font-size:100%;
 color:#000000;
 width:100%;
 max-width:400px;
 margin-bottom:5px;
 }
  
.input:focus, input-50:focus {
 background-color:#F5F5F5;
 }
 
.input-textarea { padding:5px; border:1px solid #CCCCCC;  font-size:14px; color:#000000; min-height:150px; width:100%; } 
 
.input-textarea:focus {
 background-color:#F5F5F5;
 } 
 
.input-select {
 padding:3px 2px; border:1px solid #666666;
 font-size:14px;
 color:#000000;
 margin-bottom:5px; 
 }
 
.input-select:focus {
 border:1px solid #CC6633;
 background-color:#FFFFFF;
 } 
 
.input-select:hover {
 box-shadow: #666666 0px 0px 6px;
 } 
 
.filter-submit#vstup {
 width:50px;
 }  
 
.input-filter#lpass { 
 margin-top:4px; 
 }
 
.input-submit {
 background-color:#0092f4;
 padding:6px 5px 5px 5px;
 font-size:14px;
 font-weight:bold;
 color:#FFFFFF;
 cursor:pointer;
 width:100%;
 max-width:206px;
 } 
 
.input-submit:hover { background-color:#666666; color:#FFFFFF; }  

.form-submit #checkvalid { width:100px; margin-left:50px; }


.counter-box {
 position:absolute; right:0px; top:-40px;
 }
 
.row { background-size: 100% 100%;  }
  .row-2 { background:url(../images/page/tien-stred-4.png) center no-repeat; background-size: 100% 100%;  }
  .row-3 { background:url(../images/page/tien-center-3.png) center no-repeat; background-size: 100% 100%;  }    	
  
  a#fb, a#bfb {
    background:url(../images/page/socials30.png) center no-repeat;
	background-position:0px 0px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
    }
	
 a#fb:hover, a#bfb:hover {
   background:url(../images/page/socials30.png) center no-repeat;
	background-position:0px -30px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
	}	
	
  a#tw, a#btw {
    background:url(../images/page/socials30.png) center no-repeat;
	background-position:-37px 0px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
    }
	
  a#tw:hover, a#btw:hover {
    background:url(../images/page/socials30.png) center no-repeat;
	background-position:-37px -30px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
    } 
	
  a#gp, a#bgp {
    background:url(../images/page/socials30.png) center no-repeat;
	background-position:-75px 0px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
    }
	
  a#gp:hover, a#bgp:hover {
    background:url(../images/page/socials30.png) center no-repeat;
	background-position:-75px -30px;
	display:block;
	width:30px; height:30px;
	float:right;
	margin-left:5px;
    } 	 
  
  .col-2-3 {
    float: left;
    width: 66.66%;
  }
  .col-1-2 {
    float: left;
    width: 50%;
	line-height:25px;
  }
  
  .col-1-3 {
    float: left;
    width: 33.3%;
	padding:1%;
  }  
  .col-1-3m {
    float: left;
	width: 32%;
	padding:10px 0px;
  }
  
  .col-1-3s {
    float: left;
    width: 31%;
	margin: 1%;
	padding: 1%;
  }
  .col-1-3s img { max-width:140px; }  
  
  .col-1-4 {
    float: left;
    width: 23%;
	margin: 1%;
	padding: 1%;
  }
  .col-1-4 img { max-width:140px; }

  .col-1-4n {
    float: left;
    width: 25%;
	padding:2% 1.8%;
  }    
  
  .col-1-2b {
    float: left;
    width: 50%;
	text-align:left;	
  } 
  .col-1-2br {
    float: left;
    width: 50%;
	text-align:right;
  }
  
.copyright {
	position: relative;
	max-width: 1300px;
	width: 100%;
	padding:10px 0px 15px 0px;
	color: #EFEFEF;
	text-align: left;
	font-size:12px;
	border-top:1px solid #607078;
	margin-top:40px;
}

.copyright a { color:#EFEFEF; }

.copyright a:link, #copyright a:visited {
	text-decoration: none;
	color: #EFEFEF;
} 

.copyright a:hover {
	text-decoration: underline;
	color: #0099ff;
}  

.pbck { background-color:none; }  
 
 
 /*Styles for screen 600px and lower*/
@media only screen and (max-width : 800px) {

.top-logo {
 background:url(../images/page/logo.png);
 width:100%; height:115px;
 z-index:9997;
 background-size:  100%;                      /* <------ */
 background-repeat: no-repeat;
 background-position: center center;  
 text-align:left;
 }
 
.top-logo a { display:block; width:100%; height:auto; } 

/* MENU */
.topmenu { border-bottom: 0; }
.topmenu ul { display: none; height: auto; padding:0px; background:url(../images/page/black75.png);	}
	
.topmenu li {
	display:inline-block;
	float: left !important;
	width: 50% !important;
	max-width:50%;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}	
.topmenu li a { border-right:none; }
.topmenu li#prvy {
	display: inline-block;
	float: left !important;
	width: 50% !important;
}

.topmenu a#pull {  color: #fff; display: block; width: 100%; position: relative; }
	
/* OBSAH */	
.wrapper-uvod { background-color:#207DAE; }
.content { width:100%; padding:2%; }
.contentb { width:100%; padding:2%; }
.cont-box, .cont-box h1.nadpis { font-size:18px; text-align:center; }
.arrowbck { background:none; }

  .col-1-3, .col-1-3m {
    float: left;
    width: 50%;
	padding:1% 1% 3% 1%;
	min-height:280px;
  }  
  
  .col-1-4 {
    float: left;
    width: 48%;
	margin: 1%;
	padding: 1%;
  }
  .col-1-4 img { max-width:140px; }

  .col-1-4n {
    float: left;
    width: 50%;
	padding:2%;
	min-height:350px;
  } 
  
  .col-1-2b {
    float: none;
    width: 100%;
	padding:2%;
	text-align:center;
  } 
  .col-1-2br {
    float: none;
    width: 100%;
	padding:2%;
	text-align:center;
  }  
  
.footer-box .kontakt { font-size:25px; color:#FFFFFF; background:url(../images/page/logo_b.png) top center no-repeat; padding-top:130px; } 
.footer-box .kontakt .telefon { font-size:22px; }  

.social-box { display:none; position:absolute; right:0px; top:auto; bottom:-35px; width:100%; height:30px; justify-content: center; /* display:flex; */ }
}

@media only screen and (max-width : 1400px) {
.top-cont {
 width:100%;
 height:400px;
 position:relative;
  /*   padding-top:150px; */
  overflow:hidden;
} 

.intro_bg {
    width:100%;
    height: 600px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
    z-index: 0;
	background-size: 100% !important;
	background:url(../images/page/big-bck-09.jpg) center center no-repeat;
}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {

.top-logo-box {
    height: 205px;
    margin-top: 60px;
    max-width: 660px;
    position: relative;
    width: 100%;
}

.top-logo {
 background:url(../images/page/logo.png) rgba(0,0,0,0.7);
 width:100%; height:115px;
 z-index:9997;
 background-size:  100%;                      /* <------ */
 background-repeat: no-repeat;
 background-position: center center;  
 text-align:left;
 }
 
.top-logo a { display:block; width:100%; height:auto; } 

.slogan {
    bottom: 30px;
    color: #ffc300;
    font-family: "Open Sans Condensed",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 36px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.8);
    width: 100%;
    z-index: 2;
}

.intro_bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/page/big-bck-09.jpg"); /*big-bck-2.jpg*/
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100% !important;
    bottom: 0;
    height: 400px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 684px;
    z-index: 0;
}

.intro_bg_u {
    width: auto;
    height: 400px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
    z-index: 0;	
	}

.i02 {
    background: url("../images/page/big-bck-02-2.jpg") no-repeat center center;
}

/* MENU */
.topmenu { border-bottom: 0; }
.topmenu ul { display: none; height: auto; padding:0px; background:none #333333;	}
	
.topmenu li {
	display: inline;
	float: none;
	width: 100% !important;
	max-width:100% !important;
	margin:0;
	border-right:0;
	border-bottom:1px solid #000000;
}	
.topmenu li a { border-right:none; font-size:18px; }
.topmenu li#prvy {
	display: inline;
	float: none;
	width: 100% !important;
	max-width:100% !important;
}

.topmenu a#pull {  color: #fff; display: block; width: 100%; position: relative; }
	
/* UVOD */
.margtop50 {
    margin-top: 10px;
}

.pbck { background-color:#F5F5F5; }  

.text-box-b .img-news-box-b {
    background-size: 45% auto;
    min-height: 180px;
    padding: 110px 0 0 0;
    text-align: center;
    transition: background-size 200ms ease-in-out 0s;
}

.ico01 { background:url(../images/page/ico1.png) center top no-repeat; }
.ico02 { background:url(../images/page/ico2.png) center top no-repeat; }
.ico03 { background:url(../images/page/ico3.png) center top no-repeat; }
.ico04 { background:url(../images/page/ico4.png) center top no-repeat; }
.ico05 { background:url(../images/page/ico5.png) center top no-repeat; }
.ico06 { background:url(../images/page/ico6.png) center top no-repeat; }
.ico07 { background:url(../images/page/ico7.png) center top no-repeat; }
	
.padd-lev {
    padding: 25px 10px 25px 10px; }
		
.padd35 {
    padding: 15px; }	
.paddtl25 {
    padding: 25px 0 0 0; }	
.dvs {
    background: none;
    padding: 80px 0px 0px 0px;
}
h1, h1 a, .nadpis-h1 {
    color: #000000;
    display: inline;
    font-family: "Open Sans Condensed",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
	clear:both;
}

.nadpis2, h2.nadpis2 {
    color: #000000;
    font-family: "Open Sans",sans-serif,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
}
	
/* OBSAH */	
.wrapper-uvod { background:none; background-color:#217CE5; }
.content { width:100%; padding:2%; overflow:hidden; }
.content img { width:100%; }
.cont-box, .cont-box h1.nadpis { font-size:18px; text-align:center; }
.arrowbck { background:none; }

  .col-1-3, .col-1-3m {
    float: none;
    width: 100%;
	padding:1% 1% 3% 1%;
	min-height:0;
  }  
  
  .col-1-4, .col-1-2 {
    float: none;
    width: 98%;
	margin: 1%;
	padding: 1%;
	min-height:auto;
  }
  .col-1-4 img { max-width:140px; }

  .col-1-4n {
    float: none;
    width: 96%;
	padding:2%;
	min-height:0;
  } 
  
  .col-1-2b {
    float: none;
    width: 100%;
	padding:2%;
	text-align:center;
  } 
  .col-1-2br {
    float: none;
    width: 100%;
	padding:2%;
	text-align:center;
  } 
  
.col-2-3 { float: none; width: 100%; text-align:center; }  
  
.padd25 { padding: 15px 10px; }   
  
.bottom-box { width:100%; min-height:430px; background:none #1D3944; }  
.footer-box .kontakt { font-size:20px; color:#FFFFFF; } 
.footer-box .kontakt .telefon { font-size:20px; }  

.social-box { display:none; position:absolute; right:0px; top:auto; bottom:-35px; width:100%; height:30px; justify-content: center; /* display:flex; */ }
.form-submit { text-align:center; }  
.form-submit #checkvalid { width:100px; margin-left:0px; margin:10px 0px; }
.input-submit { max-width:none; }

.lline { border:none; }
.zottbck { position:relative; }
.ibck { position:relative; }
}