div.morebox {float:left; position: relative; width: 100%; background-color: white; text-align: center; margin-top: 5px;}

div.morebox p.butbig {width: 100%; background-color: white; height: 50px; padding-top: 20px; padding-bottom: 35px; margin-bottom: -15px;line-height: 50px;}
div.morebox p.butbig span { background-color: #11825a; color: white; padding: 15px;  border-radius: 7px;  text-transform: uppercase; line-height: 15px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }

div.morebox p.butbig span:hover {cursor: pointer; opacity: 0.8}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 1025px) {

div.morebox {float:left; position: relative; width: 100%; background-color: white; text-align: center; background-position: top center; background-repeat: repeat; background-image: url(images/newsajax.png); margin-top: 5px;}
div.morebox div.novinka h2 {margin-top: 25px;}


body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
} 
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;

}
div.headbox {
	margin-left: auto; 
	margin-right: auto;
	position: relative; 
	width: 990px;
}
div.logobox {
	float: left;
	position: relative;

	width: 550px;
	height: 150px;
}
div.menudva {display: none;}

div.logobox img {
	float: left;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 0px;
	position: relative;
	margin-top: 25px
}
div.logobox a:hover img, div.logobox a:hover h1 {opacity: 0.8;} 
div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative;
	color: #454545;
	font-weight: 800;
	text-transform: uppercase;
	margin-left: 10px;
	font-size: 33px;
	margin-top: 38px;
    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

div.mapbox {
	float: left;
	position: relative;
	width: 440px;
	height: 150px;
}
div.searchbox {
	float: left;
	position: relative;
	width: 440px;
	margin-top: 10px;
	height: 50px;
}
div.telbox {
	float: left;
	position: relative;
	width: 440px;
	height: 60px;
}
div.telbox div {
	float: right;
	position: relative;
	margin-left: 33px;
	margin-right: 10%;
	border-bottom: 1px solid #dbdbdb;
}
div.telbox div p {
	text-align: left;
	line-height: 14px;
	color: #909090;
	margin-top: 15px;
	font-size: 11px;
}
div.telbox div p span, div.telbox div p span a{ text-decoration: none;
	color: #000000;
} {
	color: #000000;
}
div.telbox img {
	float: right;
	position: relative;
	margin: 0px;
	margin-right: -20px;
	margin-top: 12px;
}
div.searchbox input.txt {
	float: right;
	margin-top: 15px;
	background-image: url(images/lupa.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	width: 185px;
	padding-right: 5px;
	padding-left: 34px;
	height: 29px;
	background-color: #f9f9f9;
	border: 1px solid #d0d0d0;
}
div.searchbox input.sub {
	float: right;
	position: relative;
	width: 69px;
	height: 34px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}


div.searchbox input.sub:hover {cursor: pointer; opacity: 0.6;}

div.menu {float: left; position: relative; margin: 0px; margin-bottom: 0px; margin-top: -17px; background-repeat: repeat-x; background-image: url(images/menubg.png); width: 990px; height: 57px;  background-position: down; }    

div.menu a, div.menu a.active {float: left;  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s; padding-left: 8px; color: black;  margin-left: 2px; margin-right: 2px; padding-right: 8px; height: 57px; text-decoration: none;}

div.menu a:hover, div.menu a.active{background-color: white; text-decoration: underline; color: #008358;}

div.menu a p, div.menu a.active p {font-size: 14px; font-weight: bold; margin-top: 18px; text-transform: uppercase; 	font-family: 'Open Sans', sans-serif;}
div.banner {
	float: left;
	position: relative;
	width: 100%;
	height: 388px;
	background-image: url(images/header.jpg);
	background-position: center;
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerbox {
	position: relative;
	width: 990px;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}


div.bannersmall {
	float: left;
	position: relative;
	width: 100%;
	height: 130px;
	background-image: url(images/header.jpg);
	background-position: center -300px;  
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerboxsmall {
	position: relative;
	width: 990px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
}

 div.textboxsmall {width: 683px; height: 88px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 22px; overflow: hidden;}
              
 div.textboxsmall p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 20px; margin: 0px; margin-left: 10px; line-height: 20px; text-transform: uppercase; }
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 10px;
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	width: 990px;
	background-image: url(images/rbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
}
div.radiobuttonsbox a.aa {margin-left: 5px}

div.radiobutonsbox a img,div.radiobutonsbox a p{ -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	position: relative;
	margin-left: 30px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 8px;
	margin-top: 45px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 986px;
	border: 2px solid white;
	height: 60px;
	background-color: #aac4bb;
}
div.banbox p {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	float: left;
	font-size: 32px;
	margin: 0px;
	margin-top: 15px;
	letter-spacing: -1px;
	margin-left: 15px;
	line-height: 34px;
	color: #ffffff;
	font-weight: 800;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
  
}
div.maincont {float: left; position: relative; width: 100%; background-image: url(images/subpage.png); background-repeat: no-repeat; background-position: center top;}
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 990px;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 990px; float: left; position: relative;}

div.l {float: left; position: relative; width: 248px; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 702px; margin-left: 40px; text-align: left; font-family: 'Open Sans', sans-serif; margin-bottom: 15px;}
div.banbox a {
	float: left;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}
div.bottoma {
	float: left;
	position: realtive;
	height: 90px;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 90px;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 10px;
	border: none;
}
p.bot {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 20px;
	color: #567268;
  font-weight: 800;
	text-transform: uppercase;
}
div.bottomb {
	float: left;
	position: realtive;
	height: 165px;
	width: 100%;
	background-color: #aac4bb;
}
div.bottombbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 165px;
}
div.half {
	float: left;
	position: relative;
	width: 36%;
}

div.right {width: 64%
	
}

p.a {text-align:left; float: right; margin-bottom: 0px; letter-spacing: 0px; margin-top: 25px; line-height: 13px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 12px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align:left; position: relative; letter-spacing: 0px; float: right; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
div.half ul {margin-top: 20px;}
div.half ul li{
               list-style-image: url('images/odrazka.png');
               text-align: left;
               font-size: 14px;
               color: #486057;
               font-weight: 800;
               text-transform: uppercase;
               line-height: 20px;
               margin-top: 8px; 
               margin-bottom: 8px;
               font-family: 'Open Sans', sans-serif; 
              }
              
              
              div.news {float: left; position: relative; width: 990px; background-position: top center; background-repeat: repeat; background-image: url(images/news.png);}
              
              div.novinka {float: left; position: relative; width: 460px; margin-left: 23px; height: 212px; overflow: hidden;}
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 460px; margin-top: 15px; height: 150px; overflow: hidden;}
              
              
              
              div.textbox {width: 460px; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 40px;}
              
              div.textbox p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 29px; margin: 0px; margin-left: 10px; line-height: 30px; text-transform: uppercase; }
              
               div.textbox p.nadpis {font-size: 56px; margin-top: 19px; float: left; position: relative; line-height: 47px;}
              
              
              
             a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 38px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-left: 245px; margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 24px; 
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
}
a.butonbx:hover {opacity: 0.7; cursor: pointer;}


