/* CSS Document */
    
*
{margin: 0; padding: 0;}

body, form, textarea, input, select, option, table
{font-family: Verdana, Arial, lucida, sans-serif; font-size: 13px; color: #01228D; }

body {text-align: center; background-color: #01228D;}

ol, ul {padding-top: 10px; margin-left: 40px; line-height: 1.5em; color: black}

ol ol, ol ul, ul ol, ul ul
{padding-top: 0;}

ul li, ul ul li, ol ul li
{margin-left: -15px; padding-left: 20px; list-style-type: none; background: Transparent url(../images/toolbox/ulli-bgr.gif) no-repeat left 0.5em;}

#centerer {width: 997px; position: relative; text-align: left; margin: 0 auto; background: #01228D url(../images/bgr-page.gif) center repeat-y;}

#header {width: 997px; height: 157px; background: #01228D url(../images/bgr-top-header-hp.gif) center no-repeat;}

#topLine {width: 834px; margin-left: 60px; height: 20px; background: transparent url(../images/bgr-top-line.gif) center repeat-x;}
#topLine2 {width: 834px; margin-left: 60px; height: 20px; background: transparent url(../images/bgr-top-line.gif) center repeat-x;}

#pomobal {width: 834px; margin-left: 60px;}

/******    Hlavní menu horni cast   ****/
#mainMenu {width: 635px; height: 137px; float: left; background: transparent url(../images/bgr-top-descript-hp.gif) left top no-repeat;}
#mainMenu ul, #mainMenu li
{margin: 0; padding: 0; background: none;}

#mainMenu ul.menu li 
{list-style-type: none;}

#mainMenu ul.menu li.item
{float: left; width: 52px; height: 52px; overflow: hidden; margin-right: 18px; margin-top: 36px;}

#mainMenu ul.menu li.item2
{float: left; width: 230px; height: 52px; overflow: hidden; margin-right: 18px; margin-top: 36px;}

#mainMenu ul.menu li.item a
{position: relative; display: block; width: 52px; height: 52px;}

#mainMenu ul.menu li.item2 a
{position: relative; display: block; width: 230px; height: 52px;}

#mainMenu ul.menu li.item a span
{position: absolute; top: 0; left: 0; display: block; width: 52px; height: 52px;}

#mainMenu ul.menu li.item2 a span
{position: absolute; top: 0; left: 0; display: block; width: 230px; height: 52px;}

#mainMenu a.first, #mainMenu a.first span
{background: transparent url(../images/main_menu_01.gif) left top no-repeat;}
#mainMenu a.second, #mainMenu a.second span
{background: transparent url(../images/main_menu_02.gif) left top no-repeat;}
#mainMenu a.third, #mainMenu a.third span
{background: transparent url(../images/main_menu_03.gif) left top no-repeat;}
#mainMenu a.fourth, #mainMenu a.fourth span
{background: transparent url(../images/main_menu_04.gif) left top no-repeat;}
#mainMenu a.fifth, #mainMenu a.fifth span
{background: transparent url(../images/main_menu_05.gif) left top no-repeat;}
#mainMenu a.sixth, #mainMenu a.sixth span
{background: transparent url(../images/main_menu_06.gif) left top no-repeat;}
#mainMenu a.seven, #mainMenu a.seven span
{background: transparent url(../images/main_menu_07.gif) left top no-repeat;}
#mainMenu a.seven, #mainMenu a.eight span
{background: transparent url(../images/main_menu_08.gif) left top no-repeat;}

#mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu a:hover span, #mainMenu a:focus span, #mainMenu a:active span
{background-position: left center;}

#mainMenu a.active, #mainMenu a.active span, #mainMenu a.active:hover, #mainMenu a.active:focus, #mainMenu a.active:active, #mainMenu a.active:hover span, #mainMenu a.active:focus span, #mainMenu a.active:active span
{background-position: left bottom;}


/******    END   Hlavni menu horni cast   ****/

#logo
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-eye.jpg) center no-repeat;}
#logo2
{width:159px; height: 137px; float: right; background: transparent url(../images/old.jpg) center no-repeat;}
#logon
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-nut.jpg) center no-repeat;}
#logob
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-bow.jpg) center no-repeat;}
#logos
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-soft.jpg) center no-repeat;}
#logor
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-ret.jpg) center no-repeat;}
#logom
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-med.jpg) center no-repeat;}
#logoc
{width:185px; height: 137px; float: right; background: transparent url(../images/logo-eyecat.jpg) center no-repeat;}



