/* www.udvouzlatychklicu.cz */
/* created: Jan Chrt, www.jenicek-design.cz */

body {
	text-align: center;
	margin: 0px auto;
  font: 1em Times New Roman CE, times, serif;
	color: #fdebbf;
	background: #000;
  }

#box {
  width: 760px;
  height: auto;
	margin: 20px auto 10px auto;
	padding: 0px;
	}

#main {
  width: 100%;
  height: auto;
	margin: 0px;
	padding: 0px;
	border: 1px solid #fdebbf;
	float: left;
	background: #702400;
	}

/* ----- head -----*/
#head {
  width: 100%;
  height: 170px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	background: url("../graf/head_background.jpg") repeat-x center;
	}

#head h1{
  display: block;
  position: relative;
  width: 450px;
  height: 170px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  float: left;
  }

#head h1 span{
  display: block;
  position: absolute; left:0px; top:0; z-index:1;
  width: 450px;
  height: 170px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background: url("../graf/head_logo.jpg") no-repeat center;
  cursor: pointer;
  }

#head h1 span a{
  display: block;
  width: 450px;
  height: 100%;
  text-decoration: none;
  }

#graf_head {
  display: block;
  position: relative;
  width: 310px;
  height: 170px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  float: left;
  }

#graf_head a{
  display: block;
  position: absolute; left:0px; top:0; z-index:1;
  width: 310px;
  height: 170px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  background: url("../graf/head_foto.jpg") no-repeat center;
  cursor: pointer;
  text-decoration: none;
  }

#jazyk_head{
  width: auto;
  height: auto;
  float: right;
  margin: 5px;
  }

#jazyk_head a{
  margin: 0 5px 0 0;
  }

#jazyk_head a img{
  border: 1px solid #a54820;
  }

#jazyk_head a:hover img{
  border: 1px solid #fdebbf;
  }

/* ----- menu -----*/
#menu {
  width: 100%;
  height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url("../graf/menu.jpg") repeat-x top center;
	border-top: 1px solid #a54820;
	border-bottom: 1px solid #a54820;
	border-left: none;
	border-right: none;
	}

#menu ul {
  width: auto;
  height: auto;
	margin: 0 0 0 20px;
	padding: 0px;
	list-style: none;
	float: left;
	text-align: center;
	}

#menu li {
  width: auto;
  height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#menu li a {
  display: block;
  width: auto;
  margin: 0px;
	padding: 5px 7px 5px 7px;
	font: 1.1em Times New Roman CE, times, serif;
	color: #fdebbf;
	text-decoration: none;
	}

#menu li a.menu_index, #menu li a.menu_poloha, #menu li a.menu_ubytovani, #menu li a.menu_sluzby, #menu li a.menu_fotogalerie, #menu li a.menu_ceny, #menu li a.menu_kontakt {
  width: auto;
  border-right: 1px solid #a54820;
  }

#menu li a.menu_index_akt, #menu li a.menu_poloha_akt, #menu li a.menu_ubytovani_akt, #menu li a.menu_sluzby_akt, #menu li a.menu_fotogalerie_akt, #menu li a.menu_ceny_akt, #menu li a.menu_kontakt_akt {
  width: auto;
  color: #ffc946;
  border-right: 1px solid #a54820;
  }

#menu li a.menu_rezervace_akt {
  width: auto;
  color: #ffc946;
  }

#menu li a:hover {
  color: #ffc946;
  }

/* ----- body -----*/
#body_web {
  width: 100%;
  height: auto;
	margin: 0px;
	padding: 5px 0 0 0;
	float:left;
	}

#clanky {
  width: 470px;
  height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	}

.levy {
  width: 450px;
  height: auto;
	margin: 5px;
	padding: 10px 5px 10px 5px;
	float: left;
	text-align: center;
	border: 1px solid #a54820;
	}

.levy h2, #levy h2{
  display: block;
  width: 100%;
  height: auto;
	margin: 0 0 5px 0;
	padding: 0px;
	text-align: center;
	}

.levy ul{
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
	}