div.fotkybottom {float: left; position: relative; width: 990px; height: 290px; margin-top: 10px; margin-bottom: 10px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 495px; height: 300px;    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left; position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}

div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}


img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;}

p.partneri {float: left; position: relative; width: 975px; font-family: 'Open Sans', sans-serif; font-weight: 800; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; margin-left: 15px; color: #c0c0c0;  text-align: left;}


div.partneri {float: left; position: relative; width: 990px; margin: 0px; margin-top: 10px;}

div.partneri a img {float: left; position: relative; margin-left: 5px; margin-right: 46px; margin-top: 5px; margin-bottom: 10px; border: 3px solid white; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
div.partneri a img:hover {-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03); opacity: 0.8;}  
  
  
  
div.fb-like-box {float: left; position: relative; margin-left: 4px; height: 215px; border: none;  margin-top: 10px; overflow: hidden;}

div.menuleft {float: left; position: relative; padding-bottom: 20px; width: 248px; background-color: #f1f1f1; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}  

div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 40px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}

div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 702px;}


div.drobecek {float: left; position: relative; height: 20px; margin-top: 0px;  width: 702px;}

div.drobecek p {text-align: left; color: #919191; font-family: arial; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.drobecek p a {text-align: left; color: #919191; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.menuleft {margin-top: 17px;}
div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px;  -webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
  transition-duration: 0.4s;}


div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: url(images/menuon.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}
div.menuleft a:hover {float: left; position: relative; background-image: none; background-color: white; width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}

div.menuleft a.active p { color: #008357; margin-left: 30px;}
div.menuleft a:hover p { color: #008357;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; font-size: 13px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 700px; overflow: hidden; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; height: 60px;}
div.kalbox div.datebox {float: left; position: relative; overflow: hidden; background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; background-image: none; width: 600px; margin-left: 15px;  margin-top: 0px;  height: 60px;}
div.kalbox div.textbox p {width: 588px; overflow: hidden;  margin-left: 2px; margin-right:6px; height: 40px; text-align: left; font-size: 14px; color: #454545; text-transform: uppercase; line-height: 18px; margin-top: 13px;}



div.kalbox:hover {opacity: 1.0;}

img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;}
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;}

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}

div.prihlaska {float: left; position: relative; width: 100%; max-width: 700px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 13px; width: 100%; }

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}

div.prihlaska div {float: left; position: relative; width: 330px; margin-right: 10px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px; margin-top: -5px !important}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}


}

	
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1025px) {

body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
}
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;
} 
div.headbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}
div.logobox { 
	float: left;
	position: relative;
	width: 100%;
	height: 90px;
}
div.logobox img {
	float: left; 
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 20px; 
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
} 

div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative; 
	color: #454545;
	text-align: left;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 20px;
	margin-left: 10px;
	width: 65%;
	margin-top: 17px;
}

div.logobox a.vysledky {display: none;}



div.mapbox {
	display: none; 
}
div.searchbox {
	display:none;
}
div.menu {
	display: none;
}    

div.banner {
	float: left;
	margin-top: 5px; 
	position: relative;
	width: 100%;
	height: 388px;

}
div.bannerbox {
	position: relative;
	width: 100%;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}

 div.textbox {width: 80%; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 20px;}
              
div.textbox p {text-align: left; letter-spacing: -1px; width: 100%;  color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 22px; margin: 0px; margin-left: 15px; line-height: 22px; text-transform: uppercase; }
              
div.textbox p.nadpis {font-size: 29px; margin-top: 29px; width: 100%; float: left; position: relative; line-height: 29px;}


a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 8px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase; 
	letter-spacing: -1px;
	margin-top: 24px;
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
} 
a.butonbx:hover {opacity: 0.7; cursor: pointer;}

div.menudva {float: left; display: block; position: relative; width: 100%; background-color: #f2f2f2; padding-top: 10px; margin-top: 20px; margin-bottom: 20px;  text-align: left;}
div.menudva a {text-transform: uppercase; text-decoration: none; color: #3a9573; font-size: 18px; font-weight: bold; z-index: 10; float: left; position: relative; width: 100%;}
div.menudva img {border: none; margin-left: 38px; margin-right: 20px;  vertical-align: middle; float: left; position: relative;}   
div.menudva img.resp {border: none; margin-left: 6%; margin-right: 10px;  visibility: hidden; vertical-align: middle; float: left; position: relative;
	display: none;
		
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
	height: 1px;
}   

	
	 
div.menudva a p {margin-top: 8px; }

div.menudva div {float: left; position: relative; width: 100%; margin: 0px; margin-top: 10px; display:none; margin-bottom: 10px;}
div.menudva div a {float: left; position: relative; font-size: 16px; width: 100%; margin: 0px ! important; height: 35px; padding-top: 3px; margin-top: 1px; margin-bottom: 1px;}
div.menudva div a p {margin-left: 40px;}
div.menudva div a.active {background-color: #dfdfdf;}
div.menudva div a:hover {background-color: #e4e4e4;}

 


	

 

div.bannersmall {
	display:none;
}
div.bannerboxsmall {
	display:none;
}

 div.textboxsmall {display:none;}
              
 div.textboxsmall p {display:none;}
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 20px; 	
	margin-bottom: 15px;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox a {
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-left: 15px;
	width: 260px; 
} 

div.radiobutonsbox a img,div.radiobutonsbox a p{ 
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	width: 100px; 
	position: relative;
	margin-left: 15px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
display: none;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
  
}

 
div.maincont {float: left; position: relative; width: 100%; background-image: none;
	
} 
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 100%;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 100%; float: left; position: relative;}

div.l {float: left; position: relative; width: 100%; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 94%; padding-left: 3%; padding-right: 3%; margin: 0px; text-align: left;}
div.r p, div.r h1, div.r ul, div.r li, div.r span, div.r img, div.r h2 {max-width: 100%;} 

div.banbox a {
	float: left;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}

div.bottoma {
	float: left;
	position: relative;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 100%; 
	height: 100px;
	padding-bottom: 5px;
	background-color: #cee4dc;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 1px;
	border: none;
}
p.bot { 
display: none;
}
div.bottomb {
display: none; 
}
div.half {
	float: left;
	position: relative;
	width:64%;
	margin-right: 5%;
}
div.bottomabox div.left {width: 18%;}
div.half img {width: 50px; margin-left: 30%; margin-top: 20px;}
p.a span.m2 {display: none;}
p.a {text-align:left; float: left; margin-bottom: 0px; width: 100%; letter-spacing: 0px; margin-top: 25px; line-height: 15px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 14px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align: left; float: left; position: relative; letter-spacing: 0px; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
              
              div.news {float: left; position: relative; width: 100%; margin-top: 20px; background-image: none;} 
              
              div.novinka {float: left; position: relative; width: 94%; height: none;  border-bottom: 2px dashed grey; margin-left: 3%; margin-right: 3%; padding-top: 5px; overflow: hidden; margin-top: 5px;} 
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 100%; margin-top: 10px; float: left; position: relative;} 
              
              
               
             
              
              
              
              
              



div.fotkybottom {float: left;  position: relative; width: 100%; height: 495px; margin-top: 10px; margin-bottom: 0px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 100%; height: 248px;} 
  
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer; background-position: center;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left;  position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}
div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}
div.fotkybottom div.detail div img.youtu {display: none;}

img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;} 

