@font-face { font-family: 'BebasNeueRegular'; src: url('../fonts/bebasneue-webfont.eot'); src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } * {margin:0px;padding: 0px;} body {margin: 0px;padding:0px;background-color:#0C4463;background-image:url(../images/page/fp_header_left.jpg);background-position: 0px 0px; background-repeat:repeat-x; text-align:center; font-family: Arial; color: #042B40;} p {font-size: 12px; line-height: 20px;} a {font-size: 12px;} a:hover {color: #EF5320; font-size: 12px;} h1 {padding-bottom: 2px; margin-bottom: 3px; font-family: BebasNeueRegular; font-weight: normal; font-size: 2.5em;} h2,h3 {font-weight: bold;font-size: 16px;} .clear {clear: left;} .float_l {float: left;} #all {position:relative;width: 1242px;text-align:center;z-index:1;margin:auto;text-align:left;} #left-page {position: relative; float: left; width: 120px; height: 1000px; overflow: hidden;} #right-page {position: relative; float: left; width: 120px; height: 1000px; overflow: hidden;} .ban-top {width: 120px; height: 270px ;} #all #fpheader {background-image:url(../images/page/fp_header.jpg);position:relative;float:left;width:1002px;height:230px; } #fpheader #big-banner {left:247px;top:33px;width:745px;height:101px;position:absolute;} #altContent2{ position: relative;padding: 0px; margin: 0px; background: transparent;} #fpheader #home a {top:33px;left:15px;width:230px;height:101px;text-decoration: none; display:block;position: absolute;} #menu {position: absolute;top: 174px;width: 1000px;height: 56px;} #menu a {text-decoration: none;color: #FFFFFF;font-family: sans-serif;font-size: 18px;} #menu #menu-informace {padding-top: 18px;padding-left: 50px; margin-left: 10px;display: block;position:relative;float: left;width:118px;height:56px;background: url("../images/menu/menu-informace.jpg") no-repeat;} #menu #menu-firmy {padding-top: 18px;padding-left: 50px;position:relative;display:block;float: left;width:79px;height:56px;background: url("../images/menu/menu-firmy.jpg") no-repeat;} #menu #menu-restaurace {padding-top: 18px;padding-left: 50px;position:relative;display:block;float: left;width:134px;height:56px;background: url("../images/menu/menu-restaurace.jpg") no-repeat;} #menu #menu-ubytovani {padding-top: 18px;padding-left: 50px;position:relative;display:block;float: left;width:109px;height:56px;background: url("../images/menu/menu-ubytovani.jpg") no-repeat;} #menu #menu-sport {padding-top: 18px;padding-left: 50px;position:relative;display:block;float: left;width:90px;height:56px;background: url("../images/menu/menu-sport.jpg") no-repeat;} .push {top: 0px;} #fpheader-line {background: url("../images/page/fp_header_line.jpg") no-repeat;position: relative;float: left;width: 1002px;height: 32px;z-index: 4; padding-top: 5px;} #fp-date {padding-left: 20px; font-size: 12px;} #fp-weather {float: right; vertical-align: top; top: -5px; position: relative;} .weather_dayname,.weather_dayname_today {padding-right: 10px; position: relative; font-size: 12px; top: -10px;} .weather_dayname_today { font-weight: bold;} .weather_daytemp { padding-left: 10px; position: relative; padding-right: 20px; font-size: 12px; top: -10px;} /*#fp-weather img {padding-top: 10px;}*/ #fpbody {background-image:url(../images/page/fp_body.jpg);background-repeat:repeat-y;position:relative;float:left;width:1002px;min-height: 400px;} #fpbody #content { margin: 10px 45px 10px 25px;} #fpbody .categories-folder { background: url('./images/folder.png') no-repeat left; padding-left: 20px; width: 300px; float: left;} .categories-folder a { text-decoration: none; color: #000000; font-size: 14px;} .categories-folder a:hover { text-decoration: none; color: #EF5320; text-decoration: underline;} #fpbody .categories-count { font-size: 12px; color: #9A9A9A;} /*#fpbody h1 { font-size: 16px; text-transform: capitalize; background: #3C88B1; color: #ffffff; padding: 5px 5px 3px 15px; border: 1px solid #0C4463 ; }*/ #fpbody h1 { text-transform: capitalize; color: #3C88B1; padding: 5px 5px 3px 0px; border-top: 4px solid #0C4463 ;border-bottom: 4px solid #0C4463 ; margin-bottom: 10px; } #fpbody .table-form { margin-left: 25px; width: 400px;} #fpbody .table-form td { padding: 4px;} #fpbody .table-form th { padding: 4px; vertical-align: top; text-align: right;} #fpbody .table-form input { width: 350px;} #fpbody .table-form textarea { width: 350px; height: 300px;} .message-success,.message-error {color:#000;font-size:16px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;} .message-success {background-color:#9F6;border:1px solid #0F0;} .message-error {background-color:#F66;border:1px solid red;} /** zobrazeni seznamu categories.php **/ #fpbody .items { float: left; width: 300px; padding: 0px 0px 10px 0px; font-size: 12px; height: 100px; overflow: hidden;} #fpbody .items .items-logo { float: left; border: 1px solid #0C4463; width: 60px; height: 60px; overflow: hidden; padding: 3px;} #fpbody .items .items-text { float: left; width: 200px ; padding: 0px 5px 5px 15px;} #fpbody .items .items-text h2, #fpbody .items .items-text h2 a{ font-size: 14px; font-weight: normal;} #fpbody .items .items-text h2 a:hover { color: #77A310;} #fpbody .items .items-text .items-odkaz a { font-size: 12px; color: #77A310;} #fpbody .items .items-text .items-odkaz a:hover { font-size: 12px; color: #EF5320;} .list-pages-bottom a, .list-pages-top a { border:1px solid #C2D0DF; padding:2px; } .list-pages-bottom .selected, .list-pages-top .selected { border:1px solid #C2D0DF; padding:2px; font-weight:bold; } .list-pages-bottom a:hover, .list-pages-top a:hover { background:url('/images/bg-row.png') 0 -400px repeat-x; } .list-pages-bottom { text-align:center; margin-top:12px; padding:5px; padding-top:8px; border-top:1px dotted #C2D0DF; } .list-pages-top { text-align:center; margin-bottom:12px; padding-bottom:8px; border-bottom:1px dotted #C2D0DF; } /** detail zarizeni **/ #fpbody #detail { padding: 30px 10px 10px 10px;} #fpbody #detail .detail-head h1{ font-size: 20px; width: 100%;} #fpbody #detail .detail-logo { float: left; border: 1px solid #0C4463; width: 70px; height: 70px; overflow: hidden; padding: 3px 3px 3px 3px; margin-right: 15px;} #fpbody #detail .detail-logo2 { float: left; border: 1px solid #0C4463; padding: 3px 3px 3px 3px; margin-right: 15px;} #fpbody #detail .table-detail { float: left; padding: 3px 3px 3px 3px; vertical-align: top;} #fpbody #detail .table-detail th{ text-align: right; color: #0C4463;vertical-align: top;} #fpbody #detail .table-detail td, #fpbody #detail .table-detail th{ padding: 5px;} #fpbody #detail ul{ padding-left: 35px;} #fpbody #detail p{ padding: 10px;} #fpbody #detail li{ font-size: 12px;} /** akce na homepage **/ #action { width: 455px; float: left; padding-right: 20px;} #action-menu { float: left; padding-bottom: 10px;} #action-menu ul { list-style: none;} #action-menu li { float:left;} /* #action-menu a { font-weight: bold; display: block; height: 20px; text-decoration: none; color: #9C220B; border: 1px solid #9C220B; margin: 5px 4px 0px 0px; padding: 7px 5px 0px 5px ;} #action-menu a.s { font-weight: bold; background: #ffffff; color: #0C4463; border: 1px solid #0C4463;} #action-menu a:hover { font-weight: bold; background: #9C2E0B; color: #FFFFFF;}*/ #action-menu a { font-weight: bold; display: block; height: 20px; text-decoration: none; margin: 5px 4px 0px 20px;} #action-menu a.s { text-decoration: underline;} #action-content { float: left; font-size: 12px; height: 400px; overflow-y: scroll;} #action-content table { border-collapse: collapse;} #action-content tr { border-bottom: 1px solid;} #action-content .r1 { background-color: #95CFEF;} #action-content .r2 { background-color: #ffffff;} #action-content td { padding: 5px 5px 5px 25px;} .action-select-date { padding-right: 40px; font-size: 12px; margin-top: 10px; display: inline-block;} #datepicker { width: 70px;} .action-select-places { width: 280px; font-size: 12px; } .action-date { width: 90px;} .action-place { width: 370px ;} .action-vystava { background: url('../images/icon-vystava.png') no-repeat left center;} .action-kurz { background: url('../images/icon-kurz.png') no-repeat left center;} .action-koncert { background: url('../images/icon-koncert.png') no-repeat left center;} .action-ostatni { background: url('../images/icon-ostatni.png') no-repeat left center;} .action-prednaska { background: url('../images/icon-prednaska.png') no-repeat left center;} .action-divadelni-hra { background: url('../images/icon-divadelni-hra.png') no-repeat left center;} .action-kino { background: url('../images/icon-kino.png') no-repeat left center;} .action-vse { background: url('../images/icon-vse.png') no-repeat left center;} /** akce modal */ #ajax-action { padding: 20px; font-size: 12px; width: 550px; height: 350px; overflow-x: hidden; overflow-y: scroll; } #ajax-action h1 { text-transform: capitalize; color: #3C88B1; padding: 5px 5px 3px 15px; border-top: 4px solid #0C4463 ;border-bottom: 4px solid #0C4463 ; margin-bottom: 10px; } #ajax-action h2 { margin:5px 0px 10px 0px;} #ajax-action h2 { margin:5px 0px 10px 0px;} #ajax-action h3 { margin:5px 0px 10px 0px;} #ajax-action ul { margin-left: 30px;} /** clanky **/ #articles { width: 455px; float: left;} #articles h2 a { font-size: 1.6em; font-family:BebasNeueRegular ; font-weight: normal;} .perex-date {font-size: 10px; color: #9C2E0B; font-weight: bold;} .perex-image { float: left; margin: 0px 10px 5px 0px; width: 100px; height: 75px; overflow: hidden; border: 1px solid;} #articles .perex { font-size: 11px; padding-bottom: 15px;} /** clanek **/ #article { float: left; width: 600px; margin-right: 20px;} .article-thumb { position:relative; float: left; padding: 0px 0px 0px 0px; width: 600px; height: 300px; overflow: hidden; margin-bottom:20px; border: 1px solid;} .article-thumb img { position: relative;} .article-thumb h1 { font-size: 16px;} .article-thumb-info { position: absolute; top: 275px; width: 592px; background-color:#000000; opacity: 0.8; padding: 4px; color: #FFFFFF; height: 25px;} .article-perex { font-weight: bold; font-size: 16px; padding: 0px 0px 10px 0px; line-height: 1.6em;} .article-time { margin: 5px 0px 5px 0px;} .article-content p { line-height: 1.6em; font-size: 16px; padding: 0px 0px 1em;} /** pokud je treba levy*/ #left { float: left; width: 600px; margin-right: 20px;} #left p { line-height: 1.6em; font-size: 16px; padding: 0px 0px 1em;} /** pravy panel **/ #right { float: left; width: 300px;} .right-articles { float: left;} .right-articles h2 { font-size: 12px; margin-bottom: 5px;} .right-articles-thumb { float: left; margin: 0px 10px 5px 0px; width: 80px ; height: 80px; overflow: hidden;} .right-articles-thumb img { position: relative;} .right-articles-perex { font-size: 10px; float: left; width: 200px;} /** rss clanky **/ #fpbody .rss-nadpis { float: left; width: 50%; padding-top: 10px; padding-bottom: 10px;} .news { width: 50%; float: left;} #fpbody .table-rss { vertical-align: top;} #fpbody .table-rss-image { width: 110px;} #fpbody .table-rss td { padding: 3px 3px 3px 3px; vertical-align: top;} #fpbody .table-rss h3 { padding-bottom: 0px; } #fpbody .table-rss img { float: left; padding: 3px 3px 3px 3px; border: 1px solid #0C4463; margin-right: 10px;} #gad { position: relative; float: left; padding: 10px 0px 10px 20px;} #links { position: relative; float: left; padding: 10px 30px 10px 40px;} #fpfooter {background-image:url(../images/page/fp_footer.jpg); position:relative;float:left;width:1002px;height:81px;} #fpfooter_text { padding:20px 10px 0px 10px ; color: #ffffff; font-size: 10px; text-align: right;} .separator { float: left; width: 100%; height: 40px;} #all #sekce .listovani {text-align:center; font-size:20px} #all #sekce .listovani a {text-decoration: none; color: blue; font-size:15px} #all #sekce .listovani a:active {text-decoration: underline; color: red;} #all #sekce .listovani a:hover {text-decoration: underline; color: black; font-size:20px;}