* {
margin: 0;
padding: 0;
}


@font-face {
    font-family: Goudy;
    src: url('font/OFLGoudyStM.otf');
}
body {
margin-left: auto;
margin-right: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #faf9f5;
}

#wrapper {
margin-left: auto;
margin-right: auto;
background: url(img/foto_pozadi.png) no-repeat;
background-position: 0 70px;
width:1000px;
}
#wrapper_vetsi{
margin-left: auto;
margin-right: auto;
background: url(img/foto_pozadi_vetsi.png) no-repeat;
background-position: 0 70px;
width:1000px;
}
#wrapper_bez{
margin-left: auto;
margin-right: auto;
width:1000px;
}
#wrapper_bez img{
margin: 50px 0 0 70px;
}
#uvodni_foto{
background: url(img/fotopanel_pozadi.png) no-repeat;
margin-left: 120px;
margin-top: 40px;
width: 767px;
height: 209px;
} 
#uvodni_foto img{
margin-left: 16px;
margin-top: 14px;
width: 737px;
height: 180px;
} 
#vetsi_foto{
background: url(img/perma_panel_poz.png) no-repeat;
margin-left: 120px;
margin-top: 40px;
width: 767px;
height: 396px;
} 
#vetsi_foto img{
margin-left: 14px;
margin-top: 14px;
width: 737px;
height: 366px;
} 
/* header */
#header{
height: 195px;
width:1000px;
}
/* logo */
#logo{
height: 130px;
width: 199px;
background: url(img/logo_prirodni_zahrada.png) no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
h1 {
margin: 0;
font-size: 100%;
text-indent: -9000px;
padding: 60px;
text-decoration: none;
}
/* navigace */
#mainNav{
height: 36px; 
width: 800px;
margin-left: 136px;
margin-top: 50px;
position: relative;
font-family: Goudy, serif; 
font-size: 21px;
list-style: none;
border: none;
}
#mainNav ul{
visibility:hidden;
position:absolute;
width:220px;
height:0;
}
#mainNav li{
display: block;
margin: 7px 0 0 0;
padding: 0;
float: left;
height: 36px;
width: auto;
position:relative;
z-index:100;
}
#mainNav ul li{
margin: 0;
background: #faf9f5;
display: block;
opacity: 0.9; 
filter: alpha(opacity = 90);
}
#mainNav li:hover ul,
#mainNav a:hover ul{
visibility:visible;
}
#mainNav a{
color: #4e4e4e;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 5px 12px 1px 12px;
}
#mainNav ul li a{
padding: 0 12px 2px 12px;
}
#mainNav a:hover{
background: #edece1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#mainNav #zeleneTlacitko{
color: white;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
background: #cadb2a;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#mainNav #menu_vysouvaci li{
width: 207px;
padding: 0;
}
#mainNav #menu_vysouvaci #vysouvaci_zahrada1 a:hover{
padding: 0 45px 0 12px;
}
#mainNav #menu_vysouvaci #vysouvaci_zahrada2 a:hover{
padding: 0 70px 0 12px;
}
#mainNav #menu_vysouvaci #vysouvaci_zahrada3 a:hover{
padding: 0 11px 0 12px;
}
#mainNav #menu_vysouvaci #vysouvaci_zahrada4 a:hover{
padding: 0 110px 0 12px;
}
#mainNav #menu_vysouvaci #vysouvaci_zahrada5 a:hover{
padding: 0 71px 0 12px;
}
/* ---------obsah---------- */
#content{
margin-left: auto;
margin-right: auto;
width:737px;
}
#content p{
margin: 10px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#zarovnani_vpravo{
float: right;
margin-bottom: 40px;
font-size: 12px;
}
.zarovnani_vpravo{
float: right;
}
#zahrada #bosman{
margin-top: 100px;
width: 737px;
}
#zahrada #bosman p{
font-size: 18px;
font-family: Goudy, serif;
color: #626262;
}
#jezek{
margin-left: auto;
margin-right: auto;
clear: both;
width:214px;
height: 133px;
margin-top: 80px;
}
#citat p{
margin-top: 0;
margin-bottom: 60px;
width: 257px;
font-size: 18px;
font-family: Goudy, serif;
color: #626262;
} 
#citat h3 {
margin-top: 20px;
font-size: 20px;
padding: 0;
color: #626262;
font-family: Goudy, serif;
}
#kontakt,
#zahrada{
margin-top: 180px;
margin-left: auto;
margin-right: auto;
width:737px;
}
#kontakt li,
#zahrada li,
#zdenicku_odkazy li{
margin: 5px 0 5px 0;
font-size: 14px;
}
#kontakt ul ul{
list-style: none;
margin: 25px 0 5px 0;
}
#kontakt ul,
#zdenicku_odkazy ul{
list-style: none;
margin: 5px 0 5px 0;
}
#zahrada ul{
list-style: none;
margin: 5px 0 20px 0;
}
#kontakt h2,
#zahrada h3{
font-size: 16px;
color: #626262;
}
#kontakt p{
margin: 30px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#kontakt a{
color: #BAC740;
font-weight: bold;
}
#kontakt a:hover{
color: #828E0E;
font-weight: bold;
text-decoration: none;
}
#zahrada p{
margin: 10px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#zahrada a{
color: #BAC740;
font-weight: bold;
}
#zahrada a:hover{
color: #828E0E;
font-weight: bold;
text-decoration: none;
}
#zahrada #zahrada_odsazeni{
margin: 80px 0 10px 0;
}
#zahrada #zahrada_uvodni{
margin: 50px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#zahrada #zahrada_uvodni2{
margin: 10px 0 30px 0;
line-height: 1.5em;
font-size: 14px;
}
#fotog{
margin: 50px 0 0 120px;
}
#fotog img{
margin: 20px 0 0 30px;
border: 1px solid #dedbc6;
padding: 7px;
}
#fotog h2 {
font-size: 24px;
padding: 0;
color: #828E0E;
font-family: Goudy, serif;
text-decoration: none;
}
#fotog a{
color: #828E0E;
text-decoration: none;
}
#fotog a:hover{
color: #cadb2a;
text-decoration: none;
}
#foto_kategorie{
margin: 30px 0 60px 45px;
height: 36px; 
width: 700px;
position: relative;
list-style: none;
border: none;
}
#foto_kategorie li{
margin: 0 20px 0 50px;
display: block;
float: left;
width: auto;
position:relative;
}
#zdenicku,
.novinky{
overflow: hidden;
margin-left: auto;
margin-right: auto;
width:737px;
border-bottom: 1px solid #ccc8ac;
padding-bottom: 10px;
}
#zdenicku h2{
margin: 150px 0 20px 40px;
font-size: 24px;
padding: 0;
color: #BAC740;
font-family: Goudy, serif;
text-decoration: underline;
}
#nadpis_jj{
margin: 150px 0 0 140px;
}
#nadpis_sl{
margin: 150px 0 0 170px;
}
#zdenicku h3,
#zdenicku_posledni h3{
margin-top: 20px;
font-size: 22px;
padding: 0;
color: #626262;
font-family: Goudy, serif;
}
.novinky h3,
#zdenicku_posledni h3{
margin-top: 20px;
font-size: 22px;
padding: 0;
color: #BAC740;
font-family: Goudy, serif;
}
#zdenicku p,
#zdenicku_posledni p,
#zdenicku_odkazy_krupa p,
.novinky p{
padding: 0;
margin: 10px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#zdenicku a,
#zdenicku_posledni a,
#zdenicku_odkazy a,
#zdenicku_odkazy_krupa a,
#foto_zpet a,
.novinky a{
color: #BAC740;
font-weight: bold;
}
#zdenicku a:hover,
#zdenicku_posledni a:hover,
#zdenicku_odkazy_krupa a:hover,
#zdenicku_odkazy a:hover,
#foto_zpet a:hover
.novinky a:hover{
color: #828E0E;
font-weight: bold;
text-decoration: none;
}
.fotoMaleClanek {
float: right;
width: 35%;
margin-top: -20px;
}
.fotoMaleNovinky {
float: right;
width: 65%;
margin-top: -20px;
}
#zdenicku_odkazy,
#zdenicku_odkazy_krupa{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width:737px;
}