div.fb-like-box {display:none;}


div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}
div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 100%;}


div.drobecek {display: none;}
div.menuleft {margin-top: 0px;}
div.menuleft {float: left; position: relative; width: 100%; padding: 0px; padding-top: 1px; padding-bottom: 1px; border-radius: none;}  
img.mdelic {display: none;}

div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 100%; height: 40px; margin: 0px;margin-top: 1px; margin-bottom: 1px;} 
div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: none;  width: 100%; height: 40px; margin: 0px; text-decoration: underline; background-color: #d2d2d2;  margin-top: 1px; margin-bottom: 1px;} 


div.menuleft a.active p { color: #008357; margin-left: 20px;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; max-width: 100%; font-size: 13px; margin: 0px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; min-height: 60px;} 
  
div.kalbox div.datebox {float: left; position: relative;  background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; width: auto; background-image: none; margin-top: 0px; min-height: 60px;}
div.kalbox div.textbox p {margin-left: 0px; margin-right: 1px; min-height: 50px; text-align: left; font-size: 13px; width: 100%; color: #454545; text-transform: uppercase; line-height: 14px; margin-top: 10px;}
div.kalbox img {display: none;} 

 
div.kalbox:hover {opacity: 1.0;}
 
img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s; }
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;} 

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}


div.prihlaska {float: left; position: relative; width: 100%; max-width: 640px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 15px; width: 100%;}

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}

div.prihlaska div {float: left; position: relative; width: 300px; margin-right: 20px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
 

}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px;}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 1024px) {
body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
}
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;
}
div.headbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 990px;
}
div.logobox {
	float: left;
	position: relative;

	width: 550px;
	height: 150px;
}
div.menudva {display: none;}

div.logobox img {
	float: left;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 0px;
	position: relative;
	margin-top: 25px
}
div.logobox a:hover img, div.logobox a:hover h1 {opacity: 0.8;} 
div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative;
	color: #454545;
	font-weight: 800;
	text-transform: uppercase;
	margin-left: 10px;
	font-size: 33px;
	margin-top: 38px;
    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

div.mapbox {
	float: left;
	position: relative;
	width: 440px;
	height: 190px;
}
div.searchbox {
	float: left;
	position: relative;
	width: 440px;
	margin-top: 10px;
	height: 50px;
}
div.telbox {
	float: left;
	position: relative;
	width: 440px;
	height: 100px;
}
div.telbox div {
	float: right;
	position: relative;
	margin-left: 33px;
  margin-right: 10%;
	border-bottom: 1px solid #dbdbdb;
}
div.telbox div p {
	text-align: left;
	line-height: 14px;
	color: #909090;
	margin-top: 15px;
	font-size: 11px;
}
div.telbox div p span, div.telbox div p span a{ text-decoration: none;
	color: #000000;
} {
	color: #000000;
}
div.telbox img {
	float: right;
	position: relative;
	margin: 0px;
	margin-right: 0px;
	margin-top: 12px;
}
div.searchbox input.txt {
	float: right;
	margin-top: 15px;
	background-image: url(images/lupa.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	width: 185px;
	padding-right: 5px;
	padding-left: 34px;
	height: 29px;
	background-color: #f9f9f9;
	border: 1px solid #d0d0d0;
}
div.searchbox input.sub {
	float: right;
	position: relative;
	width: 69px;
	height: 34px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}


div.searchbox input.sub:hover {cursor: pointer; opacity: 0.6;}

div.menu {float: left; position: relative; margin: 0px; margin-bottom: 0px; margin-top: -17px; background-repeat: repeat-x; background-image: url(images/menubg.png); width: 990px; height: 57px;  background-position: down; }    

div.menu a, div.menu a.active {float: left;  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s; padding-left: 8px; color: black;  margin-left: 2px; margin-right: 2px; padding-right: 8px; height: 57px; text-decoration: none;}

div.menu a:hover, div.menu a.active{background-color: white; text-decoration: underline; color: #008358;}

div.menu a p, div.menu a.active p {font-size: 14px; font-weight: bold; margin-top: 18px; text-transform: uppercase; 	font-family: 'Open Sans', sans-serif;}
div.banner {
	float: left;
	position: relative;
	width: 100%;
	height: 388px;
	background-image: url(images/header.jpg);
	background-position: center;
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerbox {
	position: relative;
	width: 990px;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}


div.bannersmall {
	float: left;
	position: relative;
	width: 100%;
	height: 130px;
	background-image: url(images/header.jpg);
	background-position: center -300px;  
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerboxsmall {
	position: relative;
	width: 990px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
}

 div.textboxsmall {width: 683px; height: 88px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 22px; overflow: hidden;}
              
 div.textboxsmall p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 20px; margin: 0px; margin-left: 10px; line-height: 20px; text-transform: uppercase; }
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 10px;
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	width: 990px;
	background-image: url(images/rbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
}
div.radiobuttonsbox a.aa {margin-left: 5px}

div.radiobutonsbox a img,div.radiobutonsbox a p{ -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	position: relative;
	margin-left: 30px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 8px;
	margin-top: 45px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 986px;
	border: 2px solid white;
	height: 60px;
	background-color: #aac4bb;
}
div.banbox p {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	float: left !important;
	font-size: 32px;
	margin: 0px;
	margin-top: 15px;
	letter-spacing: -1px;
	margin-left: 15px;
	line-height: 34px;
	color: #ffffff;
	font-weight: 800;
	display: inline-block;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
  
}
div.maincont {float: left; position: relative; width: 100%; background-image: url(images/subpage.png); background-repeat: no-repeat; background-position: center top;}
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 990px;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 990px; float: left; position: relative;}

div.l {float: left; position: relative; width: 248px; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 702px; margin-left: 40px; text-align: left; font-family: 'Open Sans', sans-serif; margin-bottom: 15px;}
div.banbox a {
	float: left !important;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
	display: inline-block;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}
div.bottoma {
	float: left;
	position: realtive;
	height: 90px;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 90px;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 10px;
	border: none;
}
p.bot {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 20px;
	color: #567268;
  font-weight: 800;
	text-transform: uppercase;
}
div.bottomb {
	float: left;
	position: realtive;
	height: 165px;
	width: 100%;
	background-color: #aac4bb;
}
div.bottombbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 165px;
}
div.half {
	float: left;
	position: relative;
	width: 36%;
}

div.right {width: 64%
	
}

p.a {text-align:left; float: right; margin-bottom: 0px; letter-spacing: 0px; margin-top: 25px; line-height: 13px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 12px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align:left; position: relative; letter-spacing: 0px; float: right; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
div.half ul {margin-top: 20px;}
div.half ul li{
               list-style-image: url('images/odrazka.png');
               text-align: left;
               font-size: 14px;
               color: #486057;
               font-weight: 800;
               text-transform: uppercase;
               line-height: 20px;
               margin-top: 8px; 
               margin-bottom: 8px;
               font-family: 'Open Sans', sans-serif; 
              }
              
              
              div.news {float: left; position: relative; width: 990px; background-position: top center; background-repeat: repeat; background-image: url(images/news.png);}
              
              div.novinka {float: left; position: relative; width: 460px; margin-left: 23px; height: 212px; overflow: hidden;}
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 460px; margin-top: 10px; height: 150px; overflow: hidden;}
              
              
              
              div.textbox {width: 460px; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 40px;}
              
              div.textbox p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 29px; margin: 0px; margin-left: 10px; line-height: 30px; text-transform: uppercase; }
              
               div.textbox p.nadpis {font-size: 56px; margin-top: 19px; float: left; position: relative; line-height: 47px;}
              
              
              
             a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 38px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-left: 245px; margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 24px; 
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
}
a.butonbx:hover {opacity: 0.7; cursor: pointer;}


