/*-------------------------------------------------------------------*/ /*----------- HTTML, BODY , HLAVNI TABULKA A HLAVNI BOXY ---------------*/ /*-----------------------------------------------------------------------*/ html, body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: url(../images/design/bg.jpg) repeat-y 50% 0; font-size: 82%; margin: 0; padding: 0; text-align: center; } div#main { margin: auto; text-align: left; width: 976px; } table { font-size: 1.1em; } td { vertical-align: top; } img { border: 0; } #natahovak { width: 611px; font-size: 1px; line-height: 1px; height: 1px; clear: both; float: left; } .cleaner { clear: both; height: 1px; line-height: 1px; font-size: .1em; } /*----------HLAVNI TABULKA----------------*/ table.main_tbl { width: 976px; } table.main_tbl td.t_left { width: 153px; } table.main_tbl td.t_center { } table.main_tbl td.t_right { width: 182px; } /*----------HLAVNI BOXY----------------*/ div#left { width: 153px; } div#center { margin: 0 15px 0 15px; } div#right { width: 182px; } /*----------CENTER dlouhy ---------------*/ #center_long .center_header_long { /*background: url(../images/design/cont_center_top_long.gif) no-repeat ; */ height: 9px; font-size: 0; margin: 0 8px; } #center_long .center_footer_long { height: 9px; margin: 0 0 0 8px; clear: both; } #center_long .center_cont_long { background: #fff; margin: 0 8px; padding: 0 8px; background: #fff; line-height: 15px; } /*-----------------------------------------------------------------------*/ /*--------------------------- TOP -------------------------------------*/ /*-----------------------------------------------------------------------*/ /*--------------------------- brands lista -----------------------------*/ div#lista_brands { background: url(../images/bg_lista_brands.jpg) repeat-x bottom; padding: 3px 0; } div#lista_brands span#top_nadpis_brands { float: left; display: block; width: 70px; color: #fff; margin-left: 5px; margin-right: 5px; font-weight: bold; } div#lista_brands ul { padding: 0; margin: 0; list-style: none; display: block; float: left; width: 860px; } div#lista_brands ul li, div#lista_brands ul li#brands_first { display: inline; border-left: 1px solid #000; padding: 0 4px 0 6px; } div#lista_brands ul li#brands_first { border: 0; } div#lista_brands ul li a { color: #000; font-size: .9em; } div#lista_brands ul li a.brands_active { font-weight: bold; } /*----------------------navigacni toplista---------------------*/ ul#lista { float: left; width: 100%; line-height: normal; list-style: none; padding: 0; margin: 0; background: #5BBF02; } ul#lista li { float: left; list-style: none; } ul#lista li#top_nadpis { padding: 5px 5px 5px 5px; font-weight: bold; font-size: 1em; color: #787878; border: 1px solid #D9D9D9; border-top: 0; } ul#lista li#top_nadpis a { border: 0; padding: 0; margin: 0; color: #fff; } ul#lista li a { display: block; padding: 3px 20px 7px 20px; color: white; text-decoration: none; font-weight: bold; border-left: 1px solid #fff; border-top: 0px; } ul#lista li.t_1 a { background: url(../images/design/t_pocitace.gif) repeat-x; } ul#lista li.t_2 a { background: url(../images/design/t_bilezbozi.gif) repeat-x; } ul#lista li.t_3 a { background: url(../images/design/t_klenoty.gif) repeat-x; } ul#lista li.t_4 a { background: url(../images/design/t_solaria.gif) repeat-x; } ul#lista li.t_7 a { background: url(../images/design/t_farmacie.gif) repeat-x; } ul#lista li.t_6 a { background: url(../images/design/t_destniky.gif) repeat-x; } /* ul#lista li.t_7 a { background: url(../images/design/drobne-spotrebice.jpg) repeat-x; } */ #top { position: relative; width: 100%; height: 87px; float: left; } #top #spacer { position: absolute; top: 30px; right: 10px; } #top #spacer img { border: none; margin: 0; padding: 0; } #top #logo { position: absolute; top: 3px; } #top h2 { position: absolute; left: 120px; top: 10px; margin: 0; padding: 0; z-index: 10; font-size: 16px; width: 350px; } /*---------- STATIC PAGES NAVIGATION----------------*/ ul#top_nav { position: absolute; top: 4px; right: 0; padding: 0; margin: 0; list-style: none; } ul#top_nav li { margin: 0; padding: 0; float: right; background: none; list-style-image: none;} ul#top_nav li a, ul#top_nav li a.lastli { color: black; font-size: .8em; border-right: 1px solid black; padding: 0 5px; display: block; } ul#top_nav li a.lastli { border-right: 0; } ul#top_nav li a.active { text-decoration: underline; } /*--------------- TOP MENU-----------------*/ #top ul#nav { position: absolute; right: 0; bottom: 0; padding: 0; margin: 0; list-style-type: none; width: 790px; } #top ul#nav li, #top ul#nav li.active { float: right; background: url("../images/design/tl_left.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; list-style: none; text-align: center; } #top ul#nav li.active { background: url("../images/design/tl_left_active.gif") no-repeat left top; } #top ul#nav li strong { float: left; display: block; height: 20px; background: url(../images/design/tl_right.gif) no-repeat right top; } #top ul#nav li a, #top ul#nav li a.double, #top ul#nav li.active a { float: left; display: block; text-align: center; padding: 4px 8px 2px 3px; /*14px 8px 11px 3px;*/ text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; } #top ul#nav li a.double{ padding: 7px 8px 3px 3px; } #top ul#nav li.active a{ background: url(../images/design/tl_right_active.gif) no-repeat right top; /**/ color: white; /*--edit--*//*--edit--*/ } #top ul#nav li a:hover { color: #003399; } #top ul#nav li.active a:hover { color: #fff; } #top ul#nav li a span { color: red; } /*-----------------SUBLISTA-----------------*/ #sublista { clear: both; background: #57A2EB; /* url(../images/design/bg_sublista.gif) repeat */ padding: 8px 0 8px 5px; position: relative; } #sublista fieldset { border: 0; font-size: 1em; padding: 0; margin: 0; } #sublista fieldset label { color: White; padding-right: 5px; font-weight: bold; } #sublista select { width: 120px; margin: 0px 10px 0px 0px; font-size: 0.9em; } #sublista .vyraz { width: 190px; color: #6F6F6F; font-size: 0.9em; } #sublista .sub { width: 78px; height: 19px; border: 0; background: url(../images/design/but_go_submit.gif); } #header_box, #loged_in { width: 300px; position: absolute; right: 2px; top: 2px; } #sublista a.customer_nologin { float: right; font-size: 10px; color: #fff; width: 163px; height: 35px; line-height: 35px; padding: 0; font-weight: bold; margin: 0; display: block; } #sublista a.customer_nologin a:hover { color: red; } #sublista a.customer_nologin span { margin-left: 35px; display: block; } /*#sublista a.customer_login { float: right; color: white; font-weight: bold; margin: 5px 10px 0 0; display: block; }*/ #sublista a.customer_login { position: absolute; right: 0; color: #fff; font-weight: bold; margin: 5px 10px 0 0; display: block; } #sublista .customer_logged_in { position: absolute; right: 10px; top: 11px; color: #fff; font-weight: bold; } #sublista .customer_logged_in a { color: #fff; font-weight: bold; } ul#lang { list-style: none; padding: 0; margin: 0; position: absolute; left: 580px; top: 10px; } ul#lang li { margin: 0 5px 0 0; padding: 0 color: #fff; background: none; width: 26px; height: 18px; display: block; float: left; } ul#lang li.cz { background: url(../images/design/flag_cz.gif) no-repeat; } ul#lang li.en { background: url(../images/design/flag_en.gif) no-repeat; } ul#lang li.de { background: url(../images/design/flag_de.gif) no-repeat; } ul#lang li a { color: #fff; width: 26px; height: 18px; display: block; float: left; background: none; } ul#lang li a.active_lang { border: 1px solid black; width: 25px; height: 17px; } ul#lang li a span { display: none; } /*-------------------SUBLISTA 2 ----------------*/ #sublista2 { width: 100%; float: left; background: #E6E6E6; margin: 1px 0 2px 0; padding: 3px 0; background: #E6E6E6; } #sublista2 #banner { margin-left: 165px; } div.banner { float: left; padding: 0 !important; } div.banner a { display: block; } /*-----------------------------------------------------------------------*/ /*--------------------------- SLOUPCE ----------------------------------*/ /*-----------------------------------------------------------------------*/ #left h3, #right h3, #right h3.grey { background: url(../images/design/white_roh_leva.gif) no-repeat left top #003399; margin: 0; padding: 0 0 0 10px; color: white; font-size: 1em; line-height: 20px; clear: both; } #right h3.grey { background: url(../images/design/white_roh_leva.gif) no-repeat left top #999999; color: white; } #left h3 strong, #right h3 strong { background: url(../images/design/white_roh_prava.gif) no-repeat right top; display: block; font-size: 12px; } /*-----------menicka v pravem a levem sloupci ------------*/ #left ul, #right ul { padding: 0; margin: 0; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; background: url(../images/design/ul_bottom.gif) no-repeat left bottom; } #right ul.subscribe li { list-style: none; list-style-image: none; background: none; } #right ul { background: #fff; } #left ul li, #right ul li { list-style-image: none; background: none; } #left h4, #right h4 { background: #E6E6E6; padding: 2px 0 2px 10px; margin: 0; font-size: .9em; text-align: left; } /*---------LEVE MENICKO -----------*/ /*---------LEVE MENICKO -----------*/ div.rl_box { } #left div.rl_box ul li span.higher { position: absolute; right: 4px; top: 4px; } html>body #left div.rl_box ul li ul li span.higher { position: absolute; right: -6px; top: 4px; } /*-- 1. level ---*/ #left div.rl_box ul { padding: 0; margin: 0; list-style: none; list-style-image: none ; } #left div.rl_box ul li { background-color: #F0F0F0 ; padding: 2px 10px 2px 7px ; list-style: none; list-style-image: none; border-bottom: 1px solid #fff; position: relative; } #left div.rl_box ul li a { font-size: .9em; color: #0B4397; padding: 3px 0; } /*-- 2. level ---*/ #left div.rl_box ul li ul li { border: 0; } #left div.rl_box ul li ul li a { color: #4E4E4E; } /*-- 3. level ---*/ #left div.rl_box ul li ul li ul li a { color: Black; } #left ul li a.down, #left ul li a.selected { color: #ff0000 !important; text-decoration: underline; font-weight: bold; } ul#ul_my_account { } ul#ul_my_account li { background-color: #F0F0F0 ; padding: 2px 10px 2px 7px ; list-style: none; list-style-image: none; border-bottom: 1px solid #fff; } ul#ul_my_account li a { font-size: .9em; color: #0B4397; padding: 3px 0; } #right ul li a { display: block; vertical-align: bottom; padding: 2px 5px 1px 17px; font-size: 1em; width: 182px; _width: 158px; } html>body #right ul li a { width: 158px; } /*---------------- nejprodavanejsi zbozi -----------*/ #right ul.best_sel { padding: 0; margin: 0; } #right ul.best_sel li, #right ul.best_sel li.firstli,#right ul.best_sel li.lastli { border-bottom: 1px solid #C5C5C5; padding: 0 0px 3px 0; margin: 0; display: block; width: 182px; text-align: right; clear: both; } #right ul.best_sel li.firstli { border-bottom: 0; } #right ul.best_sel li.lastli { border-bottom: 0; } #right ul.best_sel li div.image { padding: 0; margin: 0 5px 0 0; float: left; width: 85px; } #right ul.best_sel li div.image a{ padding: 0; margin: 0; background: none; width: 85px; } #right ul.best_sel li a { background: none; display: block; float: left; font-weight: bold; font-size: .9em; margin: 3px 0 0 5px; padding: 0; text-align: left; width: 85px; } #right ul.best_sel li .price { display: block; color: black; margin: 0 5px 3px 0; font-weight: bold; font-style: normal; font-size: .9em; clear: both; } /* */ #left .help_ol { margin-bottom: 0; padding-bottom: 0; text-align: left; } #left .help_ol ol { margin-top: 0; padding-top: 5px; margin-bottom: 0; padding-bottom: 0; list-style-type: decimal; } #left .help_ol ol li { margin-left: -10px; padding: 2px 0 3px 0; list-style-type: decimal; text-align: left; } #left .help_ol ol li a { font-size: 1em; background: none; } #left .help_ol ol li em { display: block; text-align: right; padding: 0 5px 0 0; margin: 0; font-style: normal; } #left .span { display: block; background: url(../images/design/ul_bottom.gif) bottom no-repeat; margin-bottom: 10px; height: 10px; } #right .span { clear: both; display: block; background: url(../images/design/ul_bottom_right.gif) bottom no-repeat; margin-bottom: 10px; height: 10px; } #right .box { background: #F9F9F9; border: 1px solid #C5C5C5; padding: 5px; margin-bottom: 10px; } #right .box strong, #right .box a { font-weight: bold; } /*-----------------newsletter--------------*/ #right .newsletter { display: block; font-size: .9em; margin: 4px 0; } #right fieldset { margin: 0 8px 0 8px; padding: 0; border: 0; } #right fieldset .vyraz { color: Gray; font-size: .9em; width: 150px; } html>body #right fieldset .vyraz { width: 155px; } #right fieldset .sub { width: 106px; height: 33px; background: url(../images/design/but_subscribe.gif) no-repeat; border: 0; margin: 0 0 0 41px; } html>body #right fieldset .sub { margin: 0 0 0 55px; } /*----------------- secure carty --------------*/ #right .float_secure { border-right: 1px solid #C5C5C5; border-left: 1px solid #C5C5C5; padding: 5px 0 0 10px; } #right .float_secure a { background: none; padding: 0; margin: 0; } /*----------------- mini basket napravo --------------*/ #basket { padding-top: 5px; } #basket table { margin-left: auto; margin-right: auto; font-size: 1.1em; width: 165px; } #basket table td b { text-align: right; display: block; } #basket table td.border_b { border-top: 1px solid #ccc; height: 1px; } a.basket_view { display: block; font-size: .9em; font-weight: bold; margin: 10px 0 4px 10px; } a.basket_check { margin-left: 8px; display: block; } /*-----------------------------------------------------------------------*/ /*--------------------------- HLAVICKY ----------------------------------*/ /*-----------------------------------------------------------------------*/ .header { width: 100%; border-bottom: 2px solid #003399; /**/ height: 19px; clear: both; margin: 0 0 5px 0; } .header a { float: right; display: block; margin: 6px 0px 0 0; padding: 0 3px 0 0; font-size: .85em; } .header a.why { margin: 4px 0 0 5px; float: left; background: none; font-size: .9em; } #bundle .header span { float: right; margin: 2px 15px 0 0; font-size: 1.1em; font-weight: bold; } .header .nadpis { color: White; background: url(../images/design/white_roh_leva.gif) left top no-repeat; float: left; background-color: #003399; font-weight: bold; padding: 0 0 0 7px; font-size: 12px; } .cards .header { border-bottom: 2px solid #999999; } .cards .header .nadpis { background-color: #999999; font-size: 12px; } .header .nadpis h2, .header .nadpis h3 { color: white; padding: 2px 7px 2px 0; margin: 0; font-size: 1.1em; background: url(../images/design/white_roh_prava.gif) no-repeat right top; max-width: 520px; } .header .nadpis h2.b1_h2 { max-width: 350px; } .header .nadpis h2.b2_h2 { max-width: 220px; } /*--------------- DIVY - obaluji jednotlive elmenty strankek ------------------*/ .testim, .cards, .b_sel, #sa, .vypis_tbl, .comparing, #bundle, #ratings, #description, #specification, .comp, .added, .also_need, .rl_navig { width: 100%; margin: 10px 0 0 0; clear: both; float: left; } /*--------------- TESTIMONALS - HODNOCENI - stranek ------------------*/ .testim .stars { width: 82px; float: right; height: 15px; border: 1px solid white; } .stars span, .stars span.half, #detail_b table#detail_ratings td span, #detail_b table#detail_ratings td span.half { float: left; width: 16px; height: 15px; background: url(../images/design/star.gif) no-repeat; } .stars span.half, #detail_b table#detail_ratings td span.half { background: url(../images/design/star_half.gif) no-repeat; } .testim h5 { margin: 0 0 10px 0; padding: 0; } .testim p { margin: 0 0 5px 0; padding: 0; } .testim hr { height: 1px; background: #C5C5C5; border: 0; clear: both; padding: 0; margin: 0; } html>body .testim hr { margin: 5px 0; } /*--------CARDS-------*/ .cards { position: relative; } .cards .card { float: left; height: 75px; display: block; } /*--------COMPARE----------------*/ .comparing {} .comp { background: url(../images/design/compare_icon_big.gif) no-repeat; width: 100%; } .comp .com_prod { margin: 0 0 0 50px; background: #E6E6E6; padding: 2px 0 2px 5px; } .comp .com_prod .follow { font-weight: bold; display: block; width: 150px; float: left; font-size: .9em; } .com_prod ul { padding: 0; margin: 0; float: left; width: 405px; } .com_prod ul li { list-style-image: none; list-style-type: none; float: left; padding: 0; margin: 0; margin: 0 0 0px 10px; height: 20px; display: block; text-align: left; } .com_prod ul li a { padding: 0 0 0 10px; background: url(../images/design/disc_left.gif) no-repeat 0px 3px; font-size: .8em; font-weight: bold; display: block; width: 194px; _width: 174px; } html>body .com_prod ul li a { width: 174px; } .com_prod ul li div { text-align: right; background: url(../images/design/remove_compare.gif) 100% 70% no-repeat; border-bottom: 1px solid #fff; } .com_prod ul li div a { background: none; font-size: .8em; font-weight: normal; padding: 0 9px 0 0; } .comparing table { font-size: .9em; clear: both; } .comparing table th img { display: block; margin-left: auto; margin-right: auto; } .comparing table tr.names td, .comparing table tr.names td.first { font-size: 1em; } .comparing table tr.names td.first { width: 115px; } .comparing table tr.names, .comparing table tr.prices { font-weight: bold; background: #E6E6E6; font-size: 1.1em; } .comparing table tr.prices { color: #CC0000; background: white; } .comparing table tr.bg { background: #E6E6E6; } .comparing table td.first { font-weight: bold; } .comparing table td em { font-weight: normal; font-style: normal; } /*--------------------- SHOW INFO - popup okno ( napr. if pridam zbozi ) ----------*/ .show_info { visibility: hidden; padding: 5px; color: #000; width: 260px; height: 50px; border: 1px solid black; background-color: #fff; position: absolute; top: 200px; left: 200px; z-index: 1000; /* 16.09.05 pf kvuli [?] *//* 16.09.05 pf kvuli [?] */ } .show_buy_close { float: right; } .show_buy_close_x { color: #990000; } /*------- ACCESSORIES vyjizdeci menu --------*/ #left ul.left_submenu, #left ul.left_submenu li ul, #left ul.left_submenu li ul li ul { padding: 0; margin: 0; border: 0; background: none; } /*------- ACCESSORIES - PRVNI UROVEN --------*/ #left ul.left_submenu li { background: #C5C5C5; border: 0; background-image: none; padding: 0; margin: 0 0 1px 0; } #left ul.left_submenu li ul li { background: #DEDEDE; border: 0; background-image: none; padding: 0; margin: 0; border-bottom: 1px solid #fff; } #left ul.left_submenu li ul li ul li{ background: #EFEFEF; border: 0; background-image: none; padding: 0; margin: 0; border-bottom: 1px solid #fff; background: url(../images/design/li.gif) no-repeat 5px 5px; } #left ul.left_submenu li a { padding: 2px 5px; margin: 0; background-image: none; color: #333333; font-weight: bold; font-size: .9em; width: auto; } #left ul.left_submenu li ul li a { background-image: none; padding: 2px 5px; margin: 0; font-weight: normal; color: #0039BD; width: auto; } #left ul.left_submenu li ul li ul li a { color: #0039BD; padding: 2px 5px 2px 15px; margin: 0; font-weight: normal; width: auto; } /*------------- HLEDANI - VYSLEDKY HLEDANI ------------*/ table#no_results { width: 100%; margin: 10px 0 0 0; } table#no_results td { width: 50%; text-align: center; } table#no_results td.td_search { padding-right: 10px; } table#no_results td.td_call { padding-left: 10px; } #search2 input { width: 130px; } #search2 fieldset { border: 0; } #search2 input.sub { background: url(../images/design/butt_search_again.gif) no-repeat; width: 126px; height: 29px; border: 0; position: relative; top: 3px; } html>body #search2 input.sub { top: 0; } #call_the_team .call_cont h1 { font-size: 20px; color: #003399; margin-top: 13px; } /*-------site map -------*/ #mapa ul { list-style: none; margin-top: 0px; margin-left: 20px; } #mapa ul li { list-style-image: none; background: none; } #mapa ul li ul li { background: none; } #mapa ul li ul li ul li { background: none; } #mapa ul li a { color: #000; line-height: 12px; padding: 0; margin: 0; list-style: none; font-weight: bold; text-indent: 0; } #mapa ul li a:hover { color: #000; } #mapa ul li a, #mapa ul li ul li a, #mapa ul li ul li ul li a, #mapa ul li ul li ul li ul li a { color: #003399; font-weight: normal; padding: 0px 0px 0px 0px; } #mapa ul li a { font-weight: bold; } #mapa ul li ul li a:hover { color: #000; } span#online_finance_left { border: 0; background: #F9F9F9; } /*------------- UNKNOWN ------------*/ table.t_recom { clear: both; font-size: .9em; } .rl_navig a.rightback, .rl_navig a.leftback { text-align: right; float: right; font-weight: bold; font-size: .9em; padding: 0; margin: 0; } .rl_navig a.leftback { float: left; } #crumb_trail { text-align: left; clear: both; display: block; font-size: .9em; } .small_info { font-size: 0.9em; font-style: italic; } #homepage_banners { width: 100%; text-align: center; } #close_window { margin: 10px 0px 0px 10px; text-align: center; font-family: "Courier New", Courier, monospace; } #close_window a { color: green; } #form_change_special_offer { position: relative; top: -15px; } a.ext_url { margin-top: -3px; margin-left: 10px; } a.view_all { font-weight: bold; } #iframe_3d_secure { width: 772px; height: 600px; float: left; padding: 0; margin: 5px 0 0 0; } #right input.sub { cursor: pointer; } #id_iframe_features { width: 180px; } /*--------- KURSORY ---------*/ input.sub, input.sub , #save_personal, #save_recipient, #save_billing, .cart_update_order_button { cursor: pointer; } td.basket_desc a { float: left; display: block; margin-right: 8px; } td.basket_desc h3 { margin-left: 0; } div.landing_page_desc { padding: 8px 10px; } .vypis_tbl .items td.available { text-align: center; } .vypis_tbl .items td.available span.helppromo a { float:none; display: block; width: 12px; margin-left: auto; margin-right: auto; } /*---------------designs/0/boxes.css--------------*/ /*----------BACKGROUND-COLOR #F48001 - např. sublista -------*/ #sublista, #left h3, #right h3, .vypis_tbl .items th, .vypis_tbl .items th.left_roh, .vypis_tbl .items th.right_roh, .header .nadpis { background-color: #57A2EB; } /*------- tlacitka background-image - RIGHT---------*/ #top ul#nav li.active a { background-image: url(../images/tl_right.gif) no-repeat right top; } /*------- tlacitka background-image - LEFT---------*/ #top ul#nav li.active { background-image: url("../images/tl_left.gif") no-repeat left top; } .header, ul#det_li { border-bottom: 2px solid #57A2EB; } #left .help_ol ol { text-align: left; } #left .help_ol ol li { text-align: left; margin-bottom: auto; } /* VERZE COMPOSIT */ /*---------------- javascript rozklikavaci menu vlevo ----------------------*/ /* div.rl_box { } #left div.rl_box span.higher { background: #ECECEC; display: block;} .menu_cat_sipka { cursor: pointer; display: block; width: 9px; float: right; margin: 4px 2px 0 0; } #left div.rl_box ul { width: 100%; padding: 0; margin: 0; } #left div.rl_box ul li { border: 0; padding: 0 ; background: url(../images/design/disc_left.gif) no-repeat 17px 5px; float: left; } #left div.rl_box ul li a { width: auto; display: block; padding: 2px 0; margin: 0; text-indent: 0; font-size: 11px; background: #F0F0F0; margin-bottom: 1px; padding-left: 10px; width: 152px; _width: 142px; } html>body #left div.rl_box ul li a { width: 142px; } #left div.rl_box ul li span.higher a { width: 130px; } #left div.rl_box ul li ul li { width: 152px; } #left div.rl_box ul li ul li a { display: block; padding-left: 15px; width: 152px; _width: 137px; } html>body #left div.rl_box ul li ul li a { width: 137px; } #left div.rl_box ul li a.selected { color: #000; text-decoration: underline; } */ /* VERZE Z EOD */ /*-------------------- bottom menu ----------------*/ div.ebrana_icons { width: 976px; margin: 15px auto; padding-top: 0px; padding-bottom: 10px; text-align: center; border-top: 1px solid #ccc; clear: both; } div.ebrana_icons div { display: inline; } div.ebrana_icons div img { position: relative; top: 8px; left: 10px; } .detail_obrazek { position: relative; } .detail_obrazek .detail_obrazek_akce { position: relative; margin-top: 0px; } .detail_obrazek .detail_obrazek_akce img { padding: 0; margin: 0 auto; display: block; } /*-------------------- download souboru ----------------*/ .product_files { margin: 20px 0; padding: 8px; border: 1px dotted #ccc; background: url(../images/default_images/bg_download.gif) no-repeat 105% -20px; } .product_files p { padding: 4px 0 10px; margin: 0; color: #333; } .product_files .prod_file { float: left; width: 24.999%; padding-bottom: 15px; } .product_files .prod_file_cont { margin: 0 10px; padding-top: 10px; background: #fafafa; border: solid 1px #ddd; behavior: url("css/hover_easy.htc"); } .product_files .prod_file .obrazek { width: 70px; height: 70px; margin: 0 auto; background: 50% 50% no-repeat; } .product_files .prod_file .obrazek .img_table{ display: table; width: 70px; height: 70px; #position: relative; overflow: hidden; z-index: 100; } .product_files .prod_file .obrazek .img_cell { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; } .product_files .prod_file .obrazek .img_ie { #position: relative; #top: -50%; } .product_files .prod_file .obrazek img { display: block; margin: 0 auto; } .product_files .prod_file .down { display: inline; display: none; } .product_files .prod_file .down input { font-size: 0.9em; float: right; margin-top: 15px; } .product_files .prod_file .nazev { text-align: center; padding: 10px 0; } .product_files .prod_file .nazev a:hover { text-decoration: none; } .product_files .prod_file .info { position: relative; z-index: 1000; } .product_files .prod_file .info span { display: block; } .product_files .prod_file .info_popup { display: none; position: absolute; top: 0; left: -1px; width: 112px; background: #eee; border: solid 1px #aaa; font-size: 0.9em; color: black; padding: 5px 7px; filter:alpha(opacity=75); } html>body .product_files .prod_file .info_popup { -moz-opacity:0.75; } .product_files .prod_file_cont:hover .info_popup, .product_files .prod_file_cont.hover .info_popup { display: block; } /* pozadi jsou */ .product_files .prod_file .avi { background-image: url(../images/icons/ico_avi2.gif); } .product_files .prod_file .wmv { background-image: url(../images/icons/ico_wmv2.gif); } .product_files .prod_file .mpg { background-image: url(../images/icons/ico_mpg2.gif); } .product_files .prod_file .mpeg { background-image: url(../images/icons/ico_mpeg2.gif); } .product_files .prod_file .jpg { background-image: url(../images/icons/ico_jpg2.gif); } .product_files .prod_file .jpeg { background-image: url(../images/icons/ico_jpeg2.gif); } .product_files .prod_file .gif { background-image: url(../images/icons/ico_gif2.gif); } .product_files .prod_file .bmp { background-image: url(../images/icons/ico_bmp2.gif); } .product_files .prod_file .png { background-image: url(../images/icons/ico_png2.gif); } .product_files .prod_file .pdf { background-image: url(../images/icons/ico_pdf2.gif); } .product_files .prod_file .rar { background-image: url(../images/icons/ico_rar2.gif); } .product_files .prod_file .xls { background-image: url(../images/icons/ico_xls2.gif); } .product_files .prod_file .doc { background-image: url(../images/icons/ico_doc2.gif); } .product_files .prod_file .txt { background-image: url(../images/icons/ico_txt2.gif); } .product_files .prod_file .zip { background-image: url(../images/icons/ico_zip2.gif); }