.levy li{
  margin: 5px;
	padding: 0px;
	border-bottom: 1px solid #a54820;
	}

.levy a{
  font: 1em Times New Roman CE, times, serif;
  color: #ffc946;
  margin: 0 10px 0 10px;
  }

.levy span{
  margin: 10px;
  }
  
.fotogalerie{
  margin: 0px;
  padding: 0px;  
  }

.imgprof{
  margin: 0px;
  padding: 0px;  
  }
  
#pravy {
  width: 270px;
  height: auto;
	margin: 0px;
	padding: 0px;
	float: right;
	}

#novinky {
  width: 260px;
  height: auto;
	margin: 5px;
	padding: 5px 0 10px 0;
	float: right;
	border: 1px solid #a54820;
	}

#novinky a {
  text-decoration: none;
  color: #fdebbf;
	}

#novinky a:hover {
  text-decoration: underline;
  color: #fdebbf;
	}

#novinky p {
  margin: 0px;
  padding: 5px;
  border: 0px;
  border-top: 1px solid #a54820;
	}

#odkazy_index {
  width: 260px;
  height: auto;
	margin: 5px;
	padding: 10px 0 10px 0;
	float: right;
	text-align: center;
	border: 1px solid #a54820;
	}

#odkazy_index a{
  display: block;
  width: 50%;
  margin: 10px 0 0 0;
  text-decoration: none;
  color: #ffc946;
  float: left;
	}

#adresa_index {
  width: 260px;
  height: auto;
	margin: 5px;
	padding: 10px 0 10px 0;
	float: right;
	text-align: center;
	border: 1px solid #a54820;
	}

#adresa_index img{
  margin: 5px;
  }

#adresa_index p{
  display: block;
  width: auto;
  margin: 5px;
  font: 0.9em Times New Roman CE, times, serif;
  text-indent: 0em;
  }

/* ----- body-mapawebu -----*/
.mapa_www{
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }

.mapa_www{
  list-style: none;
  }

.mapw a{
  margin: 0 20px 0 0;
  padding: 0px;
  }

/* ----- body-fotogalerie -----*/
.foto_blok{
  margin: 10px 0px 5px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
  }

  
/* ----- foot -----*/	
#foot {
  width: 100%;
  height: auto;
	margin: 0px;
	padding: 5px 0 5px 0;
	float: left;
	font: 0.9em Times New Roman CE, times, serif;
	border-top: 1px solid #a54820;
	}

#foot span{
  margin: 5px 10px 5px 10px;
	}

/* ----- basic -----*/	
table {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  }

td {
  text-align: center;
  padding: 2px 0 2px 5px;
  border-bottom: 1px solid #a54820;
  }

th {
  text-align: center;
  padding: 2px 0 2px 5px;
  border-bottom: 1px solid #a54820;
  }

p {
  text-indent: 1em;
  padding: 10px;
  margin: 0px;
  }

a {
  text-decoration: underline;
  color: #ffc946;
  }

a img{
  border: 2px solid #fdebbf;
  }

a:hover img{
  border: 2px solid #ffc946;
  }

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

h2 {
  font: 1.2em Times New Roman CE, times, serif;
  background: url("../graf/h_background.jpg") no-repeat center;
  margin: 5px;
  color: #ffc946;
  }

h3 {
  font: 1.1em Times New Roman CE, times, serif;
  background: url("../graf/h_background.jpg") no-repeat center;
  margin: 5px;
  padding: 0px;
  color: #ffc946;
  }

img {
  border: 2px solid #fdebbf;
  }

hr {
  color: #a54820;
  height: 1px;
  }
 
.sml {
  font: 0.8em Times New Roman CE, times, serif;
  } 

.big {
  font: 1.2em Times New Roman CE, times, serif;
  font-weight: bold;
  } 

.bol {
  font-weight: bold;
  } 

.ita {
  font-style: italic;
  }

.unl {
  text-decoration: underline;
  }

.bezr {
  border: none;
  }

.cervena {
  color: #ff0000;
  }
  
.noscreen {
  display: none;
  }