div.fotkybottom {float: left; position: relative; width: 990px; height: 290px; margin-top: 10px; margin-bottom: 10px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 495px; height: 300px;    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left; position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}

div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}


img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;}

p.partneri {float: left; position: relative; width: 975px; font-family: 'Open Sans', sans-serif; font-weight: 800; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; margin-left: 15px; color: #c0c0c0;  text-align: left;}


div.partneri {float: left; position: relative; width: 990px; margin: 0px; margin-top: 10px;}

div.partneri a img {float: left; position: relative; margin-left: 5px; margin-right: 46px; margin-top: 5px; margin-bottom: 10px; border: 3px solid white; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
div.partneri a img:hover {-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03); opacity: 0.8;}  
  
  
  
div.fb-like-box {float: left; position: relative; margin-left: 4px; height: 215px; border: none;  margin-top: 10px; overflow: hidden;}

div.menuleft {float: left; position: relative; padding-bottom: 20px; width: 248px; background-color: #f1f1f1; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}  

div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 40px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}

div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 702px;}


div.drobecek {float: left; position: relative; height: 20px; margin-top: 0px;  width: 702px;}

div.drobecek p {text-align: left; color: #919191; font-family: arial; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.drobecek p a {text-align: left; color: #919191; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.menuleft {margin-top: 17px;}
div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px;  -webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
  transition-duration: 0.4s;}


div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: url(images/menuon.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}
div.menuleft a:hover {float: left; position: relative; background-image: none; background-color: white; width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}

div.menuleft a.active p { color: #008357; margin-left: 30px;}
div.menuleft a:hover p { color: #008357;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; font-size: 13px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 700px; overflow: hidden; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; height: 60px;}
div.kalbox div.datebox {float: left; position: relative; overflow: hidden; background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; background-image: none; width: 600px; margin-left: 15px;  margin-top: 0px;  height: 60px;}
div.kalbox div.textbox p {width: 588px; overflow: hidden;  margin-left: 2px; margin-right:6px; height: 40px; text-align: left; font-size: 14px; color: #454545; text-transform: uppercase; line-height: 18px; margin-top: 13px;}



div.kalbox:hover {opacity: 1.0;}

img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;}
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;}

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}

div.prihlaska {float: left; position: relative; width: 100%; max-width: 700px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 13px;width: 100%;}

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}

div.prihlaska div {float: left; position: relative; width: 320px; margin-right: 20px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px;}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}


}

	
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1024px) {

body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
}
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;
} 
div.headbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}
div.logobox { 
	float: left;
	position: relative;
	width: 100%;
	height: 90px;
}
div.logobox img {
	float: left; 
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 20px; 
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
} 

div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative; 
	color: #454545;
	text-align: left;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 20px;
	margin-left: 10px;
	width: 65%;
	margin-top: 17px;
}

div.logobox a.vysledky {display: none;}



div.mapbox {
	display: none; 
}
div.searchbox {
	display:none;
}
div.menu {
	display: none;
}    

div.banner {
	float: left;
	margin-top: 5px; 
	position: relative;
	width: 100%;
	height: 388px;

}
div.bannerbox {
	position: relative;
	width: 100%;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}

 div.textbox {width: 80%; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 20px;}
              
div.textbox p {text-align: left; letter-spacing: -1px; width: 100%;  color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 22px; margin: 0px; margin-left: 15px; line-height: 22px; text-transform: uppercase; }
              
div.textbox p.nadpis {font-size: 29px; margin-top: 29px; width: 100%; float: left; position: relative; line-height: 29px;}


a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 8px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase; 
	letter-spacing: -1px;
	margin-top: 24px;
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
} 
a.butonbx:hover {opacity: 0.7; cursor: pointer;}

