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;
}
.vyprodano {
  background: #cc0033;
  color: #ffffff;
  font-weight: bold
}
.volnaMista {
  background: #7799bb;
  color: #ffffff;
  font-weight: bold
}
.volnaMistaPocet {
  background: #fff;
  color: #cc0033;
  font-weight: bold;
  font-size: 18px;
  border: solid 1px #7799bb;
}
.ikony1 {
  float: left;
  margin-left: 100px;
}
.ikony2 {
  float: left;
  margin-left: 200px;
}
.innertube {
  margin: 10px;
}
.clear {
  clear: both;
  width: 100%;
  display: block;
}
#body2 {
 	background: transparent url(img/body_bg2.png) 0 30px repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
}

/*--------------------------------------------------------
  wrapper
 --------------------------------------------------------*/
#wrapper {
  width: 980px;
  margin: auto
}
/*--------------------------------------------------------
  header
 --------------------------------------------------------*/
#header {
  float: left;
  width: 980px;
  height: 180px;
}
#logo {
  float: left;
  margin: 35px 0 0 50px
}
/*--------------------------------------------------------
  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: #dd9966;
  width: 200px;
}
#left_column p {
  margin: 0 0 2px 0
}
#left_column .kontakt {
  color: #000;
  margin-top: 10px;
  padding: 0 0 0 15px;
}
/*--------------------------------------------------------
  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 h3 a {
  font-weight: bold;
  font-family: tahoma, arial, helvetica, sans-serif
  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: #000;
  padding: 0 0 0 15px;
  line-height: 30px;
  background: #dd9966;
}
#content_right hr {
  color: #f00;
  background-color: #882222;
  height: 2px;
}
#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
}
/*--------------------------------------------------------
  Main Navigation
--------------------------------------------------------*/
#navigation {
  float: left;
  width: 100%;
  font: normal 12px 'PT Sans Narrow', Georgia, Times New Roman;
  text-transform: uppercase;
  margin: 10px 0 5px 0;
  border-bottom: dotted 1px #aa9988; 
}
#nav {
  margin: 0;
  padding: 0 0 0 8px;
  line-height: 100%;
}
#nav li {
  margin: 0 4px;
  padding: 0 0 5px;
  float: left;
  position: relative;
  list-style: none;
}
#nav a {
  font-weight: normal;
  line-height: 16px;
  text-decoration: none;
  display: block;
  background: #ddaa88;
  color: #000;
  border-top: solid 1px #f8f8f8;
  padding: 8px 12px;
  margin: 0;
  text-shadow: 0 1px 1px rgba(0,0,0, .3); 
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#nav a:hover {
  background: #88bbdd;
  color: #fff;
}
#nav .current a, #nav li:hover a {
  background: #88bbdd url(img/gradient2.png) repeat-x 0 -40px;
  color: #fff;
  border-top: solid 1px #f8f8f8;
}
/* sub levels hover */
#nav ul li:hover a, #nav li:hover li a {
  background: none;
  border: none;
  color: #666;
}
#nav ul a:hover {
  background: #88bbdd url(img/gradient.png) repeat-x 0 -100px !important;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* dropdown */
#nav li:hover > ul {
  display: block;
}
/* level 2 list */
#nav ul {
  margin: 0;
  padding: 0;
  line-height: 20px;
  display: none;
  width: 185px;
  position: absolute;
  top: 35px;
  left: 0;
  background: #ddd url(img/gradient.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#nav ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#nav ul a {
  font-weight: normal;
}
/* level 3+ list */
#nav ul ul {
  left: 181px;
  top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 4px;
}
#nav ul li:last-child > a {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 4px;
}
/* clearfix */
#nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#nav {
  display: inline-block;
} 
html[xmlns] #nav {
  display: block;
}
* html #nav {
  height: 1%;
}
/*--------------------------------------------------------
  aktualne
 --------------------------------------------------------*/
#aktualne {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #505050
}
/*--------------------------------------------------------
  footer
 --------------------------------------------------------*/
#footer {
  clear: both;
  width: 960px;
  height: 50px;
  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
 --------------------------------------------------------*/
fieldset  {
  margin: 10px 0 30px 100px;
  width: 500px;
  padding: 20px;
  border: 1px solid #5599bb;
  background: #fff
}
legend {
  font-weight: bold;
  padding: 5px;
  color: #5599bb;
}
.table_form {
  font-size: 12px;
  color: #000;
  text-align: left
}
.table_form td {
  padding: 5px
}
form {
  margin-top: 3px;
  margin-bottom: 3px
}
.form_field {
  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
}
.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
}
.form_citac {
  font-size: 10px;
  color: #446688;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #f3f3f3;
  border: none
}
.formselect {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333366
}
.text_block {
  width: 400px;
  margin-left: 80px;
  background-color: #fff6eb;
  border-left: 2px solid #ffeedd;
  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
}
#breadcrumb {
  font: normal 13px Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  clear: both;
}
#breadcrumb ul {
  float: left;
  margin: 0;
  padding: 0
}
#breadcrumb li {
  background: transparent url(img/arrow.gif) no-repeat 0 0.2em  !important;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
  display: inline;
  list-style-type: none;
}
#breadcrumb li.first {
  background: none  !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
  list-style-type: none;
}
#breadcrumb 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 {
  margin: 0 0 20px 20px;
	font: normal 12px Arial, Helvetica, sans-serif;
  background: #eeddbb;
	color: #000;
	text-align: left
}
#table2 th {
  background: #cc6600;
	color: #fff;
}
#table2 td, th {
	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;
}