<style type="text/css">
/*<Zlaté ruce>*/

/* <![CDATA[ */

/* ========== Obecne direktivy ========== */
@-ms-viewport { 
	width: device-width;
	}

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style");
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    );
    document.getElementsByTagName("head")[0].
        appendChild(msViewportStyle);
}
#body {
		background-attachment: fixed; /*neroluje */
		background-color: #fff; /*pozadí*/
		color: #000; /*text*/
		p: line-height : 0,5em;
		font-size: 90%;
		margin: 10px;
		}

#poza {
		background-attachment: fixed; /*neroluje */
		background-color: #F0FBDF; /*pozadí*/
		color: #000; /*text*/
		} 
/* ========== Layout ========== */

input[type="submit"] {
    background: #050;
    color: white;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0px;
}

input[type="submit"]:hover {
    background: #060;
    color: #EEEEEE;
    cursor: pointer;
}

input[type="text"], input[type="email"], input[type="password"] {
    width: 250px;
    border-radius: 8px;
    border: 1px solid #aaaaaa;
    padding: 0.3em;
	font-size: 125%;
}

input[type="submit"] {
    padding: 10px 25px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: bold;
}

textarea {
    border-radius: 8px;
    border: 1px solid #aaaaaa;
    width: 483px;
    height: 90px;
}

#stranka {
		position: relative;
		top:160px;
		bottom: 0px;
		width: 94%;
		max-width: 1680px;
		min-width: 60%;
        margin: 0px auto 250px auto;
		padding: 0px 2px 5px 0px;
        text-align: left;
		font-size: 10px;
		border-top: #050 1px solid;
		border-right: #050 1px solid;
		border-bottom: #050 4px solid;
		border-left: #050 4px solid;
		 border-radius: 12px;
		box-shadow: 5px 20px 35px #005000;
		webkit-box-shadow: 5px 20px 35px #000;
		moz-box-shadow: 5px 20px 35px #000;
		background-color: #FFF;
		line-height:18px;
		z-index: 2;
        }
#zahlavi{
		position: fixed;
		top: 14px;
		left: 60px;
		font-family: Georgia, 'New York CE', utopia, serif;
		font-size: 24px;
		'font-weight: 900;
		letter-spacing: 12px;
		z-index: 5;
		color: #005000;
		}
		
#absolut {
		position: fixed;
		float: right;
		'width:29%;		
		top: 0px;
		right: 1px;
		padding:1px;
		'text-align: center;
		font-size: 10px;
		background: #0a0;
		line-height:px;
		z-index:5;
		outline: 5px doble #050;
		border: 2px solid #050;
		}
#fixed_prvek {
		position: fixed;
		top: 0px;
		width: 99%;
		height: 100px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		background-image:url('garden.PNG');
		background-color: #050;
        border-top: #050 1px solid;
		border-right: #050 1px solid; 
		border-bottom: #050 3px solid;
		border-left: #050 2px solid;
		
		z-index:4;
		}	
'#fixed_prvek_kryt {
		position: fixed;
		top: 0px;
		width: 86%;
		height: 116px;
		margin: 0px auto 0px auto;
		padding: 0px 0 0px 0px;	
		background-image:url('garden.PNG');
		background-color: #000;
		border-top: #050 2px solid;
		border-right: #050 4px solid;
		border-bottom: #050 4px solid;
		border-left: #050 4px solid;
		box-shadow: 15px -5px 35px #005000;
		z-index:3;
		}	
#fixed_pata {
		)position:fixed;
        font-size: 11px;
		width: 100%;
		height: 55px;
		bottom: 0px;
		margin: 5px 0px 0px 0px;
		padding: 5px 5px 5px 5px;	
		background-color: #F0FBD0;
		text-align: center;
		color: #050;
	
		letter-spacing: 1px;
		z-index: 5;	'font-weight: 900;
		}
#fix_kryt_pata {
		)position: fixed;
                font-size: 11px;

		width: 98%;
		height: 30px;
		margin: 180px 0px 20px 0px;
		padding: 10px 2px 10px 2px;	
		background-color: #F0FBD0;
		text-align: center;
		border-top: #050 4px solid;
		border-left: #050 4px solid;	
		border-right: #050 4px solid;
		border-bottom: #050 3px solid;
		        box-shadow: 10px -5px 35px #050;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		background: #fff;
		color: #0e3ca0;
		z-index:3;
		' box-shadow: 10px -10px 135px #005000;	
		}