/*****   Tělo stránky - formátování   ****/
#watermark
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp.jpg);}
#watermark3
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp_3.jpg);}
#watermark4
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp_4.jpg);}
#watermark5
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp_5.jpg);}
#watermark6
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp_6.jpg);}
#watermark7
{width: 997px; background-position: 60px 0px; background-repeat: no-repeat; background-image: url(../images/bgr-content-hp_7.jpg);}


#contentMargins
{padding-left: 60px; padding-right: 100px;}
#content
{background: transparent url(../images/bgr-content_divider.gif) top left repeat-y; /* _background-position: -190px 0px; */}
#sideMenu
{padding-top: 10px; width: 190px; float: left;}
#rightCol
{xposition: relative; padding-top: 10px; padding-right: 5px; width: 600px; float: right;}
#obr {float: right; margin-left: 5px; text-align: center;}
#obr-over {width: 200px; height: 450px; overflow: auto; float: left; padding: 10px;}
#obsah-over {width: 380px; height: 450px; overflow: auto; float: right; padding: 10px;}
#obsah-over a {display: block; text-decoration: none; margin-top: 4px; color: black;}
#added {float: right; text-align: center;  background-color: red; margin-top: 4px; color: white;}
#obr200 {float: left;  text-align: center; width:200px;}
#obr202 {text-align: center; margin-left: 37px; width:127px; height: 70px; background-color: black; }
#obr203 {text-align: center; margin-left: 37px; width:127px; height: 70px; background-color: black; }
#obr204 {text-align: center; margin-left: 37px; width:127px; height: 70px; background-color: black; }

/*****   END  Tělo stránky - formátování   ****/

/******** Levé menu   ******/

#sideMenu ul, li
{margin: 0; padding: 0;}
#sideMenu ul.menu li
{list-style-type: none; display: block; min-height: 32px; _height: 32px; width: 155px; _width: 180px; margin-left: 0px; padding-left: 30px; padding-bottom: 10px; background-repeat: no-repeat; background-position: 0% -2px; line-height: 16px;}
#sideMenu ul.menu li.first
{background-image: url(../images/toolbox/ulli-sidemenu1.gif);}
#sideMenu ul.menu li.second
{background-image: url(../images/toolbox/ulli-sidemenu2.gif);}
#sideMenu ul.menu li.third
{background-image: url(../images/toolbox/ulli-sidemenu3.gif);}
#sideMenu ul.menu li.fourth
{background-image: url(../images/toolbox/ulli-sidemenu4.gif);}
#sideMenu ul.menu li.fifth
{background-image: url(../images/toolbox/ulli-sidemenu5.gif);}
#sideMenu ul.menu li.sixth
{background-image: url(../images/toolbox/ulli-sidemenu6.gif);}
#sideMenu ul.menu li.seven
{background-image: url(../images/toolbox/ulli-sidemenu7.gif);}
#sideMenu ul.menu li.eight
{background-image: url(../images/toolbox/ulli-sidemenu8.gif);}
#sideMenu #basket
{margin-top: 10px; text-align: center;}
#sideMenu #basket a
{margin: 0 auto; display: block; overflow: hidden; width: 84px; height: 66px; background-image: url(../images/basket.gif);}
#sideMenu #basket a:hover
{background-color: transparent; background-image: url(../images/basket-hover.gif);}

/******** END Levé menu   ******/

