html{width: 100%;height: 100%;}
body {margin: 0; padding: 0; font-family: Tahoma, Helvetica, sans-serif; text-align: center; font-size: 12px; text-align: center; background: #dcdcdc url(img/index/bg.gif) repeat-x left top; color: #010101;}
a {color: #e2001a;}
a img {border:0;}
a:hover {text-decoration: none;}
.cleaner {clear: both; height: 1px; overflow: hidden;}
h1 {margin: 0 0 15px 0; padding: 0; font-size: 20px; font-weight: normal; }
p {margin: 0 0 10px 0;}
ul, li {margin: 10px 0 0 10px; padding: 0; list-style-type: none; }
img.floatleft {float: left; background-color: #fff; border: 1px solid #ccc; padding: 1px; margin: 0 15px 5px 0;}
h1, h2, h3, h4 {padding: 0; margin: 0; font-weight: normal; }
h4 {font-size: 14px; margin: 10px 0 5px 0; color: #555; }
h3 {font-size: 16px; margin: 5px 0; color: #555; border-bottom: 1px solid #c3c3c3;}
h2, h1 {font-size: 20px; font-weight: normal; margin: 5px 0 10px 0; color: #555;}

a.nadpis {font-size: 15px; display: block; margin: 0 0 3px 0;}

table {margin: 0 0 10px 0; padding: 0; }
td, th {text-align: left; padding: 3px 8px ;}

#container {width: 960px; margin: 0 auto; text-align: left; }

/* Zahlavi */
#zahlavi {height: 131px; position: relative; background: url(img/index/zahlavi.gif) repeat-y left top; z-index: 100;}
#zahlavi .logo {position: absolute; left: 0; top: 48px;}
#zahlavi #ikonky {position: absolute; left: 0; top: 15px; color: #929292; font-size: 11px; height: 11px;}
#zahlavi #ikonky .uvod {background: url(img/index/home.gif) no-repeat left center; padding: 0 2px 0 20px;}
#zahlavi #ikonky .napiste {background: url(img/index/posta.gif) no-repeat left center; padding: 0 2px 0 20px;}
#zahlavi #ikonky .mapa {background: url(img/index/mapa.gif) no-repeat left center; padding: 0 2px 0 20px;}

#zahlavi #hledani {position: absolute; top: 18px; right: 0;}
#zahlavi #hledani input {font-size: 11px;}
#zahlavi #hledani input.hledat { background: url(img/index/tlacitko.jpg) no-repeat left top; border:0; width: 70px; height: 20px; color: #fff; font-weight: bold;}
#zahlavi #hledani input.hledane {width: 210px; border: 1px solid #d4d4d4; padding: 2px 3px ;}
#zahlavi #hledani input.hledat, x:-moz-any-link, x:default {padding: 0 0 1px 0; position: relative; top: 3px; }
#zahlavi #hledani input.hledane {width: 210px; border: 1px solid #d4d4d4; height: 15px;  &height: 20px; padding: 2px 3px ;}



#zahlavi #menu {position: absolute; right: 0; bottom: 20px;}
#zahlavi #menu a {display: block; float: left; height: 37px; line-height: 37px; border-right: 1px solid #989898; padding: 0 15px; text-decoration: none; text-transform: uppercase; }
#zahlavi #menu a.posledni {border-right: 0;}
#zahlavi #menu a:hover {border-right: 1px solid #ededed; background-color: #e2001a; color: #fff;}
#zahlavi #menu a.posledni:hover {border-right: 0;}

/* hlavicka */
#hlavicka { height: 281px; width: 960px; /*background: url(img/index/head.jpg) no-repeat left top;*/ z-index: 0; xpadding: 45px 0 0 27px; position: relative; z-index:0;}
#hlavicka .text { color: #fff;  position: absolute; left: 20px; top: 40px;}
#hlavicka .text a {color: #ff6200;}
#hlavicka .text ul {margin:0; padding:0;}
#hlavicka .text ul li {margin:0; padding: 0 0 5px 15px;}


/* minidlazdice */
#minidlazdice {position: relative;}
#minidlazdice a:hover span{text-decoration: underline;}
a.mini1, a.mini2, a.mini3, a.mini4, a.mini5, a.mini6 {float: left; width: 152px; height: 98px; position: absolute; top: -65px; color: #fff; font-size: 16px; text-decoration: none; }
a.mini1 span, a.mini2 span, a.mini3 span, a.mini4 span, a.mini5 span, a.mini6 span  {display: block;  margin: 48px 0 0 12px; }
a.mini1 {background: url(img/index/01.png) no-repeat left top; left: 0px;}
a.mini1:hover {background: url(img/index/01_b.png) no-repeat left top; left: 0px;}
a.mini2 {background: url(img/index/02.png) no-repeat left top; left: 162px;}
a.mini2:hover {background: url(img/index/02_b.png) no-repeat left top; left: 162px;}
a.mini3 {background: url(img/index/03.png) no-repeat left top; left: 324px;}
a.mini3:hover {background: url(img/index/03_b.png) no-repeat left top; left: 324px;}
a.mini4 {background: url(img/index/04.png) no-repeat left top; left: 486px;}
a.mini4:hover {background: url(img/index/04_b.png) no-repeat left top; left: 486px;}
a.mini5 {background: url(img/index/05.png) no-repeat left top; left: 810px;}
a.mini5:hover {background: url(img/index/05_b.png) no-repeat left top; left: 810px;}
a.mini6 {background: url(img/index/06.png) no-repeat left top; left: 648px;}
a.mini6:hover {background: url(img/index/06_b.png) no-repeat left top; left: 648px;}

/* dlazdice */
#dlazdice {margin: 43px 0 0 0;}
a.dlazdice1, a.dlazdice2, a.dlazdice3, a.dlazdice4 {float: left; width: 231px; height: 145px; font-size: 25px; line-height: 25px; margin: 0 12px 0 0; color: #fff; text-decoration: none;}
a.dlazdice4 {margin-right: 0;}
a.dlazdice1 em, a.dlazdice2 em, a.dlazdice3 em, a.dlazdice4 em  {display: block; font-style: normal;  background: url(img/index/sipka.gif) no-repeat left 5px; padding: 0 0 0 20px; margin: 10px 0 0 10px;}
a.dlazdice1 span , a.dlazdice2 span , a.dlazdice3 span , a.dlazdice4 span {font-size: 17px;}
a.dlazdice1:hover span, a.dlazdice2:hover span, a.dlazdice3:hover span, a.dlazdice4:hover span {text-decoration: underline; }

.dlazdice1 {background: url(img/index/topeni.jpg) no-repeat left top;}
.dlazdice2 {background: url(img/index/voda.jpg) no-repeat left top;}
.dlazdice3 {background: url(img/index/plyn.jpg) no-repeat left top;}
.dlazdice4 {background: url(img/index/koupelny.jpg) no-repeat left top;}

/* novinky */
#novinky {border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; margin: 15px 0 ;}
#novinky .sloupce {background: url(img/index/novinky.gif) repeat-y left top; margin: 15px 0 ;}
#novinky .sloupce .levy, #novinky .sloupce .stredni, #novinky .sloupce .pravy {float: left; width: 300px;}
#novinky .sloupce .stredni, #novinky .sloupce .pravy {margin: 0 0 0 30px;}
#novinky .sloupce a {display: block; font-weight: bold; margin: 5px 0;}
#novinky .sloupce p {line-height: 1.5em;}
#novinky .sloupce span.datum {font-size: 10px;}

/* variabilni novinky */
#novinky .sloupec {background: url(img/index/novinky2.gif) repeat-y left top;  margin: 15px 0 15px 15px; padding: 0 0 0 17px; float: left;width: 100px;}
#novinky .sloupec:first-child {background-image: url(); margin-left: 0; padding-left: 0;}
#novinky .sloupec a {display: block; font-weight: bold; margin: 5px 0;}
#novinky .sloupec p {line-height: 1.5em;}
#novinky .sloupec span.datum {font-size: 10px;}



/* paticka */
#paticka { margin: 15px 0 10px 0;}
#paticka a {color: #010101;}
#paticka .levy {float: left;}
#paticka .pravy {float: right;}

h1.bila {color: #fff;}

#menu1 {height: 37px; position: absolute; bottom: 25px; right: 0;}
ul#menu2, ul#menu2 ul {	padding: 0; 	margin: 0 0 0 0; 	list-style-type: none; list-style-image: url();}
ul#menu2 {position: relative; top: 8px; z-index: 100;}
ul#menu2 {float: left; position: relative; color: white; z-index:200;padding:0; margin:0; text-align:left; }
ul#menu2 li { margin:0 0 0 0; height: 37px; width: 95px; float: left; cursor: pointer; line-height: 37px; cursor: pointer; }
ul#menu2 li.prvnic {width:110px; }
ul#menu2 li a {padding:0 0 0 10px; height: 100%; white-space: nowrap; text-decoration: none;  color: #E30119; text-transform: uppercase; display:block; border-right: 1px solid #989898; }
ul#menu2 li:hover {color: #fff; background-color: #E2001A;}
ul#menu2 li:hover a {color: #fff;}

ul#menu2 li ul {margin-left: -1px; background-color: #E2001A; position: absolute; display:block; visibility: hidden; width:180px;  padding-top: 0px; padding-bottom: 0px; z-index: 20;}
ul#menu2 li ul li { width: 180px; height:35px;}
ul#menu2 li ul li a { width: 170px; height: 33px; line-height: 33px; background-color: #E2001A; border: 1px solid #940011; border-top: 1px solid #FF8080; border-left: 1px solid #FF8080; display: block;text-transform: none; overflow: hidden;}
ul#menu2 li ul li.submenu a {background-image: url(img/sipka_menu.gif); background-repeat: no-repeat; background-position: 168px 14px;}
ul#menu2 li ul li:hover a {background-color: #554B4C; color: #fff;border: 1px solid #303030; border-top: 1px solid #909090; border-left: 1px solid #909090;}

ul#menu2 ul ul {position: absolute; left: 178px; margin-top: -32px; display:block; visibility: hidden;  padding:0; }
ul#menu2 li ul li:hover ul li a {background-color: #E2001A;background-image: url(); border: 1px solid #940011; border-top: 1px solid #FF8080; border-left: 1px solid #FF8080;}
ul#menu2 li ul li:hover ul li:hover a {background-color: #554B4C; color: #fff;border: 1px solid #303030; border-top: 1px solid #909090; border-left: 1px solid #909090;}

ul#menu2 li.hover ul,ul#menu2 li:hover ul {	visibility: visible;}
ul#menu2 li.hover ul ul,ul#menu2 li:hover ul ul {visibility: hidden;}
ul#menu2 ul li.hover ul,ul#menu2 ul li:hover ul {	visibility: visible;}

ul#menu2 li.posledni ul {margin-left: -88px;}

#postcard{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: url(img/popupback.png) left top repeat;z-index: 150;padding: 0px;margin: 0px;}
#postcard .stred{position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
margin-top: -184px;
margin-left: -263px;
width: 527px;
height: 369px;
border: 3px solid rgb(68,59,59);
background-color:white;
z-index:10000;
text-align:center;
}
#postcard .close {
position:absolute;
left: 487px;
}
#postcard .text {
display: block;
width: 467px;
height: 339px;
padding: 10px 15px;
text-align:center;
left: 0px;
bottom: 0px;
color: #AF0000;
font-size: 12px;
font-family: Tahoma, Helvetica, sans-serif;
}