.nadpis {
		margin: 4px 0 4px 2px;
		padding: 12px 12px 12px 12px;
		border-top: 1px solid #005000;
		border-right: 4px solid #005000;
		border-bottom: 5px solid #005000;
		border-left: 2px solid #005000;
		border-radius: 12px;
		box-shadow: 10px -5px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		font-size: 12px;
        background: #F0FBDF;
		color: #005000
        }
.nadpis1 {
		margin: 4px 0 2px 0;
		padding: 8px 12px 8px 12px;
		font-size: 14px;
		border-top: 1px solid #005000;
		border-right: 4px solid #005000;
		border-bottom: 5px solid #005000;
		border-left: 2px solid #005000;
	    border-radius: 12px;
        box-shadow: 10px -5px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		background: #F0FBDF;
		color: #005000;
        }

.nadpis2 {
		margin: 4px 0 2px 0;
		padding: 14px 16px 14px 16px;
        font-size: 14px;
        border-top: 1px solid #005000;
		border-right: 4px solid #005000;
		border-bottom: 5px solid #005000;
		border-left: 2px solid #005000;
		border-radius: 24px;
		box-shadow: 5px -5px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
        background: #f0FBDF;
		color: #005000
        }
.nadpis3 {
		margin: 24px 0 4px 0;
		padding: 14px 16px 14px 16px;
        font-size: 28px;
        text-align: center;
        border-top: 1px solid #005000;
		border-right: 4px solid #005000;
		border-bottom: 5px solid #005000;
		border-left: 2px solid #005000;
		border-radius: 24px;
		box-shadow: 5px -5px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
        background: #f0FBDF;
		color: #005000
        }        
#sl1 {
	    float: right;
        width: 74%;
		font-size: 14px;
		padding: 1px;
        }
#sl2 {
        float: left;
		margin-left:2px;
        width: 24%;
        text-align: center;
		padding: 2px;
        }
#sl1-in, #sl2-in {
        margin: 2px;
		letter-spacing: 1.5px;
        }
img1 {
		border: 3px solid #005000;
		height: 118px;
		width: 143x;
		}
img {
		max-width: 95%;
		height: auto;
		box-sizing: border-box
		}
.img_stred{
		border: none;
 		height: 45px;
		width: 45px;
		}
.img_van{
		border: 3px solid #005000;
		height: 450px;
		width: 330px;
		}		
.img_center{
		top: 240px;
		display:block;
		text-align:center; 
		margin: 0 auto;
		border: 3px solid #005000;
		height: 550px;
		width: 430px;
		}

table {
		margin: 3px auto;
		background: #F0FBDF;
		text-align: center;
		border: 2px ridge #005000;
		border-collapse: collapse;
		font-size:120%;
		}

.boxborder{
		position: relative;    
		width:90px;
		height:90px;
		overflow:hidden;
		top:15%;
		left:0;
		font-size: 16px;
		display: inline-block;
		z-index:5;
		}
.eins {
		border-top: 20px solid #ddd;
		border-right: 20px solid #ccc;
		border-bottom: 20px solid #aaa;
		border-left: 20px solid #bbb;
		}
.zwei {
		border: 20px solid #fff;
		border-left: 20px solid #bbb;
		}
.drei {
		border: 20px solid #fff;
		border-right: 20px solid #ccc;
		}
.fier {
		border-top: 2em solid #009900;
		border-right: 8em ridge #000505;
		border-bottom: 2em solid #ffff11;
		border-left: 2em solid #111111;
		}
.finf {
		position: relative; 
		border: 40px solid #050;
		padding: 85px 85px 85px 85px;
		border-top: 2em solid #050;
		border-right: 2em solid #F0FBD0;
		border-bottom: 2em solid #050;
		border-left: 2em solid #F0FBD0;
		border-radius: 240px;
		box-shadow: 10px -10px 135px #005000;
		z-index:5;
		}		
.fix_buton {
		position:fixed;
		top:140px;
		width:30px;
		height:120px;
		margin: 0px 1px 2px 29%;
		padding: 0px 2px 0px 1px;
        text-align: left;
		z-index:4;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		}
.cleaner {
        clear: both;
        height: 0;
        font-size: 0;
        visibility: hidden;
        }
.button {
		position:relative;
		height: 60px;
		width: 60px;
		margin:5px 5px 5px 5px;
		padding:10px 10px 10px 10px;
		border-top: 0.1em solid #050;
		border-right: 0.3em solid #050;
		border-bottom: 0.4em solid #050;
		border-left: 0.2em solid #050;
		background:#F0FBD0;
		box-shadow:  10px -10px 35px #005000;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		10px -10px 35px rgba(0,0,0,0.3)  inset;
		overflow: hidden;
		transition: width 1s ease-in-out;
		box-sizing: padding-box;
		box-sizing: border-box;
		border-radius: 50px;
		z-index: 5;
		}
