/* -------------------------------------------------------------------------------------------------------------------------------------------------- Nuvio (www.nuvio.cz, ahoj@nuvio.cz) 2010-11-28, 23:30 GMT+1 display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font; - HTML - LAYOUT - STRÁNKA: ÚVOD - UNIVERZÁLNÍ -------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------- HTML -------------------------------------------------------------------------------------------------------------------------------------------------- */ body {padding-bottom:30px; background:#FFF url("../design/bg.png") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif; color:#202020;} address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;} a {color:#202020;} a:hover, a:active, a:focus {color:#000 !important;} h1 {height:70px; margin:0; padding:0 20px; background:url("../design/main-title.png") 0 0 no-repeat; font-size:200%; font-weight:bold; line-height:1; line-height:70px; color:#FFF;} h2 {font-size:190%; color:#339f00;} h3 {font-size:160%; color:#003377;} h4 {font-size:140%;} h5, h6 {font-size:120%;} table {border:1px solid #D0D0D0;} table th {padding:7px 10px; border:1px solid #D0D0D0; border-bottom:3px solid #003377; color:#003377; font-weight:bold;} table td {padding:5px 10px; border:1px solid #D0D0D0;} table .even td {background:#F8FBFF;} ul {margin:15px 0 15px 30px;} ul li {padding-left:17px; background:url("../design/arrow-02.gif") 0 5px no-repeat;} ul ul {margin:0;} ul ul li {padding-left:17px; background:url("../design/arrow-03.gif") 0 5px no-repeat;} ul.nostyle li {padding:0; background:none !important;} dl dt {font-weight:bold; color:#037;} dl dd {margin-left:20px; color:#777;} blockquote {margin:20px 30px; padding-left:50px; background:url("../design/blockquote-left.png") 0 0 no-repeat; font-style:italic; font-size:110%;} blockquote div {padding-right:50px; background:url("../design/blockquote-right.png") 100% 100% no-repeat;} q {font-style:italic;} fieldset {padding:10px 15px; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} legend {padding:5px 10px; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:120%; font-weight:bold; color:#339f00;} form {margin:0;} form table, form th, form td {margin:0; border:0;} form th, form td {padding:4px 0;} form table th {padding-right:10px; text-align:right; font-weight:normal; color:#555;} input, select, textarea {font:100%/1.2 "arial",sans-serif;} input.error {border:1px solid #E50; background:#FF9; color:#000 !important;} .input-text {padding:4px; border:1px solid #BFBFBF; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;} .input-submit {padding:5px 8px; border:1px solid #1859AC; border-right:1px solid #001D45; border-bottom:1px solid #001D45; background:#003377; font-weight:bold; color:#FFF;} .error {color:#D00;} img.f-left {margin-right:15px;} img.f-right {margin-left:15px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- LAYOUT -------------------------------------------------------------------------------------------------------------------------------------------------- */ #wrapper {width:960px; margin:0 auto;} #tray {height:50px; overflow:hidden; background:url("../design/tray-hp.png") 784px 100% no-repeat;} #tray form {margin:0;} #tray ul {margin:10px 0 0 20px;} #tray ul li {position:relative; display:block; float:left; padding:0; padding-right:5px; background:none;} #tray ul li#login-user {width:175px; height:30px; background:url("../design/login-user.png") 0 0 no-repeat;} #tray ul li#login-pass {width:175px; height:30px; background:url("../design/login-pass.png") 0 0 no-repeat;} #tray ul li#login-user input, #tray ul li#login-pass input {width:140px; height:30px; padding:0 10px 0 25px; border:0; background:none; line-height:30px;} #tray ul li#login-msg {padding-left:10px; line-height:30px; font-size:85%; color:#D00;} #tray ul li#login-msg a {color:#D00;} #tray ul li#login-remember {padding-left:10px; line-height:30px;} #header {position:relative; height:155px; overflow:hidden; border-bottom:1px solid #D0D0D0; background:url("../design/header-hp.png") 0 0 no-repeat;} #header #logo {position:absolute; top:45px; left:20px; margin:0;} #header #logo img {display:block; width:225px; height:70px;} #header #nav {position:absolute; top:73px; left:280px; margin:0; font-size:110%;} #header #nav .current {font-weight:bold; color:#339f00; text-decoration:none;} #header #nav span {margin:0 5px; color:#D0D0D0;} #section {padding:25px 0; background:url("../design/section.png") 685px 10px no-repeat;} #content {float:left; width:670px;} #content .inner {padding:5px 20px;} #content a, .submenu a {color:#037;} #content a:hover, .submenu a:hover {color:#339f00;} #content .cols-2 {margin:0;} #content .cols-2 li {float:left; width:305px; padding:0; background:none;} #content .cols-2 li.last {float:right;} #content .cols-3 {margin:0;} #content .cols-3 li {float:left; width:195px; margin-right:20px; padding:0; background:none;} #content .cols-3 li.last {margin:0;} #sidebar {float:right; width:250px;} #sidebar .submenu {border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #sidebar .submenu ul {margin:0;} #sidebar .submenu li {padding:6px 10px 6px 27px; border-bottom:1px solid #D0D0D0; background:url("../design/arrow.gif") 10px 12px no-repeat;} #sidebar .submenu li.current {background:url("../design/arrow-02.gif") 10px 12px no-repeat;} #sidebar .submenu li.current a {font-weight:bold; color:#339F00; text-decoration:none;} #sidebar .submenu li.last {border-bottom:0;} #footer {clear:both; padding:15px 20px; background:url("../design/dot.gif") 0 0 repeat-x; color:#777;} #footer p {margin:0;} #footer a {color:#777;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- STRÁNKA: ÚVOD -------------------------------------------------------------------------------------------------------------------------------------------------- */ #hp #header {border-bottom:0;} #hp #section {background:none;} #slogan {position:relative; width:960px; height:140px; overflow:hidden; margin:0; padding:0; font-size:180%;} #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan.png") 0 0 no-repeat;} #testimonial {height:45px; overflow:hidden; margin:25px 50px 0 50px; font-size:120%; font-style:italic;} #testimonial ul {margin:0;} #testimonial ul li {padding:0 0 0 40px; background:url("../design/blockquote-left.png") 0 0 no-repeat;} .blue-green {float:left; width:790px; background:url("../design/blue-green.png") 0 0 repeat-y;} .blue-green .col {float:left; width:385px;} .blue-green h2 {height:63px; margin:0; padding:0 20px; line-height:50px; font-weight:bold; font-size:130%; color:#FFF;} .blue-green h3 {font-weight:bold; font-size:120%;} .blue-green ul {margin:15px 0;} .blue-green li {background-image:url("../design/arrow.gif");} .blue-green .inner {padding:0 20px 15px 20px;} .blue-green .button {margin:20px 0 0 0; height:42px; line-height:42px;} .blue-green .button a {float:left; padding-left:15px; text-decoration:none; font-weight:bold; color:#000 !important;} .blue-green .button a span {float:left; display:block; padding-right:15px;} .blue-green .button a:hover {text-decoration:underline;} .blue-green .blue h2 {background:url("../design/blue-title.png") 0 0 no-repeat;} .blue-green .blue h3 {color:#003377;} .blue-green .blue .button a {background:url("../design/blue-button.png") 0 0 no-repeat;} .blue-green .blue .button a span {background:url("../design/blue-button.png") 100% 0 no-repeat;} .blue-green .green h2 {background:url("../design/green-title.png") 0 0 no-repeat;} .blue-green .green h3 {color:#339F00;} .blue-green .green .button a {background:url("../design/green-button.png") 0 0 no-repeat;} .blue-green .green .button a span {background:url("../design/green-button.png") 100% 0 no-repeat;} .blue-green-bottom {width:790px; height:5px; overflow:hidden; background:url("../design/blue-green-bottom.png") 0 0 no-repeat;} .blue-green.sub {float:none; width:630px; background-image:url("../design/blue-green-sub.png");} .blue-green.sub .col {width:305px;} .blue-green.sub .blue h2 {background-image:url("../design/blue-title-sub.png");} .blue-green.sub .green h2 {background-image:url("../design/green-title-sub.png");} .blue-green-bottom.sub {background-image:url("../design/blue-green-bottom-sub.png");} #reference {float:right; width:150px;} .partners {margin:5px 0 0 0;} .partners li {padding:6px 0; background:url("../design/dot.gif") 0 100% repeat-x; text-align:center;} .twitter {margin:25px 0 0 0; padding:20px 20px 20px 110px; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:url("../design/twitter.png") 20px 20px no-repeat;} .twitter h3 {margin:0; font-size:120%; font-weight:bold;} .twitter h3 a {color:#339F00;} .twitter ul {margin:10px 0 0 0;} .twitter ul li {padding:0; background:none;} .twitter ul li a {color:#777; text-decoration:none; font-style:italic;} .twitter ul li span {color:#202020;} .twitter ul li span a {color:#202020; text-decoration:underline; font-style:normal;} #sidebar .twitter {margin:20px 0; padding:15px; background:none;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- UNIVERZÁLNÍ -------------------------------------------------------------------------------------------------------------------------------------------------- */ .title {background:url("../design/dot.gif") 0 50% repeat-x; font-size:100%;} .title span {padding-right:7px; background:#FFF; color:#777;} .bigger {font-size:120%;} .smaller {font-size:85%;} .tag {background:#FF0; color:#000; font-weight:normal; font-style:normal !important; font-size:12px;} .tit {margin:20px 0 !important; padding:5px 10px; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFF; font-size:14px !important; color:#000;} /* 641 */ #dialog_wait p {text-align: center; padding: 30px 0;} .dialog_wait_css .ui-dialog-titlebar-close {display: none !important;} /* 811 */ #a_kontakt {font-weight: bold;color: #000 !important;} #dialog_kontakt p {position: relative;} #dialog_kontakt h4 {display: block; width: 100%; border-bottom: 1px solid #000; font-weight: bold; padding-bottom: 10px;} #dialog_kontakt .clear {clear: both;} #dialog_kontakt .dialog_kontakt_hr {clear: both; border-bottom: 1px dotted #000; position: relative; padding-bottom: 15px; margin-bottom: 15px;} #dialog_kontakt .dialog_kontakt_hr strong {display: block; margin-bottom: 10px;} #dialog_kontakt .dialog_kontakt_input {float: left; width: 33%;} #dialog_kontakt .dialog_kontakt_input input {width: 80%; padding: 3px 5px; border-radius: 3px; border: 1px solid #ddd; display:block;} #dialog_kontakt .dialog_kontakt_input input.error {border-color: #d22;} #dialog_kontakt .dialog_kontakt_input select {width: 80%; padding: 3px 5px; border-radius: 3px; border: 1px solid #ddd; display:block;} #dialog_kontakt .dialog_kontakt_input input:focus {border-color: #339f00;} #dialog_kontakt textarea {width: 98%; padding: 3px 5px; border-radius: 3px; border: 1px solid #ddd; display:block;}