/*	
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,.submenu,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,.submenu,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;
  border:0px; margin:0px; padding:0px;
  /* -webkit-transform-style: preserve-3d;
  -webkit-transform:translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden; */
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

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

.hidden { opacity:0; }
.visible{ opacity:1; }

/* FONTS */

/**/
.flex { display: flex; justify-content: center; flex-wrap: wrap; -webkit-justify-content: center; }
 

html, body { font-family: 'Signika', sans-serif !important; 
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	-webkit-font-smoothing: antialiased; font-size:18px;
	font-weight:300; }
	
h1 { color:#759F3B; font-family: 'Signika', sans-serif; }	

.nadpis { font-family: 'Signika', sans-serif; font-size:20px; }
.nadpis_z { font-family: 'Signika', sans-serif; font-size:30px; font-weight:bold; }
.nadpis25 { font-family: 'Signika', sans-serif; font-size:25px; font-weight:bold; line-height:60px; }
.nadpis_z_30 { font-family: 'Signika', sans-serif; font-size:30px; color:#fed27a; }	

.zelena { color:#719E2C; }

.h50 { font-size:50px; color:#FFFFFF; }
.h40 { font-size:40px; color:#FFFFFF; }
.h20 { font-size:20px; color:#FFFFFF; }
.h30 { font-size:30px; color:#000000; }
.h70 { font-size:60px; color:#FFFFFF; }
.small { font-size:12px; }

.margtop5  { margin-top:5px; }
.margtop10 { margin-top:10px; }
.margtop15 { margin-top:15px; }
.margtop20 { margin-top:20px; }

.margtop40 { margin-top:40px; }

/**/
#hore {
 position:fixed; width:70px; height:70px; bottom:10px; right:10px;
 background:url(../images/page/hore.png) no-repeat; display:none; cursor:pointer;
 background-position:0px 0px;
 z-index:9998;
 } 
 
#hore:hover {
 width:70px; height:70px;  bottom:10px; right:10px;
 background:url(../images/page/hore.png) no-repeat; cursor:pointer;
 background-position:-71px 0px;
 }
 
/**/
.popis { font-size:16px; color:#555555; }

.process-box {
 position:fixed;
 top:0; left:0; z-index:9999; width:100%; height:100%;
 background-color:rgba(0,0,0,0.9); 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;
 }    
 
.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;
 }
 
.page { width:100%; overflow:hidden; max-width:1920px; } 
 
/**/
.map-canvas { width:100%; height:400px; background:url(../images/page/progress.png) center no-repeat #cccccc; margin-top:15px; }
 
/* MENU */ 

.menu-logo { background:url(../images/page/logo-50.png) left center no-repeat; width:120px; height:50px; position:absolute; left:0; }
.menu-logo a { position:absolute; width:100%; height:100%; left:0; top:0; }

.u-menu-box { height:120px; width:100%; background-color:#646464; position:relative; }
.u-logo { width:230px; height:120px; background:url(../images/page/logo.png) center no-repeat; position:relative; }
.u-logo a { position:absolute; width:100%; height:100%; left:0; top:0; }
.menu-fix { position:fixed!important; top:0; left:0; z-index:9998;  }
.menu-fix-u { height:120px!important; }
.top-kontakt-box { position:absolute; right:0; top:0; padding:5px 20px; text-align:right; }
.top-kontakt-box #tel span { font-size:16px; line-height:18px; color:#FFFFFF; }
.top-kontakt-box #tel { font-size:33px; color:#FFF9C7; text-align:right; line-height:33px; float:right; margin:0 0 5px 25px; }
.top-kontakt-box p#mail a { font-size:16px; color:#FFFFFF; text-decoration:none; }


.hide { display:none!important; }

.center-menu-box { 
 background-color:#454545;
 height:50px; width:100%;
 z-index:9998;
 position:relative;
 position:relative;
 }
 
.mobile-menu-stripe { display:none; position:relative; height:70px; position:fixed; left:0; top:0; width:100%; background-color:#646464; z-index:9998; } 
.mobile-menu-stripe .u-logo { width:60%; float:left; position:relative; height:70px; }
.mobile-menu-stripe .u-logo a { position:absolute; left:0; top:0; width:100%; height:100%; display:block;  }
.mob-menu { width:100%; }
.mob-menu ul { display:none; width:100%; margin-top:70px; background-color:#f5f5f5; box-shadow:0 5px 10px #000000; }
.mob-menu li { float:none; width:100%; line-height:50px; text-align:center; list-style:none; }
.mob-menu li { font-size:18px; color:#000000; font-weight:bold; line-height: 30px; }
.mob-menu li a {
	font-family: 'Signika', sans-serif, Verdana,Arial,Helvetica,sans-serif !important;
	font-weight:400;
	font-size:19px;
	display:inline-block;
	font-weight:normal;
	line-height:normal;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	width:80%;	
	color:#000000;	
	position:relative;
	border-bottom:1px solid rgba(0,0,0,210);
	padding:7px 0;
}
.mob-menu li p { font-size:12px; color:#666666; line-height:normal; }

.menu-stripe {
	position: relative;
	top: 0px;
	min-height: 50px;
	font-size: 14px;
	font-weight: 400;
	/* max-width:1200px; */
	width:100%;
	display:flex;
	margin-left:auto;
	margin-right:auto;
} 

.topmenu {
	width: 100%;
	font-size: 10pt;
	font-weight: 700;
	position: relative;	
    }
	
.topmenu ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	min-height: 30px;
}
.topmenu li {
	display: inline-block;
	margin-right:35px;
}
.topmenu li:last-child { background:none; }

.topmenu li a {
	font-family: 'Signika', sans-serif, Verdana,Arial,Helvetica,sans-serif !important;
	font-weight:400;
	font-size:16px;
	display:inline-block;
	/* width:100%; */ 
	line-height: 50px;
	min-height:20px;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;	
	color:#ffffff;	
	position:relative;
}

.topmenu li a#sel { color:#FFF9C7; font-weight:normal !important; }
.topmenu li:last-child a {
	border-right: 0;
}
.topmenu a:hover, .topmenu a:active {	
	text-decoration:none !important;
	color:#FFF9C7;
}
.pull {
	display: none;
	font-weight:bold;
	font-size:18px;	
	height:40px;
	width:40px;
	position:absolute; top:15px; right:20px;
	background:url(../images/page/menu-icon.png) -40px center no-repeat !important;
}
.pull:hover {
 background:url(../images/page/menu-icon.png) 0px center no-repeat !important;
 display:block;
 } 
 
.topmenu li a span:after{
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 50px;
  height: 2px;
  background-color: #000000;
  content: "";
  transition: width 0.2s;
}
.topmenu li a:hover span:after{ width: 100%; background-color: #724832; }
 
/**/
.topmenu li ul { display:none; margin:0; padding:0; z-index:9999; vertical-align:text-bottom; text-align:left; color:#000000; background:#F2F2DF; box-shadow:0 4px 3px rgba(0,0,0,0.5); border-bottom:2px solid #454545; width:100%; position:absolute; left:0; }
.topmenu li:hover ul { display:block; position:absolute; left:0; }
.topmenu li ul li { margin:0; padding:0; border:0; }

.menu-div { width:100%!important; min-height:200px; position:relative; background:#F2F2DF; top:0px; }
/* display: flex; justify-content: center; flex-wrap: wrap; -webkit-justify-content: center; */
 
.projekt { float:left; width:20%!important; position:relative!important; padding:1%!important; overflow:hidden; }
.projekt img { width:100%; }
.projekt:hover { background-color:#CCCCCC; }

.projekt a { /*position:absolute!important; left:0; top:0;*/ display:block!important; width:100%; height:100%; z-index:9990; color:#333333!important; line-height:normal!important; } 
.projekt a .nadpis { font-weight:bold; }

.top-row { background:url(../images/page/cicmany-03.jpg) center no-repeat; height:150px; color:#FFFFFF; }
.top-row h1 { color:#FFFFFF; font-size:50px; font-weight:bold; line-height:150px; }

.fb-box { position:absolute; right:10px; top:0; }
.fb-box a { display:block; width:46px; height:46px; margin:2px; background:url(../images/page/facebook.png) no-repeat; background-position:-46px 0px; }
.fb-box a:hover { display:block; width:46px; height:46px; background:url(../images/page/facebook.png) no-repeat; background-position:0px 0px; }

.fbbutton { margin:3px 20px 0 0; width:72px; height:72px; display:inline-block; border:3px solid #FFFFFF; font-size:30px; color:#FFFFFF; text-decoration:none; clear:both; background:url(../images/page/w_facebook.png) center no-repeat; position:relative;
 -webkit-transition: background 200ms ease-in-out;
   -moz-transition: background 200ms ease-in-out;
   -ms-transition: background 200ms ease-in-out;
   -o-transition: background 200ms ease-in-out;
   transition: background 200ms ease-in-out;  }
.fbbutton:hover { background:url(../images/page/w_facebook.png) center no-repeat rgba(0,0,0,0.5); }

/**/
.kontakt-row-top { background-color:#6DA030; padding:30px 0px; }
.kontakt-row-top div { max-width:1200px; width:100%; }
.kontakt-row-form { background-color:#F5F5F5; padding:0 0 30px 0px; }
/**/

.table-head { background-color: #454545; color:#FFFFFF; }
.table-head td { color:#FFFFFF !important; width:25%;  }
.table-head:hover { background-color: #454545; }

/**/
.mob-tab { display:none; }
/**/
.byty_tab {
    font-size: 12pt;
    border: none;
    border-collapse: collapse;
	background-color:#f5f5f5;
}
.odd { background-color:#f5f5f5; }
.even { background-color:#e9e9e9; }
.byty_tab tr { cursor:pointer; }
.byty_tab tr:hover { background-color:#ccc; color:#000000; }
.byty_tab td { line-height: 22px; color:#333333; padding:10px; border: 1px solid #ccc; }

.byty_tab td.volne {
    background: #5cb03b !important;
    color: white !important;
    font-weight: bold !important;
}
.byty_tab td.rezervovane {
    background: #ffcc00 !important;
    font-weight: bold !important;
}
.byty_tab td.predane {
    /* background: #e31f26 !important; */
    color: #e31f26 !important;
    /* font-weight: bold !important; */
}
.byty_tab td a { text-decoration:none; color:#333333; }

/**/
.u-box { float:left; width:25%; height:500px; color:#ffffff; font-family: 'Signika', sans-serif; padding:3% 3%; font-size:16px; -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease; position:relative; }  
.r-bck-line { background:url(../images/page/line-v.png) right center no-repeat; }
.u-box h2 { font-size:30px; font-weight:100; line-height:36px; margin-bottom:25px; font-family: 'Signika', sans-serif;  }
.u-box div.ico { width:100%; min-height:110px; }
#uh3 { padding:0 15px; }
.zbox { background-color:#EE7203; color:#FFFFFF; }

.byvanie { background:url(../images/page/ico/uico03.png) center center no-repeat; }
.financovanie { background:url(../images/page/ico/uico05.png) center center no-repeat; }
.pravo { background:url(../images/page/ico/uico04.png) center center no-repeat; }
.poistenie { background:url(../images/page/ico/uico01.png) center center no-repeat; }

.u-box a { position:absolute; left:0; top:0; width:100%; height:100%; z-index:99; }
.u-box:hover  { background-color:rgba(255,255,255,0.15); }

/**/
.nadpis-box { margin-left:auto; margin-right:auto; left:0; right:0; width:100%; min-height:100px; color:#333333; font-size:50px; padding:15px 0; margin:30px 0 15px 0; }

.projekt-row-u { display: flex; flex-wrap: wrap; justify-content: center; }

.projekt-box-u { width:18%; min-height:350px; float:left; border:10px #FFFFFF solid; position:relative; overflow:hidden; }
.projekt-box-u:hover { background-color:#f5f5f5; border:10px #f5f5f5 solid; }
.projekt-box-u a { position:absolute;left:0; top:0; width:100%; height:100%; }

.projekt-box-u p.text { font-size:15px; padding:10px; color:#646464; }

.projekt-box-u-cont { padding:10px 20px; color:#646464; padding-bottom:10px; margin:10px 0; border-bottom:1px solid #CCCCCC; }


.bcg-gray { background-color:#646464;}

/* MENU drevene */ 
.center-menu-box-b .topmenub li a#sel:after{ width: 100%; background-color: #fed27a; }


.center-menu-box-b .topmenub li a:after{
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  content: "";
  transition: width 0.2s;
}
.center-menu-box-b .topmenub li a:hover:after{ width: 100%; background-color: #fed27a; }

.menu-tien { position:absolute; bottom:-20px; width:100%; max-width:1920px; height:20px; background:url(../images/page/top-tien.png) top repeat-x; }

.anchor {
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -100px; /*same height as header*/
  visibility: hidden;
} 

.mlist { list-style-type:square; }
.mlist li { margin-left:15px; font-size:26px; }
/* UVOD */ 

.sa {  background:url(../images/page/01.jpg) center -150px no-repeat; height:400px; }
.sb {  background:url(../images/page/02.jpg) center -150px no-repeat; height:400px; }
.sc {  background:url(../images/page/03.jpg) center -150px no-repeat; height:400px; }

/**/
.col-1-7 { float:left; width:70%; }
.col-1-3 { float:left; width:28%; margin:1%; padding:20px; border-right:2px solid #f5f5f5; }


.content-box { width:100%; position:relative; }
.container-box { width:100%; max-width:1100px; padding:30px; color:#000000; font-size:18px; }
.container-gallery { width:100%; max-width:1600px; padding:30px; color:#000000; font-size:18px; }

.center-img-box { width:100%; height:300px; max-width:1040px; background-color:#3e0000; }


/**/
.line-separator { width:100px; border-top:1px solid #FFFFFF; margin:20px 0px; }
 

/* KONTAKT */
.map-canvas { background:url(../images/page/progress.png) center center no-repeat; min-height:400px; }
.kontakt { color:#FFFFFF; margin-bottom:30px; }
.kontakt .funkcia { font-size:12px; }
.kontakt .meno { font-weight:bold; color:#FDD27A; }

.kontakt-fb-row { background:url(../images/page/bck01.jpg) center center no-repeat; color:#FFFFFF; }
.kontakt-fb-cont { width:100%; max-width:710px; padding:50px 0px; }
.col-1-13 { float:left; width:13%; }
.col-1-87 { float:left; width:87%; }

.kontakt-firma-row { background:url(../images/page/dado-dizajn-firma.jpg) center center no-repeat; min-height:500px; background-size:auto 100%; }

.input { font-size:14px; padding:7px; background-color:rgba(255,255,255,0.9); width:80%; margin:5px 0px 10px 0px; border:1px solid #3B4247; }
.input_area { font-size:14px; padding:7px; background-color:rgba(255,255,255,0.9); width:100%; margin:5px 0px 10px 0px; min-height:158px; border:1px solid #3B4247; }
.input-submit { background-color:rgba(255,255,255,0.9); padding:6px 14px; font-size:14px; margin-left:10px; cursor:pointer; border:1px solid #3B4247; }
.input-submit:hover { background-color:#FDD27A; }
.popis { font-size:12px; color:#000000; }

.kontakt-top-row { background:url(../images/page/04.jpg) bottom center no-repeat; padding:0 0 35px 0px; margin-top:70px; }
.kontakt-top-row a { color:#FFFFFF; text-decoration:none; }
.kontakt-top-row a:hover { color:#FFFFFF; text-decoration:underline; }
.form-row { background-color:#F5F5F5; padding:0 0 30px 0px; }

/* OBEC */
.obec-img-box { position:relative; width:100%; min-height:560px; }
.img01 { background:url(../images/page/cicmany-04.jpg) top center no-repeat; background-size:auto 100%; }
.img02 { background:url(../images/page/cicmany-03.jpg) top center no-repeat; background-size:auto 100%; }

/**/
.topmenu-social { float:right; border-right:1px solid #FFFFFF; margin-right:15px; padding-right:10px; height:40px; }
.topmenu-social a { display:inline-block; width:40px; height:40px; }
.fb { background:url(../images/page/top-social.png) no-repeat; background-position:0px -40px; }
.fb:hover { background:url(../images/page/top-social.png) no-repeat; background-position:-40px -40px; }
.tw { background:url(../images/page/top-social.png) no-repeat; background-position:0px 0px; }
.tw:hover { background:url(../images/page/top-social.png) no-repeat; background-position:-40px 0px; }

.hide { display:none; }
.fixhide { display:block !important; }

.link { color:#FFFFFF; text-shadow:rgba(0,0,0,0.8) 1px 1px 0px; text-decoration:none; font-size:24px; border:2px solid #FFFFFF; padding:6px 24px;
-webkit-transition: padding 200ms ease-in-out;
   -moz-transition: padding 200ms ease-in-out;
   -ms-transition: padding 200ms ease-in-out;
   -o-transition: padding 200ms ease-in-out;
   transition: padding 200ms ease-in-out; }
.link:hover { color:#FFFFFF; text-shadow:rgba(0,0,0,0.8) 1px 1px 0px; text-decoration:none; font-size:24px; padding:9px 34px; }

.linkb { color:#000000; text-shadow:rgba(0,0,0,0.1) 1px 1px 0px; text-decoration:none; font-size:24px; border:2px solid #000000; padding:6px 24px;
-webkit-transition: padding 200ms ease-in-out;
   -moz-transition: padding 200ms ease-in-out;
   -ms-transition: padding 200ms ease-in-out;
   -o-transition: padding 200ms ease-in-out;
   transition: padding 200ms ease-in-out; }
.linkb:hover { color:#000000; text-shadow:rgba(0,0,0,0.1) 1px 1px 0px; text-decoration:none; font-size:24px;  padding:9px 34px; }


/* UVOD */
.u-blok-box { color:#000000; min-height:450px; margin:15px 0; }
.u-blok-box-left { width:40%; padding:30px; float:left; }
.u-blok-box-right { float:right; width:60%; min-height:450px; }

.u-blok-box .nadpis { color:#000000; }
.u-blok-box .separator { max-width:100px; border-top:1px solid #000000; margin:20px 0px; }
.u-blok-box .cont { color:#000000; font-size:18px; text-align:center; }

.u-blok-box-b { color:#000000; min-height:450px; margin:15px 0; }
.u-blok-box-b-left { width:60%; padding:30px; float:left; min-height:450px; }
.u-blok-box-b-right { float:right; width:40%; padding:30px; }

.u-blok-box .nadpis { color:#000000; }
.u-blok-box .separator { max-width:100px; border-top:1px solid #000000; margin:20px 0px; }
.u-blok-box .cont { color:#000000; font-size:18px; text-align:center; }

.uvod-row-gallery { position:relative; padding-left:12px; }
.uvod-row-gallery div.col-1-3 { float:left; width:186px; height:166px; margin:5px 10px 5px 0; overflow:hidden; }
.uvod-row-gallery img { width:100%; height:100%; -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
   -o-transition: all 100ms ease-in-out;
   transition: all 100ms ease-in-out; }
.uvod-row-gallery div.col-1-3:hover img { width:110%; height:110%; margin:-5% 0 0 -5%; }

.uvod-ponuka-row { background-color:#FFFFFF; min-height:600px; position:relative; }

.uvod-right-bck { position:absolute; left:0; width:50%; height:300px; top:24px; background:url(../images/page/gbck.png); z-index:1; }
.uvod-ponuka-trava { width:100%; height:300px; background:url(../images/page/trava-top.png) 5% 90px no-repeat; }
.uvod-ponuka-popis-box { color:#666666; font-size:16px; padding:216px 0 0 60px; max-width:880px; }
.uvod-ponuka-row h2 { color:#759F3B; font-family: 'Signika', sans-serif; font-size:40px; max-width:300px; padding-top:60px; font-weight:bold; padding-left:60px; }
.uvod-ponuka-logo-box { max-width:1200px; width:100%; min-height:600px; background:url(../images/page/8b_nove_cicmany.png) top right no-repeat; }
.uvod-ponuka-abs-box { width:100%; min-height:600px; position:absolute; z-index:2; }

.u-typ-row { background:url(../images/page/bck_drevo.jpg) top center no-repeat; position:relative; width:100%; min-height:860px; }
.u-typ-dom-row { background:url(../images/page/8_vystrihnuty_dom.png) bottom center no-repeat; position:relative; width:100%; min-height:860px; position:relative; }
.u-typ-box-biely { position:absolute; left:0; bottom:0; width:20%; height:282px; background-color:#FFFFFF; }
.u-nadpis-box { color:#FFFFFF; width:50%;  font-family: 'Signika', sans-serif; font-size:40px; padding:35px 0 0 60px; font-weight:bold; }
.u-typ-abs-box { width:100%; min-height:860px; position:absolute; z-index:2; left:0; top:0; }
.u-typ-abs-box-2 { position:absolute; bottom:-15px; }
.u-typ-cont { max-width:1200px; width:100%; }

/* OBSAH */
section {
 width:100%;	
}

main {
	overflow-x: hidden;
	max-width:1920px;
	width:100%;
}

.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.row { position:relative; clear:both; }
.col-1-2 { float:left; width:50%; }

.col-1-3a { float:left; width:29.33%; }
.col-1-3b { float:left; width:47.66%; padding-top:64px; }
.col-1-3c { float:left; width:23%; padding-top:64px; }

.paddl20 { padding-left:20px; }
.paddr20 { padding-right:20px; }
.margtop30 { margin-top:30px; }

/* UVOD */
.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
	min-height:300px;
    width: 100%;
	/* background:url(../images/page/01.jpg) center -150px no-repeat; */
	position:relative;
}


/* PRODUKTY */
.slider-box { height:600px; background:url(../images/page/video-bck.jpg) center center no-repeat #850E01; }

.content-cont { width:100%; max-width:1300px; position:relative; color:#000000; }
.col-1-25 { width:40%; float:left; }
.col-1-75 { width:60%; float:left; }

.black { color:#000000; }
.white { color:#FFFFFF; }
.oranz { color:#fed27a; }

a { text-decoration:none; color:#FF6600; }
a:hover { text-decoration:underline; }


.separator { height:1px; border-bottom:1px solid #FFFFFF; margin-bottom:20px; margin-top:20px; width:100%; }

/* KONTAKT */

/* SLUZBY */
.ico-sluzby { width:54px; height:54px; margin-bottom:10px; background:url(../images/page/sluzby-ico.png) center no-repeat; }

/* FOOTER */
.footer-row { background-color:#6DA030; color:#FFFFFF; min-height:380px; position:relative; margin-top:20px; }
.footer-box { max-width:1200px; width:100%; padding:40px 0 0 0; }
.footer-box a { color:#FFFFFF; text-decoration:none; }
.footer-box a:hover { color:#fed27a; text-decoration:underline; }

.footer-box { font-weight:300; font-size:20px!important; }
.footer-box .nadpis { margin-left:auto; margin-right:auto; left:0; right:0; width:100%; color:#FFFFFF; padding:0 0 15px 0; font-size:30px; }
.footer-box p span {  font-size:16px!important; }
.footer-box p#tel {  font-size:30px!important; }

.footer-end-row { background-color:#FFFFFF; position:relative; }
.footer-end-box { max-width:1200px; width:100%; position:relative; line-height:50px; color:#666666; font-size:16px; }
.footer-end-box a { color:#666666; text-decoration:none; }
.footer-end-box a:hover { color:#009900; }


/* FONT */
h2 { font-size:25px; }	
h4 { font-size:35px; }	
	
/* mapa */	
.box-bubble span { font-weight:bold; }	

/**/
.newsletter { background-color:#646464; color:#FFFFFF; padding:15px 0 30px 0; margin:15px 0; } 
.newsletter-cont { width:100%; max-width:1200px; }
.newsletter-cont .nadpis { border-bottom:1px solid #FFFFFF; padding:15px; font-size:34px; font-weight:normal; margin-bottom:15px;  }
.newsletter .itext { background: url(../images/page/ico-email.png) center left no-repeat #FFFFFF; background-position:10px center; padding:10px 10px 10px 54px; color:#000000; margin:2px 10px; font-size:18px; width:300px; text-align:left; }
.newsletter .send { background-color:#000000; color:#FFFFFF; font-size:18px; padding:10px 20px; }
.newsletter .send:hover { color:#000000; background-color:#FFFFFF; }
.newsletter .col-1-2 { padding:0 15px; }

.right { text-align:right; }
.left { text-align:left; }

/* NB */
@media all and ( max-width: 1366px ) { 

.u-stripe { width:100%; height:230px; background:url(../images/page/trava-top.png) 115% bottom no-repeat; }
.u-stripe-b { width:100%; height:230px; background:url(../images/page/trava-m.png) -150px bottom no-repeat; }

.obec-img-box { min-height: 400px; }

.sport-areal-info-row div.trava {
    background: rgba(0, 0, 0, 0) url("../images/page/trava-top.png") no-repeat scroll right top;
	left:0;
	min-height:150px;
}


.drevenice-trava-top {
    background: rgba(0, 0, 0, 0) url("../images/page/trava-top.png") no-repeat scroll right top;
	background-size:30% auto;
    bottom: 0;
    height: 150px;
    position: absolute;
    right: 0;
    width: 100%;
}

.vybavenie-info-row .trava {
    background: rgba(0, 0, 0, 0) url("../images/page/trava-m.png") no-repeat scroll right bottom;
    bottom: 0;
    right: -50px;
    width: 100%;
	left:0;
}

.trava-left {  min-height: 150px; }

}

/* TABLET */
@media all and ( max-width: 800px ) { 

}


/* MOBIL */
@media all and ( max-width: 480px ) { 

main { padding-top:70px; }
.nadpis25 { line-height:40px; }
.center-menu-box, .center-menu-box-b { display:none!important;}
.mobile-menu-stripe { display:block; }
.pull { display:block!important; }

.u-menu-box { display:none; }
.u-stripe, .u-stripe-b  { background:none; }

.u-logo { background-position: 10px center; background-size: auto 90%; float: left; height: 80px; width: 100%; }

.col-1-7 { float:none; width:100%; }
.col-1-3 { float:none; width:100%; margin:0%; padding:20px; border-right:none; }

.col-1-2 { float: none;  width: 100%; }
.col-1-4 { float: left; width: 50%; margin:2% 0; }
.uvod-row-gallery { padding:0; }
.uvod-row-gallery div.col-1-3 {
    float: left;
    min-height: 166px;
    margin: 1%;
    overflow: hidden;
    width: 48%
}
.u-box-left { padding: 2% 3%; }
.top-page-block div.cont { padding: 2% 3%; }

/* uvod */
.bcg { min-height: 300px; position: relative; width: 100%; }

/**/
.top-row { background:url(../images/page/cicmany-03.jpg) center no-repeat; height:150px; color:#FFFFFF; }
.top-row h1 { color:#FFFFFF; font-size:35px; font-weight:bold; line-height:normal; padding-top:30px; }


/**/
.footer-end-box .col-1-2 { float:none; width:100%; text-align:center; }


/**/
.mob-tab { display:block; }
/**/
.byty_tab { font-size: 8pt; }
.byty_tab td { padding:3px; border: 1px solid #ccc; }

/**/
.projekt-box-u { float:none; width:100%; }
.u-box { float:none; width:100%; height:400px; }


/**/
.top-page-row { padding: 0px; }
.top-page-block div.cont { padding:20px; }

/**/
.typ-a-gal { min-height:auto; padding-bottom:20px; }
.typ-a-gal-2 { display:none; }
.gal-img-box-r { float:none; width:100%; max-width:auto; }
.gal-img-box-r img { width:100%; }

.mapa-bck { min-height:0; background:#ffffff; }
.mapa-box { min-height:0; padding-top:60px; }
/**/

.right { text-align:center; }
.left { text-align:center; }


/* footer */
.col-1-3a { float: none; width: 100%; padding:0 4%; }
.col-1-3b { float: none; width: 100%; padding:0 4%; }
.col-1-3b div.col-1-2 { width:100%; padding:0 4%; }
.col-1-3c { float: none; width: 100%; padding:0 4% 3% 4%; text-align:center; }

.sluzby-cont { display:block; }
.trava-left { display:none; }
.box-left { border-right:none; padding: 20px; }
.box-right { padding: 20px; }

.paddr20, paddl20 { padding:0; }
.mapa-footer a { top: 0px; background-size:100% auto; background-position:center; }
}