@charset "utf-8";
/* CSS Document */

body, p, form, img, table, tr, th, td, h1, h2, h3, h4, h5, h6, div, ul, li { border: 0 none; margin: 0; padding: 0; }
html, body { height: 100%; }
body { background-color: #fff; color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; text-align: left; font-size: small; line-height: 1.5; }
#wrapper { height: auto; min-height: 100%; position: relative; padding: 0 0 1px 0; /* vynutit posuvnik */ }

/*----- GENERAL -----*/
.noscreen { display: none }
.reseter { float: none; clear: both }
.clear { overflow: hidden; width: 1px; height: 1px; clear: both }
.left { text-align: left }
.right { text-align: right }
.green { color: #49b826 }
.pr22 { padding: 0 22px 0 0; }
h1 { font-size: 140% }
h2 { font-size: 100% }
h3 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*----- HEADER -----*/
#header { width: 100%; height: 280px; background: #fff url(../img/top_bg.gif) top left repeat-x; }
#header-inner { width: 678px; height: 280px; margin: 0 auto; position: relative; background: transparent url(../img/header_bg.jpg) top right no-repeat; }
#header-inner #logo { width: 201px; height: 96px; position: absolute; top: 43px; left: 0; background: transparent url(../img/logo.jpg) top left no-repeat; }
#header-inner #logo a { width: 201px; height: 96px; display: block; }
#header-inner h1,
#header-inner h2 { display: none; }
#header-inner #author a { width: 130px; height: 30px; position: absolute; top: 6px; right: 30px; }
#header-inner #about a { width: 160px; height: 30px; position: absolute; top: 42px; right: 100px; }
#header-inner #contacts a { width: 160px; height: 35px; position: absolute; top: 90px; right: 0; }

/*----- CONTENT -----*/
#content { width: 728px; min-height: 400px; margin: 0 auto; overflow: hidden; padding: 0 0 130px 0; }
#content-main { float: right; width: 500px; height: auto; }
#content-main a { color: #49b826; }
#content-main .product { width: 155px; height: auto; float: left; margin: 30px 0 0 8px; text-align: center; color: #49b826; }
#content-main .product p { color: #000; font-size: 80%; line-height: 1.2; text-align: center; }
#content-main .product h2,
#content-main .product h3 { text-align: center; }
#content-main .product img { border: 1px solid #8ecef0; padding: 1px; margin: 10px 0 0 0; text-align: center; }
#content-main .product img:hover { border: 1px solid #1e9be0; }
#content-main .text h2 { color: #49b826; font-size: 140%; text-align: right; margin: 0 0 30px 0; position: relative; top: -5px; }
#content-main .text p,
#content-main .text div { text-align: justify; }

/*----- MENU -----*/
#menu { float: left; width: 220px; color: #49b826; }
#menu h3 { color: #49b826; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; }
#menu a { color: #30a3e3; }
#menu a.active { font-weight: bold; }
#menu ul { list-style-type: none; margin: 5px 0 15px 0; font-size: 90%; }
#menu li { margin: 5px 0 0 15px; }

/*----- FOOTER -----*/
#footer { width: 100%; height: 100px; clear: both; position: absolute; left: 0; bottom: 0; background: #fff url(../img/bottom_bg.gif) bottom left repeat-x; }
#footer-inner { width: 678px; height: 40px; margin: 0 auto; position: relative; text-align: center; font-size: 70%; color: #30a3e3; padding: 60px 0 0 0; }
#footer-inner #cup1,
#footer-inner #cup2 { position: absolute; top: 0; }
#footer-inner #cup1 { left: 13px; width: 75px; height: 62px; background: transparent url(../img/footer_cup1.jpg) top left no-repeat;}
#footer-inner #cup2 { right: 0; width: 76px; height: 61px; background: transparent url(../img/footer_cup2.jpg) top left no-repeat;}
#footer-inner a { color: #30a3e3; }

/* End of CSS Document */