* {margin:0; padding:0;}
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object {border:0;}

body { background:#c0c0c0; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; color:#000; text-align:center; font-size:0.8125em; line-height:1.5em; }
body.hp { background:#f4f9fd; padding-bottom:15px; }

/* GLOBAL
------------------------------*/
p { margin:7px 0 7px 0; font-size:1em; }

table, td { font-size:1em; }
table { border:1px solid #0066ab; border-collapse:collapse; margin:12px 0; }
th { font-weight:bold; padding:4px 5px; background:#0066ab; color:#fff; }
td { padding:5px 5px; vertical-align:top; border:1px solid #0066ab; }

.center { text-align:center !important; }
.a-right { text-align:right !important; }

.f-right { float:right; }
.f-left { float:left; }
.galerie { clear:both; padding-top:10px; }
.nobr { border:none!important; }
.coments { border: 1px solid silver; padding:3px; font-size:90%; font-style:italic; }

a { color:#e2001a; text-decoration:underline; outline:none; }
a:hover { color:#e2001a; text-decoration:none; }

img.vlevo { float:left; margin:5px 12px 0 0; padding:1px; background-color:#fff; border:1px solid #0066ab; }
img.vpravo { float:right; margin:5px 0 0 12px; padding:1px; background-color:#fff; border:1px solid #0066ab; }

.noscreen, hr { display:none; }
h2 { color:#0a2c61; font-size:1.5em; padding:12px 0 5px 0; line-height:1.4em; font-weight:bold; margin:0; }
h3 { color:#0a2c61; font-size:1.3em; padding:12px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; }
h4 { color:#0a2c61; font-size:1.1em; padding:12px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; }

.clear { clear:both; width:100%; height:1px; font-size:0; }
.clear25 { clear:both; float:none; width:100%; height:25px; font-size:0; }

/* LAYOUT
------------------------------*/
#all { width:979px; margin:0 auto; text-align:left; position:relative; }
#container { width:979px; background: url(../design/bg-container.gif) repeat-y; }
#inner { background:url(bg-inner.gif) 100% 100% no-repeat; width:100%; }
#bigflash { width:718px; height:288px; display:block; position:absolute; top:0; right:0; }
#flash { width:259px; height:161px; display:block; position:absolute; top:127px; left:0; }
#all-video { background-color:#0071B5; margin:0 auto; }
#videogalerie { width:259px; height:25px; display:block; position:absolute; top:263px; left:0; background:#006FB7; border-bottom: #001A47 1px solid; color:#FFF; text-align:center; padding-top:5px!important; }
#videogalerie a { color:#FFF; font-size:13px; font-weight:bold; text-decoration:none; }
#videogalerie a:hover { color:#ffeb00; text-decoration:underline; }

/* HP
------------------------------*/
#hp { width:849px; margin:0 auto; text-align:left; position:relative; padding-top:53px; }
#mainflash { width:849px; height:447px; display:block; }
#bottomflash { width:849px; height:200px; display:block; }

.enter { padding:50px 0 25px 0; height:30px; }
.enter * { vertical-align:middle; }
.enter a { display:block; float:left; width:80px; height:30px; line-height:30px; margin-right:15px; background-color:#fff; color:#000; border:1px solid #000; text-decoration:none; text-align:center; }
.enter a:hover { background-color:#006eb3; color:#fff; border:1px solid #006eb3; text-decoration:none; }
.enter div { width:45%; float:right; text-align:right; }
.enter div span { float:right; }
.enter div form { float:right; width:200px; }

/* TOP
------------------------------*/
#top { position:relative; height:367px; background:#001a47; width:979px; overflow:hidden; }
.slogan { position:absolute; height:44px; left:261px; line-height:44px; color:#fff; width:698px; padding:0 10px; margin:0; top:283px; }
.slogan a {color:#fff; text-decoration:none; }
.slogan a:hover {color:#fff; text-decoration: underline; }

/* H1 REPLACE
------------------------------*/
h1 { float:left; display:block; position:relative; width:259px; height:126px; text-align:center; font-size:1.2em; background:url(../design/logo.gif) 0px 0px no-repeat;  }
h1 span { width:259px; height:126px; display:block; position:absolute; left:0; top:3px; z-index:1000; cursor:pointer; background:url(../design/logo.gif) 0px 0px no-repeat; }
h1 a { color:#fff; text-decoration:none; display:block; width:239px; height:94px; padding:15px; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* MENU + JAZYKY
------------------------------*/
.navigace { background:#dfe7f4 url(../design/bg-navigace.gif) 100% 0 no-repeat; width:962px; height:35px; padding:0 0 0 17px; position:absolute; top:332px; z-index:1000; }
.topmenuHP { width:242px; margin:0; position:absolute; top:0px; left:17px; height:27px; display:block; z-index:1000; }
.topmenuHP li { list-style:none; float:left; border-left:2px solid #009ee0; position:relative; }
.topmenu { list-style:none; padding-left:260px; z-index:1000; }
.topmenu li { list-style:none; float:left; border-left:2px solid #009ee0; position:relative; z-index:1000; }
.topmenu li a, .topmenuHP li a { float:left; padding:0 9px; color:#000; font-size:11px!important; text-transform:uppercase; text-decoration:none; line-height:35px; height:35px; display:block; font-weight:bold; z-index:1000; }
.topmenuHP li a {width:204px; }
.topmenu li a:hover, .topmenuHP li a:hover { text-decoration:none; color:#fff; background-color:#009ee0; }

.topmenu ul { visibility:hidden; position:absolute; top:34px; height:auto; left:-1px; width:180px; background-color:#fff; border:1px solid #009ee0; }
.topmenu ul.eshop { visibility:hidden; position:absolute; top:34px; height:auto; left:-115px; width:180px; background-color:#fff; border:1px solid #009ee0; }
.topmenu li:hover ul { visibility:visible; }
.topmenu ul li { float:none; height:auto; width:180px; border:none; border-top:1px solid #009ee0; line-height:1.3em; }
.topmenu ul li a, .topmenu li:hover ul li a { float:none; padding:6px 10px; width:160px; display:block; height:auto; border:none; line-height:1.3em; text-align:left; text-transform:none; background-color:#fff; }
.topmenu li:hover li a:hover, .topmenu li:hover .active a { background-color:#009ee0; color:#fff; }

.vlajky { width:242px; margin:0; position:absolute; top:4px; left:17px; height:27px; display:block; }
#hp .vlajky { top:21px; left:auto; right:0; text-align:right; }
#hp .vlajky a { float:right; }
.vlajky a { color:#fff; text-align:center; height:25px; width:31px; margin:0 7px; line-height:25px; font-size:8px; display:block; float:left; position:relative; border:1px solid #85c4eb; }
.vlajky a:active, .vlajky a:hover { text-decoration:none; color:#fff; border:1px solid #000; }
.vlajky a span { display:block; position:absolute; left:0; top:0; cursor:pointer; z-index:1; width:31px; height:25px; }
.vlajky .v1 span { background:url(cz.gif) 0 0 no-repeat; }
.vlajky .v2 span { background:url(en.gif) 0 0 no-repeat; }
.vlajky .v3 span { background:url(de.gif) 0 0 no-repeat; }

/* CONTENT
------------------------------*/
#content { float:right; overflow:hidden; width:652px; padding:20px 34px 20px 34px; background:url(bg-content.gif) no-repeat; }
#content ul { list-style:disc; padding:0 0 5px 8px; font-size:1em; margin:0 0 0 23px; }
#content ul li { list-style:disc; padding-left:5px; }
#content ol { list-style:decimal; padding:0; margin:0 0 5px 34px; font-size:1em; }
#content ol li { list-style:decimal; padding:0; }

#ikony { float:right; height:41px; padding-top:10px; text-align:right; }
#ikony a { padding:0 4px; height:39px; width:46px; position:relative; }
#ikony a:hover { padding:0 4px; height:39px; width:46px; top:2px; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; overflow:hidden; width:226px; padding:0 0 0 17px; margin-bottom:160px; }

#sidebar ul.menu { margin:0; padding:0; list-style:none; width:226px; }
#sidebar ul.menu li { display:inline; margin:0; padding:0; }             
#sidebar ul.menu li a { display:block; background:#0b295c; border-bottom:1px solid #219bd3; color:#fff; text-decoration:none; font-weight:bold; padding:10px; width:206px; margin:0; font-size:1em; }
#sidebar ul.menu li.menu-active a { color:#ffeb00;}
#sidebar ul.menu li a:hover {color:#ffeb00; text-decoration:underline; background:#0b295c; }

#sidebar ul.menu li ul { margin:0; padding:0; border-bottom:1px solid #219bd3; }
#sidebar ul.menu li ul li a { font-weight:bold; color:#ffeb00 !important; font-size:0.9em; border:0; padding:4px 10px; }
#sidebar ul.menu li ul li.menu-active a { color:#e2001a !important; text-decoration:none; border:0; } 
#sidebar ul.menu li ul li a:hover { color:#e2001a !important; text-decoration:underline; } 
#sidebar ul.menu li ul li.last a { border:0; }

#sidebar ul.menu li ul li a.selectedMy{ color:#e2001a !important; text-decoration:underline; } 
/* SEARCH
------------------------------*/
#search { position:absolute; left:0; top:290px; background:#dfe7f4; height:42px; width:259px; display:block; }
#search input.input { width:155px; height:30px; padding:7px 10px 0 10px; background:url(input.gif) no-repeat; border:0; position:absolute; top:7px; left:17px; }
#search input.hledej { position:absolute; background:url(hledej.gif) no-repeat; border:0; top:7px; left:192px; height:30px; width:67px; }
#form input { background: #a5cfe0; border:thick #a5cfe0 1px; }
/* FOOTER
------------------------------*/
#footer { height:1px; clear:both; width:100%; position:relative; }
#footer a { position:absolute; top:-155px; left:25px; display:block; width:210px; height:138px; }

/* CLEARFIX
------------------------------*/
.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%; }
.imgHide {display: none;}
.box {}
.box h3 a { color:#001A47;}
.box ul { margin:0!important;; padding:0!important;;}
.box li { list-style-type:none!important;}
.box img { float:right; margin-left:15px;}
.zverejneno { text-align:right; font-style:italic;}
label.required, .required { color: #D15400!important; }
.novinkyPrehled .img { float:right; width:180px; _width:190px; &width:190px; margin-left:10px;  margin-right:7px; text-align:center; font-size:10px;}
.modraAPB { color: #0A2C61!important; }


