.clear {clear: both} /* ************************************************************************** * * * * L A Y O U T * * * * ************************************************************************** */ #layout-header {width: 100%; font-family: Arial, Helvetica, sans-serif;} #layout-header #header {width: 100%; background-color: #000; background: #000 url('../img/header-bg.png') no-repeat center top;} #layout-content {width: 100%; font-family: Arial, Helvetica, sans-serif; background: #f2f2e9 url('../img/content-bg.png') repeat center center;} #layout-footer {width: 100%; font-family: Arial, Helvetica, sans-serif; background:#fff url('../img/noise.jpg') repeat-x center top;} /* ************************************************************************** * * * * M A I N * * * * ************************************************************************** */ .main {width: 1000px; margin: 0 auto;} .main .logo a {margin-top: 35px; margin-left: 10px; height: 23px; width: 272px; float: left; color: #FFFFFF; font-weight: bold; font-size: 30px; text-transform: uppercase; text-decoration: none} .main .logo a span {margin-left: 2px; font-size: 20px; text-transform: lowercase; } .main #top-menu {float: right; width: 500px; color: #fff; margin-top: 42px; text-align: center} .main #top-menu ul {width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; } .main #top-menu ul li {float: left; display: block; padding: 7px; } .main #top-menu ul li a {padding: 7px; color: #FFFFFF; text-decoration: none;} .main #top-menu ul li a:hover {background: url('../img/menu-bg.png') repeat-x right bottom;} .main #top-menu ul .active a {background: url('../img/menu-bg.png') repeat-x center bottom;} .main #nabidka-big {margin-top: 43px;} .main #nabidka-big ul { } .main #nabidka-big ul li {position: relative; width: 310px; height: 200px; margin-bottom: 28px; float: left; display: block; } .main #nabidka-big ul li .img {position: absolute; top: 0px; left: 10px; width: 280px; height: 180px; padding: 10px; background-color: #FFFFFF; background: url('../img/nabidka-big-bg-polozka.png') repeat; -webkit-box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.5);} .main #nabidka-big ul li .popisek {font-weight: bold; font-size: 16px; color: #FFFFFF; position: absolute; bottom: 0px; left: 0px; height: 19px; padding: 20px 10px 5px 10px; background: url('../img/nabidka-green-bg.png') no-repeat left; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);} .main #nabidka-big ul li .popisek a {color: #ffffff; text-decoration: none} .main #nabidka-big ul li .popisek a:hover {text-decoration: underline} .main #nabidka-big ul .odsazeni {margin-right: 35px} .main #nabidka-big ul .odsazeni-horni {} .main #nabidka-small {margin-top: 43px; text-align: center; } .main #nabidka-small ul {} .main #nabidka-small ul li {width: 162px;float: left; background:#4B8B00 url('../img/nabidka-small-bg.png') no-repeat; height: 59px; text-align: center; position: relative} .main #nabidka-small ul li .text {padding-top: 15px;padding-left: 5px; padding-right: 5px; font-size: 16px; font-weight: bold; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);} .main #nabidka-small ul li .text a {color: #FFFFFF; text-decoration: none} .main #rychly-kontakt {background-color: #000000; color: #FFFFFF; height: 45px; margin-top: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center} .main #rychly-kontakt .rk-img {float: left; width: 28px; height: 45px;} .main #rychly-kontakt .rk-txt {float: left; height: 15px; font-weight: bold; text-transform: uppercase; font-size: 14px; padding: 18px 0px 12px 0px;} .main #rychly-kontakt .rk-frm {float: left; font-size: 18px; font-weight: bold; height: 20px; padding: 14px 0px 11px 0px; margin-left: 10px; text-transform: uppercase; } .main #rychly-kontakt .rk-frm a {color: #7cbc00; text-decoration: none;} .main #rychly-kontakt .rk-nbr {float: left; font-size: 18px; font-weight: bold; height: 20px; padding: 14px 0px 11px 0px; margin-left: 10px; } .main #rychly-kontakt .phone {background: url('../img/rk-phone.png') no-repeat center center; margin-right: 10px; margin-left: 10px; } .main #rychly-kontakt .msg {background: url('../img/rk-msg.png') no-repeat center center; margin-right: 10px; margin-left: 10px;} .main .content {width: 100%; padding-top: 50px; padding-bottom: 30dpx} .main .content h1 {font-size: 30px; font-weight: bold; margin-bottom: 20px; color: #0f0700} .main .content h2 {font-weight: bold; } .main .content .content-left p {font-size: 12px; margin-bottom: 20px; line-height: 170%; color: #3d3d3d;} .main .content .content-left {float: left; width: 630px; } .main .content .content-right {float: right; width: 340px; } .main .content .content-right .aktuality {} .main .content .content-right .aktuality .akt-btn {padding: 5px 10px 5px 25px; font-size: 12px; float: left; margin-top: 10px; background:#4B8B00 url('../img/sipka.png') no-repeat 10px center;} .main .content .content-right .aktuality .akt-btn a { color: #FFFFFF; text-decoration: none; font-weight: bold} .main .content .content-right .aktuality h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px; } .main .content .content-right .aktuality .vlozeno {font-size: 11px; color: #707070;} .main .content .content-right .aktuality .vlozeno span {color: #4b8b00; font-weight: bold} .main .content .content-right .aktuality .bunka {width: 100%; padding: 20px 0px 20px 0px; border-bottom: 1px #dcdcc4 solid} .main .content .content-right .aktuality .bunka .img {float: left; width: 83px; text-align: center;} .main .content .content-right .aktuality .bunka .text {float: left; text-align: left; width: 100%;} .main .content .content-right .aktuality .bunka .text p {margin-top: 10px; font-size: 13px; line-height: 130%; } .main .content .content-right .aktuality .bunka .text a {color: #1a0c00; text-decoration: underline; } .main .content .content-right .aktuality .bunka .text a:hover {text-decoration: none; } .main .content .content-right .reference {margin-top: 20px; text-align: center} .main .content .content-right .reference .nadpis {padding: 10px; background-color: #000000; color: #FFFFFF; text-transform: uppercase; font-weight: bold; } .main .content .content-right .reference .nadpis a {color: #FFFFFF; text-decoration: none} .main .footer {height: 137px; padding-top: 67px; font-size: 12px; color: #3d3d3d} .main .footer a {color: #7CBC00;} .main .footer a:hover {text-decoration: none;} .content-left table tr td input[type=text] { width: 50%; padding: 3px; } .content-left table tr td textarea { padding: 3px;font-family: Arial, Helvetica, sans-serif; } .disno { display: none;}