/* Import ---------------------------------------------------------------------------------------- */ @import "fonts/fonts.css"; #ctrlf5 {display:none} /* ============================================================ ZAKLADNI NASTEVENI PRO (X)HTML PRVKY */ body { background: url('../img/bcg.png') center 0 no-repeat #003761; color: #000; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; margin: auto; padding: 0px 0 0 0; text-align: left; } /* Forms ---------------------------------------------------------------------------------------- */ form { margin: 0; padding: 0; } form .form_padding { padding: 10px; } input, select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-top-width: 1px; border-right-width-value: 1px; border-bottom-width: 1px; border-left-width-value: 1px; border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-top-color: #043262; border-right-color-value: #043262; border-bottom-color: #043262; border-left-color-value: #043262; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; color: #000000; font-family: 'Gotham Medium',sans-serif; font-size: 13px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; outline-width: medium; outline-style: none; } input[type="image"] { border: 0; padding: 0; } input.button { cursor: pointer; padding: 0; } input.button:hover { text-decoration: none; } legend { background: #eee; border: 1px solid #999; color: #000; padding: 3px 10px; margin-left: 5px; } fieldset { border: 1px solid #999; padding: 20px 20px 0 20px; } /* --- odkazy (rozsireno o ikonky typu souboru) --- */ a {color: #000000; text-decoration: underline;} a:hover {color: #ed1d24; text-decoration: none;} a:visited {color: #000000;} a:link {color: #000000;} a:focus {color: #000000;} a.mail {background: url(../img/ico/ico_mail.gif) no-repeat left 0px; padding-left: 20px; font-weight: normal;} a.out {background: url(../img/ico/ico_outanchor.gif) no-repeat left 0em; padding-left: 12px;} a.out_right {background: url(../img/ico/ico_outanchor.gif) no-repeat right 0em; padding-right: 12px;} a.print {background: url(../img/ico/head_print.gif) no-repeat left 0em; padding-left: 18px;} a.favourites {background: url(../img/ico/ico_favourites.gif) no-repeat 0px 0px; padding-left: 25px;} a.rss {background: url(../img/ico/ico_rss.gif) no-repeat left 3px; padding-left: 20px;} a.arrow {background: url(../img/ico/ico_arrow.gif) no-repeat left 0em; padding-left: 18px;} /* --- ikonky souboru --- */ .ai {background: url(../img/ico/ai.png) no-repeat left; padding-left: 20px;} .avi {background: url(../img/ico/avi.png) no-repeat left; padding-left: 20px;} .bmp {background: url(../img/ico/bmp.png) no-repeat left; padding-left: 20px;} .cdr {background: url(../img/ico/cdr.png) no-repeat left; padding-left: 20px;} .doc {background: url(../img/ico/doc.png) no-repeat left; padding-left: 20px;} .dxf {background: url(../img/ico/dxf.png) no-repeat left; padding-left: 20px;} .gif {background: url(../img/ico/gif.png) no-repeat left; padding-left: 20px;} .html {background: url(../img/ico/html.png) no-repeat left; padding-left: 20px;} .jpg {background: url(../img/ico/jpg.png) no-repeat left; padding-left: 20px;} .mp3 {background: url(../img/ico/mp3.png) no-repeat left; padding-left: 20px;} .pdf {background: url(../img/ico/pdf.png) no-repeat left; padding-left: 20px;} .png {background: url(../img/ico/png.png) no-repeat left; padding-left: 20px;} .ppt {background: url(../img/ico/ppt.png) no-repeat left; padding-left: 20px;} .psd {background: url(../img/ico/psd.png) no-repeat left; padding-left: 20px;} .qt {background: url(../img/ico/qt.png) no-repeat left; padding-left: 20px;} .ra {background: url(../img/ico/ra.png) no-repeat left; padding-left: 20px;} .rtf {background: url(../img/ico/rtf.png) no-repeat left; padding-left: 20px;} .swf {background: url(../img/ico/swf.png) no-repeat left; padding-left: 20px;} .tif {background: url(../img/ico/tif.png) no-repeat left; padding-left: 20px;} .txt {background: url(../img/ico/txt.png) no-repeat left; padding-left: 20px;} .xls {background: url(../img/ico/xls.png) no-repeat left; padding-left: 20px;} .zip {background: url(../img/ico/zip.png) no-repeat left; padding-left: 20px;} .unknown, file {background: url(../img/ico/unknown.png) no-repeat left; padding-left: 20px;} /* --- zakladni html prvky ---*/ em, i {font-style: normal;} p {text-align: left; margin: 10px 0px 10px 0px; } code {font-size: 140%; font-weight: bold;} hr {display: block; clear: both; margin: 4px 0px 4px 0px; background: url(../img/bcg_line.gif) repeat-x 0px 0px; height: 3px; border: 0px;} /* --- seznamy --- */ ul {list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;} ol {list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;} /* --- obrazky --- */ img {border: 0px;} img.border {border: 1px solid #CBCBCB;} img.icon {vertical-align: -3px; margin: 0px 3px 0px 1px;} img.toleft {margin-right: 10px;} img.toright {margin-left: 10px;} /* --- horni a dolni indexy --- */ sub, sup {vertical-align: baseline; position: relative;} sub {top: 0.4em;} sup {bottom: 0.4em;} /* --- tabulky --- */ table.nice {width: 100%; margin: auto; margin-top: 10px; margin-bottom: 15px; border-collapse: collapse;} table.nice tr td {padding: 2px 5px 2px 5px; border: 1px solid #CBCBCB;} table.nice tr.item td {background: #EDEDED;} table.nice tr.item2 td {background: #F4F4F4;} table.nice tr th {background: #e30613; padding: 3px 5px 3px 5px; color:#ffffff; font-weight: bold; border: 1px solid #e30613;} table.nice tr th a {color: #ffffff;} /* --- hlavicky --- */ h1, h2, h3, h4, h5, h6 {clear: both; color: #000000; font-size: 1.2em; margin: 0px; font-weight: normal;} h1 {padding: 0px; margin: 10px 0px 6px 0px; font-size: 1.8em; line-height: 1.3em;} h2 {padding: 0px; padding: 5px 0px 5px 0px; font-size: 1.8em; line-height: 1.3em; font-weight: bold; color: #e30613;} h3 {font-size: 1.4em; padding: 15px 0px 5px 0px; line-height: 1.5em; font-weight: bold;} h4 {font-size: 1.3em;} h2 span {display: none;} h3 span {display: none;} /* --- formulare --- */ legend {padding: 3px; color:#000000; background:#e5e5e5;font-weight: bold; text-transform: uppercase;} fieldset {border: 1px solid #CBCBCB; padding: 15px 15px 15px 15px;} textarea {border: 1px solid #CBCBCB; margin: 0px 0px 0px 0px; font-size: 11px;} label {margin: 0px 10px 3px 10px; width: 130px; float: left; text-align: right; padding: 1px 2px 1px 2px; background: #e5e5e5;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} label.povinny {background: #e5e5e5; font-weight: bold;} /* --- globalni tridy --- */ .clear {clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px;} .smaller {font-size: 0.9em;} .small {font-size: 0.85em;} .gray {color: #626061;} .white {color: #000000;} .blue {color: #004080;} .red {color: #9f0000;} .yellow {color: #FDF2A2;} .green {color: #008000;} .right {text-align: right;} .center {text-align: center;} .center_block {margin:auto;} .left {text-align: left;} .toblock {text-align: justify;} .toleft {display: block; float: left; text-align: left;} .toright {display: block; float: right; text-align: left;} .nomargin {margin: 0px;} .nopadding {padding: 0px;} .bold {font-weight: bold;} .underline {text-decoration: underline;} .big {text-transform: uppercase;} .nobold {font-weight: normal;} .error {display: block; color: #EC1A24; font-weight: bold; text-align: center; padding-bottom: 200px;} .error a {color: #EC1A24;} .hidden {display: none;} .bad {background-color: Red; color: white;} .bad a {color: white;} .zvyraznene {background:#e5e5e5; color:#000000;} .zvyraznene a {color:#000000;} .gradient1 {background: #FEF301 url(../img/gradient1.gif) repeat-x 0px 0px; color:#000000;} .gradient2 {background: #4C2121 color:#ffffff;} .line {background: #CBCBCB; height: 5px; margin: 5px 0px 5px 0px; padding: 0px; line-height: 0px; font-size: 0px;} /* ============================================================ NASTAVENI VZHLEDU STRANKY */ #layout {display: block; margin: auto; width: 1000px; } #layout #hlavni {float: none; width: 1000px; } #layout #hlavni h1 {display: none;} #top-container {display: block; float: right; height: 255px; position: relative; width: 1000px; } #top-container #top-logo {height: 150px; left: 0px; position: absolute; top: 0px; width: 1000px; } #top-container #top-logo a {background: url('../img/logo.png') top left no-repeat; color: #fff; display: block; float: left; height: 150px; text-decoration: none; width: 1000px; } #top-container #top-marketing {color: #fff; font-size: 12px; height: 50px; margin: 170px 0 0 0 ; text-transform: uppercase; width: 830px; padding-left:190px;} #top-container #top-marketing input[type="text"] {color: #7f8fa5; outline: none; width: 100px; } #top-container #top-marketing a {color:#ffffff} #top-container #top-marketing #home {float: left; color:#ffffff; padding: 1px 30px 0 0; margin:17px 0 0 0; } #top-container #top-marketing #home a.ico_home {background: url(../img/top_box_home.png) no-repeat 0px 0px; display: block; float: left; font-weight: bold; margin-left: 10px; padding-left: 25px; } #top-container #top-marketing #customer {float: left; background: url(../img/top_box_customer.png) no-repeat 0px 0px; padding: 0px 0px 0px 21px; height: 20px; width: 300px; margin:17px 0 0 0; } #top-container #top-marketing #cart {float: left; background: url(../img/top_box_cart.png) no-repeat 0px 0px; padding: 0px 15px 0px 25px; height: 20px; margin:17px 0 0 15px; } #top-container #top-marketing #top-search {float: right; height: 29px; margin: 4px 0 0 0; padding: 3px 10px 0 20px; } #top-container #top-marketing #top-search input[type="text"] {width: 125px; } #top-container #top-marketing #top-search input[type="submit"] {background: url('../img/bcg-search-button.png') top left no-repeat; border: none; cursor: pointer; height: 23px; margin-left: 3px; vertical-align: -2px; width: 21px; } #hlavni #obsah {clear: both; width: 960px; padding: 30px 20px 20px 20px; margin-bottom: 0px; background:url(../img/content_bg_homepage.png) center top repeat-x #FFFFFF; } #hlavni #obsah #obsahLevy {float: left; padding: 0; width: 228px; } #hlavni #obsah #obsahLevy .menu {background: #e5e5e5; padding: 0; width: 228px; } #hlavni #obsah #obsahLevy .header {background: url('../img/bcg_menu_header.png') 0 0 no-repeat; color: #ffed00; font-size: 16px; font-weight: bold; line-height: 45px; height: 53px; padding-left:10px; text-transform: none; width: 228px; font-family: 'Gotham Bold',sans-serif; } #hlavni #obsah #obsahLevy .menu ul {margin: 0; padding: 0; } #hlavni #obsah #obsahLevy .menu ul li {background: #e5e5e5; border-bottom: 1px solid #dcdcdc; height: 35px; } #hlavni #obsah #obsahLevy .menu ul li a {background: url(../img/menu_arrow.png) no-repeat 17px 17px #e5e5e5; color: #00497f; display: block; font-family:'Gotham Bold',sans-serif; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; padding-left: 30px; text-decoration: none; text-transform: none; } #hlavni #obsah #obsahLevy .menu ul li a:hover {color: #004981; text-decoration: underline; } #hlavni #obsah #obsahLevy .menu ul li.submenu a {padding: 7px 0 0 41px; font-weight: normal; background-position: 25px 10px; } #hlavni #obsah #obsahLevy .menu ul li.submenu a:hover {background-position: 15px 0; background-repeat: repeat-x; } #hlavni #obsah #obsahLevy .menu ol {margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; list-style: none;} #hlavni #obsah #obsahLevy .menu ol li {color: #000000; padding: 5px 10px 5px 12px; font-size: 14px; background: url(../img/menu_arrow.gif) no-repeat 10px 10px; line-height: 1.5em} #hlavni #obsah #obsahLevy .menu ol li a {color: #004981; font-weight: bold; text-decoration: underline; text-transform: none; } #hlavni #obsah #obsahLevy .menu ol li a:hover {text-decoration: none;} #hlavni #obsah #obsahLevy .menu ol li span.small {font-size: 11px;} #hlavni #obsah #obsahLevy .space {height: 20px;} #hlavni #obsah #obsahPravy {background: transparent; float: right; font-size: 1.3em; letter-spacing: 0; line-height: 1.6em; margin: 0; padding: 0 10px 20px 10px; width: 670px; word-spacing: normal; } #hlavni #obsah #obsahPravy .line {height: 1px;} #hlavni #obsah #obsahPravy .space {height: 15px;} #hlavni #obsah #obsahPravy input {padding: 2px; border :1px solid #CBCBCB;} #hlavni #obsah #obsahPravy .menu_text {padding: 4px; color:#000000; margin: 8px 0px 13px 0px; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA;} #hlavni #obsah #obsahPravy .menu_text .toleft {color: #e30613; font-weight: bold; font-size: 1.2em; text-transform: uppercase;} #hlavni #obsah #obsahPravy .menu_text a {padding-left: 5px; color:#000000;} #hlavni #obsah #obsahPravy ul {list-style: disc; padding: 0px 0px 0px 30px; margin: 0px;} #hlavni #obsah #obsahPravy ol {list-style: lower-alpha; padding: 0px 0px 0px 30px; margin: 0px;} #hlavni #obsah #obsahPravy span.popisek {font-size: 0.9em; padding: 15px 0px 0px 0px; text-align: right; display: block;} #hlavni #obsah #obsahPravy #indexAkce {width: 710px; padding: 0px 0px 0px 0px; } #hlavni #obsah #obsahPravy #indexAkce #indexAkce_left {width: 220px; float: left;} #hlavni #obsah #obsahPravy #indexAkce #indexAkce_right {width: 460px; float: right; margin-top: 5px;} #hlavni #obsah #obsahPravy .prehled .header { color: #003a6d; font-family: 'Gotham Bold',sans-serif; font-weight:bold; font-size: 18px; margin-top: 10px; padding-bottom: 5px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #cecece; text-transform: uppercase; } #hlavni #obsah #obsahPravy table.kosik {width: 100%; border-collapse: collapse; margin-top:15px; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB;} #hlavni #obsah #obsahPravy table.kosik td {border-bottom: 1px solid #CBCBCB; border-top: 1px solid #CBCBCB; padding: 1px 2px 1px 5px;} #hlavni #obsah #obsahPravy table.kosik th {background: #e30613; padding: 3px 5px 3px 5px; color:#ffed00; font-weight: bold; border: 1px solid #4C2121;} #hlavni #obsah #obsahPravy table.kosik tr.tmavsi td {background: url(../img/gradient1.gif) repeat-x left bottom} #hlavni #obsah #obsahPravy table.kosik td img {margin: 1px 0px 0px 0px;} #hlavni #obsah #obsahPravy table.kosik td.cislo {font-size: 12px; color: #6b6b6b;} #hlavni #obsah #obsahPravy .kosikCelkem {width: 300px; background:#F1F1F1; padding: 5px 15px 5px 15px; margin: 15px auto 15px auto; border: 1px solid #CBCBCB;} #hlavni #obsah #obsahPravy .kosikCelkem table {width: 300px;} #hlavni #obsah #obsahPravy .kosikMenu {margin: 15px 0px 35px 0px; padding: 10px 0px 0px 20px; border-top: 1px solid #CBCBCB;} #hlavni #obsah #obsahPravy #prehled_produktu {margin: auto; width: 670px; padding: 10px 0px 0px 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box {float: left; width: 210px;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box.middle {margin: 0px 20px 0px 20px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktNazevTop {} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktNazev {background: url(../img/bcg_produkty_box.gif) repeat-y 0px 0px; width: 670px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktNazev .produkty_box .produkt_nazev {width: 194px; font-size: 15px; color:#000000; padding: 8px 8px 8px 8px; line-height: 1.3em; font-weight: normal; text-align: center;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktNazev .produkty_box .produkt_nazev a {color:#000000;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto {background: url(../img/bcg_produkty_box.gif) repeat-y 0px 0px; width: 670px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto {width: 210px; height: 210px; text-align: center; position: relative;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto span.is_news {width: 75px; height: 22px; text-align: center; position: absolute; left: 7px; top: 10px; background: url(../img/header_novinka.png) no-repeat 0px 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto span.is_special {width: 208px; height: 40px; text-align: center; position: absolute; left: 0px; bottom: 2px; } #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto span.is_special.catg_1 {background: url(../img/header_original.png) no-repeat 0px 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto span.is_special.catg_2 {background: url(../img/header_retro.png) no-repeat 0px 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto span.is_special.catg_3 {background: url(../img/header_exclusive.png) no-repeat 0px 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto table {padding: 0px; margin: 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto table tr td {width: 210px; height: 210px; padding: 0px; margin: 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktFoto .produkty_box .foto table tr td img{padding: 0px; margin: 0px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktInfo {background: url(../img/bcg_produkty_box.gif) repeat-y 0px 0px; width: 670px;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info {width: 210px; font-size: 12px; padding: 0px 0px 0px 0px; line-height: 1.5em;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info a {color:#ffffff;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info .info_left {padding:0px 0px 0px 0px; font-size: 18px; color:#ed1d24; text-align: center; font-weight: normal;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info .info_left .sleva {color:#9D9D9D; text-decoration: line-through;font-size: 0.9em} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info .info_right {float: right; display: none; width: 110px; padding:8px 0px 0px 0px; text-align: left; background: url(../img/produkt_box_cart.gif) no-repeat top right;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info .info_right a {text-decoration: underline; display: block; padding: 0px 30px 0px 0px; text-align: right;} #hlavni #obsah #obsahPravy #prehled_produktu .produkty_box .produkt_info .info_right a:hover {text-decoration: none; } #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktPopis {background: url(../img/bcg_produkty_box.gif) repeat-y 0px 0px; width: 670px;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktPopis .produkty_box .produkt_popis {width: 192px; font-size: 12px; color:#000000; padding: 8px 8px 8px 8px; line-height: 1.5em;} #hlavni #obsah #obsahPravy #prehled_produktu .BoxProduktPopis .produkty_box .produkt_popis a {color:#000000;} #hlavni #obsah #obsahPravy #detail_produkt {} #hlavni #obsah #obsahPravy #detail_produkt .foto {float: left; width: 250px; height: 250px; text-align: center;} #hlavni #obsah #obsahPravy #detail_produkt .info {float: right; width: 390px; padding: 0px 0px 0px 0px;} #hlavni #obsah #obsahPravy #detail_produkt .info h2 {font-size: 20px; color:#ed1d24; padding: 0px 0px 8px 0px; line-height: 1.4em; margin: 0px;} #hlavni #obsah #obsahPravy #detail_produkt .info b {color:#ed1d24;} #hlavni #obsah #obsahPravy #detail_produkt .info .info_box {padding: 0px 0px 0px 0px;} #hlavni #obsah #obsahPravy #detail_produkt .info .info_box p {font-size: 1.0em; padding: 0px 0px 10px 0px; margin: 0px; line-height: 1.4em;} #hlavni #obsah #obsahPravy #detail_produkt .info .info_box .dostupnost {} #hlavni #obsah #obsahPravy #detail_produkt .info .info_box .varianty table {border-collapse: collapse; margin: 0px 0px 10px 0px;} #hlavni #obsah #obsahPravy #detail_produkt .info .info_box .varianty table tr td {padding: 2px 5px 2px 5px;} #hlavni #obsah #obsahPravy #detail_produkt_price {padding: 10px 0px 0px 0px;} #hlavni #obsah #obsahPravy #detail_produkt_price .toleft {padding: 8px 0px 0px 0px; font-size: 20px;font-weight: bold; color:#ed1d24;} #hlavni #obsah #obsahPravy #detail_produkt_price .toleft .sleva {color:#9D9D9D; text-decoration: line-through; font-size: 0.9em} #hlavni #obsah #obsahPravy #detail_produkt_price .toright {text-align: center;} #hlavni #obsah #obsahPravy #detail_produkt_price .toright input.submit { padding: 7px 0 0px 0; font-weight: bold; text-decoration: underline; color:#ffffff; background: transparent; text-align: right; font-size: 13px; border:0px; cursor: pointer; } #hlavni #obsah #obsahPravy .header_podobne {background: url(../img/haeder_podobne.gif) no-repeat left bottom; height: 23px;} #layout #promo_box{ width: 670px; padding: 0; height: 364px; padding: 0; } #layout #promo_box .promo_image {width: 670px; height: 319px; text-align: center;} #layout #promo_box img.toleft {margin: 0;} #layout #promo_box #promo_control { height: 42px; float: left; width: 660px; padding: 8px 5px 0px 5px; border-top: 1px solid #ffffff; background: url(../img/bcg_promo_box.png) repeat-x 0 0; } #layout #promo_box #promo_control a {width: 40px; height: 30px;float:left; margin: 0px 0px 0px 5px; display: block;} #layout #promo_box #promo_control a span{display: none;} #layout #promo_box #promo_control a.hidden{display: none;} #layout #promo_box #promo_control a#promo_1_on {background: url(../img/promo_button_1.png) no-repeat 0px 0px;} #layout #promo_box #promo_control a#promo_1_off {background: url(../img/promo_button_1.png) no-repeat 0px -30px;} #layout #promo_box #promo_control a#promo_2_on {background: url(../img/promo_button_2.png) no-repeat 0px 0px;} #layout #promo_box #promo_control a#promo_2_off {background: url(../img/promo_button_2.png) no-repeat 0px -30px;} #layout #promo_box #promo_control a#promo_3_on {background: url(../img/promo_button_3.png) no-repeat 0px 0px;} #layout #promo_box #promo_control a#promo_3_off {background: url(../img/promo_button_3.png) no-repeat 0px -30px;} #layout #banners_collection { height: 130px;} #layout #banners_collection a {display: block; height: 130px; width: 208px; float: left;} #hlavni #bottom a { color:#ffffff; } #hlavni #bottom { text-align: center; width: 1000px; clear: both; margin-top: 0px; font-size: 13px; color: #ffffff; background: #3d3d3d; padding: 10px 0px 10px 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }