body, a, input, img, h1, h2, h3 {margin: 0; padding: 0; border: 0;}

body {background: #38770f url("images/web/background-zahrada.jpg") center 63px no-repeat; color: #363635; font: normal 12px "Trebuchet MS" !important;}

h1 {color: #4c931d; font: normal 24px "Trebuchet MS"; padding: 20px 0 5px 0;}
h2 {color: #4c931d; font: normal 18px "Trebuchet MS"; padding: 17px 0 3px 0;}
h3{color: #4c931d; font: normal 14px "Trebuchet MS"; padding: 0;}
p {/*width: 500px;*/ margin-right: 20px;}
a {color: #4c931d;}
table {border-collapse: collapse;}
table tbody tr td, td {font-size: 12px;}



.zarazka {clear: both;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.upercase {text-transform: uppercase;}

#zalozky {background: #2f2f2f; color: #ffffff; height: 50px;}
#zalozky-obal {width: 960px; margin: 0 auto;}
#zalozky-menu {background: url("images/web/zalozky-index.jpg") right 10px no-repeat; height: 50px; width: 822px; float: right; text-align: right; padding-top: 15px;
 position: relative;}
#zalozky-menu a {font: italic bold 21px trebuchet MS; text-decoration: none;}
#zalozky-menu a:hover {text-decoration: underline;}
.az {position: relative; left: -222px; /*135*/background-color: transparent; font: italic bold 21px trebuchet MS; text-decoration: none; color: white; cursor:pointer; _cursor:hand;}
.bd {position: relative; left: -150px;/*67*/ background-color: transparent;font: italic bold 21px trebuchet MS; text-decoration: none; color:  white; cursor:pointer; _cursor:hand;}
.zk {position: relative; left: -99px; /*14*/background-color: transparent;font: italic bold 21px trebuchet MS; text-decoration: none; color:  white; cursor:pointer; _cursor:hand;}
.zn {position: absolute; right: 0px; /*14*/cursor:pointer; _cursor:hand; width: 92px; height: 39px; display: block; float: right; top: 10px;}
.az:hover, .bd:hover, .zk:hover {}

.az-kont {color: #3e7d15;}
.bd-kont {color: #7c001c;}
.zk-kont {color: #221c64;}

#content {width: 960px; margin: 0 auto; margin-top: 12px; padding-bottom: 30px;}
#top {background: url("images/web/top-az.jpg") no-repeat; width: 960px; height: 277px; text-align: left;}

#bottom-pozadi {background: url("images/web/stred.png") repeat-y; text-align: left;}
#bottom {background: url("images/web/bottom-az.jpg") left bottom no-repeat; min-height: 580px;}

#logo {width: 215px; height: 228px; float: left;}
#logo a {display: block; width: 143px; height: 120px; position: relative; left: 64px; top: 55px;}

#flash {background: #a4bcca; width: 723px; height: 202px; float: left; margin-top: 21px; position:relative; left:-2px; &top:3px;}

#obal-menu {width: 880px; margin: 5px auto;}
#levy-okraj-menu {background: url("images/web/menu-levy-kraj-az.gif") no-repeat; float: left; width: 9px; height: 44px;}

#menu {background: url("images/web/menu-bg-az.gif") repeat-x; float: left; width: 862px; height: 44px;}
#menu ul, #menu li{margin: 0; padding: 0; border: 0; list-style-type: none;}
#menu ul {list-style-type: none; }
#menu li {float: left;}
#menu a {color: #ffffff; font: bold 14px Trebuchet MS; padding: 10px 6px 0 6px; height: 34px; display: block; float: left;}
#menu a:hover {background: url("images/web/a-hover-az.gif") repeat-x; height: 34px; display: block;}
#pravy-okraj-menu {background: url("images/web/menu-pravy-kraj-az.gif") no-repeat; float: left; width: 9px; height: 44px;}

#vypis-obsahu {padding-bottom: 20px; padding: 0 0 50px 47px;/* background: url("images/web/obrazek-u-kontaktu-az.jpg") 20px bottom no-repeat;*/ position: relative;}
#vypis-obsahu ul, #vypis-obsahu li{margin:auto; padding:auto; list-style:auto; list-style-type:auto;}
#vypis-obsahu table {margin-bottom: 30px;}

#left {float: left;/* padding: 0 0 0 47px;*/ background: url("images/web/obrazek-u-kontaktu-az.jpg") 20px bottom no-repeat;/* width: 448px;*/ width: 448px; min-height: 640px;}
#left p {width: 400px;}
#left a {color: #4c931d;}
#kontakt {margin-top: 20px;}
#kontakt p {width: auto !important;}
#kontakt a {float: left; color: #4c931d;}
#kontakt table {border-collapse: collapse; float: left; margin-left: 15px; width: 170px; margin-top: -60px;}
td {font-size: 12px;}
td.zahlavi {color: #4c931d; line-height: 8px;}
td.zahlavi h2 {margin: 0;}

#right {float: left;}
#vybrane-reference{margin-top:15px;}
#vr-top {background: url("images/web/ref-top-az.jpg") top no-repeat; /*height: 11px; */width: 428px; /*font-size: 0; *//*margin-top: 12px;*/ /*padding-top: 12px;*/}
#vr-obsah {background: url("images/web/ref-center-az.jpg") repeat-y; width: 428px;}
.ref-bg {background: url("images/web/ref-bg-az.jpg") no-repeat; width: 389px; height: 121px;margin: 0 0 0 10px; padding: 10px 10px 0 8px;}
.ref-bg a {float: left; margin-right: 8px;}
.ref-text {line-height: 15px; margin-top: 8px;}
#vr-bottom {background: url("images/web/ref-bottom-az.jpg") bottom no-repeat; /*height: 11px;*/ width: 428px; padding-bottom: 12px;}

#paticka {clear: both; margin: 10px 0 30px 0; color: #ffffff;}
#rights {float: left; margin-left: 35px;}
#studio {float: right; margin-right: 35px;}
#studio a {color: #ffffff;}


.fotog{border:4px solid #38770F; display:block; float:left; margin:0 10px 10px 0; width:178px; height:134px; overflow:hidden;}


hr.cleaner {clear:both;display: none}
.brcko{clear: left;}
.clearboth { clear: both; }


#JakJsteNasZnali {position: absolute; right: 18px; bottom: 28px;}

#JakJsteNasZnali{text-align:right; /*width:880px;*/ height:35px;}
#JakJsteNasZnali a{margin: 10px 10px 0 0; float:right; display:block; width:200px; height:20px; background-color:#FDDC36; text-align:center; color:#38770f; font-weight:bold; text-decoration:none; border:3px solid #feeb8d; }
#JakJsteNasZnali a:hover{color:#38770f;}

.pocasi{margin-left:25px; }


#ZpetneOdkazy{padding:10px 10px 10px 30px; color:white;}
#ZpetneOdkazy a{display:inline; color:white;}

/* LIGHTBOX2 */
#lightbox{     position: absolute;     left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%     ; }
#imageData{     padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}           
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */