@import url('translations.css');

img{border:0px}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:15px}

.mainframe{width:1003px; margin:0px auto; margin-top:30px; background:url('img/line_main_top.gif') no-repeat top; padding-top:6px;} 
.mainframe-wrapper-middle{border-left:1px solid #D9E2EC;border-right:1px solid #D9E2EC; float:left; width:982px; padding-left:19px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF}
.mainframe-wrapper-bottom{width:1003px; margin:0px auto; background:url('img/line_main_bottom.gif') no-repeat bottom; float:left; padding-bottom:6px;margin-bottom:20px}
body{font-family: Verdana, Arial, Helvetica, sans-serif;}

.header{width:963px; height:140px; }
h1.sante{width:963px; height:92px; position:relative; border:0px; margin:0px; padding:0px; font-size:15px}
h1.sante span{width:963px; height:120px; top:0px; left:0px; background:url('img/image_top.jpg'); position:absolute}
.menubar{width:956px; height:39px; background:url('img/menu_left.gif') left no-repeat; background-color:#F8CFD7; position: relative;}
.menubar-right{background:url('img/menu_right.gif') right no-repeat; width:963px}

ul.menu{list-style-type:none; margin:0px; padding:0px;}
ul.menu li{float:left;line-height:39px; position:relative; font-size:10px; margin-left:25px; display:block; width:80px}
ul.menu a{border:0px;}
ul.menu li a span{height:39px; position:absolute; top:0px; left:0px;}

#indexTable{clear:left} 

div.left-panel{width:700px; float:left;margin-top:5px;}
div.right-panel{width:264px; float:left; margin-left:0px;margin-top:5px;}
div.right-panel img{margin-top:20px}


div#navigation-menu{width:685px; float:left; position:relative; height:256px; margin-bottom:20px;background-position: top left; background-repeat: no-repeat}
div#navigation-menu.ads-menu{background-image: url('/img/dlouhy_menu_box/individualni.png');}
div#navigation-menu a{color:inherit}
a.headBox{width:221px; height:256px; position:relative;display: block; float: left; clear: right; margin-right:10px}
a.headBox span{position:absolute; left:0px; top:0px; width:221px; height:256px;display: block; float:left; clear: right;}
#last{margin-right:0px}

#navigation-menu{width:670px; float:left; position:relative}
#navigation-menu h2{margin-bottom: 0; font-variant: small-caps; letter-spacing: -0.1ex; font-size: 2em; font-weight: normal;background: url('img/top_menu_list.gif') -10000px 0px no-repeat}
#navigation-menu a{color: inherit; font-weight: normal;}
#navigation-menu ul{padding-left: 0; float: left; margin-left:0px; margin-right:10px}
#navigation-menu li{list-style-position: inside; line-height: 3em;}
#navigation-menu-content{margin: 32px 15px 32px 45px;}
#navigation-menu-left-float{float: left; clear: left;}
ul#navigation-menuMenuLeft{width: 230px; font-variant:small-caps; list-style-type:square; font-size:13px; margin-top: 20px;}
ul#navigation-menuMenuLeft li{list-style-type:none; background-image: none; line-height:17px; margin-bottom: 20px;}
a.selected{background:url('img/top_menu_list.gif') top left; background-repeat: no-repeat; background-position:left center; padding-left:10px; line-height:17px}
div#navigation-menuText{width: 220px; margin: 0; float: left; clear: left;}
ul.navigation-menuMenu{clear: right; margin-left: 20px; width: 190px;}
ul.navigation-menuMenu li{list-style-type: square;}

#blocks{width:262px;}
a.blockLink{width:262px; height:110px; position:relative; display:block; margin-top:15px;}
a.blockLink span{position:absolute; left:0px; top:0px; width:262px; height:110px; background-repeat:no-repeat;}


ul.navigation{margin:0px; padding:0px}
ul.navigation li{float:left; width:221px; margin:0px; padding:0px; list-style-type:none; position:relative; margin-right:11px}
div.navigation-menu li.choice-1 a{ position:absolute; background-image:url('img/choice_1.jpg'); width:221px; height:256px; top:0px; left:0px}
div.navigation-menu li.choice-2 a{ position:absolute; background-image:url('img/choice_2.jpg'); width:221px; height:256px; top:0px; left:0px}
div.navigation-menu li.choice-3 a{ position:absolute; background-image:url('img/choice_3.jpg'); width:221px; height:256px; top:0px; left:0px; margin-right:0px}

.content{width:654px; float:left;border-left:1px solid #D9E2EC;border-right:1px solid #D9E2EC; padding:20px 15px 20px 15px}
.content-wrapper{background:url('img/line_content_bottom.gif') bottom no-repeat; float:left; width:685px; padding-bottom:6px}

h2.aktuality{ position:relative; margin:0px; float:left; width:687px; height:47px;}
h2.aktuality span{position:absolute; background-image:url('img/nadpis_aktuality.gif'); width:687px; height:47px; top:0px; left:0px}
h2.aktuality.en span{background-image:url('img/nadpis_aktuality_en.gif');}

h2.ankety{ position:relative; margin:0px; float:left; width:687px; height:47px;}
h2.ankety span{position:absolute; background-image:url('img/nadpis_ankety.gif'); width:687px; height:47px; top:0px; left:0px; font-family: Arial, Helvetica, sans-serif;}

div.contentHeader{ margin:0px; float:left; width:687px; height:47px;background-image:url('img/top_content.gif'); line-height:47px;color:#FFFFFF; text-align:right;  position:relative}
div.contentHeader h2{ font-size: 3em; padding:0; margin:0; right:20px; position:absolute; font-variant: small-caps; bottom: -13px;font-family:Arial, Helvetica, sans-serif; text-transform: uppercase}


h3.anketyHeading{color:#666666; background-image: none; width:640px; margin-top:20px}
.anketaBox input{margin-left:20px; margin-right:10px;}
.anketaBox select{margin-right:10px; margin-bottom:10px;}
#optionCenter{margin-top:10px}
#optionCenter select{margin-bottom:0px;}
.anketaBox p{line-height:25px}
.buttonsAnketa{margin-top:20px}
#questionnaireRobot{visibility: hidden; height:0px}

div.kontakt{width:262px; height:256px; position:relative; margin-bottom:0px}
#kontaktIE{position:absolute;z-index:5; top:-20px; left:0px}
#linkaKontakt{width:262px; height:256px; position:absolute; display:block; z-index: 2; top: 0; left: 0;}
div.kontakt div{width:202px; height:131px;background-image:url('img/kontakt_up.jpg'); position:absolute; top:0px; left:0px; font-size:10px; color:#58595b; padding:80px 40px 0px 20px; display:block; clear:left; z-index:1}
div.kontakt ul{ padding:0px; margin: 0px; margin-top:10px}
div.kontakt ul li{list-style-position:inside; line-height:20px}
div.kontakt a{color:#58595b; text-decoration:none}
div.kontakt a:hover,div.kontakt a:focus{color:#999999}
#moreContacs{position:absolute;width:262px; height:44px;padding:0px; margin-left:0px; clear: right; left:0px; top:211px; cursor:pointer}
#moreContacs span{width:262px; height:44px; background-image:url('img/kontakt_down.jpg'); position:absolute; top:0px; left:0px ;padding:0px;margin-left:0px; clear: right;}
#moreContacs.en span{background-image:url('img/kontakt_down_en.jpg');}


div.kontakt h3{margin-top:40px}

h2.zpravodaj{ position:relative; margin:0px; padding:0px; width:264px; height:47px; margin-top:20px}
h2.zpravodaj span{position:absolute; background-image:url('img/zpravodaj.gif'); width:264px; height:47px; top:0px; left:0px}

div.right-box{width:232px; border-left:1px solid #D9E2EC; border-right:1px solid #D9E2EC; padding:20px 15px 20px 15px;}
div.right-box-wrapper{width:262px;background:url('img/line_box_bottom_small.gif') bottom no-repeat;padding-bottom:6px}
div.right-box p{text-align:right; margin-top:25px}


div.footer{color:#58595B; text-align:center; width:100%; margin:0px auto; float:left; margin-top:20px; float:left}

form{margin:0px}

button.reset{width:71px; height:27px; background:url('img/button_cancel.gif'); border:0px; float:left; cursor:pointer;margin-left:10px}
input.submit{ float:left;}
input.mail{background-image:url('img/input.gif'); border:0px; width:196px; height:24px; margin:15px; padding:7px 5px 0px 5px;}
.form-box{position:relative; width:232px; margin-left:12px; height:20px}
label.mail-input{margin-left:10px}
span#description{display:block; margin-top: 5px; margin-bottom:3px}
.subscriberCheckbox{visibility:hidden; height:0px}
.subscriberCheckbox{margin-top: 15px;}

a{color:#004785; font-weight:bold; text-decoration:none}
a:hover{color:#007185}

h3{ background:url('img/list_article.gif') no-repeat top left;padding:0px; padding-left:10px; height:12px; line-height:17px; color:#58595B; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px; margin-top:10px; display:inline; width:100%; float:left; margin-bottom:25px; background-position:0px 3px}
h3 a, h3 a:hover, h3 a:focus{color:#58595B;}

div.articleWide h3, div.articleShort h3{width:230px;}
div.articleWide{width:430px}
div.saleItem h3{width:470px}
div.saleItemQuery input{float:left; margin-right:15px}
div.saleItemQuery{margin-bottom:10px}
#saleCreate input, #saleCreate label, #saleCreate textarea{float:left; clear:left;}
#saleCreate input, #saleCreate textarea{margin-bottom:10px}

div.articleShort , div.articleWide, div.saleItem{width:654px; position:relative; float:left; margin-bottom:20px}
div.articleWide div.perex{float:left; width:100%}
div.articleShort div.perex{float:left; width:100%}

span.datum , div.saleItemDate{float:right; margin-top:10px;font-family:Arial, Helvetica, sans-serif;color:#58595B; font-size:12px; font-weight:bold; display:inline; width:150px; }
div.left-article img , div.saleItemLeft img {margin:13px 30px 5px 5px}
div.article div{}
div.articleShort div.right-article , div.saleItemRight{width:400px; position:relative; margin-top:5px; float:left }
div.articleWide div.right-article{width:612px; position:relative; margin-top:5px; float:left }
div.articleShort div.left-article, div.saleItemLeft{width:212px; float:left; min-height:100px}
div.articleWide div.left-article {width:0px; float:left}

.newsControllLink{font-variant: small-caps; margin-left:7px}

.paginations{margin-top:15px; display:block;}
a.paginationEnd{margin:0px 5px 0px 3px}
#flash{position:absolute; width:350px; left:35%; top:35%; border:1px solid black; padding:20px; background-color:white; z-index:1; text-align:center}
#login {margin-left:50px;}
#login .textright{text-align:right}
#login .center{text-align:right; padding-right:15px}
#flashMessage , #authMessage{margin-top: 10px;}
#flash .closeButton{position:absolute; right:7px; top:0px;}
.linkBack{position:absolute; bottom:20px; right:30px}
.closeButton{background: url('img/admin/zavrit.gif') no-repeat left center; padding-left:15px; margin-top:5px; margin-bottom:5px;cursor: pointer; cursor:hand}
ul{padding-left:0px; margin-left:20px}
.adsContent{float:left;clear:left; margin-bottom:10px}
.adsContent .adsContentText{float:left; clear:left; border:1px solid #D9E2EC; padding:10px}
.adsContent h3{ height:auto; line-height:17px; width:100%}
.adsList{list-style-type: none;}
h4{font-size:13px}
h5{font-size:12px}
#breadCrumbs{margin-top:5px; margin-bottom:0px;color:#666666; margin-left:5px}
#breadCrumbs a{color:#666666; font-size:10px; font-weight:normal;}
#breadCrumbs a:hover, #breadCrumbs a:focus{font-weight:bold} 

div.subscribers select{margin:0px 5px 0px 5px; font-size:10px;}
.form-box{margin-top:15px}
.specialSubmit{display:block; width:127px; height:27px; float:left; position:relative; overflow:hidden}
.specialSubmit span{background-image: url('img/tlacitko_odeslat.gif'); display:block; width:127px; height:27px; float:left; position:absolute; top:0px; left:0px;}
#part2 , .zpravodajAligment{margin-top:5px;}
#part2 select , .zpravodajAligment select{margin-top:7px; margin-bottom:5px}
#emailText{margin-left:15px; font-weight: bold; color:#58595B; margin-top:5px}
.zpravodajBox{margin:10px}

/* self-containing */
.contain:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contain { display: inline-block; }
.contain { display: block; }