.button:hover {
		width: 370px;
		
		border-top: 0.1em solid #050;
		border-right: 0.3em solid #050;
		border-bottom: 0.4em solid #050;
		border-left: 0.2em solid #050;
		box-shadow: 6px -10px 35px #005000;
		10px -10px 35px rgba(0,0,0,0.3)  inset;
		background:#f0fbd0;
		z-index: 5;
		}
.button span{
		opacity:0;
		position:absolute;
		top:27px;
		left:58px;
		transition: opacity 1.5s  linear 0.8s;
		z-index: 5;
		}
.button:hover span {
		opacity: 1; 
		z-index: 5;
		}
.button a {
		color:#050;
		font-size: 28px;
		font-weight: 600;
		text-shadow: 6px -2px 3px #898989;
		z-index: 5;
		}
#menu {
		width: 100%;
		margin: 5px 0px 5px 0px;
		padding: 1px;
		text-align: left;
		Font-variant: Small-caps;
		color: #050;
		}
#menu ul {
		margin: 0;
		padding: 3px;
		list-style: none;
}
#menu li {
		margin: 1px;
		padding: 1px;
		display: in-line;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		}
#menu li a {
		margin: 1px;
		padding: 3px 0 3px 4px;
		width: 100%px;
		color: #050;
		background-color: #f0fbdf;
		border: 2px outset #050;
		border-radius: 0px;
		text-decoration: none;
		font-weight: 600;
		display: block;
		}
#menu li a:hover {
		color: #fff;
		background-color: #050;
		}
/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  background-color: #000;
  color: white;
} 
		
#menu-box2 {
		position: fixed;
		width: 98%;
		margin: 95px auto 5px auto;
		padding: 0px 0px 0px 3px;
		
		background: repeat-x 1px;
		background-color: #F0FBD0;
		border: 2px #050 solid;
		list-style-type: none;
		z-index: 5;
		}
#menu2 {
		width: 98%;
		min-width: 650px;
        top: 255px;
		height: 20px;
		padding: 5px 0px 0px 3px;
		line-height: 20px;
		Font-variant: Small-caps;
		font-family: Georgia, 'New York CE', utopia, serif;
		font-size: 14px;
		letter-spacing: 0px;
		font-weight: 600;
		list-style: none ;
		display: inline ;
		z-index:6
		}
#menu2 li{
        top: 155px;
		float: left;
		margin: 1px 0 1px 6px;
		padding: 0 8px 0px 8px;
		border: 2px outset #050;
		border-radius: 6px;
		text-align: left;
		font-size: 18px;
		display: inline;
		list-style-type: none;
		z-index:6
		}
#menu2 li a {
		top: 155px;
        float: left;
		padding: 1px 5px 0px 0px;
		text-decoration: none;
		border': 1px solid #005000;
		font-weight: bold;
		color: #005000;
		display': inline;
		line-height: 18px;
		list-style-type:none;
		z-index:6;
		}
#menu2 li a.first , #menu2 li a:hover, #menu2 li a.active {
        top: 155px;
		color: #F0FBD0;
		background-color: #050;
		z-index:6
		}
#col       {
		text-align: justify;
		font-size: 18px;       
		color: #005000;       
		} 
.cleaner {
        clear: both;
        height: 0;
        font-size: 0;
        visibility: hidden;
        }
    /* Clearfix */ 
.clearfix:after {
         display: block;
         clear: both;
         visibility: hidden;
         height: 15;
         font-size: 18;
         content: ''; 	}
.clearfix {
         min-height: 10px;
         } 
.clearfix {
         display: inline-block;
         }
 /* Pro IE/Mac */ /* Backslash hack - nemel by to videt IE/Mac \*/ 
.clearfix {
          display: block;
          } 
/* ******************************************************************** */
/* Clearfix*/
/* ******************************************************************** */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
.clearfix{
		display: inline-block;
		}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

@media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
/* ========== Ostatni ========== */
h1 {font-size: 28px; font-style: normal; font-variant: small-caps; font-weight: bold; color: #005000; margin: 5px 0 5px 0; top: 0px;}
h2 {font-size: 24px; font-style: italic; font-variant: small-caps; font-weight: bold; color: #005000; margin: 10px 0 10px 0;}
h3 {font-size: 22px; font-style: italic; font-variant: small-caps; font-weight: bold; color: #005000; margin: 5px 0 5px 0;}
h4 {font-size: 14px; color: #005000; margin: 2px;}
p   {color: #005000; margin:6px 0 3px 0;}

.noscreen {display: none;}
/* ]]> */
</style>