div.menudva {float: left; display: block; position: relative; width: 100%; background-color: #f2f2f2; padding-top: 10px; margin-top: 20px; margin-bottom: 20px;  text-align: left;}
div.menudva a {text-transform: uppercase; text-decoration: none; color: #3a9573; font-size: 18px; font-weight: bold; z-index: 10; float: left; position: relative; width: 100%;}
div.menudva img {border: none; margin-left: 38px; margin-right: 20px;  vertical-align: middle; float: left; position: relative;}   
div.menudva img.resp {border: none; margin-left: 6%; margin-right: 10px;  visibility: hidden; vertical-align: middle; float: left; position: relative;
	display: none;
		
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
	height: 1px;
}   

	
	 
div.menudva a p {margin-top: 8px; }

div.menudva div {float: left; position: relative; width: 100%; margin: 0px; margin-top: 10px; display:none; margin-bottom: 10px;}
div.menudva div a {float: left; position: relative; font-size: 16px; width: 100%; margin: 0px ! important; height: 35px; padding-top: 3px; margin-top: 1px; margin-bottom: 1px;}
div.menudva div a p {margin-left: 40px;}
div.menudva div a.active {background-color: #dfdfdf;}
div.menudva div a:hover {background-color: #e4e4e4;}

 


	

 

div.bannersmall {
	display:none;
}
div.bannerboxsmall {
	display:none;
}

 div.textboxsmall {display:none;}
              
 div.textboxsmall p {display:none;}
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 20px; 	
	margin-bottom: 15px;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox a {
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-left: 15px;
	width: 260px; 
} 

div.radiobutonsbox a img,div.radiobutonsbox a p{ 
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	width: 100px; 
	position: relative;
	margin-left: 15px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
display: none;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
  
}

 
div.maincont {float: left; position: relative; width: 100%; background-image: none;
	
} 
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 100%;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 100%; float: left; position: relative;}

div.l {float: left; position: relative; width: 100%; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 94%; padding-left: 3%; padding-right: 3%; margin: 0px; text-align: left;}
div.r p, div.r h1, div.r ul, div.r li, div.r span, div.r img, div.r h2 {max-width: 100%;} 

div.banbox a {
	float: left;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}

div.bottoma {
	float: left;
	position: relative;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 100%; 
	height: 100px;
	padding-bottom: 5px;
	background-color: #cee4dc;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 1px;
	border: none;
}
p.bot { 
display: none;
}
div.bottomb {
display: none; 
}
div.half {
	float: left;
	position: relative;
	width:64%;
	margin-right: 5%;
}
div.bottomabox div.left {width: 18%;}
div.half img {width: 50px; margin-left: 30%; margin-top: 20px;}
p.a span.m2 {display: none;}
p.a {text-align:left; float: left; margin-bottom: 0px; width: 100%; letter-spacing: 0px; margin-top: 25px; line-height: 15px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 14px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align: left; float: left; position: relative; letter-spacing: 0px; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
              
              div.news {float: left; position: relative; width: 100%; margin-top: 20px; background-image: none;} 
              
              div.novinka {float: left; position: relative; width: 94%; height: none;  border-bottom: 2px dashed grey; margin-left: 3%; margin-right: 3%; padding-top: 5px; overflow: hidden; margin-top: 5px;} 
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 100%; margin-top: 10px; float: left; position: relative;} 
              
              
               
             
              
              
              
              
              



div.fotkybottom {float: left;  position: relative; width: 100%; height: 495px; margin-top: 10px; margin-bottom: 0px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 100%; height: 248px;} 
  
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer; background-position: center;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left;  position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}
div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}
div.fotkybottom div.detail div img.youtu {display: none;}

img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;} 

div.fb-like-box {display:none;}


div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}
div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 100%;}


div.drobecek {display: none;}
div.menuleft {margin-top: 0px;}
div.menuleft {float: left; position: relative; width: 100%; padding: 0px; padding-top: 1px; padding-bottom: 1px; border-radius: none;}  
img.mdelic {display: none;}

div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 100%; height: 40px; margin: 0px;margin-top: 1px; margin-bottom: 1px;} 
div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: none;  width: 100%; height: 40px; margin: 0px; text-decoration: underline; background-color: #d2d2d2;  margin-top: 1px; margin-bottom: 1px;} 


div.menuleft a.active p { color: #008357; margin-left: 20px;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; max-width: 100%; font-size: 13px; margin: 0px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; min-height: 60px;} 
  
div.kalbox div.datebox {float: left; position: relative;  background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; width: auto; background-image: none; margin-top: 0px; min-height: 60px;}
div.kalbox div.textbox p {margin-left: 0px; margin-right: 1px; min-height: 50px; text-align: left; font-size: 13px; width: 100%; color: #454545; text-transform: uppercase; line-height: 14px; margin-top: 10px;}
div.kalbox img {display: none;} 

 
div.kalbox:hover {opacity: 1.0;}
 
img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s; }
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;} 

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}


div.prihlaska {float: left; position: relative; width: 100%; max-width: 640px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 15px;}

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}

div.prihlaska div {float: left; position: relative; width: 300px; margin-right: 20px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
 

}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px;}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 1024px) {
body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
}
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;
}
div.headbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 990px;
}
div.logobox {
	float: left;
	position: relative;

	width: 550px;
	height: 150px;
}
div.menudva {display: none;}

div.logobox img {
	float: left;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 0px;
	position: relative;
	margin-top: 25px
}
div.logobox a:hover img, div.logobox a:hover h1 {opacity: 0.8;} 
div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative;
	color: #454545;
	font-weight: 800;
	text-transform: uppercase;
	margin-left: 10px;
	font-size: 33px;
	margin-top: 38px;
    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}


div.telbox div p span, div.telbox div p span a{ text-decoration: none;
	color: #000000;
} {
	color: #000000;
}
div.telbox img {
	float: right;
	position: relative;
	margin: 0px;
	margin-right: 0px;
	margin-top: 12px;
}
div.searchbox input.txt {
	float: right;
	margin-top: 15px;
	background-image: url(images/lupa.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	width: 185px;
	padding-right: 5px;
	padding-left: 34px;
	height: 29px;
	background-color: #f9f9f9;
	border: 1px solid #d0d0d0;
}
div.searchbox input.sub {
	float: right;
	position: relative;
	width: 69px;
	height: 34px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}


div.searchbox input.sub:hover {cursor: pointer; opacity: 0.6;}

div.menu {float: left; position: relative; margin: 0px; margin-bottom: 0px; margin-top: -17px; background-repeat: repeat-x; background-image: url(images/menubg.png); width: 990px; height: 57px;  background-position: down; }    

div.menu a, div.menu a.active {float: left;  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s; padding-left: 8px; color: black;  margin-left: 2px; margin-right: 2px; padding-right: 8px; height: 57px; text-decoration: none;}

div.menu a:hover, div.menu a.active{background-color: white; text-decoration: underline; color: #008358;}

div.menu a p, div.menu a.active p {font-size: 14px; font-weight: bold; margin-top: 18px; text-transform: uppercase; 	font-family: 'Open Sans', sans-serif;}
div.banner {
	float: left;
	position: relative;
	width: 100%;
	height: 388px;
	background-image: url(images/header.jpg);
	background-position: center;
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerbox {
	position: relative;
	width: 990px;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}


div.bannersmall {
	float: left;
	position: relative;
	width: 100%;
	height: 130px;
	background-image: url(images/header.jpg);
	background-position: center -300px;  
  	background-repeat: no-repeat;
  margin-top: 0px;
	background-size: 100%;

}
div.bannerboxsmall {
	position: relative;
	width: 990px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
}

 div.textboxsmall {width: 683px; height: 88px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 22px; overflow: hidden;}
              
 div.textboxsmall p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 20px; margin: 0px; margin-left: 10px; line-height: 20px; text-transform: uppercase; }
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 10px;
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	width: 990px;
	background-image: url(images/rbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
}
div.radiobuttonsbox a.aa {margin-left: 5px}

div.radiobutonsbox a img,div.radiobutonsbox a p{ -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	position: relative;
	margin-left: 30px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 8px;
	margin-top: 45px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 986px;
	border: 2px solid white;
	height: 60px;
	background-color: #aac4bb;
}
div.banbox p {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	float: left;
	font-size: 32px;
	margin: 0px;
	margin-top: 15px;
	letter-spacing: -1px;
	margin-left: 15px;
	line-height: 34px;
	color: #ffffff;
	font-weight: 800;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
  
}
div.maincont {float: left; position: relative; width: 100%; background-image: url(images/subpage.png); background-repeat: no-repeat; background-position: center top;}
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 990px;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 990px; float: left; position: relative;}

div.l {float: left; position: relative; width: 248px; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 702px; margin-left: 40px; text-align: left; font-family: 'Open Sans', sans-serif; margin-bottom: 15px;}
div.banbox a {
	float: left;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}
div.bottoma {
	float: left;
	position: realtive;
	height: 90px;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 90px;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 10px;
	border: none;
}
p.bot {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 20px;
	margin-top: 30px;
	font-size: 20px;
	color: #567268;
  font-weight: 800;
	text-transform: uppercase;
}
div.bottomb {
	float: left;
	position: realtive;
	height: 165px;
	width: 100%;
	background-color: #aac4bb;
}
div.bottombbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 165px;
}
div.half {
	float: left;
	position: relative;
	width: 36%;
}

