/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 20px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#CFEDFF url(/images/bg.jpg) left top repeat-x; color:#00233D;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 {font-size:30px;}
h2, .t2 {font-size:18px;}
h2.smaller { font-size:18px !important; }
h3, .t3 { font-size:12px; font-weight: bold; margin: 0 0 2px 0; }

/* Text elements */
p { line-height:140%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb25 { margin-bottom:25px !important; }
.mb20 { margin-bottom:20px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#3896D9; text-decoration:underline; }
a:hover {text-decoration:none;}
/* misc */
.clear {clear:both;}
.textLeft {text-align:center;}
.textCenter {text-align:center;}
.textRight {text-align:right;}
.center { margin:0 auto; }
.float {float:left;}
.floatRight {float:right;}
.wrap { margin:0 auto; text-align:left; width:960px; position: relative; }
.wrapOuter { position: absolute; width: 1000px; height: 758px; left: -19px; top: 0; background: url(/images/bg-sub.png) left top no-repeat; }
.index .wrapOuter { background: url(/images/bg-index.png) left top no-repeat; }
* html .wrapOuter { position: static; background: none; width: 0px; height: 0px; left: 0; top: 0; }
label {padding-top:2px;}
.rear { margin-right:0px !important; padding-right:0 !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big {font-size:15px;}
.small {font-size:11px;}
.fat {font-weight:bold;}
.descr { font-size: 18px; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 960px; float: left; }

/* = menu
---------------------------------------------------------------------------------------------------*/
.menu { width: 959px; height: 42px; padding: 1px 0 0 1px; float: left; background: #F4FCFF url(/images/layout/menu-sub-bg.jpg); }
.index .menu { background: #F4FCFF url(/images/layout/menu-bg.jpg); }
.menu .menuIn { width: 795px; height: 42px; margin: 0; overflow: hidden; float: left; }
.menu .menuIn li { float: left; height: 42px; background: url(/images/layout/dividers/menu.gif) right top no-repeat; padding: 0 1px 0 0; }
.menu .menuIn li a { display: block; float: left; height: 41px; line-height: 41px; font-weight: bold; text-decoration: none; padding: 0 23px 0 24px; font-size:14px }
.menu .menuIn li a:hover,
.menu .menuIn li a.active:hover,
.menu .menuIn li a.active { color: #55ABFF; background-color: #FFFFFF; }
.menu .menuIn li.rear { background: none; }
.menu .lang { margin: 0; float: right; width: 78px; padding: 16px 0 0 0; }
.menu .lang li { float: left; margin: 0 7px 0 0; }
.menu .lang li a { display: block; float: left; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 930px; float: left; background: #FFFFFF; padding: 13px 0 0 30px; }
.main.mainPadding { width:900px; padding-right:30px; }
* html .main { display: inline; }
.main h1,
.main h2 {font-size:30px;}
.main table { width:100%; margin:0 0 20px 0; }
.main table.legenda {width:60%;}
.main table td { padding:10px; background-color:#E9F6FF; }
.main table tr.r1 td {background-color:#fff;}

/* = button
---------------------------------------------------------------------------------------------------*/
a.button { display: block; background: url(/images/layout/buttons/default-right.gif) right top no-repeat; float: left; text-decoration: none; color:#fff; font-weight: bold; }
* html a.button { display: inline; }
a.button:hover { text-decoration: underline; }
a.button span { display: block; height: 50px; line-height: 50px; font-size:17px; text-decoration: none; background: url(/images/layout/buttons/default-left.gif) left top no-repeat; padding: 0 11px 0 36px; margin: 0 11px 0 0; cursor: pointer; }

/* = wb
---------------------------------------------------------------------------------------------------*/
.wb { width: 630px; padding-right:330px; float: left; min-height: 97px; background:#D8F1FD url(/images/layout/wb-sub.jpg) left top no-repeat; }
* html .wb {height:97px;} 
.index .wb { width: 960px; float: left; padding: 67px 0 0 0; /*padding: 7px 0 0 0; height: 308px;*/ height:248px; background:#D8F1FD url(/images/layout/wb-index.jpg); }
.index .wb .wbMenu { float: left; width: 955px; padding: 0 0 0 5px; height: 60px; margin: 0 0 10px 0; }
* html .index .wb .wbMenu { display: inline; } /* IE6 bug */
.index .wb .wbMenu li { float: left; height: 60px; background: url(/images/layout/dividers/wb-menu.gif) right top no-repeat; }
.index .wb .wbMenu li.last { background: none }
.index .wb .wbMenu li a { display: block; float: left; height: 60px; line-height: 60px; color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; padding: 0 26px 0 43px; background: url(/images/layout/arrows/wb-menu.gif) 26px center no-repeat; }
.index .wb .wbMenu li a:hover { text-decoration: underline; }
.wb h1 { margin: 0 0 0 30px; }
.index .wb h1 { margin: 0 0 0 34px; font-size: 52px; height: 145px; overflow: hidden; }
.index .wb h1.hAuto {height:auto;}
.index .wb h1 span {display:block;}
.index .wb h1 span.bigger { margin:0 0 1px 0; line-height:100%; }
.index .wb h1 span.smaller { font-size: 34px; line-height:130%; letter-spacing: -0.01em; }
.index .wb a.button { margin: 0 0 0 32px; }
* html .index .wb a.button { display: inline; width: 400px; }

/* = breadcrumb
---------------------------------------------------------------------------------------------------*/
.breadcrumb { height: 39px; line-height: 39px; padding: 0 0 0 30px; font-size: 11px; color: #7E7E7E; margin: 0 0 18px 0; }
.breadcrumb a { background: url(/images/layout/arrows/breadcrumb.gif) right 5px no-repeat; padding: 0 9px 0 0; margin: 0 1px 0 0; }


/* = content
---------------------------------------------------------------------------------------------------*/
.content { float: left; width: 667px; float: left; padding: 0 12px 0 0; }
.index .content {  width: 600px; padding-right: 20px; }
* html .content { display: inline; }
.content h2 { margin: 0 0 10px 0; }
.content ul li,
.mainPadding ul li { background:url(/images/layout/dots/dot.gif) 2px 5px no-repeat; padding:0 0 0 15px; margin:0 0 7px 0; }
.content ul ul { margin:5px 0 0 0; font-size:11px; }
.content ul ul li { margin:0 0 3px 0; background:url(/images/layout/dots/dot1.gif) 2px 5px no-repeat; padding:0 0 0 11px; }

.content .contactForm { width: 669px; background: url(/images/layout/bg-form-top.gif) left top no-repeat; }
.content .contactForm fieldset { width: 612px; background: url(/images/layout/bg-form-bottom.gif) left bottom no-repeat; padding: 15px 32px 25px 25px; }
.content .contactForm label { font-weight: bold; }
.content .contactForm .field { margin: 0 0 13px 0; padding: 8px 10px 0 10px; height: 22px; }
.content .contactForm .field input { border: 0; padding: 0; background: #fcfeff; }
.content .contactForm .field.field1 { background: url(/images/layout/bg-input1.gif) left top no-repeat; width: 612px; }
.content .contactForm .field.field1 input { width: 592px; }
.content .contactForm .field.field2 { background: url(/images/layout/bg-input2.gif) left top no-repeat;  }
.content .contactForm .field.field2 input { width: 271px; }
.content .contactForm .fieldTextarea { background: url(/images/layout/bg-form-textarea.gif) left top no-repeat; width: 592px; height: 72px; padding: 8px 9px 0 10px; margin: 0 0 21px 0; }
.content .contactForm .fieldTextarea textarea { border: 0; background: #fcfeff; width: 592px; height: 67px; resize:none; }
.content .contactForm .col { width: 291px; float: left; margin: 0 29px 0 0; }
.content .contactForm small { margin:-15px 0 15px 0; display:block; }

/* = items
---------------------------------------------------------------------------------------------------*/
.items .item { margin:0 0 25px 0; }
.items .item h2 { font-size:16px; font-weight:normal; margin:0 0 5px 0;  }
.items .item h2 a { text-decoration:none; color:#00233D; }
.items .item h2 a:hover {text-decoration:underline;}
.items .item p {margin:0;}

/* = partneri
---------------------------------------------------------------------------------------------------*/
.partneri .item a.img { display:block; width:100px; padding:1px; border:1px solid #ccc; }
.partneri .item { width:102px; float:left; margin:0 15px 15px 0; text-align:center; }
.partneri .item a.url { display:block; height:20px; }

/* = odkazy
---------------------------------------------------------------------------------------------------*/
.odkazy {width:400px;}
.odkazy h2 {font-size:16px;}
.odkazy a img { padding:1px; border:1px solid #ccc; background:#fff; }
.odkazy .item { margin:0 0 15px 0; }

/* = paginate
---------------------------------------------------------------------------------------------------*/
.paginate { font-size:12px; text-align:center; }
.paginate strong,
.paginate a { margin:0 5px 0 0; border:1px solid #B6E4FF; padding:3px 6px; }

/* = c2a
---------------------------------------------------------------------------------------------------*/
.c2a { width: 669px; background: url(/images/layout/bg-form-top.gif) left top no-repeat; font-size:18px; margin:0 0 20px 0; text-align:center; }
.c2aInner { width: 612px; background: url(/images/layout/bg-form-bottom.gif) left bottom no-repeat; padding: 15px 32px 15px 25px; }

/* = images
---------------------------------------------------------------------------------------------------*/
.images img { float:left; margin:0 10px 15px 0; }

/* = side
---------------------------------------------------------------------------------------------------*/
.side { width: 251px;  float: right; margin: 0 0 10px 0; }
.side p { margin:0 0 10px 0; }
.side ul li { margin:0 0 10px 0; }
.side ul li a.active, 
.side ul li a.active:hover { font-weight:bold; text-decoration:none; }
.index .side {width:290px;}
/* box */
.side .box { background: url(/images/layout/bg-sidebox-top.gif) left top no-repeat }
.side .boxInner { background: url(/images/layout/bg-sidebox-bottom.gif) left bottom no-repeat; padding: 12px 0 18px 22px; }
.side .box .t2 { color: #fff; height: 29px; line-height: 29px; color: #fff; font-weight: bold; margin: 0 0 15px 0; }
/* box1 */
.side .box1 { background: url(/images/layout/bg-sidebox-top.jpg) left top no-repeat; }
.side .box1Inner { background: url(/images/layout/bg-sidebox-bottom.jpg) left bottom no-repeat; padding: 12px 0 21px 0; }
.side .box1InnerIn { padding: 0 24px 10px 24px; }
.side .box1 h2 { color: #fff; height: 33px; line-height: 27px; font-weight: bold; font-size: 18px; padding: 0 0 0 24px; margin: 0 0 8px 0; background: url(/images/layout/bg-sidebox-h.jpg) left top no-repeat;  }

/* misc */
.side ul.sideLinks a { color: #0F82DA; font-weight: bold; }
.side ul.sideLinks li { background: url(/images/layout/arrows/side.gif) left center no-repeat; margin: 0 0 10px 0; padding: 0 0 0 10px; }
.side a.button { margin: 0 0 0 7px; width: 270px; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 960px; float: left;  position: relative; }
.footer .footerTop { width: 960px; height: 147px; background-color: #fff; }
.footer .imageScroller { width: 954px; height: 141px; overflow: hidden; position:absolute; left: -7px; top: 0; }
.footer .imageScroller img { border: 1px solid #BABABA; border-width: 1px 1px 1px 0px; display: inline; }
.footer .bottomCorner { position: absolute; left:-7px; top:2px; z-index:50; width: 954px; height: 145px; background: url(/images/layout/bottom-corner1.gif); }
.footer .footerBottom { width: 960px; float: left; height: 45px; background: url(/images/layout/bg-footer.jpg) left top no-repeat; padding: 17px 0 0 0; color: #3896D9; font-size: 11px; }
.footer .footerBottom p.copy { width: 529px; float: left; padding: 0 0 0 29px; }
* html .footer .footerBottom p.copy { display: inline; }
.footer .footerBottom ul { float: right; width: 402px; text-align:right; }
.footer .footerBottom ul li { display:inline; margin: 0 10px 0 0; }

.header,
.wb,
.main,
.footer { position: relative; }

/* = ui-tabs
---------------------------------------------------------------------------------------------------*/
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }