html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, strong, ol, ul, li, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
html, body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: tahoma, arial, helvetica, sans-serif
}
hr {
  height: 1px;
  color: #d0d0d0;
  background-color: #c0c0c0;
  border-style: none
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
blockquote {
  margin: 0 0 0 10px;
}
/*--------------------------------------------------------
 Basics
 --------------------------------------------------------*/
a {
  font-weight: normal;
  text-decoration: underline
}
a:link {
  color: #952819
}
a:visited {
  color: #952819
}
a:hover {
  color: #963e18;
  text-decoration: none
}
a:active {
  color: #952819
}
.sede {
  color: #606060;
}
.cervene {
  color: #cc0033;
}
.oranzove {
  color: #ff9900;
}
.modre {
  color: #0066ff;
}
.zelene {
  color: #006600;
}
.preskrtnute {
  text-decoration: line-through;
}
.podtrzene {
  text-decoration: underline;
}
.male {
  font-size: 11px;
}
.vetsi {
  font-size: 14px;
}
.velke {
  font-size: 16px;
}
.tucne {
  font-weight: bold;
}
.dashed {
  border-bottom: dashed 1px #990000;
}
.firstletter:first-letter {
  float: left;
  font-size: 300%;
  font-weight: bold;
  line-height: 0.9em;
  padding-right: 3px;
}
.vyprodano {
  background: #cc0033;
  color: #ffffff;
  font-weight: bold
}
.volnaMista {
  background: #7799bb;
  color: #ffffff;
  font-weight: bold
}
.ikony1 {
  float: left;
  margin-left: 70px;
}
.ikony2 {
  float: left;
  margin-left: 200px;
}
.innertube {
  margin: 10px;
}
/*--------------------------------------------------------
  wrapper
 --------------------------------------------------------*/
#wrapper {
  width: 980px;
  margin: auto
}
/*--------------------------------------------------------
  header
 --------------------------------------------------------*/
#header {
  float: left;
  width: 980px;
  height: 180px;
  background: url(img/nic.gif) 80px 0 no-repeat;
  position: relative
}
#logo {
  float: left;
  margin: 0 0 0 0
}
/*--------------------------------------------------------
  Buttons
 --------------------------------------------------------*/
.tlacitka {
  width: 100%;
  margin: 5px 0 20px 0;
  display: block;
  overflow: hidden;
}
a.button {
  background: transparent url('img/button_left.png') no-repeat top left;
  display: block;
  float: left;
  font: normal 13px verdana, arial, helvetica, sans-serif;
  line-height: 16px;
  height: 34px;
  padding-left: 10px;
  margin-right: 5px;
  text-decoration: none;
}
a:link.button, a:visited.button, a:active.button {
  color: #fff;
}
a.button span {
  background: transparent url('img/button_right.png') no-repeat top right;
  display: block;
  padding: 9px 11px 9px 0;
}
a.button:hover {
  background-position: bottom left;
}
a.button:hover span {
  background-position: bottom right;
  color: black;
}
/*--------------------------------------------------------
  content
 --------------------------------------------------------*/
#columns {
  float: left;
  width: 980px;
  background: url(img/wrapper_bg.png) 0 0 repeat-y;
}
/*--------------------------------------------------------
  left navigation, kontakt, calendar
 --------------------------------------------------------*/
#left_column {
  float: left;
  background:  url(img/leftcol_bg.jpg) 0 0 repeat-y;
  width: 200px;
}
#left_column p {
  margin: 0 0 2px 0
}
#left_column .kontakt {
  background: url("img/obalka.gif") no-repeat top left;
  color: #663300;
  padding: 0 0 0 25px;
}
/*--------------------------------------------------------
  content
 --------------------------------------------------------*/
