BODY .SC_Panel, #WebJETEditorBody {background-color: #ffffff; text-align: left;}

/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding: 0px; font-size: 12px; text-align: center; font-family: sans-serif;  color:#000; }
body.color{background: #002254;}
/* misc */
h1, h2, h3, h4, h5, h6, p, form, ul, ol{ padding: 0px; margin: 0px; }
h2 { font-size:21px; }
h3 { font-size:13px; font-weight:normal; }
h4, h5, h6{ font-size: 100%; font-weight:normal; }
p { line-height:150%; padding: 0px 0px 20px 0px;}
table{ font-size: 100%; margin: 0px 0px 20px 0px;}
table tr td p{ padding: 0px;}
ul li {list-style: disc;}
ul, ol{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 20px;}
ul ul, ul ul ul, ul ul ul ul, ol ol, ol ol ol, ol ol ol ol{ margin: 0px;}
a { color:#64a0ff; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; display:block; }
table td{ vertical-align: top; text-align: left; padding: 2px 0px;}
hr{ border: 0px; height: 1px; margin: 0px 0px 20px 0px; background-color: #01317B;}
BODY .clear { clear:both; font-size: 0px; margin: 0px; padding: 0px;}
div.wrap { margin:0 auto; text-align:left; width:960px; position: relative;}
div.wrapper-bottom {background: #002254 url(/images/css/body-bg-inverse.jpg) top repeat-x; color:#000; }
div.wrapper-top {background: #01317b url(/images/css/body-bg.jpg) top repeat-x; color:#000; }

BODY .textCenter { text-align:center; }
BODY .textRight { text-align:right; }
BODY .float { float:left; }
BODY .floatRight { float:right; }
BODY input.noBorder{border: 0px !important;}

/* = HEADER
---------------------------------------------------------------------------------------------------*/
div.header { background: #00317a url(/images/css/header-bg.gif); height:129px;}
div.header img.logo {margin: 30px 0 0 0px; float: left;}

div.header .menuContainer {width: 700px; float: right}

div.header .topMenu {height: 27px; float: right; margin: 3px 0 0 0; padding: 0 10px 0 0 }
div.header .topMenu li{ list-style-type: none;}
div.header #mainMenu {height: 40px; float: right; margin: 51px 0 0 0; padding: 0 20px 0 0;}



/* = TOP MENU */

ul.topMenu li        {float:right; position:relative; }
ul.topMenu li:hover  {float:right; position:relative; background: #1758c0;}

ul.topMenu li a       {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 0 0 30px; text-transform: uppercase; }
ul.topMenu li span    {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 0 0 30px; text-transform: uppercase; color:#64a0ff;}
ul.topMenu li:hover a {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 0 0 30px; color: #ffffff}

ul.topMenu li.lang a       {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 0 0 0px; text-transform: uppercase; }
ul.topMenu li.lang:hover a {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 0 0 0px; color: #ffffff}

ul.topMenu li       .subMenu { display:none;  width:310px; position:absolute; top:27px; left:0; font-size:10px; padding: 10px; color: #ffffff; z-index: 10000;}
ul.topMenu li:hover .subMenu { display:block; width:310px;  background: #1758c0;}


ul.topMenu li.podpora        {width: 90px; background: url(/images/css/ico-phone.gif) left top no-repeat}
ul.topMenu li.podpora:hover  {width: 90px; position:relative; background: #1758c0 url(/images/css/ico-phone.gif) left bottom no-repeat}
ul.topMenu li.podpora       .subMenu {left: -240px}

ul.topMenu li.zakaznicka-zona        {width: 130px; background: url(/images/css/ico-people.gif) left top no-repeat}
ul.topMenu li.zakaznicka-zona:hover  {width: 130px; position:relative; background: #1758c0 url(/images/css/ico-people.gif) left bottom no-repeat}
ul.topMenu li.zakaznicka-zona        .subMenu {left: -200px}

ul.topMenu li.online        {width: 75px; background: url(/images/css/ico-online.gif) left top no-repeat}
ul.topMenu li.online:hover  {width: 75px; position:relative; background: #1758c0 url(/images/css/ico-online.gif) left bottom no-repeat}
ul.topMenu li.online        .subMenu {left: -255px}

ul.topMenu li.vyhladavanie      {width: 110px; background: url(/images/css/ico-search.gif) left top no-repeat}
ul.topMenu li.vyhladavanie form {display: none;}
ul.topMenu li.vyhladavanie:hover form {display: block; float: left; padding:0; margin:5px 0 0 0; height: 16px;}
ul.topMenu li.vyhladavanie input.text-field  {display: block; height: 14px; width: 100px; border: 1px solid #b8b8b8; margin: 0; padding: 0; float: left; background: #e3e3e3}
ul.topMenu li.vyhladavanie input.image-field {display: block; margin: 0; padding: 0; margin: 0 0 0 5px; float: left}
ul.topMenu li.vyhladavanie:hover  {width: 245px; position:relative; background: #ffffff url(/images/css/ico-search.gif) left bottom no-repeat}
ul.topMenu li.vyhladavanie span {text-decoration: underline; font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 10px 0 30px;}
ul.topMenu li.vyhladavanie:hover span {text-decoration: none; font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 10px 0 30px; color: black}

ul.topMenu li.vyhladavanie-focus {width: 120px; background: url(/images/css/ico-search.gif) left top no-repeat}
ul.topMenu li.vyhladavanie-focus form {display: block; float: left; padding:0; margin:5px 0 0 0; height: 16px;}
ul.topMenu li.vyhladavanie-focus input.text-field  {display: block; height: 14px; width: 100px; border: 1px solid #b8b8b8; margin: 0; padding: 0; float: left; background: #e3e3e3}
ul.topMenu li.vyhladavanie-focus input.image-field {display: block; margin: 0; padding: 0; margin: 0 0 0 5px; float: left}
ul.topMenu li.vyhladavanie-focus {width: 245px; position:relative; background: #ffffff url(/images/css/ico-search.gif) left bottom no-repeat}
ul.topMenu li.vyhladavanie-focus span {font-size: 9px; float:left; display:block; height:27px; line-height:27px; padding:0 10px 0 30px; color: black}


ul#mainMenu li        {float:right; /*position:relative;*/ list-style-type:none;}
ul#mainMenu li a:hover  {float:right; position:relative;}
ul#mainMenu li a       {font-size: 13px; float:left; display:block; height:40px; line-height:40px; padding:0 20px 0 20px; color: #ffffff; background: #002c6e url(/images/css/top-button.jpg) right bottom no-repeat; text-decoration: none}
ul#mainMenu li a:hover, ul#mainMenu li.first a:hover {font-size: 13px; float:left; display:block; height:40px; line-height:40px; padding:0 20px 0 20px; color: #ffffff; background: #002c6e url(/images/css/top-button.jpg) right top no-repeat;}
ul#mainMenu li.first a {background: #ffffff url(/images/css/top-button.jpg) left bottom no-repeat;}
ul#mainMenu li.first a:hover {background: #ffffff url(/images/css/top-button.jpg) left top no-repeat;}
ul#mainMenu li.open a {background: #1758c0; font-size: 13px; float:left; display:block; height:40px; line-height:40px; padding:0 20px 0 20px; background: #ffffff url(/images/css/top-button-active.jpg); font-weight: bold; color: #002254; letter-spacing: -1px;}

ul#mainMenu li.open a:hover {background: #1758c0; font-size: 13px; float:left; display:block; height:40px; line-height:40px; padding:0 20px 0 20px; background: #ffffff url(/images/css/top-button-active.jpg); font-weight: bold; color: #002254; letter-spacing: -1px;}

div.header h1 { }

div.content {background: #ffffff url(/images/css/content-bg.jpg) top repeat-x;}
div.contentInverse {background: url(/images/css/content-bg-inverse.jpg) bottom repeat-x;}

/* = FOOTER */

div.footer { height: 125px; width: 960px; background: url(/images/css/footer-bg.gif) no-repeat; height:129px; color: #ffffff; position: relative;}
div.footer .colLeft {width: 720px; float: left; margin: 10px 0 0 0;}
div.footer .colLeft a {color: #ffffff}
div.footer .colRight {width: 240px; float: right; margin: 10px 0 0 0; padding: 0; text-align: right; font-size: 9px;}
div.footer .colRight img {float: right; display: block;}
div.footer .colRight ul {float: right; padding: 6px 10px 0 0;}
div.footer .colRight li {display: block; float: right; margin: 0 2px;}
div.footer .colRight a {display: block; text-transform: uppercase; font-size: 9px; line-height: 12px;}
div.footer p {padding: 15px 0 0px 20px; font-size: 11px; line-height: 14px;}

/* = WELCOME BOX */
div.welcomeBox {width:920px; margin: auto; padding-bottom: 15px;}
div.welcomeBox h1 {font-size: 40px; font-weight: normal; line-height: 125%; padding: 20px 0 0 0;}
div.welcomeBox ul {margin: 10px 0 0 0; padding: 0px; float: left;}
div.welcomeBox ul li {line-height: 24px; background: url(/images/css/bullet.gif) no-repeat; padding: 0 0 0 20px; float: none; font-size: 14px; list-style-type: none;}
div.welcomeBox img.float {margin: 0px 0 0 0; padding: 0px; float: left;}

div.welcomeBox .blue-button-box {padding: 15px 0 0 17px; margin: 0px; float: left;}
div.welcomeBox .blue-button-box a      {padding: 8px 0 0 0; font-size: 18px; color: #ffffff; text-decoration: none; display: block; width:176px; height:55px; float: left; background: #3979ff url(/images/css/blue-button.jpg) top no-repeat; margin: 0 30px 0 0; text-align: center;}
div.welcomeBox .blue-button-box a:hover {padding: 8px 0 0 0; font-size: 18px; color: #ffffff; text-decoration: none; display: block; width:176px; height:55px; float: left; background: #3979ff url(/images/css/blue-button.jpg) bottom no-repeat; margin: 0 30px 0 0; text-align: center;}

/* = SIROKY KONTAINER NA HLAVNEJ STRANKE */

div.main-large-box-top {width:920px; height: 10px; margin: auto; background: url(/images/css/top-main-large-box.png) top no-repeat; font-size: 1px;}
div.main-large-box {width:920px; margin: auto; background: #f5f5f5 url(/images/css/main-large-box-bg.gif) bottom repeat-x;}
div.main-large-box-bottom {width:920px; height: 10px; margin: auto; background: url(/images/css/bottom-main-large-box.png) bottom no-repeat; font-size: 1px;}

div.main-large-box .main-large-box-left {float: left; width: 440px; overflow: hidden;}
div.main-large-box .main-large-box-left p {font-size: 24px; line-height:125%; padding: 10px 20px 0 20px;}
div.main-large-box .blue-button-box-large {padding: 0 0 3px 17px; margin: 10px 0 0 0; float: left;}
div.main-large-box .blue-button-box-large div.blue-button-large a        {font-weight: bold; padding: 10px 20px 0 20px; font-size: 12px; line-height:17px; color: #ffffff; text-decoration: none; display: block; width:367px; height:48px; float: left; background: #3979ff url(/images/css/blue-button-large.jpg) top no-repeat; margin: 0 30px 0 0; text-align: left;}
div.main-large-box .blue-button-box-large div.blue-button-large a:hover  {font-weight: bold; padding: 10px 20px 0 20px; font-size: 12px; line-height:17px; color: #ffffff; text-decoration: none; display: block; width:367px; height:48px; float: left; background: #3979ff url(/images/css/blue-button-large.jpg) bottom no-repeat; margin: 0 30px 0 0; text-align: left;}
div.main-large-box .blue-button-box-large div.blue-button-large a span {text-decoration: underline;}
div.main-large-box .main-large-box-right {float: left; width: 470px;}

/* = MENSIE KONTAINERY NA HLAVNEJ STRANKE */

div.main-small-box-top {width:920px; height: 10px; margin: auto; background: url(/images/css/top-main-small-box.png) top no-repeat; font-size: 1px; margin-top: 20px;}
div.main-small-box     {width:920px; margin: auto; background: url(/images/css/main-small-box-bg.gif) bottom repeat-y; padding: 0}
div.main-small-box-bottom {width:920px; height: 10px; margin: auto; background: url(/images/css/bottom-main-small-box.png) bottom no-repeat; font-size: 1px;}

div.child-container {float: left; width: 205px; padding: 10px 0 10px 20px;}
div.child-container .main-small-box-top-child    {height: 10px; background: url(/images/css/top-main-small-box-child.gif) top no-repeat; font-size: 1px;}
div.child-container .main-small-box-bottom-child {height: 10px; background: url(/images/css/bottom-main-small-box-child.gif) top no-repeat; font-size: 1px;}
div.child-container .main-small-box-bg-child {height:288px; overflow: hidden; background: url(/images/css/main-small-box-bg-child.gif) top repeat-x; padding: 0;}

div.child-container .main-small-box-bg-child h2 {font-size: 24px; font-weight: normal; padding: 5px 0 0 20px;}
div.child-container .main-small-box-bg-child p {font-size: 12px; padding: 10px 20px 0 20px; line-height: 125%;}
div.child-container .main-small-box-bg-child a {font-weight: bold; font-size: 12px; display:  block; padding: 10px 20px 10px 20px; color: #0036ff; line-height: 125%;}
div.child-container .main-small-box-bg-child a.odkazImg{ padding: 0px;}
div.child-container .main-small-box-bg-child .stock-logo-box {padding: 5px 0 0 20px;}
div.child-container .main-small-box-bg-child .stock-logo-box  a {display:  block; padding: 0px 0px 0px 0px; line-height: 100%;}
div.child-container .main-small-box-bg-child .stock-logo-box img{float: left; margin: 0px 0px 5px 0px;}
div.child-container .main-small-box-bg-child .stock-logo-box .stock-logo {float: left; padding: 10px 0 0 10px;}
div.child-container .main-small-box-bg-child .aktuality-box a {padding: 10px 20px 4px 20px; font-weight: bold;}

a.main-small-box-banner {display:block; float: left; margin: 10px 0 0 20px;}


/* RED BANNER */
div.red-banner-large {display: block; background: url(/images/css/red-banner-large.png) no-repeat; width: 920px; height: 88px; margin: auto; margin-top: 20px; padding: 0 0 10px 0}
div.red-banner-large p.headline {font-size: 24px; color: #ffffff; width: 480px; float: left; padding: 15px 0 0 20px; line-height: 125%}
div.red-banner-large p.subheadline {font-size: 11px; color: #ffffff; width: 350px; float: left; padding: 30px 0 0 50px;}
div.red-banner-large a {color: #ffffff;}

div.red-banner-small {display: block; /*clear: both; position: absolute; bottom: 0px;*/ background: url(/images/css/red-banner-small.gif) no-repeat; width: 642px; height: 60px; margin: auto; margin-top: 0px; padding: 0 0 20px 0; clear: both;}
div.red-banner-small p.headline {font-size: 16px; color: #ffffff; width: 320px; float: left; padding: 15px 0 0 20px; line-height: 125%;}

div.red-banner-small p.subheadline {font-size: 11px; color: #ffffff; width: 260px; float: left; padding: 12px 0 0 30px;}

div.red-banner-small a {color: #ffffff;}

/* 
 */
div.subpage-header { background: url(/images/css/subpage-header-bg.gif) top right no-repeat;}
div.subpage-footer { background: url(/images/css/subpage-footer-bg.gif) top right no-repeat;}

div.leftMenu         {float: left; width: 278px; padding: 0 0 0px 0;}
div.leftMenu ul      {margin-top: 60px; padding: 0px;}
div.leftMenu ul ul, .leftMenu ul ul ul{margin-top: 0px;}
div.leftMenu ul li  {display: block; width: 278px; line-height: 30px; font-size: 12px; text-align: right; float: left; }
div.leftMenu ul li.last  {display: block; width: 278px; line-height: 29px; font-size: 12px; text-align: right; float: left;}

div.leftMenu ul li a {display: block; color: #ffffff; background: url(/images/css/left-menu.gif) top no-repeat; text-decoration: none; padding: 0 20px 0 0;}
div.leftMenu ul li a:hover {display: block; color: #ffffff; background: url(/images/css/left-menu.gif) 0 -30px no-repeat; text-decoration: none;  padding: 0 20px 0 0;}

div.leftMenu ul li.menuULDirOpen a, div.leftMenu ul li.menuULDirOpen a:hover {background: #ddd url(/images/css/left-menu-active.gif); color: black; padding: 0 35px 0 0; font-weight: bold }
div.leftMenu ul li.hasNoChildOpen a, div.leftMenu ul li.hasNoChildOpen a:hover {background: #fff; padding: 0 20px 0 0}
div.leftMenu ul li.menuULDirOpen li a {background: #eee url(/images/css/left-menu-submenu.gif) top no-repeat; color: #0036ff; text-decoration: underline; padding: 0 35px 0 0; font-weight: normal;}
div.leftMenu ul li.menuULDirOpen li a:hover {background: #eee url(/images/css/left-menu-submenu.gif) bottom no-repeat; color: #0036ff; padding: 0 35px 0 0; font-weight: normal; text-decoration: none;}
div.leftMenu ul li.menuULDirOpen li.menuULDirOpen a, div.leftMenu ul li.menuULDirOpen li.menuULDirOpen a:hover {background: #fff url(/images/css/left-menu-submenu-active.gif) top no-repeat; text-decoration: none; font-weight: bold; color: #01317b}

div.subpage-content  {float: right; width: 682px; /*position: relative;*/}
div.subpage-content .breadcrumbs {font-size: 10px; padding: 25px 20px 0 20px;}
div.subpage-content .breadcrumbs a {color: #000000;}
div.subpage-content div.subpage-content h1 {font-size: 25px; padding: 25px 0px 20px 0px; font-weight: normal}
div.subpage-content div.subpage-content h2, div.subpage-content div.subpage-content h3, div.subpage-content div.subpage-content h4, div.subpage-content div.subpage-content h5, div.subpage-content div.subpage-content h6{ padding: 0px 0px 20px 0px;}
div.subpage-content img.content-theme {margin: auto;}
div.subpage-content table tr td p{ padding: 0px;}
div.subpage-content p {padding: 0px 0px 20px 0px; line-height: 150%}
div.subpage-content table{ margin: 0px 0px 20px 0px;}
div.subpage-content ul, div.subpage-content ol{ margin: 0px 0px 20px 0px;}
div.subpage-content ul ul, div.subpage-content ul ul ul, div.subpage-content ul ul ul ul, div.subpage-content ol ol, div.subpage-content ol ol ol, div.subpage-content ol ol ol ol{ margin: 0px;}
div.subpage-content ul, div.subpage-content ol{padding: 0px;}
div.subpage-content ol li{ list-style-type: decimal;}
div.subpage-content li {list-style: disc; padding: 0; margin: 0px 0px 0px 20px; line-height: 150%}
div.subpage-content .boxContent{padding: 0px 20px 0 20px; min-height: 450px;}

div.subpage-content input{ border: 1px solid #E2E3EA; font-size: 12px;}

/* PICTURE BOX */
.picture-box {width: 156px; position: relative; margin-top: 15px; float: left}
.picture-box p {width: 150px; text-align: center; padding: 10px 0 0 0}
.picture-box p a {color: #0036ff; font-weight: bold}
.picture-box a.zoom {width:18px; height:18px; background: url(/images/css/zoom.png) no-repeat; position: absolute; top: -7px; left: 137px; display:block; cursor: pointer}
/* picture-box-container sa nachadza iba na subpage, kde maju obrazky inu velkost */
div.picture-box-container {padding: 10px 0 20px 0px;}
div.picture-box-container .picture-box img {border: 1px solid #ededed}
div.picture-box-container .picture-box {width: 162px}
div.picture-box-container .last {width: 152px}
div.picture-box-container .picture-box a.zoom {width:18px; height:18px; background: url(/images/css/zoom.png) no-repeat; position: absolute; top: -7px; left: 142px; display:block; cursor: pointer}

/* LEFT BANNER */
a.left-banner {padding: 20px 0 0 20px; position:absolute; top: -190px}

/* STYLY */

.obrazokVlavo{ float: left; margin: 0px 10px 10px 0px;}
.obrazokVpravo{ float: right; margin: 0px 0px 10px 10px;}

.tabulkaStandard{ border-collapse: collapse; border: 1px solid #D7E2FF;}
.tabulkaStandard td{ padding: 5px; border: 1px solid #D7E2FF;}
.tabulkaStandard .hlavickaTabulky th{ background-color: #D7E2FF; color: #000000; vertical-align: bottom; padding: 5px;}
.tabulkaStandard .even{ background-color: #f8f8f8;}
.poznamka{font-size: 10px;}
.zvyraznenie{ color: #f50000;}

table.sitemap td{ width: 50%;}
table.sitemap ul{margin: 10px 0 0 0; float: left}
table.sitemap ul li{line-height: 24px; background: url(/images/css/bullet.gif) no-repeat; padding: 0 0 0 20px; float: none; font-size: 14px; list-style-type: none;}

div.subpage-content .search p{ padding: 0px; margin: 0px 0px 5px 0px;}
div.subpage-content .search dl{ padding: 0px; margin: 0px 0px 20px 0px;}
div.subpage-content .search dl dt{ margin: 0px 0px 5px 0px;}
div.subpage-content .search dl dd{ padding: 0px; margin: 0px;}

BODY .onlyprint{ display: none;}

div.news .news_date{ color: #004D9B;}

div.leftBanner{
position: absolute;
left: 20px; bottom: -10px;
width: 240px;
clear: left;
}

div.leftBanner .leftBannerTop{
height: 10px;
background: url(/images/css/bg-leftbanner-top.gif) no-repeat left top;
font-size: 0px;
}

div.leftBanner .leftBannerCenter{
padding: 0px 10px;
background: url(/images/css/bg-leftbanner-center.gif) repeat-y left top;

text-align: center;
color: #ffffff;
}

div.leftBanner .leftBannerCenter p{
margin: 0px; padding: 10px 0px 0px 0px;
}

div.leftBanner .leftBannerCenter img{
display: inline;
}

div.leftBanner .leftBannerBottom{
height: 10px;
background: url(/images/css/bg-leftbanner-bottom.gif) no-repeat left top;
font-size: 0px;
}

div.banner{
float:left;
padding:10px 0 10px 20px;
width:205px;
}

img.blank{
color: #64A0FF;
position: absolute;
right: 0px;
top: 37px;
}