/******   paticka  ******/
#footer
{background-image: url(../images/bgr-footer.gif); height: 2em; padding-left: 60px; padding-top: .5em; background-repeat: repeat-x;}

/******   END  paticka  ******/

/**** obecné prvky ****/
H1 {line-height: 30px;	font-size: 21px; font-style: normal; font-weight: bold; margin-top: 30px; margin-bottom: 20px; text-align: center;}
H2 {line-height: 21px;	font-size: 16px; font-style: normal; font-weight: bold; margin-top: 15px; margin-bottom: 10px; text-align: center;}
H3 {font-size: 14px; color: black;	font-weight: bold; text-align: center;}
H4 {font-size: 14; font-weight: normal}
H5 {font-size: 18; font-weight: bold; text-align: center}
H6 {font-size: 14; font-weight: normal;}

p {color: black; padding-top: .5em;}
.shopping   {text-align: left; font-style: normal; margin-top: 1em; font-size: 15px; color: #01228D; font-weight: bold;}
.podpis   {text-align: right; font-style: italic; margin-top: 0}
.otazka   {font-style: italic; text-align: justify; margin-bottom: 3; margin-top: 10}
.odpoved  {text-align: justify; margin-top: 3}
.center  {text-align: center; margin-bottom: 8; margin-top: 8}
.centerblink  {text-align: center; margin-bottom: 8; margin-top: 8; text-decoration: blink}
.centerb  {text-align: center; margin-bottom: 8; margin-top: 8; font-weight: bold; font-size: 18;}
.center0  {text-align: center; margin-bottom: 8; margin-top: 8; font-size: 22; font-weight: bold}
.center1  {text-align: center; margin-bottom: 8; margin-top: 8; font-size: 18; font-weight: bold}
.center2  {text-align: center; margin-bottom: 8; margin-top: 8; font-size: 16}
.justify  {text-align: justify; margin-bottom: 8; margin-top: 8}
.justifyb  {text-align: justify; margin-bottom: 8; margin-top: 8; font-weight: bold}
.skryvany {display: none}
.left  {text-align: left; margin-bottom: 8; margin-top: 8}
.added  {text-align: right; margin-bottom: 8; margin-top: 8; color: red;}
.cervenebold {color: red; font-weight: bold;}
.cleaner {clear: both;}
.staracena {text-decoration:line-through; color: red;}
.nadpis {font-size: 16px; font-style: normal; font-weight: bold; text-align: left;}
.nadpisv {font-size: 20px; font-style: normal; font-weight: bold; text-align: left; color: gray;}
.modra, .barva1001 {color: #2A2871;}
.cervena, .barva1002 {color: red;}
.zelena, .barva1003 {color: #52A000;}

.blink-black {
color: #000000; 
}
.black1 {
color: #000000; 
}
.blink-black2 {
color: #000000; 
}
.blink-black3 {
color: #000000; 
}
.ltblue {
color: #9a8fc1; 
}
.blink-ltgreen {
color: #8dd4ad; 
}
.blink-ltred {
color: #ff9163; 
}

/****  odkazy */
a
{color: #01228D; text-decoration: underline; font-weight: bold; padding-left: 1px; padding-right: 1px; _padding-right: 0px;  /* ie bug, je-li mezera na konci odkazu a použit padding right, mezera se podtrhne */ cursor: pointer; _cursor: hand;}
a:hover
{color: white; background-color: #01228D; text-decoration: none;}
#topLine a
{display: block; text-decoration: none; float: left; margin: auto; margin-top: 4px; margin-left: 9px; margin-right: 9px; }
#topLine2 a
{display: block; text-decoration: none; float: left; margin: auto; margin-top: 4px; margin-left: 5px; margin-right: 5px; }

#topLine a.mid
{margin-left: 150px; margin-right: 150px;}
#top-line a:hover
{color: #819EFF; background-color: white;}
a.aktivni 
{color: red;}
a.prep 
{color: white; font-size: 11px;}

/****  END odkazy */