/* ************************************************************************** */
/* =HLAVNÍ                                                                   */
/* ************************************************************************** */

* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%}
body {height: 100%; background: #fcf url('../html/img/bg.jpg') repeat-x 0 0;
  text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif;
  min-width: 940px;}
a:link, a:visited {color: #410909; text-decoration: underline; font-weight: bolder;}
a:hover {text-decoration: none;}
address {line-height: 1.9; text-align: left; color: #3C0808;}
.zacistit {min-height: 1px;}
.zacistit:after {display: block; clear: both; visibility: hidden; height: 0; 
  font-size: 0; content: ' ';}
.nevidim {display: none;}
.skryt {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px;
  overflow: hidden;}
.zarovnat {clear: both; height: 0; font-size: 0; visibility: hidden;}

/* ************************************************************************** */
/* =TYPOGRAFIE                                                                */
/* ************************************************************************** */

#hlavicka h1 span, #hlavicka p span {visibility: hidden;}
h1 {font-size: 2.4em; font-weight: normal; color: #303; letter-spacing: 1px;
  padding: 22px 0 6px 0; _padding: 0; margin: 0 0 2px 15px; width: 460px;
  height: 50px; background: url('#') no-repeat 0 30px;}
h1 a:link, h1 a:visited {text-decoration: none; font-weight: normal; color: #303;}
h2 {font: 1.5em Georgia, "Times New Roman", Times, serif; color: #303;
  padding: 3px 0 3px 9px; margin-bottom: 9px; letter-spacing: 1px; 
  text-align: center;}
h3 {font: 1.5em Georgia, "Times New Roman", Times, serif; color: #303;
  margin-bottom: 7px;}
.text{padding: 7px 4px 0px 7px;}
.img {float:left; margin: 5px 17px 5px 0px;}
span {color:#360; font-weight:bold; font-size: 1.2em;}
.color {color:#303;}
p {color: #303; line-height: 1.4; margin-bottom: 27px;}
.text p {font-size: 1.2em; text-align: justify;}
.text {background: url('../html/img/p_top.jpg') repeat-x 0 0; padding: 50px 0 0 0;}
.text_vnitrni {background: url('../html/img/p_bottom.jpg') repeat-x 0 100%;
  padding: 0 0 50px 0;}
.it_r {margin: 0 auto; width: 194px; padding: 0 0 25px 0;}


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

#hlavicka {width: 940px; height: 156px; margin: 0 auto; position: relative;
  font-family: Georgia, "Times New Roman", Times, serif; text-align: left;
  background: #f0f url('../html/img/hlavicka_bg_1.jpg') repeat-x 0 0;}
#hlavicka p {margin-left: 15px; _padding: 0; font-size: 1.4em; color: #fff;
  width: 345px; height: 47px;
  background: url('#') no-repeat 0 0;}
.logo {position: absolute; top: 10px; right: 18px; width: 337px; height: 146px;
  background: url('#') no-repeat 0 0;}

fieldset {
	border-left: 1px solid #303;
	border-right: 1px solid #303;
	border-top: none;
	border-bottom: none;
	margin: 1em 0 1.2em;
	background-color: #f6f;
}

input, textarea, select {
	background-color: #f9f;
	border-color: #303 #303 #303 #303;
	border-style: solid;
	border-width: 1px;
	font: normal 1em Verdana,sans-serif;
	padding: 4px;
}

input.button {
	background: #E9E8E8 url('img/backgrounds.gif') repeat-x 0 -366px;
	border: 1px solid #888;
	border-color: #BBB #888 #888 #CCC;		
	color: #444;
	cursor: pointer;
	font: normal 1em Verdana,sans-serif;
	margin-top: 5px;
	padding: 6px;
	width: auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #FFFFF5;}
input.button:hover, input.button:focus {
	color: #123;
	cursor: pointer;
}

textarea {overflow: auto;}

input.image {
	border: 0;
	padding: 0;
}

/* Specific */

.form_row {
	background: url('img/grain_light.gif');
	border-bottom: 1px solid #303;
	padding: 10px 0;
}
.form_required {font-weight: bold;}
.form_row_submit, .legend {
	background: url('img/grain_dark.gif');
	border-bottom: 3px double #303;
	border-top: 3px double #303;
	padding: 4px 0 8px;
}
.legend {padding: 8px 18px 6px; background-color: #c0c; font: 1.4em 'georgia', sans-serif;}
.legend h3 em {color: #fcf; font-style: italic;}
.form_property, .form_value {float: left;}
.form_property {
	font-size: 1.1em;
	text-align: right;
	width: 110px;
}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}
.form_row_submit .form_value input {margin-right: 5px;}

/* ************************************************************************** */
/* =NAVIGACE                                                                  */
/* ************************************************************************** */

#navigace_horni {background: #f9f url('../html/img/navigace.jpg') repeat-x 0 0;
  border-top: 3px double #303; border-bottom: 1px solid #303;}
#navigace {width: 910px; margin: 0 auto; list-style: none; text-align: left;
  font: 1.2em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;}
#navigace li {display: inline; text-align: center; line-height: 32px;}
#navigace li a {float: left; display: block; color: #303; font-weight: normal;
  padding: 0 18px; border-right: 1px solid #ff0; text-decoration: none;}
#navigace li a.first {border-left: 1px solid #ff0;}
#navigace li a:hover, #navigace li a.aktivni {
  background: #c0c url('../html/img/navigace_hover.jpg') repeat-x 0 0;}
body.uvod a.uvod,
body.info a.info,
body.kontakt a.kontakt,
body.fotoalbum a.fotoalbum
{background: #c0c url('../html/img/navigace_hover.jpg') repeat-x 0 0;}

/* ************************************************************************** */
/* =OBSAH                                                                     */
/* ************************************************************************** */

.obsah {width: 940px; margin: 0 auto; text-align: left; margin-bottom: 80px;
  position: relative;}
.obsah_vnitrni {width: 100%;}
.levy_sloupec {float: left; width: 67%;}
.ornament_obsah {margin: 0 auto; padding: 0; width: 589px; height: 160px;
  background: url('../html/img/ornament_obsah.jpg') no-repeat 0 0; }
.pravy_sloupec {float: right; width: 32%;}
.levy_sloupec_vnitrni {margin: 1.6em 1em 0 15px;}
.pravy_sloupec_vnitrni {margin: 1.1em 0 0 23px;}
.pravy_sloupec_vnitrni h3 {margin: 8px 0 8px 9px;}

/* ************************************************************************** */
/* =BOX SVÁTEK                                                                */
/* ************************************************************************** */

.box_svatek {width: 270px; background: #f0f url('../img//') repeat-y 0 0;
  margin-bottom: 18px; position: relative;}
.box_svatek_top {
  background: transparent url('../html/img/svatek_top.jpg') no-repeat left top;}
.box_svatek_bottom {
  background: url('../html/img/svatek_bottom.jpg') no-repeat left bottom;
  padding: 5px 24px 15px 25px;}
.box_svatek h3 {color: #303; margin: 10px 0 7px 0; position: relative; z-index: 2;}
.box_svatek p {color: #303; line-height: 1.8; margin: 10px 0;}
.box_svatek p.datum {color: #fff; font-weight: bold; font-size: 1.2em;}
.box_svatek p.svatek_d {padding-bottom: 10px; border-bottom: 3px double #303;}
.box_svatek p.radost {font-weight: bold;}
.box_svatek p span.color_sv {color: #f00; font-size: 1.0em;
  border-bottom: 1px dashed #303;}
.kontakt_box p span.color_cu {color: #360; font-size: 1.0em;
  border-bottom: 1px dashed #303;}

/* ************************************************************************** */
/* =BOX KONTAKT                                                               */
/* ************************************************************************** */

.kontakt_box {width: 270px;
  background: #f0f url('../html/img/kontakt_body.jpg') repeat-y 0 0;
  margin-bottom: 18px; position: relative;}
.kontakt_box_top {
background: transparent url('../html/img/kontakt_top.jpg') no-repeat left top;}
.kontakt_box_bottom {
  background: transparent url('../html/img/kontakt_bottom.jpg') no-repeat left bottom;
  padding: 5px 24px 25px 25px;}
.kontakt_box h3 {color: #3C0808; margin: 10px 0 8px 0; position: relative;
z-index: 2; text-align: center;}
.kontakt_box address {margin-bottom: 19px;}
.ornament {background: url('../html/img/ornament.jpg') no-repeat center 0;
  margin: 20px auto;}

#pocitadlo {border:1px solid #909; width:100px; padding:3px;
  position:absolute; background:url('#'); bottom: -25px; right: 90px;}

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

#paticka {background: url('../html/img/paticka.jpg') repeat-x 0 0;
  height: 85px; border-top: 3px double #303;}
#paticka_obsah {width: 940px; margin: 0 auto;
  font: 1.2em Georgia, "Times New Roman", Times, serif;}
#paticka_obsah ul {list-style: none; padding: 27px 0 0 10px; text-align: left;
  font-size: 0.9em; float: left; width: 650px;}
#paticka_obsah ul li {float: left; display: inline; white-space: nowrap;}
#paticka_obsah ul li a, #paticka_obsah ul li a:visited {color: #181818;
  margin: 0 8px; font-weight: normal;}
#paticka_obsah p.tisk {float: right; text-align: right; width: 240px;
  padding: 27px 0 0 0; line-height: 1; margin: 0;}
#paticka_obsah p.tisk a, #paticka_obsah p.tisk a:visited {color: #303;
  font-weight: normal;}
#paticka_obsah p#autor {line-height: 1; margin: 26px 0 0 0; color: #303;
  font-size: 0.8em;}
#paticka_obsah p#autor a, #paticka_obsah p#autor a:visited {color: #280303;
  font-weight: normal; padding: 0 1px;}
#tisk {background: url('../html/img/tiskarnicka.gif') no-repeat 0 80%;
  padding-left: 26px;}

/* ************************************************************************** */
/* =ALBUM                                                                     */
/* ************************************************************************** */

#album {float: left; width: 100%; background: transparent; padding-bottom: 10px;}
#album h4 {margin-top: 5px; text-align: center;}
#album img {padding: 3px; border: 1px solid #909; background: #f0f;}
#album a:hover img {padding: 3px; border: 1px solid #f00; background: #f6f;}
.obr { float: left; width: 180px; margin-right: 13px; _margin-right: 7px;}
.fotogalerie {margin: 10px;}
.obr p {margin: 2px 0 7px; text-align: center;}