/*	
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 */
*,
*:before,
*:after {
  box-sizing: border-box;
}
div { position:relative; }

.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-separator { height:140px; }
.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; } 
.margtop30 { margin-top:30px; }
.margtop55 { margin-top:55px; } 
.margr20 { margin-right:20px; }
.padd25 { padding:25px; }
.paddtb15 { padding:15px 0px; }
.bordimg { border:5px solid #CCCCCC; } 
.mrgr10 { margin-right:10px; }

.tline { border-top:1px solid #CCCCCC; margin-top:10px; padding-top:10px; }

.f-shadow { position:absolute; left:0; top:0px; width:100%; height:45px; z-index:9985; background:url(../images/page/top-tien.png) repeat-x top; pointer-events: none; }
.f-shadow-t { position:absolute; left:0; bottom:-45px; width:100%; height:45px; z-index:9985; background:url(../images/page/top-tien.png) repeat-x top; pointer-events: none; }
.f-shadow-b { position:absolute; left:0; bottom:0px; width:100%; height:45px; z-index:9985; background:url(../images/page/top-tien-b.png) repeat-x top; pointer-events: none; }

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

.social-box { position:absolute; right:0px; top:15px; width:150px; height:30px; }
.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 */

.center-menu-box-top .menu-stripe {
	position: relative;
	top: 0px;
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
	min-height: 40px;
	font-weight: 300;
	background-color:#313131;
	color:#FFFFFF;
	line-height:40px;
}

.center-menu-box .menu-stripe {
	position: relative;
	top: 0px;
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
	min-height: 100px;
	font-weight: 300;
	background-color:#FFFFFF;
}

.topmenu {
	min-height: 40px;
	width: 75%;	
	font-size: 10pt;
	font-weight: 300;
	position: relative;	
	float:right;
}
.topmenu ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	min-height: 30px;
	padding: 40px 0 0 0;
	float:left;
	text-align:right;
}

.topmenu li {
	display: inline;
	float: left;
	margin-left:25px;
}
.topmenu li#prvy {
	display: inline;
	float: right;
}

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

.topmenu li a {	
	font-weight:500;
	font-size:22px;
	display:block;
	width:100%;
	min-height:40px;
}
.topmenu li a#sel { color:#e30613; border-bottom:2px solid #e30613; }
.topmenu li:last-child a {
	border-right: 0;
}
.topmenu li a:hover, .topmenu li a:active {	
	text-decoration:none !important;
	color:#e30613;
	border-bottom:2px solid #e30613;
}
.topmenu a#pull {
	display: none;
	font-weight:600;
	font-size:18px;
	width:100%;
	max-height:46px;
	background:url(../images/page/nav-icon-b.png) center right no-repeat #F5F5F5 !important;	
}
.topmenu a#pull:hover {
 max-height:46px;
 background:url(../images/page/nav-icon-b.png) center right no-repeat #F5F5F5 !important;
 display:block;
 }
 
/* hover.htc */
.topmenu li:hover ul, .topmenu li.hover ul { display:block; position:absolute; }   
 
