/*  2016 (c) design by stoupa.bat | musil jan | www.stoupabat.cz */
/*  www.elma-batelov.cz */

@import "../fancybox/fancybox.css";
@import "obecne.css";
@import "menu.css";
@import "rubrika.css";
@import "galerie.css";
@import "fancybox.css";


body {
  position: relative;
	background: #efefef url('') repeat center top fixed;
	text-align: center;
}
#page {
  position: relative;
	margin: 0px auto;
	top: 0px;
	border: 1px solid #429a37;
	border-width:0px 1px;
	max-width: 1100px;
	background-color: transparent;
	text-align: left;
}

/******** STRUKTURA *************/

#header {
  position: relative;
  width: 100%;
  height: 400px;
 	background: transparent url('./img/bg-head.png') no-repeat left -380px;
}
#name {
  float:right;
  font-size: 2em;
  font-weight:normal;
  color:#999;
  padding: 0px 3%;
  font-family:'open_sanslight_italic', sans-serif;
	max-width:600px;
}
#name p {line-height:1em;text-align:right;}

#logo {position:absolute;top:6px;left:0;padding:0 0 0 4%;z-index:200;}
#logo img {margin:5px;max-width:300px;}
#menubox {
  position:relative;
  min-height:45px;
  padding: 0px 2% 26px;
	background: transparent;
	z-index:300;
}
#centerbox {
  position:relative;
	padding: 0px 6%;
	background: transparent url('./img/bg-data.png') no-repeat left top;
}
#data {
  float:none;
	min-height:400px;
  width: 100%;
	padding: 50px 0;
}
#data p {text-align:left;}

#data .leftbox {float:left;width:48%;margin-right: 2%;}
#data .rightbox {float:right;width:48%;margin-left: 2%;}

/*** HOME ***/

.homebox {
  position:relative;
	top:0px;
  float:left;
  width: 29%;
	min-height:280px;
	margin:20px 0;
	padding: 3px 1px;
	box-shadow: 1px 1px 4px #ccc;
}

.homebox h3 {padding:0 2%;font-size:18px;margin:6px 0;color:#dc342f;}
.homebox p {padding:0 2%;font-size:14px;margin:6px 0;color:#666;}
.homebox img {max-width:98%;max-height:140px;min-height:140px;object-fit:cover;}
.homebox:nth-child(4) {margin:20px 5%;}

.homebox:hover {box-shadow: 1px 1px 6px #666;}
.homebox:hover p {color:#333;}

#data .homebox a {border:none;}

.homered {
  position:relative;
  width: 96%;
	max-height:160px;
	margin:20px 0;
	padding: 16px 1%;
	box-shadow: 1px 1px 4px #ccc;
	overflow:hidden;
  background:#dc342f;
	color:#fff;
}
.homered .news, .homered .refe, .homered img {float:left;max-width:30%;padding:0 2%;max-height:160px;overflow:hidden;}
.homered .news h3, .homered .refe h3 {margin:0 0 12px;color:#fff;}
.homered .news a, .homered .refe a {color:#fff;}

.home h1 {display:none;}
.home #data {position:relative;top:-90px;}

/*** FOOTER ***/

#footer {
  text-align:center;
  color:#fff;
	background: #429a37;
}
#foot {width:100%;margin:0 auto;padding:8px 0;}
#foot-kontakt {float:right;}

#foot-copy {
  clear: both;
  min-height: 30px; padding-bottom:12px;
	background: #429a37;
  text-align:center;color:#fff;font-size:0.9em;
}
#foot-copy a {color:#fff;}
#foot-copy a:hover {color: #fff;}

#foot-logo {float:left;margin-right:30px;}

#foot-menu {}
#foot-menu ul {list-style:none;padding:0;margin:0;float:left;text-align:left;margin-right:10px;}
#foot-menu li {margin:0;}
#foot-menu li a {display:block;padding:3px 12px;color:#eee;text-decoration:none;}
#foot-menu li a:hover {background:#007ab6;color:#000;}

#foot-float {
  position:fixed;
  bottom:0;
  clear: both;
  width: 100%;
  height: 30px;
  padding-top:10px;
	background: #004974 url('./img/bg-foot.png') no-repeat 50% top;
	text-align:center;
	z-index:110;
}
#foot-float img {margin-top:-32px;}
#foot-float a {margin:0 26px;color:#fff;}
#foot-float a:hover {color:#000;}

/*** ROTATOR ***/

#img_box {
  position:relative;
  margin: 0px;
	top:40px;
  z-index:-100;
  /* z-index:1000; v pripade ze jsou rotovane obrazky posunuty do page a nejsou pouze v header napr. elfra */
}
#img_box div.nahodne_obrazky img {
  left: 0;
  position: absolute;
  z-index:-10;
  margin:0px;
	width:100%;
}
#img_box div.popis{
  position: absolute;
  top: 0px;
  right: 0px;
	z-index:-200;
  
  text-align: right;
  background:#ee1c25;
  width:212px;
  height:243px;
  padding:5px 15px;
}
#img_box .popis p {
  font-size: 1.2em;
  color: #fff;
  overflow:hidden;
  text-align:left;
  margin:0px;
}
#img_box div.popis p b.title{
  margin: 0px;
  font-size: 1.4em;
  font-weight:bold;
}
#img_box div.popis, #img_box .popis p, #img_box div.popis p b.title {display:none;}

