/* CSS Document */
* 
{
	margin: 0;
	padding: 0;
}

body 
{
  margin:0 auto; 
  padding:0; 
  text-align:left; 
  color:#7b746f;
  font-family:Arial,Verdana,sans-serif;
  font-size:100%;
  background:#e8dfce url('../images/bg.jpg') repeat;
}

a, a:visited
{
  color:#669d1e;
  text-decoration:underline;
}

a:hover
{
  color:#669d1e;
  text-decoration:none;  
}

/* ==== HLAVIČKA ====*/

header
{
  clear:both;
  margin:0 auto;
  padding: 0;
  width: 970px;
}

ul#vlajky
{
  float:right;
  width:100px;
  margin:10px 0 0 0;
}

ul#vlajky li
{
  list-style:none;
  text-transform: uppercase;
} 

ul#vlajky li a
{
  text-decoration:none;
  color:#4d3320;
  font-size:80%;
  padding:7px 8px;
  margin-left:5px;
  float:right;
}



ul#vlajky li a:hover, ul#vlajky li.oznacene a
{
  background:#b4a892;  
}

.logo
{
  float:left;
  margin:0px 110px 0px 0;
  width:200px;
}

.logo img
{
  border:0;
}  

.kontakt-box
{
  margin:62px 0 0 0;
  padding:0 30px;
  width:150px;
  float:left;
  background:url('../images/small.png') no-repeat 0 -250px;
} 

.kontakt-box div
{
  text-transform:uppercase;
  color:#adb3b8;
  background:url('../images/small.png') no-repeat;
  padding:0 0 5px 23px; 
  font-size:75%;
}

div.telefon {background-position:0 -79px;}
div.email {background-position:0 -98px;}
div.adresa{background-position:0 -120px;}

.kontakt-box strong
{
  font-size:150%;
  color:#000;
  font-weight:normal;
}

.kontakt-box p
{
  font-size:90%;
  color:#000;
  font-weight:normal;
}

.telefon-box
{
  margin:62px 0 0 0;
  padding:0 20px 0 0px;
  width:200px;
  float:left;
  background:transparent;  
}

.adresa-box
{
  padding:0 0 0 30px;
  width:200px; 
  margin:22px 0 0 0;
}

/* ==== MENU ====*/

.topmenu
{
	background:url('../images/topmenu.png') no-repeat 0 0;
	float: right;
	width: 170px;
	top:-73px;
	padding: 6px 10px 6px 25px;
	position: relative;
	text-align: right;
}

.topmenu a, .topmenu a:visited
{
  color:#7b746f;
  text-decoration:none;
  padding:8px 7px;
  text-transform:uppercase;
  font-size:90%;
}

.topmenu a:hover
{
  color:#d2c577;
} 

a.vice
{
	display: block;
	margin-bottom: 25px;
}

nav
{
  clear:both;
  margin:0 auto;
  width:970px;
}

nav.podstranka
{
  margin-bottom:50px;
}