.topmenu li ul { display:none; margin:0; padding:0; z-index:9999; vertical-align:text-bottom; text-align:left; padding-bottom:5px; padding-top:5px; color:#000000; }
.topmenu li ul div p, .topmenu li ul div p a { font-size:15px !important; }
 
.topmenu li ul li { display:block; float:none; margin:5px 0px 0px 0px; height:20px; padding:0px; border:0px; }
.topmenu li ul li a { text-decoration:none; color:#000000; font-size:12px !important; border:0px; font-weight:normal; border:0px; }
.topmenu li ul li a.sel { border:0px; }
.topmenu li ul li a.modra { text-decoration:none; color:#1f4864 !important; font-size:14px; border:0px; }
.topmenu li ul li a:hover { text-decoration:underline; color:#ED0D00 !important;  border:0px; }  
 
.top-tel { background:url(../images/page/telefon.png) left center no-repeat; padding-left:46px; float:right; }
.top-email { margin-left:40px; float:right; }
 
.center-menu-box {
  min-height:100px; width:100%;
  z-index:9990;
  background-color:#FFFFFF;
  position:fixed; top:40px;
  border-bottom:1px solid #9F040D;
  }
  
.center-menu-box-top {
  min-height:40px; width:100%;
  z-index:9990;
  background-color:#313131;
  position:fixed; top:0px;  
  }   
 
/* MENU */
 
/* UVOD */
.uvod-info { width:100%; max-width:1100px; min-height:500px; }
.uvod-info .col-1-2a { float:left; width:60%; min-height:500px; }
.uvod-info .col-1-2b { float:left; width:40%; min-height:500px; font-size:20px; color:#FFFFFF; text-align:left; padding-top:100px; }
.uvod-info .col-1-2b h2 { font-size:45px; color:#FFFFFF; }
.uvod-info a { display:block; background-color:#009fe3; font-size:25px; padding:10px 20px; color:#FFFFFF; max-width:200px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; margin-top:30px; text-align:center; }
.uvod-info a:hover { box-shadow:0px 0px 4px rgba(0,0,0,0.5); }

.text-box-b {
	position: relative;
	width: 100%;
	max-width:300px;
	min-height:340px;
	margin: 0;
    color:#000000;
    font-size:14px; border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; margin-top:30px; text-align:center;
overflow:hidden; background:url(../images/page/line-bck.png) center bottom no-repeat; }
.text-box-b h2 { color:#FFFFFF; }

.text-box-b:hover .b-hover { display:block; }
.b-hover { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/page/line-bck.png) center center; z-index:50; text-align:center; padding:0px 25px; color:#FFFFFF; font-size:15px; }
.b-hover span.icon1 { width:100%; height:150px; display:block; background:url(../images/page/stupacka.png) center center no-repeat; }
.b-hover span.icon2 { width:100%; height:150px; display:block; background:url(../images/page/rozvody.png) center center no-repeat; }
.b-hover span.icon3 { width:100%; height:150px; display:block; background:url(../images/page/azbest.png) center center no-repeat; }

.b-hover a { display:block; position:absolute; bottom:30px; left:75px; background-color:#009fe3; font-size:20px; padding:8px 20px 12px 20px; color:#FFFFFF; width:100%; max-width:150px; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; margin-top:30px; text-align:center; font-weight:500; }
.b-hover a:hover { box-shadow:0px 0px 4px rgba(0,0,0,0.5); }

.text-box-b div.top { height:195px; width:100%; border-bottom:10px solid #FFFFFF; margin-bottom:25px; }
.text-box-b div.bot { padding:0; text-align:center; }
.text-box-b div.botl { padding:0 25px; text-align:center; }
.text-box-b h2 { font-size:30px; font-weight:500; }

.box-bck-01 { background:url(../images/page/box-bck-01.jpg) top center no-repeat; }
.box-bck-02 { background:url(../images/page/box-bck-02.jpg) top center no-repeat; }
.box-bck-03 { background:url(../images/page/box-bck-03.jpg) top center no-repeat; }

.tzb-nadpis { font-size: 42px;  margin: 0 0 50px 0; }
.tzb-nadpis span { font-weight: bold; -webkit-animation: blink 1s step-end infinite; animation: blink 1s step-end infinite; color: #000000; }
@keyframes blink {
0%{color: #000000;}
50%{color: #e30613;}
}

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

.u-kont-link { min-height:400px; background:url(../images/page/ubck01.jpg) center center no-repeat; font-size:45px; padding:65px 0 0 0; color:#FFFFFF; }
.u-kont-link p { font-size:55px; }
.u-kont-link a { display:block; background-color:#e30613; font-size:35px; padding:15px 25px; color:#FFFFFF; max-width:350px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; margin-top:30px; }
.u-kont-link a:hover { box-shadow:0px 0px 4px rgba(0,0,0,0.5); }

.rbox { font-size:30px; clear:both; padding:55px 0px; margin-top:55px; border-top:1px solid #000000; max-width:700px; }
.velke { font-size:50px; font-family: 'Ubuntu', sans-serif;Arial, Helvetica, sans-serif; font-weight:500; background:url(../images/page/line2.png) center center no-repeat; margin:35px 0px; }

/* UVOD  */ 

.slide-box-r { float:left;
    margin:15px 10px 0px 10px; 
    position: relative;
    width: 255px;
	height:170px;
	overflow:hidden;
	text-align:center;
	}
	
	
.slide-box-r img { width:100%; -webkit-transition: width 200ms ease-in-out;
   -moz-transition: width 100ms ease-in-out;
   -ms-transition: width 100ms ease-in-out;
   -o-transition: width 100ms ease-in-out;
   transition: width 100ms ease-in-out; }	
.slide-box-r:hover img { width:105%; }

.mlist { list-style-type:square; }
.mlist li { margin-left:15px; font-size:16px; color:#000000; font-weight:500; }

.olist { list-style-type:square; }
.olist li { margin-left:15px; color:#000000; font-weight:300; }

.rlist { list-style-type:square; }
.rlist .nadpis { font-size:16px; color:#e30613; margin:15px 0px 5px 0px;  }
.rlist li { margin-left:15px; color:#000000; font-weight:300; }
.rlist li strong { font-weight:600; }

.dlist { list-style-type:square; }
.dlist li { margin-bottom:5px; margin-left:15px; }
.dlist li p { color:#999999; font-size:12px; }

.nlist { list-style-type:decimal; }
.nlist li { margin-bottom:5px; margin-left:15px; }
.nlist ul { list-style-type:square; margin-top:15px; }

.clist { list-style-type:lower-alpha; }
.clist li { margin-bottom:5px; margin-left:15px; }
.clist ul { list-style-type:square; margin-top:15px; }

/*
.mlist { list-style-type:square; padding:0 0 15px 15px; }
.mlist li { margin:0px 0px 0px 15px!important; font-size:13px; color:#545454; font-weight:500; }

.nlist { list-style-type:decimal; padding:0 0 15px 15px; }
.nlist li { margin-bottom:20px; }
*/
.alist { list-style-type:lower-alpha; padding:0 0 15px 15px; }
.alist li { margin-bottom:5px; }

ol {
  list-style-type:none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 10px 0 0 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.mtable { border-collapse: collapse; }
.mtable td { border:1px solid #cccccc; padding:5px; }

/* KONTAKT */
#mapholder { background:url(../images/page/bx_loader.gif) center center no-repeat #FFFFFF; height:351px; border-top:1px  solid #CCCCCC; } /* border-bottom:10px solid #ED0D00;  */
#mapholder iframe { width:100%; min-height:350px; }

.bckf5 { background-color:#F5F5F5; padding:15px; }
.kico01 { background:url(../images/page/ico02.png) center center no-repeat; background-size:100%; height:70px; width:70px; margin-bottom:15px; }
.kico02 { background:url(../images/page/ico01.png) center center no-repeat; background-size:100%; height:70px; width:60px; margin-bottom:15px; }
.kico03 { background:url(../images/page/ico03.png) center center no-repeat; background-size:100%; height:70px; width:60px; margin-bottom:15px; }
/* */

.otazka { font-size:16px; font-weight:bold; color:#000000; padding:5px 0px; margin-top:15px; }
 
.top-cont {
 width:100%;
 min-height:160px;
 position:relative;
  padding-top:80px;
}

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

.logo-box {
 background:url(../images/page/logo_top.png) left top no-repeat; background-size:auto uto; width:25%; height:90px; float:left; left:0px; top:0px; z-index:9990; background-position: center center;
 }
 
.logo-box a { display:block; width:100%; height:100%; z-index:10; } 
 
.center-box {
 width:100%; max-width:1100px; padding-bottom:20px; } 
 
.partneri { background-color:#f5f5f5; padding:15px 0px; }
.partneri img { margin:0px 25px; }

.zobak { position:absolute; background:url(../images/page/zobak.png) center top no-repeat; height:20px; width:100%; bottom:-20px; z-index:10; }

.faq { font-size:35px; padding:80px 0px; background-color:#FFFFFF; } 
.faq p { font-size:42px; color:#e30613; }
.faq .ico { background:url(../images/page/ico-u.png) center center no-repeat; width:200px; height:120px; margin:0px 0px 45px 0px; }

/* FOOTER */ 
.bottom-box { width:100%; min-height:100px; background-color:#e30613;  }
.footer-box {
 width:100%; max-width:1100px; position:relative; color:#FFFFFF; padding:35px 0px 0px 0px;
 font-size:20px;
 } 
 
.footer-box a { color:#FFFFFF; } 
.footer-box a:hover { color:#000000; } 

.osvedcenia { position:relative; }
.osvedcenia a { display:block; height:100%; position:relative; }
.osvedcenia a span { position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:50; background-size:0; -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; }
.osvedcenia a:hover span { position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:50; background:url(../images/page/lupa.png) center center no-repeat rgba(255,255,255,0.5); background-size:50%;   }
.osvedcenia .obox { float:left; margin-bottom:15px; width:100%; max-width:213px; text-align:center; margin:0px 3px 25px 3px; }
.osvedcenia div img { border:2px solid #CCCCCC; }

.info { clear:both; position:relative; padding:5px 0px;  }
.osvedcenia .popis { float:left; width:74%; text-align:right; padding-right:4%; font-size:12px; border-right:1px solid #CCCCCC; }
.osvedcenia .pdf-link { float:left; width:21%; text-align:center; padding-left:1%; font-size:12px; }

a.pdflink { display:block !important; width:32px; height:32px !important; margin:4px 0px 0px 4px; background:url(../images/page/icopdf.png) center center no-repeat; background-position:-32px 0px; }
a.pdflink:hover { display:block !important; width:32px; height:32px !important; background:url(../images/page/icopdf.png) center center no-repeat; background-position:0px 0px; }
 
/* FOOTER */ 
 
.sluzby-link { width:50%; margin-top:30px; padding-top:15px; border-top:1px solid #CCCCCC; } 
 
 
.top-logo-box a {
 display:block; width:340px; height:130px;
 }
 
.top-logo-box h1 {
 display:none !important;
 } 
 
.topseparator { background:url(../images/slide/011.jpg) top center no-repeat; min-height:250px; width:100%; border-bottom:10px solid #ED0D00; }
.topseparator1 {  min-height:400px; width:100%; border-bottom:10px solid #ED0D00; }
.topseparator2 { min-height:350px; width:100%; border-bottom:10px solid #ED0D00; }

.page-cont {
 background-color:#FFFFFF;
 position:relative;
 padding:15px 0px;
 } 

.cont-box {
 width:100%;
 max-width:1100px;
 min-height:100px;
 position:relative;
 }
 
.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-color:#FFFFFF;
  color:#000000;
}

.wrapper-form {
  margin: 0 auto;
  padding: 0px;
  max-width: 100%;
  position:relative;
  background:#F5F5F5;
}

.content {
	position: relative;
	width:100%;
	max-width: 1100px;
	min-height:500px;
	margin: 0 auto;
	padding:0px 0px 25px 0px; }

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

/* 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;
 } 
 
/*  */
.uvod-line-box {
 position:relative;
 }
 
/* PONUKA */ 
.ponuka { clear:both; height:130px; }
.ponuka div { width:220px; float:left; } 

.ponuka245 { clear:both; height:130px; }
.ponuka245 div { width:275px; float:left; } 

.ponuka-trend { clear:both; height:110px; }
.ponuka-trend div { width:220px; float:left; } 

.ponuka-trend-l { clear:both; max-height:17px; overflow:hidden; }
.ponuka-trend-l div { width:220px; float:left; }  

.imgsel img {
    border-top: 2px solid #666666;
    margin-bottom: 8px;
}
.imgsel:hover img {
    background: #ed0d00 none repeat scroll 0 0;
    border-top: 2px solid #ed0d00;
}
.imgseln img {
    border-bottom: 2px solid #666666;
    margin-top: 8px;
}
.imgseln:hover img {
    border-bottom: 2px solid #ed0d00;
}
.imgselb img {
    border-bottom: 2px solid #666666;
    margin-top: 8px;
}
.imgselb:hover img {
    background: #ed0d00 none repeat scroll 0 0;
}
.imgsele img {
    border-bottom: 2px solid #cccccc;
    margin-top: 8px;
}
.imgsele:hover img {
    border-bottom: 2px solid #ed0d00;
}

.ral_color { width:140px; height:50px; border:1px solid #666666; }

/* LIST*/
.page-button {
 color:#333333;
 font-size:20px;
 font-weight:bold;
 width:42px;
 padding:10px 0px 8px 0px;
 text-align:center;
 margin:0px 6px 15px 0px;
 float:left;
 background-color:#DEDEDE;
 text-decoration:none;
 } 
 
.page-button:hover {
 color:#FFFFFF;
 background-color:#000000;
 }
 
.page-button.psel {
 background-color:#ed0d00;
 color:#FFFFFF;
 }
 
/* 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; } 
.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; }
 
.bordtop3 {
 border-top:2px solid #CCCCCC;
 padding-top:10px;
 }  
 
.bordtopdot {
 border-top:1px dotted #CCCCCC;
 padding-top:5px;
 } 
 
.mheight500 { min-height:500px; }  
 
.black { color:#000000 !important; } 
.cervena { color:#ed0d00 !important; }
 
.nadpis-box, .nadpis-box h1 {
 font-family: 'Ubuntu', sans-serif; Arial, Helvetica, sans-serif;
 font-size:35px;
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
 padding:15px;
 } 

.nadpis-box h1 { font-size:45px; text-shadow:1px 1px 1px #720309; } 
 
.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;
 }  
 
.nopage { min-height:800px; background-color:#FFFFFF; padding-top:100px; }
.nopage div { width:600px; min-height:150px; padding-left:160px; background:url(../images/page/smile.png) left center no-repeat; } 
 
/* 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%; max-width:500px; } 
 
.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:#e30613;
 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%;
  }
  .col-1-2 img { max-width:140px; }
  
  .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-4a {
    float: left;
    width: 18%;
	margin: 1%;
	padding: 1%;
  } 
  .col-1-4b {
    float: left;
    width: 38%;
	margin: 1%;
	padding: 1%;
  }     
  
  .col-1-2b {
    float: left;
    width: 60%;
	text-align:left;
  } 
  .col-1-2br {
    float: left;
    width: 40%;
	text-align:right;
  }
  
.copyright {
	position: relative;
	max-width: 1100px;
	width: 100%;
	padding:10px 0px 15px 0px;
	color: #EFEFEF;
	text-align: left;
	font-size:12px;
	border-top:1px solid #607078;
}

.copyright a { color:#EFEFEF; }

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

.copyright a:hover {
	text-decoration: underline;
	color: #0099ff;
}    
 
 
 /*Styles for screen 800px and lower*/
@media only screen and (max-width : 800px) {

.slider-wrapper {
    max-height: 500px;
    position: relative;
}

.top-logo {
 background:url(../images/page/logo.png);
 width:100%; height:115px;
 max-width:330px;
 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; width:100%; }
.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:none;
	border-bottom:1px solid #666666;
}	
.topmenu li a { border-right:none; line-height:40px !important; font-size: 20px !important; }
.topmenu li a:hover { border:none; line-height:40px !important; }
.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:#FFFFFF; }
.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; } 
.footer-box .kontakt .telefon { font-size:36px; }  

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


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

body {
 width:100%;
 height: 100%;
 background:url(../images/slide/01m.jpg) top center fixed no-repeat;
 }


.slider-wrapper {
    max-height: 270px;	
    position: relative;
}
.slider-content { position: relative; width:100%; max-height:270px; min-height:270px; margin: 0 auto; padding:0px; }

.center-menu-box-top {
    background-color: #313131;
    min-height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9990;
}

.top-separator { height:0px; }
.b-hover a { position:relative; left:0px; bottom:0; }

.logo-box {
 background:url(../images/page/logo_top.png) center center no-repeat; height:100px; width:100%; position:relative;
 background-size:   auto;                      /* <------ */
 background-repeat: no-repeat;
 background-position: center center;
 margin-top:0px; 
 }
 
.logo-box a { display:block; width:100%; height:100%; z-index:10; }

.center-menu-box-top {
    background-color: #313131;
    min-height: 64px;
    position: relative; margin-top:40px;
    top: 0;
    width: 100%;
    z-index: 9990;
}

.center-menu-box {
    background-color: #ffffff;
    border-bottom: 1px solid #9f040d;
    min-height: 100px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 9990;
}

.center-menu-box-top .menu-stripe { line-height:32px; }
.top-tel { background:url(../images/page/telefon.png) left center no-repeat; float:none; text-align:center; padding-left:0; }
.top-email { float:none; text-align:center; margin-left:0; }

.uvod-info .col-1-2a { float:none; width:100%; min-height:270px; overflow:hidden; }
.uvod-info .col-1-2b { float:none; width:100%; min-height:230px; font-size:15px; color:#FFFFFF; text-align:center; padding-top:10px; }
.uvod-info .col-1-2b h2 { font-size:25px; color:#FFFFFF; text-align:center; }

.uvod-info a {
    background-color: #009fe3;
    border-radius: 15px;
    color: #ffffff;
    font-size: 15px;
    margin-top: 30px;
	max-width:auto;
    padding: 10px 40px;
    text-align: center;
	display:inline-block;
}


/* MENU */
.topmenu { border-bottom: 0; position:fixed !important; z-index:9999; top:0px !important; }
.topmenu ul { display: none; height: auto; padding:0px; background:none; background-color:#F5F5F5; width:100%; float:none;	}
	
.topmenu li {
	display: inline;
	float: none;
	width: 100% !important;
	max-width:100% !important;
	margin-left:0;
}	
.topmenu li a { border-right:none; }
.topmenu li#prvy {
	display: inline;
	float: none;
	width: 100% !important;
	max-width:100% !important;
}

.topmenu a#pull {  color: #000000; display: block; width: 100%; position: relative; line-height:42px; height:42px; background-color:#FFFFFF; }
	
/* OBSAH */	
.wrapper-uvod { background-color:#FFFFFF; }
.content { width:100%; padding:2%; }
.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;
  }  
  
/**/
.velke { font-size:40px; font-family: 'Ubuntu', sans-serif;Arial, Helvetica, sans-serif; font-weight:500; background:url(../images/page/line2.png) center center no-repeat; margin:15px 0px; }

.b-hover { display:block; }  

.u-kont-link { min-height:400px; background:url(../images/page/ubck01.jpg) center center no-repeat; font-size:25px; padding:65px 0 0 0; color:#FFFFFF; }
.u-kont-link p { font-size:35px; }
.u-kont-link a { display:block; background-color:#e30613; font-size:25px; padding:10px 15px; color:#FFFFFF; max-width:250px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; margin-top:30px; }

.faq { font-size:25px; padding:40px 0px; background-color:#FFFFFF; } 
.faq p { font-size:32px; color:#e30613; }
.faq .ico { background:url(../images/page/ico-u.png) center center no-repeat; width:150px; height:120px; margin:0px 0px 45px 0px; background-size:100% auto; }

  
.bottom-box { width:100%; min-height:100px; background:none #e30613; }  
.bottom-box div.col-1-2 { text-align:center; }
.footer-box { padding: 15px 0 0; }
.footer-box .kontakt { font-size:25px; color:#FFFFFF; } 
.footer-box .kontakt .telefon { font-size:36px; }  

.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; }

.nadpis-box h1 { font-size:25px; text-shadow:1px 1px 1px #720309; } 

}