#content {
  float: right;
  width: 780px;
  _width: 770px;
  color: #505050;
  min-height: 300px;
}
#content p {
  margin: 5px 0 5px 0
}
#content ul li {
  background: transparent url(img/square.gif) no-repeat 0 0.4em;
  line-height: 1.3em;
  list-style: none;
  padding-left: 15px;
  margin-left: 15px;
  padding-bottom: 0.4em
}
#content ol li {
  padding: 5px !important;
  margin-left: 20px !important;
  list-style: numeric;
}
#content p.odsadit {
  text-indent: 30px;
  margin: 10px 0 5px
}
#content .organy {
  margin: 0 200px 0 20px
}
#content h1 {
  font-size: 1.6em;
  color: #0088cc;
  margin: 0;
  padding: 10px 0 15px 0
}
#content h2 {
  font-size: 1.4em;
  color: #0088cc;
  margin: 0;
  padding: 10px 0 15px 0
}
#content h3 {
  font-size: 1.3em;
  color: #0088cc;
  margin: 0;
  padding: 10px 0 15px 0
}
#content h4 {
  font-size: 1.2em;
  color: #0088cc;
  margin: 0;
  padding: 5px 0
}
#content h4 a {
  font-weight: bold;
  font-family: tahoma, arial, helvetica, sans-serif
  font-size: 1.2em;
  color: #0088cc;
  margin: 0;
  padding: 5px 0
}
#content h5 {
  font-size: 1em;
  color: #606060;
  margin: 0;
  padding: 0 0 6px
}
#content .radky {
  font-size: 0.9em;
  line-height: 22px;
  margin: 0 0 0 20px
}
#content .imgInFrame {
  background-color: #eeffff;
  border: 1px solid #d0d0d0;
  padding: 5px
}
#content .rekl {
  text-align: center;
}
/*--------------------------------------------------------
  content left, right, full
 --------------------------------------------------------*/
/* only for home page */
#content_left {
  float: left;
  width: 540px;
}
#content_right {
  float: right;
  width: 240px;
  _width: 220px;
}
#content_right h3 {
  width: 215px;
  _width: 185px;
  height: 30px;
  color: #fff;
  padding: 0 0 0 15px;
  line-height: 30px;
  background: #44aadd url(img/gradient.png) repeat-x 0 -100px !important;
}
#content_right hr {
  height: 2px;
  background: #ffffff url(img/hr.gif) no-repeat scroll center
}
#content_right a {
  color: #cc6600;
}
/* for other pages */
#content_full {
  /* inherit content */
}
#content_full .kontakt {
  margin: 10px 0 0 250px;
  padding: 0 0 0 25px;
}
/*--------------------------------------------------------
  Navigation rodina WEBu
 --------------------------------------------------------*/
div#family_head {
  float: right;
  margin-top: 3px;
  width: 200px;
  font-family: Verdana, Arial;
  font-size: 12px;
  z-index: 9998;
}
.blogroll {
  position: relative;
  width: 200px;
}
.blogroll p {
  width: 200px;
  height: 25px;
  background: url(img/family.png) 0 0 no-repeat;
  text-indent: -9999px;
  margin: 0;
}
.blogroll ul {
  width: 198px;
  border: 1px solid #5588aa;
  border-width: 0 1px 1px 1px;
  position: absolute;
  left: 0;
  top: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.blogroll ul a:link, .blogroll ul a:visited {
  display: block;
  background: #5599cc;
  width: 178px;
  padding: 2px 5px 2px 15px;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
}
.blogroll ul a:hover {
  background: #fff;
  color: #5588aa;
}
.blogroll {
  height: 25px;
  overflow: hidden;
}
.blogroll:hover {
  overflow: visible;
}
.blogroll {
  display: none;
}
html>body .blogroll {display:block;}

/* ---------------------------------------------
  navigation search
------------------------------------------------ */
#search {
  height: 26px;
  margin: 10px 0 10px 0
}
img.box_img {
  float: left;
  padding: 0 10px 0 0
}
/* ---------------------------------------------
  navigation
------------------------------------------------ */
div#menu {
  margin: 0 0 15px 0;
  border-top: 1px solid #ccccaa;
  border-left: 1px solid #ccccaa;
  border-right: 1px solid #ccccaa;
  font: normal 12px Georgia, Times New Roman, Times, serif;
}
ul#navigation {
  list-style: none;
}
ul#navigation a {
  width: 160px;
  display: block;
  text-decoration: none;
  color: #606060;
}
ul#navigation li {
  background-color: #eeffff;
  border-bottom: 1px solid #ccccaa;
}
ul#navigation li.fly {
  background: #eeffff url(img/sipka.gif) top right no-repeat;
}
ul#navigation li:hover {
  background-color: #ddddbb;
}
ul#navigation li a {
  padding: 6px 6px;
}
ul.inner {
  position: absolute;
  border-top: 1px solid #ccccaa;
  border-left: 1px solid #ccccaa;
  border-right: 1px solid #ccccaa;
  left: -2999em;
}
ul#navigation li:hover ul, ul#navigation li.sfhover ul {
  left: auto;
}
ul.inner {
  margin-left: 140px;
  margin-top: -40px;
  list-style: none;
  z-index: 100;
}
ul.inner li {
  width: 160px;
  background-color: #eeffff !important;
  border-bottom: 1px solid #cceeff !important;
}
ul.inner li:hover {
  background-color: #ddddbb !important;
  color: #000 !important;
}
ul.inner li a:hover {
  color: #000 !important;
}
/*--------------------------------------------------------
  aktualne
 --------------------------------------------------------*/
