/*@import "reset.css"; */

body    {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:75%;
    color:#fff;
    line-height:1.5;
    background:#006000;
    behavior: url(http://www.plosiny-zelenka.cz/App_Themes/Default/hover.htc);
    }
p {
    margin:15px 0;
    font-size:1.1em;
    }
hr {
    display:none;
    }   
a {
    color:#B2CFB2;
    text-decoration:underline;
    font-weight:normal;
    }
a:hover{
    color:#FFFFFF;
    text-decoration:none;
    }

div.vpravo {
float:right;
margin:0px 5px 10px 10px;
}

div.vpravo img {
padding:1px;
border:solid #002400 5px;
background-color:#FFFFFF;
}

img.vpravo {
float:right;
padding:1px;
border:solid #002400 5px;
margin:0px 5px 10px 10px;
background-color:#FFFFFF;
}


/* H1 REPLACE
------------------------------*/
h1 {
    display:block;
    width:470px;
    height:102px;
    line-height:102px;
    top:0;
    left:5px;
    position:absolute;
    text-align:left;
    font-size:2em;
    background:transparent url(design/logo.png) 0 0 no-repeat;
    }
h1 a {
    text-decoration:none;
    color:#006000;
    }
h1 a:hover {
    text-decoration:underline;
    color:#006000; 
    }
h1 span {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    left:0;
    top:0; 
    z-index:1;
    background:transparent url(design/logo.png) 0 0 no-repeat;
    cursor:pointer;
    }

/* LAYOUT
------------------------------*/
#all {
    width:970px;
    margin:0 auto;
    background:#006000 url(design/bg.gif) center top repeat-y;
    position:relative;
    }
#top {
    position:relative;
    width:950px;
    margin:0 auto;
    height:102px;
    background-color:#fff;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
  }
#top .kontakt {
    position:absolute;
    right:5px;
    top:0;
    width:250px;
    height:102px;
    background:url(design/kontakt.png) no-repeat;
    }
#topimage {
    width:950px;
    margin:0 auto;
    background:#003300 url(design/top-image.jpg) no-repeat;
    height:350px;
    border-bottom:5px solid #fff;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
    }
#container {
    width:950px;
    margin:0 auto;
    padding:0 5px;
    background:#fff url(design/container-bg.gif) repeat-y
    }
#sidebar {
    float:right; 
    width:245px; 
    overflow:hidden;
    background-color:#b1350b;
    position:relative;
    padding:0 0 10px 0;
    }
#content { 
    width:700px;
    float:left;
    overflow:hidden;
    background-color:#003300;
    }
.clean {
    clear:both;
    height:0;
    width:100%;
    font-size:0;
    }

/* MENU
------------------------------*/
#menu {
    width:950px;
    margin:0 auto;
    height:36px;
    background-color:#be6d00;
    border-bottom:5px solid #fff;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
    }
#menu ul {
    list-style:none;
    }
#menu ul li {
    height:36px;
    width:157px;
    float:left;
    background:url(design/menu-li.gif) repeat-x;
    border-right:1px solid #fff;
    position:relative;
    }
#menu ul li a {
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    font-weight:normal;
    text-align:center;
    width:157px;
    line-height:31px;
    padding-top:5px;
    }
#menu ul li a:hover {
    color:#FFFFFF;
    text-decoration:none;
    background:#007100 url(design/menu-lih.gif) repeat-x;
    }
#menu ul li.last,
#menu ul li.last a {
    width:160px !important;
    border-right:none;
    }
.nobg {
    background:none !important;
    }

#menu ul ul {
    visibility:hidden;
    }
#menu ul li:hover ul {
    visibility:visible;
    }
#menu ul ul {
    width:157px;
    height:auto !important;
    position:absolute;
    top:36px;
    left:-1px;
    background-color:#be6d00;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    font-size:85%;
    }
#menu ul ul li{
    width:157px;
    height:auto !important;
    float:none;
    border:0;
    border-bottom:1px solid #fff;
    background:none;
    }
#menu ul ul li a {
    color:#fff;
    font-weight:normal;
    height:auto !important;
    width:147px;
    padding:8px 5px;
    text-decoration:none;
    text-transform:none;
    display:block;
    text-align:left;
    overflow:hidden;
    font-size:1.1em;
    line-height:1.5;
    }
#menu ul ul li a:hover {
    color:#FFF;
    background:#007100 none !important;
    text-decoration:none;
    }   
    
/* CONTENT
------------------------------*/
#content h3 {
    background-color:#002400;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display:block;
    width:680px;
    color:#FFFFFF;
    font-weight:bold;
    margin:0px 0px 15px 0px;
    padding:0 10px;
    height:40px;
    line-height:40px;
    font-size:1.5em;
    }

