body { margin:0; padding:0; color: #509bc0; font: 81.25%/1.3 Arial, Helvetica, sans-serif; background:#ebebeb url(bgpage.gif) repeat-x }
hr { display:none }
form { margin:0 }
select { border:1px solid #ABDEFB }
input.text { width:175px; padding:4px 5px; color:#002B71; border:1px solid #fff; background-color:white }
input.button { margin:0; padding:4px 5px; border:0; background:#CDD852 url('input-button.gif') 0 0 repeat-x; color:#002B71; }
input.checkbox { position:relative; top:1px }
table { font-size:100%; border-collapse:collapse; margin:0.5em 0; padding:0; border:0 }
td, th { border:0; text-align:left; font-weight:normal }
h1, h2, h3, h4, h5, h6 { margin:8px 0; font:200%/1.3 Arial, Helvetica, sans-serif }
p,div,hr,form { padding: 0px; margin: 0px; }
a { color: #509bc0; }
a:hover { text-decoration: none; }
img { border: none; }
.cleaner { margin: 0px auto; width: 100%; visibility: hidden; clear: both; font-size: 0%; }
#header,#content,#footer { margin: 0px auto; clear: both; }
#header { height: 347px; width: 989px; background: url(bgheader.gif) no-repeat 0px 9px; position: relative; }
#header h1 ,#header h2{ background: url(logo.gif) no-repeat 11px 0px; display: block; float: left; height: 65px; width: 300px; margin-top: 17px; padding-left: 11px; }
#header h1 a strong,
#header h2 a strong { display: none; }
#header h1 a,
#header h2 a { display: block; height: 45px; width: 132px; font-size: 40%; line-height: 1.3; text-decoration: none; padding-left: 168px; padding-top: 20px; font-weight: bold; }
#header ul { display: block; margin: 47px 0px 0px; padding: 0px 7px 0px 0px; float: right; height: 39px; list-style: none; width: auto; }
#header ul li { display: block; height: 39px; float: left; background: url(bg-topli.gif) no-repeat right top; padding-right: 2px; }
#header ul li a { display: block; float: left; height: 28px; padding-right: 33px; padding-left: 32px; background: url(bg-menu.gif) repeat-x 0px -39px; color: #FFF; text-decoration: none; padding-top: 11px; }
#header ul li a:hover { background: url(bg-menu.gif) repeat-x 0px 0px; }
#header ul #lmenu a { background: url(bg-lmenu.gif) no-repeat 0px -39px; }
#header ul #lmenu a:hover { background: url(bg-lmenu.gif) no-repeat 0px 0px; }
#header ul #rmenu { background: url(none); padding: 0px; }

#header ul #rmenu a { background: url(bg-rmenu.gif) no-repeat right -39px; padding-right: 35px; }
#header ul #rmenu a:hover { background: url(bg-rmenu.gif) no-repeat right 0px; }
#header #date { position: absolute; width: 500px; height: 20px; text-align: right; top: 21px; right: 12px; }
#header #iedie { clear: both; float: left; width: 989px; margin-top: 11px; margin-bottom: 0px; height: 83px; text-align: center; }

#topreference  { background: url(bgreference.jpg); float: left; height: 248px; width: 761px; margin-top: 9px; overflow: hidden; position: relative; }
.itemreference { float: left; height: 227px; width: 728px; overflow: hidden; position: relative; padding-left: 33px; padding-top: 21px; display: none; }
.itemreference img { float: left; height: 205px; width: 240px; }
.itemreference h4 { color: #FFF; font-weight: bold; margin: 0px 0px 5px; padding: 5px 0px 0px 33px; font-size: 125%; display: block; float: left; width: 390px; }
.itemreference p { display: block; float: left; width: 370px; padding-left: 55px; color: #FFF; font-size: 85%; }
.itemreference p a { color: #fc0; font-weight: bold; }
.itemreference p a:hover { color: #FC0; }

.itemreference .fullitem { background: url(bt-item.gif) no-repeat 0px 0px; display: block; height: 20px; width: 90px; cursor: pointer; margin-top: 10px; }

#topreference #previtem { background: url(bt-previtem.jpg); height: 22px; width: 93px; position: absolute; left: 325px; top: 195px; cursor: pointer; }
#topreference #nextitem { background: url(bt-nextitem.jpg); height: 22px; width: 127px; position: absolute; left: 614px; top: 195px; cursor: pointer; }

#topnews { background: url(bgtopnews.jpg); float: left; height: 249px; width: 227px; margin-top: 8px; }
#topnews h4 ,#contact h4{ font-weight: bold; text-transform: lowercase; font-size: 100%; color: #FFF; display: block; margin: 11px 0px 10px; padding: 0px 0px 0px 26px; float: left; width: 195px; }
#topnews h4 a ,#contact h4 a{ color: #FFF; text-decoration: none; }
#topnews h4 a:hover ,#contact h4 a:hover{ text-decoration: underline; }
#topnews p { display: block; padding-left: 26px; width: 195px; clear: both; float: left; height: 58px; overflow: hidden; margin: 0px 0px 10px; font-size: 95%; line-height: 1.2; }
#topnews p span { color: #3d5d83; font-size: 85%; }
#topnews p a { text-decoration: none; }
#topnews p a strong { color: #fe9c06; text-decoration: none; }
#topnews p a:hover { text-decoration: underline; }

#content { width: 989px; background: url(bgcontent.gif) repeat-y; padding-bottom: 6px; position:relative; }
.main { float: left; width: 760px; padding-left: 8px; font-size: 95%; }
#toph1 { background: url(bg-toph1.gif) no-repeat; clear: both; float: left; height: 54px; width: 752px; }
#toph1 h1 { font-weight: normal; text-transform: uppercase; color: #FFF; font-size: 160%; display: block; float: left; padding-left: 25px; padding-top: 7px; }
#toph1 ul { display: block; margin: 16px 0px 0px; padding: 0px 10px 0px 0px; float: right; list-style: none; height: 22px; }
#toph1 ul li { display: block; background: url(bgpager.gif); height: 22px; width: 30px; float: left; margin-right: 6px; }
#toph1 ul li a { display: block; height: 20px; width: 30px; color: #FFF; text-decoration: none; text-align: center; font-weight: bold; padding-top: 2px; }
#toph1 ul li a:hover { text-decoration: underline; }
#toph1 ul .active { color: #FFF; text-align: center; height: 20px; padding-top: 2px; background: url(none); font-weight: bold; }
#toph1 ul #firstli { margin-right: 13px; background: url(array-left.gif) no-repeat; }
#toph1 ul #lastli { margin-right: 0px; background: url(array-right.gif) no-repeat; margin-left: 7px; }
#toph1 ul #firstliend { margin-right: 6px; background: url(array-left-end.gif) no-repeat; }
#toph1 ul #lastliend { margin-right: 0px; background: url(array-right-end.gif) no-repeat; margin-left: 7px; }
#toph1 .topdetail { padding-top: 3px; }
#toph1 h1 span { font-size: 125%; color: #519cc2; text-transform: none; }

.refline { clear: both; float: left; height: 219px; width: 740px; background: url(bg-reference.gif) repeat-x; padding-top: 11px; padding-left: 5px; }
.refline .refitem { float: left; height: 205px; width: 250px; padding: 0px; margin: 0px; position: relative; }
.refline .litem { width: 240px; }
.refitem img { float: left; margin: 0px; height: 205px; width: 240px; }
.refitem span { display: block; background: url(bt-popis.gif) no-repeat; height: 20px; width: 47px; z-index: 100; top: 192px; left: 184px; position: absolute; }
#refdetail { float: left; width: 100%; margin-top: 10px; }
#refdetail #detailimg { float: left; height: 180px; width: 240px; overflow: hidden;}
#refdetail img { float: left; height: 205px; width: 240px; }
#refpopis p { display: block; padding-left: 88px; float: right; clear: none; width: 432px; margin-bottom: 10px; }
#refpopis #refname { background: url(bgrefname.jpg) no-repeat 31px 0px; padding-top: 5px; }
#refpopis #refname strong { font-size: 135%; text-transform: uppercase;} 
#refpopis #refname .rdate { font-size: 85%; }
#refname span ,#refname a,#zoom a{ color: #fe9c06; }
#refdetail #refdata { background: url(bgrefpopis.jpg) no-repeat 31px 0px; }
#refdetail #refwork { background: url(bgrefwork.jpg) no-repeat 31px 0px; height: 30px; padding-top: 15px; }
#refdetail #reflinks { background: url(bgreflinks.jpg) no-repeat 31px 0px; height: 40px; padding-top: 5px; }
#refdetail #zoom { background: url(zoom.jpg) no-repeat 33px 0px; height: 30px; padding-top: 7px; }


#navigation { display: block; margin: 5px 0px 0px; padding: 0px; float: left; height: 15px; width: 100%; color: #fe9c06; list-style: none; font-size: 80%; }
#navigation li { display: block; float: left; background: url(bgnavi.gif) no-repeat 8px 1px; padding-left: 29px;padding-top: 1px; }
#navigation #homelink { background: url(bghome.gif) no-repeat 10px 2px;padding-top: 0px;  }


#wysiwyg {padding: 10px 10px 0 26px; clear:both;}
#wysiwyg h2 { font-weight: normal; font-size: 155%; margin: 0px 0px 15px; }
#wysiwyg h6 { font-weight: bold; font-size: 115%; margin: 0px 0px 5px; display:block; clear:both;}
#wysiwyg h6 span{ font-weight: bold; font-size: 75%; color: #fe9c06;}
#wysiwyg p  { margin-bottom: 15px; }
#wysiwyg .aktitem {clear:both;}
#wysiwyg #request2 {text-decoration: underline; cursor:pointer;}


#right { float: right; width: 221px; position: relative; z-index: 1500; }
#request ,#requestshop{ background: url(bg-poptavka.gif) no-repeat; height: 42px; width: 196px; color: #FFF; padding-left: 21px; padding-top: 12px; line-height: 1; font-size: 95%; cursor: pointer; position: relative; z-index: 0; }
#requestshop { background: url(bg-shop.gif) no-repeat; margin-top: 6px; margin-bottom: 6px; }
#request strong ,#requestshop strong{ font-size: 140%; }
#request strong:hover  { text-decoration: underline; }
#requestshop a { color: #FFF; text-decoration: none; }
#requestshop a:hover { text-decoration: underline; }


#right  .innerform{ background: url(bgform.png) no-repeat; height: 507px; width: 548px; position: absolute; top: 0px; left: -543px; padding-top: 16px; padding-left: 16px; display: none; z-index: 1500; color: #FFF; }
.innerform h5 { font-weight: bold; font-size: 125%; margin: 0px; padding: 0px 0px 4px 6px; }
.innerform #userform table { float: left; display: block; }

.innerform #userform td { font-size: 100%; padding-left: 10px; }

.innerform #userform input { border: 1px solid #fecf06; margin-bottom: 3px; height: 16px; width: 200px; color: #fe9c06; padding: 1px 2px 2px; }
.innerform #userform textarea { border: 1px solid #fecf06; color: #fe9c06; height: 80px; width: 419px; padding: 2px; font: 105% Arial, Helvetica, sans-serif; margin-top: 0px; }
.innerform ul { list-style: none; background: url(bg-innerform.gif) no-repeat; display: block; clear: both; float: left; height: 29px; width: 538px; margin: 0px; padding: 0px; }
.innerform ul li { display: block; float: left; height: 21px; font-size: 85%; background: url(bg_formli.gif) no-repeat 0px 0px; margin: 0px; padding: 8px 10px 0px; }
.innerform ul .firstli { background: url(none); }
.innerform ul li a { text-decoration: none; }
.innerform ul li a:hover { color: #FFF; text-decoration: underline; }
.innerform ul li a.active ,.innerform ul li.ui-tabs-selected a{ color: #FFF; }
.innerform #sender { background: url(bg-sform.gif) no-repeat 0px 0px; height: 140px; width: 528px; clear: both; float: left; }
.innerform #sender span { display: block; float: right; height: 20px; width: 90px; margin-top: 111px; margin-right: 11px; }
.innerform #sender span input { background: url(bt-sendform.gif); height: 20px; width: 90px; font-size: 0%; color: #FEB806; border-style: none; cursor: pointer; }
.innerform #sender .rform { padding-left: 25px; font-size: 90%; float: left; padding-top: 10px; }
.innerform #sender .rform input { border: 1px solid #3b88af; }
.innerform .ui-tabs-nav .ui-tabs-hide { display: none; }
.innerform #sender table tr td { font-size: 95%; }
.innerform #tabs { clear: left; }
.innerform #userform input.error { border: 1px solid #ff0000;} 
.innerform #userform textarea.error { border: 1px solid #ff0000;} 
.innerform #userform label.error { color:#fff;padding-left:10px; font-weight: bold;}
.innerform #userform #txtmess label.error {display:block;clear:both;padding-left:0px;}


#contact { background: url(bgcontact.gif) no-repeat; height: 128px; width: 218px; margin-top: 6px; clear: both; }
#contact h4 { margin-top: 12px; margin-bottom: 15px; }
#contact p { display: block; float: left; clear: both; width: 150px; font-size: 95%; padding-left: 45px; margin-bottom: 5px; height: 20px; }
#contact .email { background: url(email.gif) no-repeat 15px -1px; }
#contact .phone { background: url(phone.gif) no-repeat 16px 0px; }
#contact .online {padding-left: 17px;}
#contact .online img{float:left;} 
#contact .online span{padding: 1px 0 0 13px;float:left;display:block;}


#footer { height: auto; width: 989px; }
#footerlinks { background: url(bgfooterlink.jpg) no-repeat; height: 189px; }
#footerlinks .fbox { float: left; width: 194px; }
#footerlinks .ffbox { width: 202px; }
#footerlinks h3 { font-size: 100%; color: #FFF; display: block; padding-left: 13px; margin-top: 12px; font-weight: bold; }
#footerlinks .ffbox h3 { padding-left: 21px; }
#footerlinks .fbox h3 a { color: #FFF; text-decoration: none; }
#footerlinks .fbox h3 a:hover { text-decoration: underline; }
#footerlinks .fbox ul { list-style: none; margin: 25px 0px 0px; padding: 0px 0px 0px 24px; font-size: 85%; line-height: 1.6; }
#footerlinks .ffbox ul { padding-left: 30px; }
#footerbottom { background: url(bgfooterbottom.png) no-repeat; clear: both; height: 78px; }
#footerbottom p { display: block; text-align: right; font-size: 85%; margin-top: 38px; padding-right: 25px; color: #FFF; float: right; width: 900px; }
#footerbottom p span { padding-right: 45px; }
#footerbottom p a { color: #FFF; }

#content #alert { background: #FE9F07 url(bgalert.jpg) no-repeat; text-align: center; width: 350px; padding-top: 50px; padding-bottom: 55px; position: absolute; left: 200px; top: 20px; border: 3px solid #539CC1; }
#alert h5 { font-size: 150%; clear: both; display: block; padding: 0px 0px 10px; margin: 0; color: #FFF; }
#alert #okbutton { display: block; background: url(bt-bg-green.gif); height: 22px; width: 80px; clear: both; margin: 40px auto 0px; font-weight: bold; color: #FFF; text-align: center; font-size: 95%; border: 1px solid #355b1b; }
#alert #okbutton a { display: block; height: 18px; width: 80px; color: #FFF; text-decoration: none; padding-top: 4px; }
#alert span { position: absolute; height: 22px; width: 22px; top: 6px; right: 6px; }

#tt 	{ position:absolute; display:block; }
#tt img{ border: 5px solid #529cc1;}
#tttop 	{ display:block; height:5px; margin-left:5px; overflow:hidden; }
#ttcont { display:block; padding:7px 7px 7px 7px; }
#ttbot 	{ display:block; height:5px; margin-left:5px; overflow:hidden; } 
.hidden { display:none; }