/* ============================================================ ZAKLADNI NASTEVENI PRO (X)HTML PRVKY */ body { font-family: Arial; color: #000000; text-align: left; padding: 10px 0px 0px 0px; margin: auto; background-color: #000000; background-position:center 0px ; background-repeat: no-repeat; background-attachment: fixed; font-size: 10px; } /* --- odkazy (rozsireno o ikonky typu souboru) --- */ a {color: #000000; text-decoration: underline;} a:hover {color: #666666; 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 {} table tr td {} table tr th {} 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: url(../img/gradient2.gif) repeat-x 0px 0px; padding: 3px 5px 3px 5px; color:#ffffff; font-weight: bold; border: 1px solid #CBCBCB;} 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; font-family: Tahoma; line-height: 1.3em;} h2 {padding: 0px; padding: 5px 0px 5px 0px; font-size: 1.8em; font-family: Tahoma; line-height: 1.3em; font-weight: bold; color:#A30005} h3 {font-size: 1.4em; padding: 15px 0px 5px 0px; font-family: Tahoma; line-height: 1.5em; font-weight: bold;} h4 {font-size: 1.3em;} h2 span {display: none;} h3 span {display: none;} /* --- formulare --- */ input {margin: 2px 0px 2px 0px;} input.submit {padding: 5px 20px 5px 20px; font-size: 14px; background: #AC0204; color: #ffffff; font-weight: bold; border: 1px solid #7E0900;} form {margin: 0px; padding: 0px;} legend {padding: 3px; color:#000000; background:#EBEBEB;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: 4px 10px 3px 10px; width: 130px; float: left; text-align: right; padding: 3px; background: #EBEBEB;} label.povinny {background: #EBEBEB; font-weight: bold;} /* --- globalni tridy --- */ .clear {clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px;} .smaller {font-size: 0.85em;} .small {font-size: 0.8em;} .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: #ACACAC url(../img/gradient2.gif) repeat-x 0px 0px; color:#ffffff;} .line {background: #CBCBCB; height: 5px; margin: 5px 0px 5px 0px; padding: 0px; line-height: 0px; font-size: 0px;} /* ============================================================ NASTAVENI VZHLEDU STRANKY */ #layout {margin: auto; display: block; width: 980px;} #layout #player {width: 220px; height: 900px; float: right; display: none;} #layout #hlavni {width: 980px;float: none;} #layout #hlavni h1 {display: none;} #hlavni #logo {width: 980px; height: 190px; } #hlavni #logo #ads_logo {width: 980px; height: 110px;} #hlavni #logo a {width: 980px; height: 178px; display: block;text-decoration: none; } #hlavni #logo a#logo_image {width: 980px; height: 80px; display: block;text-decoration: none; background: url(../img/logo.png) no-repeat 0px 0px; clear: both;} #hlavni .header {height: 20px;} #hlavni #top_box {width: 960px; height: 40px; background: url(../img/bcg_top_box.gif) no-repeat 0px 0px; padding: 9px 10px 0px 10px;} #hlavni #top_box #top_box_red {height: 29px; padding: 10px 10px 0px 10px; background: url(../img/bcg_menu.png) no-repeat 0px 0px; color:#ffffff; font-size: 11px; line-height: 1.6em;} #hlavni #top_box #top_box_red a {color:#ffffff} #hlavni #top_box #top_box_red .toleft {width: 160px;} #hlavni #top_box #top_box_red .toleft a.ico_home {background: url(../img/top_box_home.png) no-repeat 0px 0px; font-weight: bold; padding-left: 25px; display: block; float: left; margin-left: 10px;} #hlavni #top_box #top_box_red .toleft a.ico_lang {background: url(../img/flag_eng.png) no-repeat 0px 0px; display: block; float: left; padding-left: 25px; margin-top: 1px; text-decoration: none;} #hlavni #top_box #top_box_red .toright {width: 760px;} #hlavni #top_box #top_box_red .toright #hledej {width: 200px;float: right; padding: 0px 0px 0px 0px; margin: -2px 0px 0px 0px;} #hlavni #top_box #top_box_red .toright #hledej img {float: left; margin: 4px 5px 0px 0px;} #hlavni #top_box #top_box_red .toright #hledej input.searchtext {width: 100px; float: left; background:#FFFFFF; padding: 2px 0px 0px 5px; height: 16px; border:0px; border-top:1px solid #A6A6A6; border-top:1px solid #C6C6C6; font-size: 11px;} #hlavni #top_box #top_box_red .toright #hledej input.odesilaci {border:0px; float: left; width: 60px; background: transparent; border: 0px;font-weight: bold; color:#ffffff; font-size: 11px; padding: 2px 0px 0px 0px;} #hlavni #top_box #top_box_red .toright #customer_box {float: right; color:#ffffff; padding: 1px 0px 0px 0px; width: 560px;} #hlavni #top_box #top_box_red .toright #customer_box #customer {float: left; background: url(../img/top_box_customer.png) no-repeat 0px 0px; padding: 0px 0px 0px 21px; height: 20px; width: 360px;} #hlavni #top_box #top_box_red .toright #customer_box #customer span.red {color:#F7CE1C} #hlavni #top_box #top_box_red .toright #customer_box #cart {float: left; background: url(../img/top_box_cart.png) no-repeat 0px 0px; padding: 0px 15px 0px 25px; height: 20px; margin-left: 15px;} #hlavni #top_box #top_box_red .toright #top_login {float: right; width: 360px; margin-top: -3px} #hlavni #top_box #top_box_red .toright #top_login input {width: 80px; font-size: 11px} #hlavni #top_box #top_box_red .toright #top_login input.submit {width: 50px; padding: 1px 0px 1px 0px; border:0px solid #ffffff; background: transparent; cursor: pointer;} #hlavni #obsah {clear: both; width: 960px; padding: 20px 10px 20px 10px; background:#FFFFFF; margin-bottom: 0px;} #hlavni #obsah #obsahLevy {float: left; width: 228px; padding: 0px 0px 0px 0px;} #hlavni #obsah #obsahLevy .menu {width: 228px; padding: 0px 0px 0px 0px; background: #EBEBEB;} #hlavni #obsah #obsahLevy .header {height: 30px;} #hlavni #obsah #obsahLevy .menu ul {margin: 0px 0px 0px 0px; padding: 0px;} #hlavni #obsah #obsahLevy .menu ul li {height: 26px; background: url(../img/bcg_menu_item.gif) repeat-x 0px 0px;} #hlavni #obsah #obsahLevy .menu ul li.vyprodej {height: 26px; background: url(../img/bcg_menu_vyprodej.gif) repeat-x 0px 0px;} #hlavni #obsah #obsahLevy .menu ul li.vyprodej a {background: url(../img/bcg_menu_item_hover.jpg) no-repeat 0px 0px;} #hlavni #obsah #obsahLevy .menu ul li a{ display: block; text-transform: uppercase; text-decoration: underline; font-weight: bold; font-size: 12px; height: 20px; color: #000000; background: url(../img/menu_arrow.gif) no-repeat 10px 10px; padding: 6px 0px 0px 26px; } #hlavni #obsah #obsahLevy .menu ul li.submenu a {padding: 7px 0px 0px 41px; font-weight: normal; background-position: 25px 10px} #hlavni #obsah #obsahLevy .menu ul li.submenu a:hover {background-position: 15px 0px; background-repeat: repeat-x;} #hlavni #obsah #obsahLevy .menu ul li a:hover {text-decoration: none; color: #000000; background: url(../img/bcg_menu_item_hover.jpg) no-repeat 0px 0px;} #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: 3px 10px 0px 26px; font-size: 11px; background: url(../img/menu_arrow.gif) no-repeat 10px 10px; line-height: 1.5em} #hlavni #obsah #obsahLevy .menu ol li a{ text-decoration: underline; color: #000000; font-weight: bold; text-transform: uppercase; } #hlavni #obsah #obsahLevy .menu ol li a:hover {text-decoration: none;} #hlavni #obsah #obsahLevy .menu ol li span.small {font-size: 10px;} #hlavni #obsah #obsahLevy .space {height: 20px;} #hlavni #obsah #obsahPravy { float: right; width: 670px; border: 1px solid #CBCBCB; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; word-spacing: normal; letter-spacing: 0; line-height: 1.6em; font-size: 1.2em; background: transparent; } #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: #B00002; font-weight: bold; font-size: 1.1em; 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 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: url(../img/gradient2.gif) repeat-x 0px 0px; padding: 3px 5px 3px 5px; color:#ffffff; font-weight: bold; border: 1px solid #CBCBCB;} #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: 11px; 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: 12px; color:#000000; padding: 8px 8px 8px 8px; line-height: 1.5em; font-weight: bold; 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: 11px; 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:#B30003; 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: 11px; 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:#783336; padding: 0px 0px 8px 0px; line-height: 1.4em; margin: 0px;} #hlavni #obsah #obsahPravy #detail_produkt .info b {color:#783336;} #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:#B30003;} #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 {background: url(../img/bcg_vlozit_do_kosiku.png) no-repeat 0px 0px; height: 35px; width: 180px; text-align: right;} #hlavni #obsah #obsahPravy #detail_produkt_price .toright input.submit { padding: 7px 15px 0px 0px; 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: 0px 0px 0px 0px; height: 364px; padding: 0px 0px 0px 0px; } #layout #promo_box .promo_image {width: 670px;height: 319px; text-align: center;} #layout #promo_box img.toleft {margin: 0px 0px 0px 0px;} #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 0px 0px; } #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 { text-align: center; width: 980px; clear: both; margin-top: 10px; font-size: 12px; color: #000000; background: #ffffff; padding: 10px 0px 10px 0px; }