div.right {width: 64%
	
}

p.a {text-align:left; float: right; margin-bottom: 0px; letter-spacing: 0px; margin-top: 25px; line-height: 13px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 12px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align:left; position: relative; letter-spacing: 0px; float: right; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
div.half ul {margin-top: 20px;}
div.half ul li{
               list-style-image: url('images/odrazka.png');
               text-align: left;
               font-size: 14px;
               color: #486057;
               font-weight: 800;
               text-transform: uppercase;
               line-height: 20px;
               margin-top: 8px; 
               margin-bottom: 8px;
               font-family: 'Open Sans', sans-serif; 
              }
              
              
              div.news {float: left; position: relative; width: 990px; background-position: top center; background-repeat: repeat; background-image: url(images/news.png);}
              
              div.novinka {float: left; position: relative; width: 460px; margin-left: 23px; height: 212px; overflow: hidden;}
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 460px; margin-top: 10px; height: 150px; overflow: hidden;}
              
              
              
              div.textbox {width: 460px; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 40px;}
              
              div.textbox p {text-align: left; letter-spacing: -1px; color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 29px; margin: 0px; margin-left: 10px; line-height: 30px; text-transform: uppercase; }
              
               div.textbox p.nadpis {font-size: 56px; margin-top: 19px; float: left; position: relative; line-height: 47px;}
              
              
              
             a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 38px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-left: 245px; margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 24px; 
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
}
a.butonbx:hover {opacity: 0.7; cursor: pointer;}


div.fotkybottom {float: left; position: relative; width: 990px; height: 290px; margin-top: 10px; margin-bottom: 10px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 495px; height: 300px;    -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left; position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}

div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}


img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;}

p.partneri {float: left; position: relative; width: 975px; font-family: 'Open Sans', sans-serif; font-weight: 800; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; margin-left: 15px; color: #c0c0c0;  text-align: left;}


div.partneri {float: left; position: relative; width: 990px; margin: 0px; margin-top: 10px;}

div.partneri a img {float: left; position: relative; margin-left: 5px; margin-right: 46px; margin-top: 5px; margin-bottom: 10px; border: 3px solid white; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
div.partneri a img:hover {-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03); opacity: 0.8;}  
  
  
  
div.fb-like-box {float: left; position: relative; margin-left: 4px; height: 215px; border: none;  margin-top: 10px; overflow: hidden;}

div.menuleft {float: left; position: relative; padding-bottom: 20px; width: 248px; background-color: #f1f1f1; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}  

div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 40px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}

div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 702px;}


div.drobecek {float: left; position: relative; height: 20px; margin-top: 0px;  width: 702px;}

div.drobecek p {text-align: left; color: #919191; font-family: arial; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.drobecek p a {text-align: left; color: #919191; font-size: 12px; text-transform: uppercase; margin-top: 0px; line-height: 12px;}

div.menuleft {margin-top: 17px;}
div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px;  -webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
  transition-duration: 0.4s;}


div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: url(images/menuon.png); width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}
div.menuleft a:hover {float: left; position: relative; background-image: none; background-color: white; width: 241px; height: 40px; margin: 0px; margin-left: 3px; text-decoration: underline; color: #008357;}

div.menuleft a.active p { color: #008357; margin-left: 30px;}
div.menuleft a:hover p { color: #008357;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; font-size: 13px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 700px; overflow: hidden; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; height: 60px;}
div.kalbox div.datebox {float: left; position: relative; overflow: hidden; background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; background-image: none; width: 600px; margin-left: 15px;  margin-top: 0px;  height: 60px;}
div.kalbox div.textbox p {width: 588px; overflow: hidden;  margin-left: 2px; margin-right:6px; height: 40px; text-align: left; font-size: 14px; color: #454545; text-transform: uppercase; line-height: 18px; margin-top: 13px;}



div.kalbox:hover {opacity: 1.0;}

img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;}
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;}

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}

div.prihlaska {float: left; position: relative; width: 100%; max-width: 700px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 13px;width: 100% }

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}
div.prihlaska p input.checkbox {margin-top: 20px; float: left;}

div.prihlaska div {float: left; position: relative; width: 320px; margin-right: 20px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px;}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}


}

	
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1024px) {

body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	text-align: center;
	background-color: white;
}
div.head {
	float: left;
	position: relative;
	width: 100%;
  margin: 0px;
} 
div.headbox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}
div.logobox { 
	float: left;
	position: relative;
	width: 100%;
	height: 90px;
}
div.logobox img {
	float: left; 
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-left: 20px; 
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
} 

div.logobox h1 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	float: left;
	position: relative; 
	color: #454545;
	text-align: left;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 20px;
	margin-left: 10px;
	width: 65%;
	margin-top: 17px;
}

div.logobox a.vysledky {display: none;}



div.mapbox {
	display: none; 
}
div.searchbox {
	display:none;
}
div.menu {
	display: none;
}    

div.banner {
	float: left;
	margin-top: 5px; 
	position: relative;
	width: 100%;
	height: 388px;

}
div.bannerbox {
	position: relative;
	width: 100%;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}

 div.textbox {width: 80%; height: 218px; float: left; position: relative; background-image: url(images/textbg.png); margin-top: 20px;}
              