#zdenicku_odkazy h3,
#zdenicku_odkazy_krupa h3{
margin: 40px 0 10px 0;
line-height: 1.5em;
font-size: 14px;
}
#zdenicku_posledni{
overflow: hidden;
margin-left: auto;
margin-right: auto;
width:737px;
}
#zdenicku_foto{
margin: 30px 0 50px 120px;
height: 460px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif; padding:0 10px;
}
#zdenicku_foto img,
#zdenicku_foto_krupa img,
#zdenicku_foto_slimaci img,
#fotogalerie_zahrada img,
#fotogalerie_predpo img,
#fotogalerie_zivot1 img,
#fotogalerie_zivot2 img,
#fotogalerie_zivot3 img {
border: 2px solid #ccc8ac;
float: left;
margin: 10px;
}
#zdenicku_foto_slimaci{
margin: 30px 0 50px 120px;
height: 100px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif;
}
#zdenicku_foto_krupa{
margin: 30px 0 50px 120px;
height: 670px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif;
}
#zdenicku_foto_slimaci img {
border: 2px solid #ccc8ac;
float: left;
margin: 10px;
}
#fotogalerie_zahrada{
margin: 70px 0 50px 120px;
height: 570px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif;
}
#fotogalerie_predpo{
margin: 70px 0 100px 120px;
height: 990px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif;
}
#fotogalerie_zivot1{
margin: 70px 0 50px 120px;
height: 1100px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
font:12px/1.2 Verdana, sans-serif;
}
#fotogalerie_zivot2{
margin: 0 0 50px 120px;
height: 1220px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
padding: 0 0 80px 0;
font:12px/1.2 Verdana, sans-serif;
}
#fotogalerie_zivot3{
margin: 0 0 100px 120px;
height: 890px;
width: 760px;
border-bottom: 1px solid #ccc8ac;
font:12px/1.2 Verdana, sans-serif;
}
#fotogalerie_zahrada h2,
#fotogalerie_predpo h2,
#fotogalerie_zivot1 h2{
font-size: 24px;
padding: 0;
color: #828E0E;
font-family: Goudy, serif;
text-decoration: none;
margin: 70px 0 20px 40px;
}
#fotogalerie_zivot2 h2,
#fotogalerie_zivot3 h2{
font-size: 24px;
padding: 0;
color: #828E0E;
font-family: Goudy, serif;
text-decoration: none;
margin: 10px 0 20px 40px;
}
#foto_zpet{
margin: 20px 0 0 400px;
width:737px;
}

/* fotogalerie - colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#footer{
margin-left: auto;
margin-right: auto;
margin-top: 80px;
font-size: 12px;
width:737px;
border-top: 1px solid #ccc8ac;
padding: 15px 0 20px 0;
}