/*A Design by Stanislav Roth
Author: Stanislav Roth
Author URL: zlatyruce.cz
License: Práva podle autorského zákona
*/

<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: 120%;
		margin: 10px;
		margin-top:2px;
		}

#poza {
		background-attachment: fixed; /*neroluje */
		background-color: #F0FBDF; /*pozadí*/
		color: #000; /*text*/
		} 
/* ========== Layout ========== */
#stranka {
		position: relative;
		top:18px;
		'top: 0px;
		left:2px;
		right:12px;
		bottom: 10px;
		width: 98%;
		'max-width: 1180px;
		min-width: 60%;
        margin: 0px auto 25px auto;
		padding: 0px 2px 25px 0px;
        text-align: left;
		font-size: 10px;
		border-top: #00a 1px solid;
		border-right: #00a 1px solid;
		border-bottom: #00a 4px solid;
		border-left: #00a 4px solid;
		border-radius: 12px;
		box-shadow: 5px 20px 35px #0600a8;
		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;
		width: 98%;
		max-width: 1180px;
		min-width: 60%;
		top: 0px;
		left:2px;
		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;		
		top: 5px;
		right: 1.7%;
		padding:3px;
		text-align: center;
		font-size: 18px;
		background: #0a0;
		line-height:px;
		z-index:5;
		outline: 10px doble #050;
		border: 4px solid #050;
		}
#fixed_prvek {
		position: fixed;
		top: 0px;
		width: 98%;
		max-width: 98%;
		min-width:60%;
		height: 100px;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		background-image:url('garden.PNG');
		background-color: #050;
        border-top: #050 2px solid;
		border-right: #050 2px solid; 
		border-bottom: #050 2px 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;
		}	
.pata 	{
		position:fixed;
        font-size: 50px;
		width: 50%;
		height: 155px;
		bottom: 20px;
		margin: 5px 0px 0px 0px;
		padding: 5px 5px 5px 5px;	
		background-color: #F0FBD0;
		text-align: center;
		color: #050;
			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;
		letter-spacing: 1px;
		z-index: 5;	'font-weight: 900;
		}
#fix_kryt_pata {
		)position: fixed;
                font-size: 11px;

		width: 100%;
		height: 30px;
		bottom: 0px;
		margin: 10px 0px 0px 0px;
		padding: 0px 2px 0px 2px;	
		background-color: #F0FBD0;
		text-align: center;
		border-top: #050 4px solid;
		border-left: #050 4px solid;	
		border-right: #050 4px solid;	  
		z-index:3;
		' box-shadow: 10px -10px 135px #005000;

		}

.nadpis {
		margin: 24px 0 24px 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 navy;
		border-right: 4px solid navy;
		border-bottom: 5px solid navy;
		border-left: 2px solid navy;
		border-radius: 24px;
		box-shadow: 5px -5px 35px navy;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
        background: #cbeaf2;
		color: navy;
        }
.nadpis3 {
		margin: 24px 0 4px 0;
		padding: 14px 16px 14px 16px;
        font-size: 16px;
        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: 4px;
        }
#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;
		}

.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;

		overflow: hidden;
		transition: width 1s ease-in-out;
		box-sizing: padding-box;
		box-sizing: border-box;
		border-radius: 50px;
		z-index: 5;
		webkit-box-shadow: 5px -5px 35px #000;
		moz-box-shadow: 5px -5px 35px #000;
		10px -10px 35px rgba(0,0,0,0.3)  inset;
		}
.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;
		}
/* table {
		background: #FeF8f1;
		text-align: center;
		margin-left: 35px;
		color: #0600a8;
		border: 2px ridge #0600a8;
		}
 */