div.textbox p {text-align: left; letter-spacing: -1px; width: 100%;  color: white; float: left; position: relative; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 22px; margin: 0px; margin-left: 15px; line-height: 22px; text-transform: uppercase; }
              
div.textbox p.nadpis {font-size: 29px; margin-top: 29px; width: 100%; float: left; position: relative; line-height: 29px;}


a.butonbx {
	border: none;
	margin-top: 4px;
	margin-left: 8px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
  opacity: 0.9;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  color: #008358;
  float: left; position: relative; width: 220px; height: 104px; margin-right: 200px; background-image: url(images/bannbutt.png); margin-top: 10px;
}
a.butonbx span {
	color: #008358;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 28px;
	text-transform: uppercase; 
	letter-spacing: -1px;
	margin-top: 24px;
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
} 
a.butonbx:hover {opacity: 0.7; cursor: pointer;}

div.menudva {float: left; display: block; position: relative; width: 100%; background-color: #f2f2f2; padding-top: 10px; margin-top: 20px; margin-bottom: 20px;  text-align: left;}
div.menudva a {text-transform: uppercase; text-decoration: none; color: #3a9573; font-size: 18px; font-weight: bold; z-index: 10; float: left; position: relative; width: 100%;}
div.menudva img {border: none; margin-left: 38px; margin-right: 20px;  vertical-align: middle; float: left; position: relative;}   
div.menudva img.resp {border: none; margin-left: 6%; margin-right: 10px;  visibility: hidden; vertical-align: middle; float: left; position: relative;
	display: none;
		
    width: 14%;
	position: relative;
	margin-top: 10px;
	max-width: 85px;
	height: 1px;
}   

	
	 
div.menudva a p {margin-top: 8px; }

div.menudva div {float: left; position: relative; width: 100%; margin: 0px; margin-top: 10px; display:none; margin-bottom: 10px;}
div.menudva div a {float: left; position: relative; font-size: 16px; width: 100%; margin: 0px ! important; height: 35px; padding-top: 3px; margin-top: 1px; margin-bottom: 1px;}
div.menudva div a p {margin-left: 40px;}
div.menudva div a.active {background-color: #dfdfdf;}
div.menudva div a:hover {background-color: #e4e4e4;}

 


	

 

div.bannersmall {
	display:none;
}
div.bannerboxsmall {
	display:none;
}

 div.textboxsmall {display:none;}
              
 div.textboxsmall p {display:none;}
              
              

div.radiobutons {
	float: left;
	position: relative;
	margin-top: 20px; 	
	margin-bottom: 15px;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox {
	position: relative;
	background-image: none; 
	width: 100%;
}
div.radiobutonsbox a {
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-left: 15px;
	width: 260px; 
} 

div.radiobutonsbox a img,div.radiobutonsbox a p{ 
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;	}
  
  div.radiobutonsbox a:hover img{
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	-o-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  opacity: 0.8;}
  
div.radiobutonsbox a img {
	float: left;
	width: 100px; 
	position: relative;
	margin-left: 15px;
	border: none;
}
div.radiobutonsbox a p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	color: #008358;
	border: none;
}
div.banbox {
display: none;
}
div.main {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
  
}

 
div.maincont {float: left; position: relative; width: 100%; background-image: none;
	
} 
div.mainbox {                                                                                          
	float: left;
	position: relaive;
	width: 100%;
	  padding-top: 10px;
	background-image: url(images/main.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.area {width: 100%; float: left; position: relative;}

div.l {float: left; position: relative; width: 100%; margin-top: 5px; margin-bottom: 15px;}
div.r {float: left; position: relative; width: 94%; padding-left: 3%; padding-right: 3%; margin: 0px; text-align: left;}
div.r p, div.r h1, div.r ul, div.r li, div.r span, div.r img, div.r h2 {max-width: 100%;} 

div.banbox a {
	float: left;
	text-align: left;
	position: relative;
	width: 162px;
	height: 52px;
	background-image: url(images/butt.png);
	overflow: hidden;
	border: none;
	margin-top: 4px;
	margin-left: 25px;
	text-decoration: none;
  -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
div.banbox a span {
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	float: left;
	position: relative;
	margin-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
div.banbox a:hover {opacity: 0.7;}

div.bottoma {
	float: left;
	position: relative;
	width: 100%;
	background-color: #cee4dc;
}
div.bottomabox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 100%; 
	height: 100px;
	padding-bottom: 5px;
	background-color: #cee4dc;
}
div.bottomabox img {
	float: left;
	position: relative;
	margin-top: 1px;
	border: none;
}
p.bot { 
display: none;
}
div.bottomb {
display: none; 
}
div.half {
	float: left;
	position: relative;
	width:64%;
	margin-right: 5%;
}
div.bottomabox div.left {width: 18%;}
div.half img {width: 50px; margin-left: 30%; margin-top: 20px;}
p.a span.m2 {display: none;}
p.a {text-align:left; float: left; margin-bottom: 0px; width: 100%; letter-spacing: 0px; margin-top: 25px; line-height: 15px; position: relative; color: #557167; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-size: 14px;}
p.a span {font-weight: 800; }  

p.a a {text-decoration: none;color: #557167;}

p.b a {text-decoration: none; color: #91a49d;}

p.b {text-align: left; float: left; position: relative; letter-spacing: 0px; color: #91a49d; line-height: 13px; margin-top:7px; text-transform: none;font-family: 'Open Sans', sans-serif; font-size: 11px;}
/*p.b span {font-weight: 800;}*/

div.logobox a {text-decoration: none; border: none;	color: #454545;}
              
              div.news {float: left; position: relative; width: 100%; margin-top: 20px; background-image: none;} 
              
              div.novinka {float: left; position: relative; width: 94%; height: none;  border-bottom: 2px dashed grey; margin-left: 3%; margin-right: 3%; padding-top: 5px; overflow: hidden; margin-top: 5px;} 
              
              div.novinka a {border: none; text-decoration: none; }
              div.novinka a:hover h2 {text-decoration: underline;}
              div.novinka h2 {text-align: left;  font-family: 'Open Sans', sans-serif;   position: relative; text-transform: uppercase; color: #008358; margin:0px; margin-top: 20px; font-size: 24px; line-height: 26px;}
              div.novinka p {text-align: justify; text-decoration: none; font-size: 14px; color: #454545; width: 100%; margin-top: 10px; float: left; position: relative;} 
              
              
               
             
              
              
              
              
              



div.fotkybottom {float: left;  position: relative; width: 100%; height: 495px; margin-top: 10px; margin-bottom: 0px;}  

div.fotkybottom div.detail {float: left; position: relative; width: 100%; height: 248px;} 
  
div.fotkybottom div.detail:hover {opacity: 0.7; cursor: pointer; background-position: center;}
div.fotkybottom div.detail div { font-family: 'Open Sans', sans-serif; float: left;  position: relative; width: 100%; height: 52px; margin: 0px; background-color: #339874; opacity: 0.9; overflow: hidden; text-align: left;}
div.fotkybottom div.detail div p {color: white; font-size: 22px; margin: 0px; margin-top: 13px; line-height: 22px; margin-left: 12px;}
div.fotkybottom div.detail div h4 {color: white; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 28px; margin: 0px; margin-top: 12px; margin-left: 15px;}
div.fotkybottom div.detail div img.youtu {display: none;}

img.delic {float: left; position: relative; width: 990px; border: none; margin-top: 2px; margin-bottom: 4px;} 

div.fb-like-box {display:none;}


div.r h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; width: 100%; text-align: left; color: #008358; width: 702px; margin-left: 0px;}
div.r h2 {font-size: 16px; text-transform: uppercase; margin-top: 10px; margin-bottom: -15px; width: 100%; text-align: left; color: #454545; width: 702px; margin-left: 0px;}
div.r p {font-size: 14px; color: #454545; font-weight: 300; text-align: justify; margin-left: 0px; width: 100%;}


div.drobecek {display: none;}
div.menuleft {margin-top: 0px;}
div.menuleft {float: left; position: relative; width: 100%; padding: 0px; padding-top: 1px; padding-bottom: 1px; border-radius: none;}  
img.mdelic {display: none;}

div.menuleft a {float: left; text-decoration: none; position: relative; background-image: url(images/menu.png); width: 100%; height: 40px; margin: 0px;margin-top: 1px; margin-bottom: 1px;} 
div.menuleft a:hover, div.menuleft a.active, div.menuleft a.active:hover {float: left; position: relative; background-image: none;  width: 100%; height: 40px; margin: 0px; text-decoration: underline; background-color: #d2d2d2;  margin-top: 1px; margin-bottom: 1px;} 


div.menuleft a.active p { color: #008357; margin-left: 20px;}
div.menuleft a p {text-align: left; color: #727272; font-size: 13px; font-weight: bold; margin-left: 20px; font-weight: bold; text-transform: uppercase;}
div.menuleft img {float: left; position: relative; border: none; margin: 0px; margin-left: 4px;}

a.midbut {float: right; opacity: 1; -webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;position: relative;color: #008358; text-decoration: none; text-align: left; width: 155px; height: 71px; border: none; margin: 0px; margin-top: 10px; margin-right: 15px; background-image: url(images/midbut.png);}
a.midbut:hover {opacity: 0.9;}
a.midbut p {float: left;  font-family: 'Open Sans', sans-serif; margin: 0px; text-align: left; margin-left: 20px; margin-top: 14px; line-height: 18px; position: relative; color: #008358; font-size: 17px;}

h2.hov {-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;}
  
h2.hov:hover {opacity: 0.7;}


table {border-collapse: collapse; width: 700px; max-width: 100%; font-size: 13px; margin: 0px;}

table th {background-color: #008358;}
div.r table th p {color: white;font-weight: 300;}
div.r table tr td p, div.r table th p {margin: 0px; width: auto;  text-align: center;  padding: 0px; margin: 5px; font-size: 12px;}
div.r table tr:hover td {background-color: #cee4dc;}

div.r p a {color: #008358; text-decoration: none; font-weight: 100;}
div.r p a:hover {text-decoration:underline;}

div.kaldelic {float: left; position: relative;  width: 100%;  margin-top: -30px;  height: 5px; background-color: #f3f3f3;}
div.spacer {float: left; position: relative; width: 100%; margin-top: -10px; margin-bottom: 30px; }
div.spacer p {margin: 0px; vertical-align: top; text-transform: uppercase; line-height: 24px; color: #454545; font-size: 24px;}

div.kalbox {float: left; position: relative;-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  opacity: 0.8;
  transition-duration: 0.6s; width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 4px; margin-bottom: 4px; background-color: #f1f1f1; min-height: 60px;} 
  
div.kalbox div.datebox {float: left; position: relative;  background-color: white; margin-left: 5px; margin-top: 5px; width: 60px; height: 51px;}

div.kalbox div.datebox p {text-align: center; margin: 0px; font-size: 14px; width: 60px; line-height: 16px; margin-top: 11px; float: left; position: relative; color: #979797; text-transform: uppcercase; font-weight: bold;}

div.kalbox div.textbox {float: left; position: relative; width: auto; background-image: none; margin-top: 0px; min-height: 60px;}
div.kalbox div.textbox p {margin-left: 0px; margin-right: 1px; min-height: 50px; text-align: left; font-size: 13px; width: 100%; color: #454545; text-transform: uppercase; line-height: 14px; margin-top: 10px;}
div.kalbox img {display: none;} 

 
div.kalbox:hover {opacity: 1.0;}
 
img.calxb {-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s; }
  
  
img.calxb:hover {opacity: 0.8;}


div.gal {width: 220px;-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;                        overflow: hidden;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;border-bottom: 4px solid #d4d4d4; height: 220px; float: left; background-color: #e9e9e9; position: relative; margin: 7px; background-repeat: no-repeat; background-position: center;} 

div.gal img {float: left; position: relative; margin-top: 220px; border: none; -webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;}
div.gal:hover img {margin-top: 0px;}


div.prihlaska {float: left; position: relative; width: 100%; max-width: 640px; margin-top: 10px;}
div.prihlaska p {text-align: left; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; float: left; position: relative; font-size: 15px;}

div.prihlaska p input, div.prihlaska p select {float: left; position: relative; width: 300px; height: 30px;}
div.prihlaska p textarea {float: left; position: relative; width: 300px; height: 130px;}

div.prihlaska div {float: left; position: relative; width: 300px; margin-right: 20px;} 


div.prihlaska p input.submit {
	float: left;
	position: relative;
	width: 79px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s; 
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;


}

input.subxer {
	width: 99px;
	height: 40px;
	text-transform: uppercase;
	border: none;
	text-align: center;
	color: white;
	background-color: transparent;
	background-position: center;
	margin-top: 13px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-image: url(images/searchbutt.png);
  background-size: 100%;
 	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
  transition-duration: 0.6s;
 

}

input.subxer:hover {cursor: pointer; opacity: 0.8;} 

div.r div.prihlaska p input.submit:hover {opacity: 0.7; cursor: pointer;}

div.r div.prihlaska p input.checkbox {width: 20px;}


div.r p.error {float: left; position: relative; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0px; margin-bottom: 7px; margin-left: 10px; color: green;}

div.r h3 {font-size: 15px; color: #454545;}
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 1025px) { 

}