#aktualne {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #505050
}
/*--------------------------------------------------------
  footer
 --------------------------------------------------------*/
#footer {
  clear: both;
  width: 960px;
  background: url(img/body_bg.jpg) no-repeat center top;
  height: 140px;
  border-top: dotted 1px #aa9988;
  color: #808080;
  padding: 10px;
  font-size: 10px
}
#footer p {
  font-size: 11px;
  padding-top: 10px;
  text-align: center
}
#footer ul {
  list-style-type: none;
  float: right;
  margin: 0 15px 0 0;
  padding: 0
}
#footer ul li {
  float: left;
  margin: 5px 0 5px 10px
}
#backToTop {
  clear: both;
  float: right;
  color: #808080;
  cursor: pointer;
}
#backToTop a {
  text-decoration: none;
}
/*--------------------------------------------------------
  box
 --------------------------------------------------------*/
.box {
  padding: 5px 5px 5px 5px;
}
.box h5 {
  color: #1177aa;
}
.box a {
  color: #442222
}
.box a:hover {
  color: #332222
}
.box a:visited {
  color: #442222
}
.box  a:active, a:focus {
  color: #442222
}
.box ul {
  font-size: 1.0em;
}
.box li {
  padding: 2px 0;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 6px;
  background-image: url(img/menu_li.gif);
  color: #887766
}
/*--------------------------------------------------------
  others
 --------------------------------------------------------*/
.bold {
  font-weight: bold
}
.image img {
  border: 0;
  margin-left: 5px
}
pre {
  font-size: 11px;
  color: #003399
}
.fontInfo {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #cc6600;
  font-weight: normal;
  text-align: center
}
.fontLeftCol {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #606060;
  font-weight: normal
}
#cestaLabel {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #000
}
#cesta {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #cc0000
}
#citac {
  margin-top: 10px;
  color: #909090;
  font-weight: bold;
  text-align: center
}
/*--------------------------------------------------------
  forms
 --------------------------------------------------------*/