/* #menu {
		width: 99%;
		margin: 5px 5px 15px 5px;
		padding: 3px;
		text-align: left;
		Font-variant: Small-caps;
		color: #0600a8;
		display: inline;
		}
		
#menu ul {
		'font-weight: bold;
		list-style: none;
		}

#menu li {
		Font-variant: Small-caps;
		margin: 1px;
		padding: 3px;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		display: inline;
		border: 2px outset #0600a8;
		border-radius: 6px;
		}
#menu li a {
			margin: 1px;
			padding: 3px;
			width: 100%;
			color: #0600a8;
			background-color: #11f8f1;
			background: repeat-x 2px;
			'border: 2px outset #0600a8;
			'border-radius: 6px;
			}
#menu li a:hover {
			color: red;
			background: repeat-x 2px;
			background-color: #aff8fa;
			}
#menu-box2 {
			'Font-variant: Small-caps;
			'font-family: Georgia, 'New York CE', utopia, serif;
			'font-size: 24px;
			'text-align: center;
			'height: 35px;
			'padding: 25px 0px 0px 3px;
			'line-height: 40px;
			'width: 50%;
			margin: 15px 5px 5px 5px;
			padding: 1px 1px 1px 1px;
			background: repeat-x 1px;
			background-color: #fef8f1;
			'border: 2px #0600a8 solid;
			list-style-type: none;
			list-style: none;
			display: inline;
			z-index: 5;
			}
#menu2 {		
		text-align: center;
		width: 98%;
		margin-left: 50px;
		margin-right: auto;
        top: 25px;
		height: 300px;
		padding: 2px 5px 2px 5px;
		line-height: 30px;
		color:#0600a8;
		Font-variant: Small-caps;
		font-family: Georgia, 'New York CE', utopia, serif;
		font-size: 48px;
		letter-spacing: 1px;
		font-weight: bold;
		list-style: none;
		display: inline;
		'border: 2px #0600a8 solid;
		z-index:6;
		}
		
#menu2 li	{
			Font-variant: Small-caps;
			top: 55px;
			float: left;
			padding: 1px 5px 1px 5px;
 			margin: 1px 1px 1px 6px; */
			
/*			border: 2px outset #0600a8;
					box-shadow: 3px 0px 5px #0600a8 inset;
			border-radius: 8px;
			text-align: center;
			font-size: 18px; 
			display: inline;
			list-style-type: none;
			z-index:6
			}
#menu2 li a {
			Font-variant: Small-caps;
			top: 15px;
			float: left;
			padding: 3px 2px 3px 2px;
			text-decoration: none;
			border: 2px solid #0600a8;
			'box-shadow:  1px 3px -13px #0600a8;
			box-shadow: 10px 0px 20px #40310a inset;
			border-radius: 8px;
			font-weight: bold;
			color: #0600a8;
			display': inline;
			line-height: 18px;
			list-style-type:none;
			z-index:6;
			}*/
/* #menu2 li a:first {	 */
				/* background-color: #fef8f1; */
				/* color: blue */
				/* } */
		
/* #menu2 li a:visited {  */
					/* color: purple */
					/* } */
/* #menu2 li a:active { */
					/* color: red; */
					/* background-color: #fef8f1; */
					/* } */
/* #menu2 li a:hover {
					color: red;
					background: repeat-x 10px;
					background-color: #00f8f1;
					background-position: 100% 10%;
					}
		 */
/* a 		{ */
		/* padding: 2px 6px 2px 6px; */
		/* border: outset 0px; */
		/* font-weight: bold; */
		/* text-decoration: none; */
		/* margin: 2px; */
		/* } */
		
/* a:link, a:visited { */
		/* background: #fef8f1; */
		/* color: #0600a8; */
		/* } */
		
/* a:hover { */
		/* background: #fef8f1; */
		/* color: #0600a8; */
		/* border: inset 1px; */
		/* margin: 2px; */
		/* }  */
		
#col    {
		text-align: justify;
		font-size: 18px;       
		color: #005000;       
		} 
.footer {
		flex: none;
		position: fixed;
		bottom: 0px;
		}

.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: #0600a8; margin: 5px 0 5px 0; top: 0px;}
h2 {font-size: 24px; font-style: italic; font-variant: small-caps; font-weight: bold; color: #0600a8; margin: 10px 0 10px 0;}
h3 {font-size: 22px; font-style: italic; font-variant: small-caps; font-weight: bold; color: #0600a8; margin: 5px 0 5px 0;}
h4 {font-size: 14px; color: #0600a8; margin: 2px;}
p   {color: #0600a8; margin:6px 0 3px 0;}


.noscreen {display: none;}
/* ]]> */
</style>