#img_box div.nahodne_obrazky .show img {
	z-index:300;
}
#img_box div.nahodne_obrazky .show div.popis {
	z-index:300;
}

/******** MOBILE MENU *************/

#mobile-navigation {
  position:absolute;
  top:0px;
  font-size:16px;
  line-height:20px;
  width:100%;
  height:65px;
  display:none;
	background: #fff url('./img/logo-mobile.png') no-repeat 6% 4px;
}
#mobile-navigation ul, #mobile-navigation p {display:none;margin:0;}
#mobile-navigation:hover {}
#mobile-navigation:hover ul, #mobile-navigation:hover p {display:block;}
#mobile-navigation:hover .icon-menu {background:rgba(255, 255, 255, 0);}
#mobile-navigation:hover #mobile-menu {width:80%;}

#mobile-navigation p {
  margin:44px 0 16px;
  padding:0;
  color:#fff;
  text-align:center;
  font-size:1em;
}
#mobile-navigation .icon-menu {
  position:absolute;
  right:4px;
  top:8px;
  padding:0;
  line-height:0;
	background:#439a39;
}
#mobile-menu {
  margin-top:0px;
  background:#333;
	width:0;
  transition: width 0.7s ease-in-out;
}
#mobile-menu ul {list-style:none;padding:0;margin:0;border-bottom:1px solid #ccc;}
#mobile-menu li {margin:0;}
#mobile-menu li a {display:block;padding:10px 50px 10px 40px;border-bottom:1px solid #666;color:#eee;text-decoration:none;}
#mobile-menu li a:hover {background:#444;}
#mobile-menu li.aktualni a {color:#333;background:#f1f1f1;}
#mobile-menu li.aktualni a:hover {background:#ccc;}

#mobile-news {
  position:absolute;
  top:72px;
  left:0px;
  font-size:1.4em;
  line-height:6px;
  display:none;
}
#mobile-news a {
  display:block;
  clear:both;
  margin-bottom:2px;
}
#mobile-news .icon-top {
  position:fixed;
  bottom:0px;
  margin-bottom:0px;
  display:none;
}
#mobile-news .icon-top img {background:none;}
#mobile-news img {background:#11182C;border:2px solid transparent;border-left:0px;}
#mobile-news img:hover {border:2px solid #0085d3;border-left:0px;}

#nomobile {color:rgba(255, 255, 255, 0.45);margin:0;padding:34px 0 29px;}
#nomobile a {color:rgba(255, 255, 255, 0.45);padding:30px;}
#nomobile a:hover {color:rgba(255, 255, 255, 1);padding:30px;}