.table_form {
  background-color: #fff7ee;
  border: 1px solid #ddddbb;
  font-size: 11px;
  color: #000;
  text-align: left
}
.table_form td {
  padding: 5px
}
form {
  margin-top: 3px;
  margin-bottom: 3px
}
.formfield {
  font-size: 12px;
  color: #446688;
  background-color: #ffffff;
  font-family: arial, helvetica, sans-serif
}
.formfield1 {
  font-size: 13px;
  color: #446688;
  background-color: #fff7ee;
  font-family: arial, helvetica, sans-serif
}
.formcitac {
  font-size: 10px;
  color: #446688;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #f3f3f3;
  border: none
}
.formbutton {
  font-size: 10px;
  color: #446688;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #f3f3f3;
  cursor: pointer
}
.formbutton1 {
  font-size: 10px;
  color: #446688;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #cceeff;
  cursor: pointer
}
#formbutton2 {
  background: url(img/search.png) no-repeat top left;
  margin-left: 3px;
  width: 24px;
  height: 24px;
  border: 0;
  text-indent: -2000px;
  line-height: 0;
  cursor: pointer
}
.formselect {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333366
}
.textBlock {
  width: 400px;
  margin-left: 80px;
  background-color: #fff6eb;
  border-left: 2px solid #ddddbb;
  padding: 10px
}
.captchaErr {
  color: #cc0000
}
.nazoryBlock {
  float: left;
  background-color: #fff7ee;
  border-bottom: 1px solid #ddddbb;
  font-size: 11px;
  padding: 10px 5px 5px
}
.nazoryBlockLeft {
  float: left;
  color: #99ddff;
  font-weight: bold;
  font-size: 30px;
  font-family: times;
  width: 50px
}
.nazoryBlockRight {
  float: left;
  width: 625px
}
#breadkrumb {
  width: 100%;
  font: normal 11px Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  clear: both;
}
#breadkrumb a {
  color: #333;
}
/*--------------------------------------------------------
  tables
 --------------------------------------------------------*/
#table1 { 
  font: normal 10px Arial, Helvetica, sans-serif; 
  color: #000; 
  text-align: left
} 
#table1 tr { 
  border: 1px solid black; 
}
#table1 th {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f2f2f2;
  color: #000;
  padding: 3px
}
#table1 td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #000;
  padding: 4px
}
#table1 td.td1 {
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  text-align: left;
  color: #606060;
  background: #ffffdd;
  padding: 4px
}
#table1 td.td2 {
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  text-align: right;
  color: #606060;
  background: #ffffdd;
  padding: 4px
}
#table1 td.td3 {
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  text-align: left;
  color: #606060;
  background: #ffffdd;
  padding: 4px
}
#dnes {
  font-weight: bold;
  color: #cc0000
}

#table2 {
	font: normal 12px Arial, Helvetica, sans-serif;
  background: #ffeebb;
	color: #000;
	text-align: left
}
#table2 tr {
  background: #fff;
	border: 1px dotted #666;
}
#table2 td, th {
	color: #363636;
	padding: .5em;
}

#table3 {
  font-size: 11px;
  color: #000;
  text-align: left;
  padding: 0 5px 5px 0
}
#table3 tr {
  border: 1px solid black
}
#table3 th {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  background: #eee;
  padding: 6px
}
#table3 td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  padding: 6px
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #fff;
  padding-bottom: 2px
}
/*--------------------------------------------------------
  img
 --------------------------------------------------------*/
img {
  outline: 0;
  border: 0;
}
.image_frame {
  background-color: #efefef;
  border: 1px solid #d0d0d0;
  padding: 5px
}
.image_row {
  float: left;
  clear: both;
  position: relative;
  width: 700px;
  margin-top: 20px;
}
.image_left {
  float: left;
  width: 330px;
  margin-left: 20px;
  text-align: right;
}
.image_right {
  float: left;
  width: 330px;
  text-align: left;
}
.fotoWrap {
  width: 450px;
  white-space: nowrap;
  text-align: center;
  margin: 20px 0 0 150px;
}
.fotoLeft {
  float: left;
}
.fotoRight {
  float: right;
}
/*--------------------------------------------------------
  Form styles 
 --------------------------------------------------------*/
input, select, textarea {
  font-size: 1.0em;
/*by default font-size is bigger*/
  vertical-align: baseline;
}
input.text, input.file {
  cursor: text;
}
input.button {
  cursor: pointer;
  color: #808080;
  border: 0;
  background: url(img/button_bg.gif) 0 0 repeat-x;
  font-weight: normal;
  padding: 1px 12px;
  text-align: center;
  height: 26px;
}
input.radio, input.checkbox {
  border: 0;
  padding: 0;
}