@import url( '../css/lightbox.css' );

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {height: 305px; margin:10px 0 0 10px; position:relative; float:left; z-index:90}
#menu ul {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px; background:#fff}
#menu ul#toplevel {position:absolute; width:158px; left:0; top:0; }
#menu a {display:block; font-size:12px; color:#f00000; line-height:20px; text-decoration:none;padding:0 20px 0 10px} 
#menu li a.fly {background-image:url(../images/arrowred.gif); background-position: right center; background-repeat:no-repeat; padding-right:20px; }
#menu li a:hover {background-color:#f00000; color:#fff;} 
#menu li:hover > a {background-color:#f00000; color:#fff;}
#menu ul li:hover > ul {left:100%; margin-top:-21px; margin-left:-1px;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


/*tag styly*/
body {background: url(../images/background.gif) repeat fixed; text-align:center; font-family: arial,sans-serif; font-size: 80%; color:#505050; margin:auto; padding:0; }
h2, h3, h4{margin: 10px 0 10px 0}
.content p {text-indent:15px; margin:5px; }
.front p {text-indent:0; margin:0}
.columnleft p {margin:10px}
.pageid p {margin:2px 5px 2px 10px;}
.footer p {margin:2px 10px 2px 0;}
.pic-content p, .pic p {text-indent:0; margin:0}
.content ul {padding:0 0 0 37px; margin: 0 0 0 0 }
.content li {margin:0 0 5px 0; list-style:dot}
.pic img {padding:5px}
.front img {float:right; margin: 0 0 0 10px}
.front a img {border:none}
.content a img {border:none}
.content a:hover img {border:none}
.pic a img{border:1px dashed #707070; padding:5px}
.pic a:hover img {border:1px solid #707070}
.text a, .columnleft a , .front a { color:#f00000; text-decoration:none }
.text a:hover, .columnleft a:hover, .front a:hover { color:#003a80; text-decoration:none }
.pageid a, .footer a {color:#fff; text-decoration:none}
.pageid a:hover, .footer a:hover {color:#fff; text-decoration:underline}
.exp a, .bluesign a {color:white; text-decoration:none}
.front a h2 {color:#09f; text-decoration:underline}
.front a:hover h2 {color:#003a80;}
#navlist li {display:inline; list-style-type:none; padding-right:20px;}
.sitemap {list-style-type:none; padding-left:20px; line-height:90%}

/*nadpisy*/
.header #one {line-height:150%; font-size:30px; color: #fff; font-weight: bold; margin: 0 0 0 10px; font-family:Verdana,arial,sans-serif;text-shadow: 2px 2px 2px #707070; filter: dropshadow(color=#707070, offx=2, offy=1)}
.header #two {line-height:100%; font-size:50px; font-weight: bold; margin: 0 0 0 10px; font-family:Verdana,arial,sans-serif; text-shadow: 2px 2px 2px #707070; filter: dropshadow(color=#707070, offx=2, offy=1)}
#two a {text-decoration:none; color:#f00000}
#two a:hover {text-decoration:none; color:#003a80}
h1 { font-size: 110%; font-weight: bold; color: #505050; margin: 2px; text-indent:17px }
h2 { font-size: 110%; font-weight: normal; color: #09f; text-indent:0px; text-decoration:underline;}
h3 { font-size: 110%; font-weight: bold; color: #f00000; text-indent:20px; }
h4 { font-size: 110%; font-weight: bold; color: #505050; text-indent:20px; text-decoration:underline; }
h5 { font-size: 100%; font-weight: normal; color: #003a80; text-indent:20px; margin:0 }
h6 { font-size: 100%; font-weight: normal; color: #09f; text-indent:20px; margin: 5px 0 5px 0 }
.frontleft h2, .frontright h2 {margin: 0 0 10px 0}
.boldred{color:#f00000; font-weight:bold}
.boldblue{color:#09f; font-weight:normal}

/*objekty div*/
div {border: 0px solid red}
#frame{position:relative; margin:auto; width: 960px;}
.header {position:relative; text-align:left; height:100px; width:960px; background-image:url(../images/header.jpg); margin:8px 0 0 0}
.pageid {float:right; margin-top:70px; background:#fff; color:#000; font-size:12px; text-align:right; opacity: 0.8; filter:alpha(opacity=80);-moz-opacity: 0.8;}
#frameleft {float:left; width:180px; padding-bottom:25px;}
.menuleft {float:left; margin-top:10px; left:0; width: 180px; background: #fff;}
.columnleft {float:left; margin-top:10px; left:0; width: 180px; background: #fff;  font-size:12px; text-align:center;}
#frameright {float:right; width:770px; padding-bottom:20px; }
.content {position:relative; width: 100%; top:10px; margin-bottom:10px; background:#fff; overflow:hidden;}
.nadpis { position:absolute; top:10px; left:20px; width:300px; padding:1px; background:#efefef; text-align:left; margin-bottom:10px}
.sklad {position:absolute; top:10px; left:347px; padding: 3px 8px 3px 8px; background:#f00000; color:#fff; font-weight: bold; text-align:center; }
.organic {position:absolute; top:40px; left:370px; padding: 3px 6px 3px 6px; background:#66cc33; color:#fff; font-weight: bold; text-align:center; }
.exp {position:absolute; top:10px; left:475px; z-index:70}
.bluesign {position:absolute; top:10px; left:530px; z-index:70}
.text { position:relative; width:570px; margin:50px 0 10px 20px; text-align:justify; }
.pic {float:right; padding:10px; text-align:center; font-size:85%}
.pic-content {float:left;margin:20px; height:135px;text-align:center; font-size:85%;}
.front {float:left; width:345px; height:135px; margin:0 0 10px 12px; border:#505050 1px dotted; text-align:left; padding: 10px; overflow:hidden;}
.border {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 3px 3px 5px #707070; -moz-box-shadow: 3px 3px 5px #707070; box-shadow: 3px 3px 5px #707070; }
.round {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.footer {position:relative; width: 770px; background:#f00000; top:10px; float:right; font-size:12px; text-align:right;}