#content h4 {
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bold;
    margin:0px;
    padding:0px 0px 0px 15px;
    font-size:1.2em;
    }

.border {
    border-top:5px solid #fff;
    }
#content p {
    padding:0 10px;
    }
#content ul {
    margin:5px 5px 15px 15px;
    padding:0;
    list-style:none;
    }
#content ul li {
    margin:0;
    padding:0 0 0 20px;
    background:url(design/li.gif) 0 5px no-repeat;
    font-size:1.2em;
    font-weight:normal;
    }

#content ul li.podrobnosti {
    margin:0px 0px 10px 0px;
    padding:0 0 0 20px;
    background:none;
    font-size:1.0em;
    font-weight:normal;
    color:#B2CFB2;
    }

div.obsah img.vlevo {
    padding:1px;
    border:solid #002400 5px;
    margin:0px 10px 10px 0px;
    background-color:#FFFFFF;
    display:block;
    }

div.obsah table {
    border:0px;
    padding:0px 5px 0px 0px;
    margin:0px;
    width:267px;
    }

div.obsah td {
    border:0px;
    margin:0px 0px 1px 0px;
    padding:0px 0px 0px 10px;   
    background-color:#002400;
    height:28px;
    width:60%;
    }

div.obsah {
    margin:0px 10px 20px 10px;
    padding:0px 0px 10px 0px;
    }

div.obsah h5 {
    font-size:1.5em;
    color:#ff6603;
    font-weight:bold;
    margin:0px 0px 0px 2px;
    padding:0px;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }

div.fotogalerie img {
    padding:1px;
    border:solid #002400 2px;
    margin:0px 2px 2px 0px;
    background-color:#FFFFFF;
    float:none;
    }

div.fotogalerie {
    padding-bottom:10px;
    margin-top:10px;
    margin-bottom:0px;
    border-bottom:solid #002400 10px;
    display:block;
    }

.sluzby {
    position:relative;
    padding:10px 0 10px 100px;
    width:600px;
    }

.sluzby img {
    position:absolute !important;
    border:2px solid #fe6603;
    padding:1px;
    background-color:#FFFFFF;
    left:10px !important;
    top:15px;
    }

div.sluzby h4 {
    font-size:1.5em;
    color:#ff6603;
    font-weight:bold;
    margin:0px;
    padding:0px;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }

div.sluzby h5 {
    font-size:1.5em;
    color:#ff6603;
    font-weight:bold;
    margin:0px 0px 0px 10px;
    padding:0px;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }

.sluzby p {
    font-size:1.1em;
    margin:0;
    padding:0 0 0 0;
    }

/* SIDEBAR
------------------------------*/
#sidebar h3 {
    height:40px;
    background:#7c2508 url(design/aktuality.gif) no-repeat;
    color:#FFFFFF;
    position:relative;
    font-size:1.0em;
    line-height:120%;
    }
#sidebar h3 span{
    height:40px;
    background:#7c2508 url(design/aktuality.gif) no-repeat;
    color:#FFFFFF;
    position:absolute;
    left:0;
    top:0;
    height:40px;
    width:245px;
    }

#sidebar p {
    font-size:0.95em;
    line-height:140%;
    }

/* BOX
------------------------------*/
.box {
    margin-top:5px;
    position:relative;
    color:#FFFFFF;
    }
.box h4 {
    background:url(design/ikona.gif) 10px 14px no-repeat;   
    padding:10px 0 0 28px;
    margin:0;
    text-transform:uppercase;
    color:#471504;
    font-weight:bold;
    font-size:1.1em;
    line-height:1.3;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }
.box p {
    padding:2px 10px;
    margin:0;
    font-size:1em;
    }


/* FOOTER CONTAINER
------------------------------*/
#footer-container{
    width:100%;
    background-color:#001f00;
    clear:both;
    overflow:hidden;
    bottom:0;
    left:0;
    height:125px;
    border-top:5px solid #FFFFFF;
    }
    
/* FOOTER
------------------------------*/
.footer {
    width:960px;
    padding:10px 0;
    margin:0 auto;
    top:0;
    position:relative;
    }
.footer p {
    color:#fff;
    font-size:0.8em;
    padding:8px 0 8px 15px;
    margin:0;
    }
.footer a {
    color:#fff;
    text-decoration:underline;
    }
.footer a:hover, .footer a:active {
    color:#fff;
    text-decoration:none;
    }
.footer .plus a {
    position:absolute;
    width:140px;
    height:45px;
    display:block;
    top:5px;
    right:0;
    float:left;
    overflow:hidden;
    background:url(design/plusdesign.gif) 0 0 no-repeat;
    text-indent:-9999px;
    }

img.aktuality {
    margin:10px 0px 0px 0px;
    padding:1px;
    border: 2px solid #972200;
    background:#FFFFFF;
}