/**** zakladni ****/ body { font-family: Tahoma, sans-serif !important; font-size: 13px !important; color: #000; background: #e6ceb4 url("./img/bg.jpg") no-repeat 50% 0; padding: 0; margin:0} h1 {font-size:15px; margin:0} h2 {font-size: 1.8em; margin:0 0 6px} h3 {font-size:14px; margin:0} h4 {font-size:13px; margin:0} h5 {font-size:12px; margin:0} h6 {font-size:11px; margin:0} ul, ol, p, li, span, address, a, img {margin:0; padding:0} a {text-decoration: underline; color: #e3004a} a:hover {text-decoration: none} table, tr, td, th {border-color: #D6D6D6; border-style: solid; border-width: 1px; border-collapse: collapse; margin: 0; padding: 0} fieldset, form {border: none; margin: 0; padding: 0} .tip {} div.p {float: right; width: 344px} /**** layout ****/ #main {width: 982px; position: relative; margin: 0 auto; z-index: 2; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif !important;} #head-search {position: absolute; top: 220px; left: 242px; padding: 5px 0; display: inline; z-index: 105; width: 200px; color: #CCCCCC; height: 12px} #head-search form { display: inline; position: absolute; top: 0; right: 0; height: 22px} #head-search label {display: inline; color: #fff; margin:0; text-size: 10px !important;} #head-search input {margin: 0; border: 1px solid #0B4A84; width: auto; padding: 0; text-size: 10px !important;} #head-search input.text { background: #fff; text-size: 10px !important; border: #cac7e3 1px solid; width: 150px; position: absolute; top: 0px; padding: 6px 5px; height: 16px; letter-spacing: normal; } #head-search input.button {background: transparent; margin-top: 5px !important; background: url("./img/odeslat-top.jpg") no-repeat; padding:0; border: 0; width: 34px; height: 27px; border:none; cursor: pointer; margin: 0; position: absolute; top: 0; right: 0} #head {background-repeat: no-repeat; height: 156px} #head h1 { position: absolute; top: 0; left: 20px; width: 564px; z-index: -1} #head a span {margin: 0; float: left; position: absolute; top: 0; left: 14px; padding: 0; width: 564px; height: 156px; background: url("./img/logo.jpg") no-repeat 0 0; text-align: center; z-index: 1} #head a {width: 564px; height: 156px; display: block; margin: 0 auto; font-size: 0%; color: none !important; position: absolute; top: 0; left: 0; z-index: 2} #menu {list-style-type: none; height:48px; padding: 0; width: 400px; margin: 0; position: absolute; left: 242px; top: 266px; z-index: 4} #menu li {float: left; list-style-type:none; position: relative; padding:0; margin:0; display: block; font-weight: bold; text-decoration: none; } #menu li a {text-decoration: underline; color: #190f86; padding: 0; display: block} #menu li a:hover {text-decoration: none; color: #190f86; display: block} #menu li a span.item01 {background: url("./img/menu1.jpg") no-repeat 0 0; width: 142px; height: 45px; display: block; z-index: 99; position: absolute; left: 0; top: 0; visibility: visible} #menu li a:hover span.item01 {background: url("./img/menu1.jpg") no-repeat 0 -45px; width: 142px; height: 45px; display: block; z-index: 99; position: absolute; left: 0; top: 0; visibility: visible} #menu li a span.item02 {background: url("./img/menu2.jpg") no-repeat 0 0; width: 115px; height: 45px; display: block; z-index: 99; position: absolute; left: 100px; top: 0; visibility: visible} #menu li a:hover span.item02 {background: url("./img/menu2.jpg") no-repeat 0 -45px; width: 115px; height: 45px; display: block; z-index: 99; position: absolute; left: 100px; top: 0; visibility: visible} #menu li a span.item03 {background: url("./img/menu3.jpg") no-repeat 0 0; width: 148px; height: 45px; display: block; z-index: 99; position: absolute; left: 161px; top: 0; visibility: visible} #menu li a:hover span.item03 {background: url("./img/menu3.jpg") no-repeat 0 -45px; width: 148px; height: 45px; display: block; z-index: 99; position: absolute; left: 161px; top: 0; visibility: visible} #menu li a span.item04 {background: url("./img/menu4.jpg") no-repeat 0 0; width: 77px; height: 45px; display: block; z-index: 99; position: absolute; left: 223px; top: 0; visibility: visible} #menu li a:hover span.item04 {background: url("./img/menu4.jpg") no-repeat 0 -45px; width: 77px; height: 45px; display: block; z-index: 99; position: absolute; left: 223px; top: 0; visibility: visible} /* 2 UROVEN */ #menu ul {display: block; color: #000; position: relative; z-index: 100; position:absolute; top:45px; font-weight:normal; left:0px; text-align:left; display:none; _display:compact;visibility:hidden; margin:0; _margin-left:-4px; list-style-position:outside;white-space: nowrap; background: #e7d3ab} #menu ul li {float:none; padding:8px 10px; margin:0; background: #e7d3ab; position:relative;min-height:17px; border-left: #f7e7c9 7px solid; border-right: #f7e7c9 7px solid; border-bottom: 1px #aa9365 dotted; white-space: normal; display: block} #menu li ul li a, #menu li ul li a{padding:0; color: #91153a; text-decoration: none } #menu li ul li a:hover, #menu li ul li a:hover {padding:0; color: #91153a; text-decoration: underline !important} #menu li:hover ul li a , #menu li.MenuItemHover ul li a {position: relative; font-weight: normal; color: #91153a; z-index:10; text-decoration: none} .podmenu01 {width: 155px; left: 155px !important; font-size: 11px} .podmenu02 {width: 110px; left: 100px !important; font-size: 11px} .podmenu03 {width: 110px; left: 100px !important; font-size: 11px} /* 3 UROVEN */ #menu ul ul {display: block; color: #000; position: relative; z-index: 100; position:absolute; top: 0; font-weight:normal; left:0px; text-align:left; display:none; _display:compact;visibility:hidden; margin:0; _margin-left:-4px; list-style-position:outside;white-space: nowrap; background: #e7d3ab} #menu ul ul li {float:none; padding:8px 10px; margin:0; background: #f7e7c9; position:relative;min-height:17px; border-left: #f7e7c9 7px solid; border-right: #e7d3ab 7px solid; border-bottom: 1px #aa9365 dotted; white-space: normal; display: block} #menu li:hover ul li ul li a, #menu li.MenuItemHover ul li ul li a {font-weight:normal; z-index:15} #menu a {text-decoration:none; padding:0; font-weight:bold} #menu a:hover {text-decoration:none;} #menu a { text-decoration: none; color: white; padding:0; font-weight:bold;} #menu > li:hover ul {visibility: visible; display:block} #menu li.MenuItemHover ul {visibility: visible; display:block} #menu > li ul li:hover ul {visibility: visible; display:block} #menu ul li.MenuItemHover ul {visibility: visible; display:block} #menu > li:hover ul ul {display: none} #menu li.MenuItemHover ul ul {display: none} #menu > li ul li:hover ul {display: block} #menu li ul li.MenuItemHover ul {display: block} #columns { width: 938px; margin: 43px auto 5px; padding: 0; position: relative; background: #fff url(../img/bg-obsah.jpg) no-repeat 0 0} .IndexForm {background-image: url(../img/indexformbg.gif); background-repeat: repeat-y; padding: 5px 20px 10px} .IndexForm label {display: block; color: #fff !important; margin:0 0 3px 0 !important} .IndexForm textarea {margin-top: 2px !important; margin-bottom: 5px !important} .IndexForm img.reload {margin-top: -15px !important} p#prave-menu {float: right; width: 294px; display: block; background: #e1e8ee; margin: -56px 0 20px; line-height: normal !important} p#prave-menu a { color: #190f86 !important; padding: 10px 20px !important; margin: 0 !important; border-bottom: 1px #8da8bb dotted; display: block; line-height: normal !important; float:left; clear: both; width: 254px;} p#prave-menu a.menu2 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/Webcam.gif) no-repeat 95% 50% !important; font-size: 110%} p#prave-menu a.menu3 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/pdficon_large.gif) no-repeat 95% 50% !important; font-size: 110%} p#prave-menu a.menu4 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/Calendar.gif) no-repeat 95% 50% !important; font-size: 110%} p#prave-menu a.active {color: #190f86 !important; font-weight: bold !important; text-decoration: none !important} #prave-menu-2 {float: right; width: 294px; display: block; margin: 5px 0; line-height: 2em !important; height: 5px !important; display: block; clear: both} p#loadBar {border: 0 !important; color: #fff !important} p#emailSuccess strong {color: #fff !important} #contactFormArea {margin-top: 10px !important; background: url(../img/blue-dots.gif) repeat-y 0 0; padding: 5px 0} .IndexForm input {margin: 0 0 11px 0; border: 1px solid #0B4A84; width: 244px; padding: 2px; height: 16px} .IndexForm input.button,#content #ContentLeft .form input.button {background: url(../img/odeslat-box.gif) no-repeat; padding:0; border:0px; width:102px;height:30px; float: right; border:none; cursor: pointer; margin: 0 5px 0 0 } #content #ContentLeft .form input.pageButton {background: url(../img/formbutton.gif) no-repeat} .IndexForm input#selfCC {float: left !important; width: 10px; margin: 0 5px 0 0} .IndexForm input.submit button#sendContactEmail {z-index: 10; color: none} #container {position: relative; top: 155px; display: block; width: 935px; margin: 0 auto} #sidebar {float: right; width: 200px} #sidebar ul {list-style-type: none !important} #sidebar li {list-style-type: none !important} li#most-read-posts {position:relative; top: 70px !important} li#most-read-posts ul {position:relative; top: 34px !important; width: 240px; right: 28px; background-color: #000; color: #fff} li#most-read-posts ul li {background-color: #000; color: #fff; display:block; padding: 10px} li#most-read-posts ul li a {color: #fff !important} li#most-read-posts ul li a:hover {color: #fff !important} #wp_wall {position: absolute; top: 740px !important; width: 220px; right: -11px; padding: 10px; display:block; background: #fae2e2} li#wp-wall ul {position:relative; top: 34px !important; width: 240px; right: 28px; background-color: #000; color: #fff} li#wp-wall ul li {background-color: #000; color: #fff; display:block; padding: 10px} li#wp-wall ul li a {color: #fff !important} li#wp-wall ul li a:hover {color: #fff !important} li#wp-wall #wallnav {margin-left: 5px} #right1 {width: 257px; height: 114px; display: block; position: absolute; right: -11px; z-index:-1; background: url("img/right1.jpg") no-repeat 0 0} #right2 {width: 257px; height: 114px; display: block; position: absolute; right: -11px; z-index:-1; top: 650px; background: url("img/right2.jpg") no-repeat 0 0} #most-read-posts h2.widgettitle {float: right; right: 4px; position: relative; top: 0 !important; font-size: 12px; color: #91153a} #wp-wall h2.widgettitle {float: right; right: 4px; position: absolute; top: 705px !important; font-size: 12px; color: #91153a} #twitter_div {position: absolute !important; top: 360px; right: -11px} /*** OBSAH ***/ a.more-link {clear: both} #content {background-color: #fff; width: 650px; border: 10px #e7d3ab solid; float: left; padding: 15px} #content #PathBox {font-size: 10px; color: #565656; margin:0 0 10px 0} #content #PathBox a {font-size: 10px; color: #565656} #content div.entry {padding: 10px 0} #content div.entry p img {padding: 0 10px !important} #content div.entry a {padding: 10px !important} #content div.navigation {padding: 5px 0; font-size: 10px} #content div.special {border:dotted 1px #91C0F2; padding:1px} #content div.special div {background-color: #E3ECF6; padding:10px} #content div.special div h2 {font-style: italic; padding:19px; color: #00488A; font-weight: normal; margin:0 0 9px 0; padding:0; background-image: none;} #content div.special div ul {list-style-type: none; margin:0 0 0 15px;} #content div.special div ul li {background-image: url(../img/bluli.gif) no-repeat 0 4px; padding:0 0 0 24px; font-size: 12px; font-style: italic; color: #00488A; margin:5px 0} #content div.special div span {font-size: 17px; color: #00488A; text-align:right; display: block;} #content div.special div span strong {color: #FF151F; font-weight: normal;} #content h3 {margin: 2px 0 9px 0; color: #565656; font-size: 13px;} #content p {line-height: 1.5em; margin: 0 0 10px; clear: both;} #content p.postmetadata {margin: 0 0 10px; clear: both; color: #91153a; font-size: 10px} #content a img {float: left; clear: none !important; text-align: left !important; margin: 10px; padding: 10px; border: 1px solid #ddd;} #content img.left {margin: 0 10px 0 10px; padding: 10px; border: 1px solid #ddd; clear: none !important; text-align: left !important;} #content img.center {margin: 0 10px 0 10px; padding: 10px; border: 1px solid #ddd; clear: none !important; text-align: center !important;} #content img.right {margin: 0 10px 0 10px; padding: 10px; border: 1px solid #ddd; clear: none !important; text-align: right !important;} #content ul {list-style-type: none; margin:16px 0 16px 20px} #content ol {margin:16px 0 16px 43px} #content ol li {font-size: 11px; color: #565656; margin:5px 0;} #content ul li {background-image: url(../img/bluli.gif) no-repeat 0 4px; padding:0 0 0 23px; font-size: 11px; color: #565656; margin:5px 0;} #content table {border:1px solid #91C0F2; background-color: #F3F7FB; color: #00488A; font-size: 11px; margin:10px 0; width:100%} #content table th {border:1px solid #91C0F2; background-color: #F3F7FB; padding:11px; text-align: left; width:16%; vertical-align: top} #content table td {border:1px solid #91C0F2; background-color: #F3F7FB; padding:11px} /*** Obsah - novinky ***/ #content .newsItem h2 {font-size: 15px; color: #00488A} #content .newsItem h2 a {font-size: 15px; color: #00488A} #content .newsItem span.more {float: right; color: #FF151F; margin:0 20px 0 0;} #content .newsItem img {float: left; margin:0 10px 0 0;} /*** Obsah - reference ***/ #content .refItem h2 {font-size: 11px; color: #00488A;} #content .refItem h2 a {font-size:15px; color: #00488A;} #content .refItem p {margin:0} #content .refItem a.Logo {width:130px;height:100px;text-align:center;float:left} #content .refItem span.more {clear:both; float: right; color: #FF151F; margin: 0 0 10px 0; display: block; width:100px} #begin { display: block; height: 38px; width: 680px; position: relative; left: -15px; top: -15px; background: url(img/gybon.jpg) no-repeat 0 0} #konec { display: block; height: 294px; width: 680px; position: relative; left: -15px; bottom: -25px; background: url(img/konec.jpg) no-repeat 0 0} /* Formular */ .needStr {float:left; color: #fff; margin-bottom: 15px} #footer {width: 982px; clear: both !important; margin: 5px auto 0; padding: 10px 0; color: #190f86; position: relative} #footer a {color: #190f86} #footer p {color: #190f86; line-height: 18px; padding: 10px 20px } /* Print only */ #Logo {display: none} #PrintBox {display: none} /*******************************************************************************************************/ .mezera {display: block; height: 1px; margin-top: -2px} .none {display: none} .correct {clear: both; width: 1px; height: 1px; visibility: hidden; _display: inline} .post-hr {clear: both; height: 1px; width: 100%; margin-bottom: 13px; border-bottom: #e7d3ab 1px dotted} .left {float: left} .right {float: right} /*form*/ #content .form table td,#content #ContentLeft .form table th,#content #ContentLeft .form table tr {border: 0} #content table input,#content #ContentLeft table textarea {width:100%; border:1px solid #91C0F2}