nav ul
{
  width:970px;
  height:42px;

  
  background: #534423; /* Old browsers */
  background: -moz-linear-gradient(top,  #534423 0%, #4a3c1e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#534423), color-stop(100%,#4a3c1e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #534423 0%,#4a3c1e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #534423 0%,#4a3c1e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #534423 0%,#4a3c1e 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #534423 0%,#4a3c1e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534423', endColorstr='#4a3c1e',GradientType=0 ); /* IE6-9 */
}

nav ul li
{
  display:inline;
  list-style:none;

  margin:0;
}

nav ul li a, nav ul li a:visited
{
  color:#c0bca4;
  text-decoration:none;
  padding:12px 15px;
  text-transform:uppercase;
  font-size:80%;
  line-height:42px;
}       

nav ul li a:hover,nav ul li.oznacene_menu a
{
  background:#3b3216;
  color:#d2c577;
} 




nav ul.en li a, nav ul.en li a:visited
{
  color:#c0bca4;
  text-decoration:none;
  padding:12px 13px;
  text-transform:uppercase;
  font-size:80%;
  line-height:42px;
} 

nav ul.en li.oznacene_menu a
{
  background:#3b3216;
  color:#d2c577;
} 

nav ul li.first
{
  background:transparent;
}

nav ul li.first a:hover
{
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}

nav ul li.first.oznacene_menu a
{
  background:url('../images/bgs.png') repeat-x 0 -178px;
  -webkit-border-radius: 7px 7px 0 7px;
  -moz-border-radius: 7px 7px 0 7px;
  border-radius: 7px 7px 0 7px;
  padding:23px 35px 17px 35px;
  position:relative;
  left:0px;
} 

nav ul.en li.first.oznacene_menu a
{
  background:url('../images/bgs.png') repeat-x 0 -178px;
  -webkit-border-radius: 7px 7px 0 7px;
  -moz-border-radius: 7px 7px 0 7px;
  border-radius: 7px 7px 0 7px;
  padding:23px 40px 17px 40px;
  position:relative;
  left:0px;
} 

nav ul li.last a
{
  padding:17px 41px;
}
nav ul.en li.last a
{
  padding:17px 40px 17px 40px;
}

nav ul li.last a:hover
{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

nav ul li.last.oznacene_menu a
{
  background:url('../images/bgs.png') repeat-x 0 -178px;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  padding:23px 40px 17px 40px;
  position:relative;
  left:0px;
} 

nav ul.en li.last.oznacene_menu a
{
  background:url('../images/bgs.png') repeat-x 0 -178px;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  padding:23px 40px 17px 40px;
  position:relative;
  left:0px;
} 

/* ==== SLOGAN A SLIDER ====*/
#home
{
  margin:0 auto;
  background:url('../images/bg.jpg') no-repeat center top;
  height:310px;
}

#home_in
{
  width:970px;
  margin:0 auto;
}

#left_home
{
  width:425px;
  float:left;
  margin:100px 40px 0 0;
  
}

#left_home a
{
  display:block;
  text-align:center;
  background:url('../images/big.png') no-repeat 0 -1px;
  width:225px;
  height:55px;  
  text-decoration:none;
  line-height:50px;
  color:#4b5461;
  text-transform:uppercase;
  font-size:90%;
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 1);
  margin:50px 0;
}

#left_home a:hover
{
  background:url('../images/big.png') no-repeat 0 -701px;
}

#right_home
{
  float:left;
}

h1
{
  color:#4d3320;
  text-transform:uppercase;
  font-size:150%;
  line-height:150%;
  margin-bottom:15px;
  font-weight: normal;
}

/* ==== Rozcestnik ====*/
ul#rozcestnik
{
  clear:both;
  width:970px;
  margin:40px auto 40px auto;
  height:335px;
}

ul#rozcestnik li
{
  display:inline;
  list-style:none;
  text-align:right;
  font-size: 90%;
}

ul#rozcestnik li a
{
  float:left;
  width:190px;
  height:335px;
  padding:0px 0px 0 0 !important;
  margin:0 4px 0 0;
  color:#4d3320;
  text-decoration:none;
  text-transform:uppercase;
  
  background:url('../images/rozcestnik.png') no-repeat;

}

ul#rozcestnik li a:hover
{
	color:#669d1e;
}

ul#rozcestnik li.r_rdest a
{
  background-position: 0 0;
}

ul#rozcestnik li.r_zp a
{
  background-position: 0 -350px;
}

ul#rozcestnik li.r_repa a
{
  background-position: 0 -700px;
}

ul#rozcestnik li.r_foto a
{
  background-position: 0 -1050px;
}

ul#rozcestnik li.r_kont a
{
  background-position: 0 -1400px;
}

ul#rozcestnik li a h2
{
  font-weight:normal;
  font-size:130%;
  margin:15px 15px 0 0;
}

ul#rozcestnik li a span
{
  color:#669d1e;
}


/* ==== Obsah ====*/
#wrapper-main
{
  clear:both;
  margin:0 auto;
  width:970px;
}

#wrapper-main h2
{
  font-weight:normal;
  font-size:130%;
  color:#a79329;
  margin:0;
  padding:0 0 15px 0;
}

#wrapper-main h2.uvodni
{
  color:#4d3320;
  text-transform:uppercase;
  font-size:150%;
  line-height:150%;
  margin-bottom:15px;
  font-weight: normal
}
  
#wrapper-main p
{
  font-size:90%;
  margin-bottom:10px;
  line-height:160%;
}


.obsah
{
  float:left;
  width:580px;
  margin:0px 39px 100px 0;
}

.obsah ul
{
	margin: 0 0 0 13px;
	padding: 0;
	line-height:160%;
	font-size: 90%;
}


article
{
  float:left;
}

.article_left
{
  float:left;
  margin:0 40px 40px 0;
  width:235px;
}

.article_whole
{
  float:left;
  margin:0 40px 40px 0;
  width:630px;
}

a:hover figure
{
  border:1px solid #dd1e35;  
}

.article_left figure
{
  background:#fff;
  border:1px solid #e8e6e6;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
 
}

.article_whole figure
{
  background:#fff;
  border:1px solid #e8e6e6;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  width:235px;
  float:left;
  margin:0 20px 10px 0;
}
   
figure img
{
  width:205px;
  padding:15px;
  border:0;
}

a.more
{
  background:url('../images/small.png') no-repeat 0 -337px;
  padding:4px 0 4px 30px;
  margin-bottom:30px;
  display:block;
  font-size:90%;
}

a.back
{
  background:url('../images/small.png') no-repeat 0 -370px;
  padding:4px 0 4px 30px;
  font-size:90%;
}

.article_right
{
  float:left;
  width:360px;
}

h3
{
  font-size:100%;
  font-weight:normal;
  padding:0;
  color:#669d1e;
  text-transform: uppercase;
  margin:0 0 10px 0;
}

h3 a, h3 a:visited
{
  color:#669d1e;
  text-decoration:none !important;
  text-transform: uppercase;
}

h3 a:hover
{
  
  color:#669d1e;
  text-decoration:underline;
}

aside
{
  margin:0 0 100px 0;
  float:left;
  width:350px;
}

aside ul
{
  margin:0;
  padding:0 0 20px 0;
  font-size:100%;
}



aside ul li
{
  list-style:none;
  margin-bottom: 1px;
  display: block;
  text-transform: uppercase;
}

aside ul li a
{
	padding: 10px 20px;
	color:#4d3320 !important;
	display: block;
	background: #d8ceb5;
	text-decoration: none;
}


aside ul li a:hover, aside ul li.oznacene_submenu a
{
	background: #b3a891;
	text-decoration: none;
}

aside ul li.subsubmenu a:hover, aside ul li.oznacene_subsubmenu a
{
	background: #c2b7a1;
	text-decoration: none;
}

aside ul li.subsubmenu a, aside ul li.subsubmenu a:visited
{
	background: #d3c8b2;
	text-decoration: none;
}

/* ==== PATIČKA ====*/

footer
{
  clear:both;
  margin:0 auto;
  height:280px;
  background: #ded5c4;
}

#footer_in
{
  width:970px;
  margin:0 auto;
  text-align: center;
  font-size:90%;
}




footer a
{
  color:#666;
}

#bottom
{
	background:#b4a892;
	height: 50px;
}

#bottom-in
{
	line-height: 50px;
	width:970px;
	margin:0 auto;
	clear: both;
	color:#4d3320;
	font-size:80%;
	text-transform: uppercase;
}

p.copyright
{
	float:left;
	width:600px;
}

p.webmaster
{
	float:right;
	width:350px;
	text-align: right;
}

p.webmaster a
{
	color: #4d3320;
	font-weight: bold;
}

/* ==== Formulář====*/

fieldset
{
	background:#fff;
  
	border:1px solid #d5d6d8;
	padding:35px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	width:500px;
}

 


label
{
	display:block;
	font-weight:normal;
	font-size:100%;
	margin-bottom:5px;
}

label .povinne
{
	font-size:150%;
	color:#dd1e35;
}

input, textarea
{
	display:block;
	width:485px;
	padding:7px;
	font-size:120%;
	margin-bottom:15px;
	background:#fff;
	border:1px solid #e5e6e3;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(124, 202, 154, 1);
  border: 1px solid rgba(1, 159, 211, 1);
}

.chybainput	
{
  border:1px solid #dd1e35;
}

.chyba
{
  display:block;
  padding:5px 10px;
  margin:0px 0 10px 0px;
  background:#dd1e35;
  color:#fff;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width:554px;
}

.ok
{
  display:block;
  padding:5px 10px;
  margin:0px 0 10px 0px;
  background:#88ae3a;
  color:#fff;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width:554px;
}

table
{
  border:1px solid #E5E6E3;
  vertical-align:top;
  margin:15px 0;
}
 

table tr th
{
  background:#FBFAFA;
  width:200px;
  padding:10px;
  vertical-align:top;
  border-right:1px solid #E5E6E3;
  border-bottom:1px solid #E5E6E3;
} 

table tr td
{
  background:#fff;
  padding:10px;
  vertical-align:top;
  border-bottom:1px solid #E5E6E3;
}  

  
a.button-velky, a.button-velky:visited
{
	background: #dd1e35;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	color:#fff;
	text-decoration:none;
	padding:14px 0px;
	width:244px;
	text-align:center;
	font-size:140%;
	font-weight:normal;
	display:block;
	margin-top:30px;
}

a.button-velky:hover
{
	background: #f43248;
}

.aktualita
{
	margin-bottom: 30px;
}

.aktualita a, .aktualita a:visited
{
	color:#669d1e;
  text-decoration:none !important;
  text-transform: uppercase;
}

.aktualita a:hover
{
  text-decoration:undeline !important;
}


.datum
{
	background: #669d1e;
	color: #e5dccb;
	font-size: 90%;
	padding: 5px;
	text-align: center;
	width: 74px;
	margin-bottom: 10px;
}

/* ==== TIMELINE - historie ====*/
.rok
{
  background:url('../images/timeline-big.png') no-repeat;
}

.rok h2
{
  font-size:120% !important;
  color:#fff !important;
  background:none !important;
  font-weight:normal;
  padding: 42px 0 40px 34px !important;
}

.udalost
{
  background:url('../images/timeline-small.png') no-repeat;
  padding:0 0 20px 110px;
  margin:10px 0 0 0;
}

.udalost-in
{
  padding:10px;
  width:480px;
  background:#fff;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}

.end
{
  background:url('../images/timeline-end.png') no-repeat 0 -1px;
  padding:20px;
  display:block;
}


.container{
  margin:30px auto;
  width:440px;
  height:290px;
  overflow:hidden;
  border:0px solid;
  position:relative;

}
.photo{
  position:absolute;
  animation:round 16s infinite;
  opacity:0;
  
}
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 

img:nth-child(4){animation-delay:0s;}
img:nth-child(3){animation-delay:4s;}
img:nth-child(2){animation-delay:8s;}
img:nth-child(1){animation-delay:12s;}


a.foto, a:visited.foto
{
  background: #d8ceb5;
  text-align: left;
  float:left;
  width:150px;
  color:#4d3320;
  height: 250px;
  display: block;
  margin: 0 5px 5px 0;
  border:0px solid #052e5a;
  font-size: 85%;
  line-height: 120%;
}

a:hover.foto
{
  color:#4d3320;
  border:0px solid #3f83ac;
  background: #b3a891;
}

a.foto strong
{
  float: left;
  font-weight: bold;
  text-align: left;
  width:120px;
  margin:0px 15px 15px 15px;
  line-height: 150%;
}

a.foto strong span
{
	font-weight: normal;
}


a.foto img
{
  width:120px;
  height:120px;
  margin:15px 15px 0px 15px;
}

a.foto_detail, a:visited.foto_detail
{
  background: #d8ceb5;
  text-align: center;
  float:left;
  padding:7px 7px 4px 7px;
  display: block;
  margin: 0 5px 5px 0;
  border:0px solid #052e5a;
  font-size: 85%;
}

a:hover.foto_detail
{
  background:#b3a891;
  border:0px solid #3f83ac;
}

a.foto_detail img
{
  width:100px;
  height:100px;
}