/* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ @import url('../css/reset.css'); body { background-image: url(../images/body-bg.png); background-repeat: repeat-x; margin: 0px auto; width: 941px; text-align: center; font-size: .8em; color: black;font-family: Arial, Helvetica, sans-serif; line-height: 1.3;} .cleaaar { clear: both;} #ramec {width:941px; margin: 0px 0px 0px 0px; display: block; position: relative; top: 0px; z-index: 1; } /* LOGO */ .logo-top {float: left; margin: 30px 0px 10px 0px; _margin: 30px 0px 10px 0px; display: block-inline;} #zahlavi-logo {} /* Facebook */ .fb-div {position:absolute; top:43px; left:909px; text-align: right;} a.fb:link, a.fb:visited {width: 32px; height: 31px; background-image: url(../images/menu-fb-of.png); background-position: center left; background-repeat: no-repeat; display: inline-block;} a.fb:hover {width: 32px; height: 31px; background-image: url(../images/menu-fb-on.png); background-position: center left; background-repeat: no-repeat; display: inline-block;} /* SLIDESHOW */ #ramec-ilustrace {width:941px; height:381px; margin: 0px; display: block; position: absolute; z-index: 2; top: 100px;} #ramec-ilustrace-bg {width:941px; height:381px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 100px; z-index: 3;} #motto-ilustrace-bg {width:252px; height:85px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 379px;left: 630px; z-index: 3;} #rh-ilustrace-bg {width:931px; height:6px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 99px; left:5px; z-index: 3;} #rd-ilustrace-bg {width:931px; height:6px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 464px; left:5px; z-index: 3;} #rl-ilustrace-bg {width:5px; height:359px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 112px; left:5px; z-index: 3;} #rp-ilustrace-bg {width:5px; height:359px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 112px; left:931px; z-index: 3;} #ramec-ilustrace-sipky {width:941px; height:89px; margin: 0px 0px 0px 0px; display: block;position: absolute; top: 350px; z-index: 4;} #ramec-ilustrace-sipky img{ border: none;} .sipka-vlevo { float: left; margin: 0px 0px 0px 20px;} .sipka-vpravo { float: right; margin: 0px 20px 0px 0px;} /* OBSAH */ #ramec-obsah { margin: 0px auto 0px auto; text-align: center; display: block; width: 941px; height: auto; position: relative; top: 400px; left: auto; right: auto; } /* HLAVNI OBSAH */ #vlevo {text-align: left; width: 570px; float: left;} #vlevo p {text-align: justify; margin: 10px 0px 10px 0px; padding: 0px;} #vlevo ol {list-style:decimal} #vlevo ul {list-style:square} #vlevo li {margin-left:30px; margin-bottom:5px} #vlevo a:link, #vlevo a:visited {color: #E67F00; } #vlevo a:hover {color: #FF0000; } #vlevo p, #vlevo dl, #vlevo hr, #vlevo h1, #vlevo h2, #vlevo h3, #vlevo h4, #vlevo h5, #vlevo h6, #vlevo ol, #vlevo ul, #vlevo pre, #vlevo table, #vlevo address, #vlevo fieldset {margin-bottom:20px; font-weight:normal;} #vlevo a:focus {outline:1px dotted invert} #vlevo hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0 } /* tabulky */ #vlevo #box-table-a {font-family: Arial, Helvetica, sans-serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vlevo #box-table-a th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vlevo #box-table-a td {background:#FFF2E3;border-bottom:1px solid #fff;color:#000;border-top:1px solid transparent;padding:8px;} /*#ramec-main-pad #box-table-a tr:hover td{background:#d0dafd;color:#339;}*/ #vlevo #box-table-b {font-family: Arial, Helvetica, sans-serif; font-size:12px; width:75%; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vlevo #box-table-b th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vlevo #box-table-b td {background:#FFF2E3;border-bottom:1px dotted #C94200; color:#000;border-top:1px dotted #C94200;padding:8px;} /*#ramec-main-pad #box-table-b tr:hover td{background:#d0dafd;color:#339;}*/ #vlevo #box-table-c {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vlevo #box-table-c th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vlevo #box-table-c td {background:#FFF2E3;border-bottom:1px dotted #C94200; color:#000;border-top:1px dotted #C94200;padding:8px;} /*#ramec-main-pad #box-table-b tr:hover td{background:#d0dafd;color:#339;}*/ #bloky-obal {} .blok-1i {width: 274px; height: 132px; border: none;} a.blok-1:link, a.blok-1:visited {width: 274px; height: 132px; background-image: url(../images/blok1-of.png); float: left; background-repeat: no-repeat;} a.blok-1:hover {width: 274px; height: 132px; background-image: url(../images/blok1-on.png);} .blok-2i {width: 274px; height: 132px; border: none;} a.blok-2:link, a.blok-2:visited {width: 274px; height: 132px; background-image: url(../images/blok2-of.png); float: right; background-repeat: no-repeat;} a.blok-2:hover {width: 274px; height: 132px; background-image: url(../images/blok2-on.png);} #vlevo h1 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.8em; color: #ff4500; font-weight: normal; margin: 0 0 10px 0; border-bottom: solid 1px; clear: both;} #vlevo h2 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.5em; color: red; font-weight: normal; margin: 15px 0;} #vlevo h3 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.3em; color: red; font-weight: normal; margin: 15px 0; } #vlevo h4 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #e67f00; font-weight: normal; margin: 10px 0;} #vlevo h5 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.1em; color: red; font-weight: normal; margin: 10px 0;} #vlevo h6 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.1em; color: gray; font-weight: normal; margin: 10px 0;} #bl1 {float: left;width: 274px;} #bl2 {float: right;width: 274px;} #bl1 h2, #bl2 h2 {width: 274px; text-align: left; margin: 0px 0px 0px 6px;font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.8em; color: #ff4500; font-weight: normal; } #bl1 p, #bl2 p {width: 274px; text-align: left; margin: 0px 0px 20px 6px;font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: .9em; color: gray; font-weight: normal; line-height: 130%; } #bl1 a:link,#bl1 a:visited, #bl2 a:link,#bl2 a:visited {color: #ff4500; text-decoration: none;} #bl1 a:hover, #bl2 a:hover {color: #b22222; text-decoration: none;} #hlavni-obsah-obal {} /* ++++++++++++++ stránkování/pagination ++++++++++++++ */ /* pagenav */ /* stránkování detailu článku */ #vlevo .pagenav {padding:2px; clear:both;} #vlevo ul.pagenav { list-style: none;list-style-type:none; padding:0; overflow:hidden} #vlevo ul.pagenav li { display:inline-block; padding:1px; margin:0; border:solid 0px #cc0000; position:relative; background: none;} #vlevo ul.pagenav li { line-height:2em} #vlevo ul.pagenav li a, #vlevo ul.pagenav li a:link, #vlevo ul.pagenav li a:visited { border:solid 1px #ccc; display:inline; background-color: silver; color: white; padding:2px; text-decoration:none; } #vlevo ul.pagenav li a:hover { background-color: #78a700; color: #ffffff;} #vlevo ul.pagenav li.pagenav-prev {float:left} #vlevo ul.pagenav li.pagenav-next {float:right} /* stránkování blogu článku */ #vlevo .pagination, #vlevo .pagination-top { margin:10px 0 ; padding:10px 0 10px 0px; clear:both; } #vlevo .pagination ul, #vlevo .pagination-top ul { list-style: none; list-style-type:none; margin:0; padding:0; text-align: right; } #vlevo .pagination-top { border-bottom: dashed silver 2px; margin: 10px 0px 0px 0px; padding-top: 10px; color: gray;} #vlevo .pagination-top li { background: none; color: #C0C0C0; padding: 2px 2px; margin: 0px; text-align: right; display: inline-block; font-weight: bold; zoom: 1; *display: inline;} #vlevo .pagination-top li a:link, #vlevo .pagination-top li a:visited { background-color: #E67F00; color: white; display: inline-block; padding-left: 5px; padding-right: 5px; text-decoration: none;} #vlevo .pagination-top li a:hover { background-color: #FF0000; color: white; text-decoration: none; } #vlevo .pagination li { background: none; color: #C0C0C0; padding: 2px 2px; margin: 0px; text-align: right; display: inline-block; font-weight: bold; zoom: 1; *display: inline;} #vlevo .pagination li a:link, #vlevo .pagination li a:visited { background-color: #E67F00; color: white; display: inline-block; padding-left: 5px; padding-right: 5px; text-decoration: none; } #vlevo .pagination li a:hover { background-color: #FF0000; color: white; text-decoration: none; } /* cislovani */ p.counter { font-weight:bold !important; color: #E67F00;} /* OBSAH PRAVY SLOUPEC */ #vpravo-menu {text-align: left; width: 305px; float: right; background-image: url(../images/menu-vpravo-bg.png); margin: 10px 0px 10px 0px;} #vpravo {text-align: left; width: 305px; float: right;} #vpravo p {text-align: left; margin: 0px; padding: 0px;} #vpravo ol {list-style:decimal} #vpravo ul {list-style:square} #vpravo li {margin-left:15px; margin-bottom:5px} #vpravo a:link, #vpravo a:visited {color: #ff4500; border: none; border-bottom: none; text-decoration: none;} #vpravo a:hover {color: #b22222;} #vpravo-pad {padding: 20px;} #vpravo-pad h3 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.8em; color: #ff4500; font-weight: normal; margin: 0 0 10px 0; padding: 0px;} #vpravo-pad h4 { font-family: trebuchet ms, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #ff4500; font-weight: normal; margin: 0; padding: 0px;} /* mezery mezi moduly vpravo */ #vpravo-pad .moduletable_submenu, #vpravo-pad .moduletable { margin-bottom: 30px; padding: 0px;} /* tabulky */ #vpravo #box-table-a {font-family: Arial, Helvetica, sans-serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vpravo #box-table-a th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vpravo #box-table-a td {background:#FFF2E3;border-bottom:1px solid #fff;color:#000;border-top:1px solid transparent;padding:8px;} /*#ramec-main-pad #box-table-a tr:hover td{background:#d0dafd;color:#339;}*/ #vpravo #box-table-b {font-family: Arial, Helvetica, sans-serif; font-size:12px; width:75%; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vpravo #box-table-b th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vpravo #box-table-b td {background:#FFF2E3;border-bottom:1px dotted #C94200; color:#000;border-top:1px dotted #C94200;padding:8px;} /*#ramec-main-pad #box-table-b tr:hover td{background:#d0dafd;color:#339;}*/ #vpravo #box-table-c {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;} #vpravo #box-table-c th {font-size:13px; font-weight:bold; background:#FFDEB4; border-top:4px solid #C94200; border-bottom: 1px solid #fff; color:#ffffff; padding:8px;} #vpravo #box-table-c td {background:#FFF8EE;border-bottom:1px dotted #C94200; color:#000;border-top:1px dotted #C94200;padding:8px;} /*#ramec-main-pad #box-table-b tr:hover td{background:#d0dafd;color:#339;}*/ /* Aktuality */ .newsflash_aktuality {margin: 0px; border: none; color: black; font-size: 12px;} .newsflash-title_aktuality {background-image: url(../images/zprava-of.png); background-position: top left; background-repeat: no-repeat; } .newsflash_aktuality h4 {margin: 10px 0px 0px 0px !important; padding-left: 20px !important; border: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: bold !important; } .newsflash_aktuality a:link, .newsflash_aktuality a:visited {color: #ff4500; border: none; border-bottom: none; text-decoration: none;} .newsflash_aktuality a:hover {color: #b22222;} .newsflash_aktuality p, .newsflash_aktuality ul, .newsflash_aktuality ol {margin: 0px; padding-left: 20px !important;} a.archiv:link, a.archiv:visited { color: #ff4500; text-decoration: none; display: block; padding: 5px 0px 5px 15px;background-image: url(../images/menu-vpravo-1of.png); background-position: center left; background-repeat: no-repeat; text-align: right; display: inline; float: right;} a.archiv:hover { color: #b22222; text-decoration: none; background-image: url(../images/menu-vpravo-1on.png); background-position: center left; background-repeat: no-repeat;} /* menu v pravem sloupci */ div.moduletable_submenu ul, div.moduletable_submenu ul li { list-style: none; margin: 0; padding: 0; list-style-image: none; } div.moduletable_submenu a:link, div.moduletable_submenu a:visited { color: #ff4500; text-decoration: none; display: block; border-bottom: solid 1px silver; padding: 5px 0px 5px 15px;background-image: url(../images/menu-vpravo-1of.png); background-position: center left; background-repeat: no-repeat;} div.moduletable_submenu a:hover, div.moduletable_submenu ul li.active a { color: #b22222; text-decoration: none;border-bottom: solid 1px black; background-image: url(../images/menu-vpravo-1on.png); background-position: center left; background-repeat: no-repeat;} .rr-1 {display: block; height: 20px; width: 114px; border: none;} a.rr-a1:link, a.rr-a1:visited { background-image: url(../images/rr-1-of.png); display: block; height: 20px; width: 114px; background-repeat: no-repeat; border: none; float: left;} a.rr-a1:hover { background-image: url(../images/rr-1-on.png); border: none;} .rr-2 {display: block; height: 20px; width: 169px; border: none;} a.rr-a2:link, a.rr-a2:visited { background-image: url(../images/rr-2-of.png); display: block; height: 20px; width: 169px; background-repeat: no-repeat; border: none; float: right;} a.rr-a2:hover { background-image: url(../images/rr-2-on.png); border: none;} /* PATA */ #patka { width: 941px; margin: 50px 0px 0px 0px; background-image: url(../images/patka-bg-g.png); background-repeat: repeat-x; background-position: top left; /*position: relative; top: 120px;*/ height:100px; min-height:100px; } .p-menu {float: left; text-align: left; font-size: .85em; margin: 10px 0px 0px 5px;} .p-menu p { margin: opx 0px 0px 5px;} .p-copy {float: right; text-align: right; font-size: .85em;} .p-copy p { margin: 5px 5px 0px 0px;} .p-copy a:link, .p-copy a:visited {color: black;} .p-copy a:hover {color: gray;} .p-menu a.iko-1:link, .p-menu a.iko-1:visited {background-image: url(../images/patka-iko-home-of.png); background-position: center left; background-repeat: no-repeat; padding: 13px 0px 10px 25px; margin-right: 20px; display: block-inline; text-decoration: none; color: #e67f00; height: 40px; min-height: 40px;} .p-menu a.iko-1:hover {background-image: url(../images/patka-iko-home-on.png);color: black;} .p-menu a.iko-2:link, .p-menu a.iko-2:visited {background-image: url(../images/patka-iko-nahoru-of.png); background-position: center left; background-repeat: no-repeat; padding: 13px 0px 10px 25px; margin-right: 20px; display: block-inline; text-decoration: none; color: #e67f00; height: 40px; min-height: 40px;} .p-menu a.iko-2:hover {background-image: url(../images/patka-iko-nahoru-on.png);color: black;} .p-menu a.iko-3:link, .p-menu a.iko-3:visited {background-image: url(../images/patka-iko-zpet-of.png); background-position: center left; background-repeat: no-repeat; padding: 13px 0px 10px 25px; margin-right: 20px; display: block-inline; text-decoration: none; color: #e67f00; height: 40px; min-height: 40px;} .p-menu a.iko-3:hover {background-image: url(../images/patka-iko-zpet-on.png);color: black;} .p-menu a.iko-4:link, .p-menu a.iko-4:visited {background-image: url(../images/patka-iko-kontakty-of.png); background-position: center left; background-repeat: no-repeat; padding: 13px 0px 10px 25px; margin-right: 20px; display: block-inline; text-decoration: none; color: #e67f00; height: 40px; min-height: 40px;} .p-menu a.iko-4:hover {background-image: url(../images/patka-iko-kontakty-on.png);color: black;} .p-menu a.iko-5:link, .p-menu a.iko-5:visited {background-image: url(../images/patka-iko-napiste-of.png); background-position: center left; background-repeat: no-repeat; padding: 13px 0px 10px 25px; margin-right: 20px; display: block-inline; text-decoration: none; color: #e67f00; height: 40px; min-height: 40px;} .p-menu a.iko-5:hover {background-image: url(../images/patka-iko-napiste-on.png);color: black;} /* ++++++++++++++ login form ++++++++++++++ */ #login-form, .login { padding-top:5px} #login-form fieldset, .login fieldset { padding:0; border:0; } #login-form .inputbox, .login .inputbox { padding:2px} #login-form fieldset.input, .login fieldset.input { padding:10px 0 0 0; margin:0px 0 10px 5px } #login-form label, .login label { margin-right:10px; width:10em; display:block; float:left } #form-login-remember label { float:none; width:auto; display:inline } .logout-button { margin-top:10px } input.button, button.button, button.validate { cursor:pointer; padding:3px 5px 3px 7px ; font-weight:bold; line-height:1.2em; font-family:arial; } #modlgn-username, #modlgn-passwd { width:9em } .module_content #form-login-username label, .module_content #form-login-password label { float:left; width:5.2em } .login-fields { margin:10px 0 } .login-fields label { float:left; width:9em } .login-description img, .logout-description img { float:left; margin-right:20px } .login-description, .logout-description { overflow:hidden; padding-left:5px; margin:20px 0 10px 0 } .logout-description { margin-bottom:20px } /* ++++++++++++++ icons ++++++++++++++ */ #vlevo ul.actions {text-align:right;padding:0;width:100%;margin:0} #vlevo ul.actions li {display:inline} #vlevo ul.actions a {text-decoration:none} #vlevo ul.actions a img {border:0}