* {margin:0; padding:0;} body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;} body {padding:0; margin: 0; background: #FFF url(design/bodyBg.gif) repeat-x top; font: 0.9em/1.5 "calibri",Tahoma,"Lucida Grande CE",lucida,sans-serif; color:#000; text-align:center;} a {color:#000;} a:hover {color:#2FA729;} h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;} h1 {font-size:100%;} h2 {margin:0; font-family:"calibri","arial",sans-serif; font-weight:normal; letter-spacing:-1px; font-size:320%;} h3 {font-size:160%;} h4 {font-size:120%;} h5 {font-size:100%;}S p {margin:15px 0;} table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;} th {text-align:center; font-weight:bold;} th, td {padding:3px 5px;} ul, ol {display:block; margin:15px 0 15px 40px;} ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;} ol {list-style-type:decimal;} ol ol {list-style-type:upper-alpha;} ol ol ol {list-style-type:lower-alpha;} li {display:list-item;} dl {margin:15px 0;} dt {font-weight:bold;} dd {margin-left:30px;} fieldset {margin:15px 0; padding:10px;} legend {margin-left:10px; padding:0 5px; font-size:100%; font-weight:bold; color:#2FA729;} /* ------------------------------------------------------------------------------------------------------- Univerzální formátovací styly ------------------------------------------------------------------------------------------------------- */ .f-left {float:left;} .f-right {float:right;} .t-left, tr.t-left td {text-align:left !important;} .t-center, tr.t-center td {text-align:center !important;} .t-right, tr.t-right td {text-align:right !important;} .t-justify {text-align:justify !important;} .va-top {vertical-align:top;} .va-middle {vertical-align:middle;} .va-bottom {vertical-align:bottom;} .width100 {width:100%;} .clear {clear:both;} hr.clear{display:block;clear:both;visibility:hidden;height:0;border-width:0;margin:0;padding:0;} .box {min-height:1px;} .box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";} .fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;} .nom {margin:0 !important;} .nomt {margin-top:0 !important;} .nomb {margin-bottom:0 !important;} .noscreen {display:none;} .bigger {font-size:110%;} .smaller {font-size:85%;} .high, .high a {color:#2FA729;} .high a:hover {color:#000;} .high-bg {padding:2px 0; background:#FFA;} .nonhigh {color:#797979;} /* ------------------------------------------------------------------------------------------------------- HTML prvky ------------------------------------------------------------------------------------------------------- */ table.table-style01 {width:100%; margin:0;} table.table-style01 td {padding:5px 15px; background:url("design/dot.gif") 0 100% repeat-x;} table.table-style01 tr.bg td {background-color:#F8F8F8;} table.table-style01 td.half {width:325px;} ul.ul-style01 {margin:30px 0 30px 20px; padding:0; list-style:none;} ul.ul-style01 li {margin:0; padding:1px 0; padding-left:15px; background:url("design/li.gif") 0 6px no-repeat;} ul.ul-style01 ul {margin:0; margin-left:20px; list-style:none;} ul.ul-style01 ul li {background:url("design/li-li.gif") 0 6px no-repeat;} ul.ul-style01 ul li a {color:#797979;} ul.ul-style01 ul li a:hover {color:#494949;} ul.ul-style02 {margin:30px 0 30px 20px; padding:0; list-style:none;} ul.ul-style02 li {margin:0; padding:1px 0; padding-left:15px; background:url("design/li-li.gif") 0 6px no-repeat;} dl.dl-style01 {margin:30px 0 30px 15px;} dl.dl-style01 dt {margin-bottom:3px; padding-left:15px; background:url("design/li.gif") 0 6px no-repeat; color:#2FA729;} dl.dl-style01 dd {margin-left:15px; margin-bottom:15px;} /* ------------------------------------------------------------------------------------------------------- Layout ------------------------------------------------------------------------------------------------------- */ #main {width:960px; margin:0 auto; text-align:left;} #header {position:relative; margin-bottom:50px; height: 195px;} #nav {position:absolute; bottom: 0; left:0;} #nav ul {margin:0; padding:0; list-style-type:none;} #nav ul li {display:inline; margin:0; padding:0;} #nav li a {float:left; margin:0 4px 0 0; padding-left:5px; background: url("design/tab-l-noactive.gif") 0 0 no-repeat; text-decoration:none !important; color:#6D6F71; font-weight: bold; font-size: 14px} #nav li a span {display:block; float:left; padding:5px 7px; text-decoration:underline; cursor:pointer;} #nav li a span {display:block; float:left; padding:6px 15px 6px 10px; background:#FFF url("design/tab-r-noactive.gif") 100% 0 no-repeat; text-decoration:none !important;} #nav li.current-cat a {float:left; margin:0 7px; padding-left:5px; background:#FFF url("design/tab-l.gif") 0 0 no-repeat; text-decoration:none !important;} #nav li.current-cat a span {display:block; float:left; padding:6px 15px 6px 10px; background:#FFF url("design/tab-r.gif") 100% 0 no-repeat; text-decoration:none !important;} #nav li.current_page_item a {float:left; margin:0 7px; padding-left:5px; background:#FFF url("design/tab-l.gif") 0 0 no-repeat; text-decoration:none !important;} #nav li.current_page_item a span {display:block; float:left; padding:6px 15px 6px 10px; background:#FFF url("design/tab-r.gif") 100% 0 no-repeat; text-decoration:none !important;} #logo {position:relative; overflow:hidden; clear:both; width:250px; height:70px; margin:0; font-size:6px; letter-spacing:7px; left:120px; top: 40px;} #logo span {display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:70px; background:url("design/logo-text.gif") 0 0 no-repeat;} #logoFlash{ position: absolute; left:0; top: 15px; height: 120px; width: 120px;} #search{ position: relative; height: 35px} #searchInput {background: #FFFFFF url(design/search-input.gif) no-repeat scroll left top;border:0pt none;color:#3B4463;height:19px;padding:6px 4px;position:absolute;right:32px;top:0pt;width:365px;} #searchSubmit {border:0pt none;height:31px;position:absolute;right:0pt;top:0pt;width:115px;} #svatek{ position: absolute; top: 10px; right: 10px;} #text {float:left;margin-right:20px;width:530px;} .virtualniProhlidka{ float: none !important; width: 958px !important; text-align: center;;} #text h2{ font-size: 150% } /* Drobeckova navigace */ p.breadcrumb{ margin: 0 0 5px 0; } /* --- */ #aktuality h2{ background: url(design/aktualityH1Bg.gif) no-repeat center left;} #aktuality h2 span, #tipyVylet h2 span, #kulturniAkce h2 span, #novePridaneFirmy h2 span, #novinkyPortalu h2 span{ display: block; padding: 5px 0 10px 0; background: url(design/h2bg.gif) no-repeat bottom left; } #aktuality h2, #tipyVylet h2, #kulturniAkce h2, #novePridaneFirmy h2, #novinkyPortalu h2{ /*font-size: 120%;*/ color:#004f70; padding-left: 36px} #aktuality h2 a, #tipyVylet h2 a, #kulturniAkce h2 a, #novePridaneFirmy h2 a, #novinkyPortalu h2 a{ text-decoration: none; } #aktuality h2 a, #tipyVylet h2 a{color: #014c6c;} #aktuality h2 a:hover, #tipyVylet h2 a:hover{color: #017aab;} #aktuality .post h3, #tipyVylet .post h3{ margin-top: 0px; margin-bottom: 5px; } #aktuality .post h3 a, #tipyVylet .post h3 a{ color:#014c6c; font-size: 85%} #aktuality .post h3 a:hover, #tipyVylet .post h3 a:hover, #aktuality ul li a:hover, #tipyVylet ul li a:hover{ color: #0175a5;} #aktuality ul li a{ color:#014c6c; font-weight: bold;} #aktuality p, #tipyVylet p{ font-size:0.8em; text-align: justify; margin-bottom: 0px; margin-top: 5px} #aktuality small{ color: #02adf5; margin-right: 5px} #novePridaneFirmy h2{ background: url(design/novePridaneFirmyH1Bg.gif) no-repeat center left; margin-top: 10px; color:#1a4f00;} #novePridaneFirmy li a{ color: #1A4F00;} #novePridaneFirmy li a:hover{ color: #2c8a00;} #tipyVylet h2, #novinkyPortalu h2{ background: url(design/tipNaVyletH1Bg.gif) no-repeat center left; margin-top: 10px;} #tipyVylet small{ color:#0fb4f6; margin-right: 5px} #kulturniAkce h2{ background: url(design/kulturniAkceH1Bg.gif) no-repeat center left; margin-top: 10px;} #kulturniAkce h2 a:hover, #kulturniAkce ul li a:hover, #kulturniAkce h3 a:hover{ color: #4e4e4e;} #kulturniAkce small{ color: #909090; margin-right: 5px} #aktuality ul, #kulturniAkce ul, #tipyVylet ul, #novePridaneFirmy ul, #novinkyPortalu ul{ padding: 0; margin: 0; list-style: none;} #novinkyPortalu h2, #novinkyPortalu ul a{ color: #b04001;} #novinkyPortalu ul a:hover{ color: #f35601;} #novinkyPortalu ul small{ color: #ff9f24; margin-right: 5px} #novinkyPortalu{ margin-bottom: 15px;} /* --- */ #rightContent { float:left; margin-bottom:50px; width: 410px;} #rightContent ul{ margin: 0; padding: 0;} #rightContent h2{ padding: 1px 0 5px 5px !important; margin: 0; font-size: 160%} #rightContent ul li{ list-style: none;} #abeceda ul li, #katalogFirem #kategorie ul li{ float: left;} h2#katalogStranke{ background: url(design/katalogFiremH1Bg.gif) repeat-x top; font-size: 160%} #katalogFirem #kategorie ul li, #abeceda ul li{ padding:5px 4px; } #abeceda ul{ margin-left: 50px; } #abeceda ul li a, #katalogFirem #kategorie ul li a{ color: #5b8c5d; font-weight: bold; text-decoration: none;} #abeceda{ background: url(design/abeceda.gif) no-repeat bottom left;} #abeceda ul li a{ padding-right: 4px } #katalogFirem #kategorie{ padding-top: 10px; background: url(design/katalogFiremBg.gif) repeat-x top;} #katalogFirem #kategorie ul li.page_item{ padding-left: 20px !important;} #katalogFirem #kategorie ul li.page-item-3{ background: url(design/cat3.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-4{ background: url(design/cat4.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-5{ background: url(design/cat5.gif) no-repeat left center; padding-left: 22px !important;} #katalogFirem #kategorie ul li.page-item-6{ background: url(design/cat6.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-7{ background: url(design/cat7.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-8{ background: url(design/cat8.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-9{ background: url(design/cat9.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-10{ background: url(design/cat10.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-11{ background: url(design/cat11.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-12{ background: url(design/cat12.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-13{ background: url(design/cat13.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-14{ background: url(design/cat14.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-2934{ background: url(design/cat2934.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-11239{ background: url(design/cat11239.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-11241{ background: url(design/cat11241.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-24146{ background: url(design/cat24146.gif) no-repeat left center;} #katalogFirem #kategorie ul li.page-item-27430{ background: url(design/cat27430.gif) no-repeat left center;} #akcniNabidkaFirem div, #pocasi div, #kategorie, #kontaktBar div{ padding: 5px;} #akcniNabidkaFirem, #pocasi ,#kontaktBar , #kamNaObed, #abeceda, #kategorie{ border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;} #pocasi div div{ max-width: 300px !important;} #pocasi div div div div div{ width:60px !important;} #pocasi div div div div{ width: 400px !important;} #akcniNabidkaFirem { background:#FAFAFA url(design/akcniNabidkaFiremBg.gif) no-repeat scroll left top; } #katalogFirem #kategorie ul li.current_page_parent a, #katalogFirem #kategorie ul li.current_page_item a{ color: black; } #katalogFirem{ } #kamNaObed{ } #kamNaObedContent p{margin: 0 0 !important; font-weight: bold;} #kamNaObedContent .den ul li{ list-style: decimal; margin-left: 20px;} #kamNaObedContent h2{background: url(design/kamNaObed.gif) no-repeat top !important;} #kamNaObedContent .ui-tabs-panel{ border: none;} #kamNaObedContent .ui-tabs-nav a:link, #kamNaObedContent .ui-tabs-nav a:visited {color:#005878; font-size: 130%;} #pocasi, #kontaktBar{ background: #fafafa url(design/pocasiB.gif) no-repeat top left; border-bottom:1px solid #DFDFDF;} #pocasi{ border-bottom: none;} #tlacitkoPridatFirmu{text-align: center; padding: 10px 0; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; } #webkamera{ text-align: center; padding: 10px 0;} #sprateleneWeby { background:#FAFAFA url(design/akcniNabidkaFiremBg.gif) no-repeat scroll left top; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;} .clear { clear:both; display:block; height:1px; overflow:hidden;} #footer {margin-top:40px; border-top:1px solid #DFDFDF; padding:10px 0; font-size:85%; color:#797979; clear:both;} #footer p {margin:0;} #footer a {color:#797979;} #footer a:hover {color:#494949;} /* ------------------------------------------------------------------------------------------------------- Clanek samostatny ------------------------------------------------------------------------------------------------------- */ .postOne h2{ font-size: 160%} .postOne .info{ background:#F9F9F9 none repeat scroll 0%; border:1px solid #E9E9E9; padding:5px; margin: 10px 0} .post{ border-bottom:1px solid #E6E6E6; } .post h3{ margin-bottom: 0; font-size: 120%; margin-bottom:0;} p.metadata{ margin:5px 0; clear: both; padding: 5px; background-color: #fcfcfc; } .post .thumb{ height: 80px} .readMore{ font-weight: bold; padding: 3px; text-align: right;} #strankovaniClanky{ margin-top: 5px; padding: 5px; font-size: 1.2em} #strankovaniClanky a{ padding: 5px; background-color: #d8d8d8; text-decoration: none;} #strankovaniClanky a:hover{ color: #595959;} /* Vypis firem */ .vypisFirma{ margin-bottom: 10px} .vypisFirma .logo{float: left; width: 150px;} .vypisFirma .logo img{ margin-top: 10px;} .vypisFirma .popis{float: left; width: 370px; margin-left: 10px} .vypisFirma .popis h3{ margin-top: 0;} /* ------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------- */ .nolink {text-decoration:none;} .thumb {float: left; margin-right: 10px; margin-bottom: 10px;} hr{ display: none;} .box { min-height:1px; } .box:after { clear:both; content:"."; display:block; font-size:0pt; line-height:0pt; visibility:hidden;} /* hlavni stranka */ .zalozky{margin: 2px 0} .zalozky ul{ padding: 0; margin: 0; background: #f2f2f2; border-bottom: 2px solid #dbdbdb; } .zalozky li { display:inline; margin:0pt; padding:0pt; list-style: none;} .zalozky li a { display:block; float:left; font-weight:bold; height:20px; padding:5px 5px; text-decoration: none; background: #d8d8d8;} .zalozky li.current_page_item a{ background: #b4b4b4;} .zalozky li a:hover { text-decoration:none; background: #b4b4b4; color: #000; } #hlavickaFirma{ padding: 0; margin: 0;} #hlavickaFirma img{ padding: 0; margin: 0;} #kontaktBar #map{ padding: 0; height: 280px; width: 380px; margin: 0 0 10px 14px} #kontaktBar #map div{ padding: 0;} #kontaktBar .kontaktObsah{ padding: 0 13px 10px 13px} #kontaktBar .kontaktObsah p{ margin: 0;} /* Inzeraty */ #pridatInzerat{margin-top: 15px; border: 1px solid #eeefff; background-color: #f4f7fd; } #pridatInzerat form{ padding: 10px; } #pridatInzerat h4{margin: 0; background-color: #a3d6eb; padding: 4px; font-size: 120%; color: #184c61;} #pridatInzerat label{font-weight: bold;} #pridatInzerat input, #pridatInzerat textarea{margin: 5px 0;} /* Styles for Example #2 */ #katalogStranekStranka{ margin:0; padding:0; list-style-type:none; background-color:#FFFFFF; color:#000000;} #katalogStranekStranka a{ display:block; font-weight:normal;text-decoration:none;} #katalogStranekStranka ul{ overflow: hidden; margin:0; padding:0; } #katalogStranekStranka li{ margin:0; padding:0; list-style-type:none;} #katalogStranekStranka li a{ padding:5px 0 0 15px; display:block; color:#000000; height:25px; font-weight: bold; } #katalogStranekStranka li li a{ font-weight: normal; text-decoration:underline;} #katalogStranekStranka li li{ padding:0 15px 0 15px;} #katalogStranekStranka li a.opened{} #katalogStranekStranka li.firstitem a.opened{} .nextPost{text-align: right !important; font-size: 0.8em !important;} /* Bannery */ #bannerSidebar{ border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; padding: 0 0 0 8px} #bannerSidebar p{ margin: 0 !important; padding: 6px 0; } #bannerMain{ margin: 20px 0 20px 15px} /* Styly firma stranka */ .firmaStranka p{ margin: 0.5em 0} /* Floating img */ img.alignright { margin: 0 7px 2px 0;} img.alignleft { margin: 0 0 2px 7px;} .alignright { float: left;} .alignleft { float: right;} #print{ clear: both; margin-top: 15px; text-align: right;} #topBanner{ position: absolute; right: 0; top: 50px;} #topBanner div{ padding: 0 !important;} /* TEST */ .question{ margin-bottom: 10px; } .test .question p.title{ padding: 10px; font-weight: bold; background: #f2f2f2; border-bottom: 1px solid #dfdfdf; margin: 0; } .test .question p.answers{ border: 1px solid #dfdfdf; border-top: none; background-color: #FFF; margin: 0; padding: 10px; } .test .question.contact p.title{ background: #d6eaf1; } .test .question.contact p.answers input{ width: 160px;} div.error{ padding: 5px; color: red; font-weight: bold; } /**/ #buttonSeraditPodleData{ margin-left: 350px } #kurzy{ margin-top: 25px;} .bKurz { float: left; margin-right: 10px;} .vyrazne p{ font-size: 160% !important; text-align: center !important;}