body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle}
ul {list-style-type:none}
p {line-height:1.7}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}

html {background:#fff url(../img_steel/bg.gif) repeat-x}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;color:#000;width:999px;margin:0 auto;padding-bottom: 20px;}
a {color:#000;text-decoration:underline;line-height:1.1}
a:hover {color:#930659}

.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}

h1.main {position:absolute;top:50px;left:30px; color:#FFFFFF;}

#logo1 {position:absolute;top:45px;left:16px;}

ul.usability {position:absolute;top:0;left:-9999px}

#layout {height: auto}
/* hlavicka */
.header {height:273px;position:relative;background:#251F21 url(../img_steel/header_bg.jpg) no-repeat;margin-bottom:16px;}

/* menu-top */
#topbar {top:0; height: 50px; background: #000; width: 100%;}
#menu-top {font-size:1.2em;width:950px; left: 50%; margin-left: -450px;position: absolute}
#menu-top li {float:left; margin-right: 10px;}
#menu-top li a {color:#ccc;float:left; padding:0 7px;line-height:1.0em;text-decoration:none;outline: none;}
#menu-top li a:hover {color:#fff;text-decoration:none}
#menu-top li a img{float:left;}
#menu-top li a span{float:left; padding: 15px 0; cursor: pointer;}

/* hlavicka - formular prihlaseni */
form.login {width:181px;height:43px;color:#fff;padding:0px 0px 0px 0px;position:absolute;top:16px;right:0;}
form.login fieldset {margin:14px 0 0px 10px}
form.login fieldset p {clear:left;padding:0px 0 0 34px;text-align:left;font-size:1em;line-height:1.7}
form.login label {float:left;width:39px;font-size:1.3em}
form.login input.txt {background:#F4F4F4;width:120px;border: 1px solid #a7a6aa;margin-bottom:7px;}
form.login input.pass {width:86px;border: 1px solid #a7a6aa;}
button.sub {position:absolute; left:137px; top:44px;padding:0;border:0 none;width:29px;height:15px;}
button.sub img {margin:-1px 0px 0px -3px;padding:0;}
form.login p {font-size:1.1em;text-align:right;padding:0px 0px 3px 0px; margin:0px; line-height:1.2em}
form.login p a {color:#000;position: relative; left: -14px;}
form.login p a:hover {color:#930659}
form.login .text_prihlaseni {position:absolute; right:14px; top:-12px;}
form.login .text_login {position:absolute; left:-9px; top:17px;}
form.login .text_heslo{position:absolute; left:-10px; top:44px;}

/* hlavicka - uzivatelsky box */
.logged {width:192px;height:88px;background:url("../img_steel/logged.jpg") no-repeat;color:#fff;padding:37px 3px 0px 0px;position:absolute;top:0;right:0;}
.logged span {font-weight:bold;display: block;font-size: 1.1em;padding: 15px 0px 4px 4px; color:#B8B7B9}
.logged strong{display:none;}
.logged .right{float:right;}
.logged a{width:95px; height:29px; position:relative; float:left;margin-bottom:2px; background:#444343; color:#C6C5C5; text-decoration:none; text-align:center; line-height:29px;}
.logged a:hover{background:#626161; color:#FFFFFF;}
.logged a span{width:95px; height:29px;position:absolute; left:0px; top:0px; padding:0px; cursor:pointer;}
.logged a.logged_objednavky span{float:left; background:url("../img_steel/logged_moje_objednavky.jpg") no-repeat;}
.logged a.logged_heslo span{float:right; background:url("../img_steel/logged_zmenit_heslo.jpg") no-repeat;}
.logged a.logged_upravit span{float:left; background:url("../img_steel/logged_upravit_udaje.jpg") no-repeat;}
.logged a.logged_odhlasit span{float:right; background:url("../img_steel/logged_odhlasit.jpg") no-repeat;}
.logged a span:hover{background-position:left -29px;}


/* hlavicka - hlavni menu */
ul.home-nav {float:left;padding:133px 0 0 10px;color:#000;font-size:1.2em;height:30px;}
ul.home-nav li {float:left}
ul.home-nav li a {float:left;color:#8A8C8E;text-decoration:none;text-transform:uppercase;padding:9px 5px}
ul.home-nav li a:hover {color:#EF77BF}

ul.main-nav {float:right;padding:133px 5px 0 0;color:#000;font-size:1.2em;height:30px;}
ul.main-nav li {float:left; line-height:27px;color:#BAB8B8}
ul.main-nav li a {float:left;color:#8A8C8E;text-decoration:none;text-transform:uppercase;padding:9px 5px}
ul.main-nav li a:hover {color:#EF77BF}

#header2{float:left; width:100%; height:110px;  }

/* formular vyheldavani */
form.srch {position:relative;width:161px;height:65px;padding:10px 10px 0 15px;float:left;overflow: hidden;}
form.srch fieldset {padding: 10px 0;}
form.srch label {display:block;font-size:1.3em;color:#BAB8B8;margin-bottom:10px;font-weight:bold}
form.srch input.txt {width:120px;border: 1px solid #ccc;background:#F4F4F4;}
form.srch input.sub {position:absolute; left:140px; top:45px;}

/* hlavicka - bannery sekci */
.section {width:610px;height:100px;float:left;padding:3px 0 0 0;overflow: hidden; }
.section  div{float:left; padding-left:18px; } 
.section a {background:#444343;display: block; float: left; width:183px;height:100px;position: relative; line-height:100px; color:#C6C5C5; text-align:center; text-decoration:none; font-size:16px; font-weight:bold;}
.section a:hover {background:#626161; color:#FFFFFF;}
.section a.copa span {background: url(../img_steel/sekce_copa.jpg) no-repeat;}
.section a.retro span {background: url(../img_steel/sekce_retro.jpg) no-repeat;}
.section a.moda span {background: url(../img_steel/sekce_moda.jpg) no-repeat;}
.section a span {position: absolute; z-index: 10; top:0; left:0;width:183px;height:100px;cursor: pointer;}
.section a:hover  span{background-position: 0 -100px;}
.section a.aktiv  span{background-position: 0 -100px;}

/* hlavicka - kosik */
.cart {width:140px;height:70px;margin-top:1px;padding:0;float:right;color:#fff;overflow: hidden;}
.cart h2 {font-size:1.3em;margin-bottom:10px}
.cart h2 a {color:#DADADA; font-size: 1.2em; display: block; padding: 6px 0 0 0px;text-transform: uppercase;}
.cart h2 a:hover {color:#EF77BF;text-decoration:underline}
.cart p {font-size:1.1em;margin: 0; padding: 0px; line-height: 1.2em;}

.line {clear:both}

/* obsah - levy sloupec */
.left-aside {float:left;width:192px;padding-bottom: 249px;margin-left:-610px}

/* obsah - levy sloupec - katalog */
.left-aside .catalogue {width:193px;min-height:133px;overflow:hidden;margin:0 0 10px 0;background: #191B1D;}
.left-aside .catalogue h2 {position: relative; width:195px; height: 33px;}
.left-aside .catalogue h2 span {position: absolute; width:195px; height: 33px;; z-index: 10; top: 0; left: 0; background: url(../img_steel/title_katalog.gif) no-repeat;}
.left-aside .catalogue ul li a {color:#BAB8B8;font-weight:bold;font-size:1.2em}
.left-aside .catalogue ul li a:hover {color: #FFFFFF;}
.left-aside .catalogue ul {padding:10px 20px;line-height:1.7}

/* obsah - levy sloupec - menu */
.left-aside .banner {width:100%; display:block;margin:0 auto 20px auto;text-align:center; float:left;}
.left-aside .sec-nav {font-size:1.2em;padding:0 15px; margin-bottom:20px; float:left;}
.left-aside .sec-nav li {float:left;width:100%; padding-bottom:6px;}
.left-aside .sec-nav li a {height:100%;color:#919191;float:left;text-decoration:none; position:relative;width:174px;height:15px;display:block; /*height:76px;background:#251F21; line-height:76px; text-align:center; */font-weight:bold;}
.left-aside .sec-nav li a:hover, .left-aside .sec-nav li a.active, .catalog ul li a.active{height:100%;color:#fff;background:#930659;text-decoration:none}
.left-aside .sec-nav li a:hover {background:#444343; color:#ffffff;}
/*.left-aside .sec-nav li a span{position:absolute; left:0px; top:0px;width:174px;height:76px; cursor:pointer; }*/
.left-aside .sec-nav li a.menu_klubove_dresy span {background: url("../img_steel/menu_klubove_dresy.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_mikiny span {background: url("../img_steel/menu_mikiny.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_narodni_dresy span {background: url("../img_steel/menu_narodni_dresy.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_mikiny_copa span {background: url("../img_steel/menu_mikiny_copa.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_trika_copa span {background: url("../img_steel/menu_trika_copa.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_mice span {background: url("../img_steel/menu_mice.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_tasky_copa span {background: url("../img_steel/menu_tasky_copa.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_hodinky_copa span {background: url("../img_steel/menu_hodinky_copa.jpg") no-repeat;}
.left-aside .sec-nav li a.menu_poukazy span {background: url("../img_steel/menu_poukazy.jpg") no-repeat;}
.left-aside .sec-nav li a:hover span,.left-aside .sec-nav li a.active span {background-position:0px -76px;color:#fff;text-decoration:none;}
.left-aside .sec-nav li ul {margin-left:20px}
.left-aside .sec-nav li ul li a {width:125px;font-size:1.1em; font-weight: bold; padding: 3px;height:100%;}

/* obsah - prostredek */
.content {float:left;width:610px;padding-left:0;position:relative;right:-195px}
.content ul.services li {float:left;width:178px;font-size:1.2em;padding:15px 0;margin-right:25px}
.content ul.services li.last {margin:0}
.content ul.services li a {font-weight:bold}
.content ul.services li img {display:block;margin:0 0 10px 0}
.content h2 {color: #930659;margin:0 0 10px 10px;font-size: 1.4em;}
.content h3 {color: #930659;font-size: 1.6em;margin: 10px 0 0 10px}
.content p {font-size: 1.2em;line-height: 1.2em;text-align: justify;margin-left: 10px;}
.content ol {font-size: 1.2em;margin: 15px 0 0 45px;}
.content ol li {padding: 1px 0;}

.content #hp-areas {margin: 20px 0 20px 10px;float:left;}
.content #hp-areas li {float: left; width: 182px;}
.content #hp-areas li.center {text-align: left; margin: 0 20px;}
.content #hp-areas li h3 {color: #2f2f2e; font-size: 1.3em;padding: 7px 5px;margin: 0;}
.content #hp-areas li p {color: #898a8a; text-align: left;line-height: 1.3em;}
.content #hp-areas li a.more {font-weight: bold; padding: 5px;color: #5e5e5e;font-size: 1.2em;display: block;}
.content #hp-areas li a.more:hover {color: #000; text-decoration: none;}

.content h2.profil {position: relative; width:573px; height: 80px;left: 0px;margin: 0;padding-left:17px;}
.content h2.profil span {width:573px; height: 82px;position: absolute; top: 0; left: 17px; z-index: 10; background: url("../img_steel/profil_nadpis.jpg") no-repeat;}  
    
.content .profil-box  {width:573px;height:99px;float:left;padding:17px 0 0 0;overflow: hidden; background:#2E2627 url("../img_steel/profil_menu.jpg") no-repeat; margin-left:17px;}
.content .profil-box ul {padding: 0 0 0 15px;}
.content .profil-box ul li {float: left; padding-right:30px}
.content .profil-box  a {display: block; float: left; width:128px;height:74px;position: relative;}

.content .profil-box .prehled-objednavek a {background: url("../img_steel/profil_prehled_objednavek.jpg") no-repeat ;}
.content .profil-box .upravit-udaje a{background: url("../img_steel/profil_upravit_udaje.jpg") no-repeat ;}
.content .profil-box .zmenit-heslo a {background: url("../img_steel/profil_zmenit_heslo.jpg") no-repeat ;}

.content .profil-box  a  {display:block;width:128px;height:74px;cursor: pointer; font-size:0px;color:#FFFFFF;}
.content .profil-box  a:hover  {background-position: 0 -75px;}
.content .profil-box  a.aktiv  {background-position: 0 -75px;}


.content h2.kosik {position: relative; width:90px; height: 25px;left: 20px;margin: 10px 0 0 0;}
.content h2.kosik span {width:90px; height: 25px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-kosik.jpg) no-repeat;}
.content a.empty {font-style: italic; float: right; font-weight: bold; padding: 0 25px 10px 5px; display: block;color: #930659;text-decoration: none; font-size: 1.4em;}
.content a.empty:hover {color: #000;}      
.content .kosik-tab {font-size: 1.2em;background: #c9c9cc url(../img_steel/kosik-top.jpg) no-repeat;width: 592px; position: relative;left: 10px;}
.content .kosik-tab th {padding: 0 10px;color: #fff;text-align: left;height:20px;}
.content .kosik-tab td {padding: 5px 10px;color: #000;text-align: left;border-top: 1px solid #fff;}
.content .kosik-tab td a {display: block;}
.content .kosik-tab td .ks {width: 20px; background: #fff; border: 1px solid #fff;float: left;font-size: 0.8em;height: 12px;}   
.content .kosik-tab td .sub {width: 29px; height: 16px; cursor: pointer; background: url(../img_steel/kosik-butt.jpg) no-repeat; border: 1px solid #fff;}
.content .kosik-tab td .sub:active {border: 0;}

.content .tab-btm {width:572px;margin-left:10px;padding: 10px;background: #e6e6ea url(../img_steel/bigbox-btm.jpg) no-repeat bottom;margin-bottom: 20px;}
.content .tab-btm big {font-weight: bold; color: #0ead13} 

.content h3.kredity {position: relative; width:592px; height: 30px;left: 10px;margin: 30px 0 0 0;}
.content h3.kredity span {width:592px; height: 30px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-kredity.jpg) no-repeat;} 
.content .kredity-box { width:562px;font-size: 1.2em; margin-left:10px; padding: 5px 15px 15px; background: #e6e6ea url(../img_steel/bigbox-btm.jpg) no-repeat bottom;}
.content .kredity-box label {font-size: 0.7em;padding-top:0px;}
.content .kredity-box label span {color: red;}
.content .kredity-box .radio {width: 20px; height: 20px;}
.content .kredity-box .float-l {width: 46%;}
.content .kredity-box .float-r {width: 47%;}

.content .butts {margin-top: 20px;padding-left: 110px;}
.content .butts a {position: relative;width: 198px; height:21px;display: block;float: left;}
.content .butts a span {position: absolute; top:0; left: 0; cursor: pointer; width: 198px; height:21px;display: block;}
.content .butts a.zpet span {background: url(../img_steel/button_okrokzpet.png) no-repeat}
.content .butts a.objednat span {background: url(../img_steel/button_objednat.png) no-repeat}
.content .order1{width: 540px; padding-left: 20px;}
.content .butts a.objednat{float:right;}
.content .butts a.pokracovat_nakup{width: 200px;}
.content .butts a.pokracovat_nakup span {background: url(../img_steel/button_pokracovatvnakupu.png) no-repeat;width: 200px;}
.content .butts a.pokracovat span {background: url(../img_steel/button_pokracovat.png) no-repeat}
.content .butts a.dokonceni span {background: url(../img_steel/button_dokonceniobjednavky.png) no-repeat}
.content .butts a.dokonceni {width: 196px;}
.content .butts a.dokonceni span {width:196px;}
.content .butts a.zpet {margin-right: 5px;}
.content .butts a.objednat, .content .butts a.pokracovat,, .content .butts a.dokonceni {margin-left: 5px;}

.content h2.krok1 {position: relative; width:455px; height: 19px;left: 20px;margin: 10px 0 0 0;}
.content h2.krok1 span {width:455px; height: 19px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-krok1.jpg) no-repeat;}
.content h2.krok2 {position: relative; width:455px; height: 19px;left: 20px;margin: 10px 0 0 0;}
.content h2.krok2 span {width:455px; height: 19px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-krok2.jpg) no-repeat;}

.content #steps {margin: 20px 0 30px 10px;height: 37px;}
.content #steps li {position: relative; width: 148px; height: 37px;float: left;}
.content #steps li span {position: absolute; top:0; left: 0; width: 148px; height: 37px;background: url(../img_steel/objednavka-steps.jpg) no-repeat;}
.content #steps li.step1 span {background-position: 0 0}
.content #steps li.step2 span {background-position: -148px 0}
.content #steps li.step3 span {background-position: -296px 0}
.content #steps li.step4 span {background-position: -444px 0}
.content #steps li.step1 span.active {background-position: 0 -37px}
.content #steps li.step2 span.active {background-position: -148px -37px}
.content #steps li.step3 span.active {background-position: -296px -37px}
.content #steps li.step4 span.active {background-position: -444px -37px}

.content .ceny {margin-top: 15px; background: #e6e6ea url(../img_steel/box-btm-black.jpg) no-repeat bottom;width: 592px; margin-left: 10px;padding-bottom: 6px;}
.content .ceny dl {font-size: 1.2em;font-weight: bold;height: 16px; clear: both; padding:0 10px;margin:0;}
.content .ceny dl dt {float: left;width: 70%;padding: 0;}
.content .ceny dl dd {float: left; width: 20%;padding: 0;}
.content .ceny dl.celkem {background: #000; color: #fff;padding: 10px;margin-top: 5px; }
.content .ceny dl.first {background: url(../img_steel/box-top.jpg) no-repeat;padding-top: 10px;}
.content .ceny dl.celkem dt {text-transform: uppercase;}
.content .ceny dl.celkem dd {text-align: right; font-size: 1.6em;}

.content .halfbox, .content .halfbox2 {width: 255px;background: #e6e6ea url(../img_steel/minibox-btm.jpg) no-repeat bottom;display: inline;}
.content .halfbox div {padding: 5px 20px 20px 20px;height: 70px;}
.content .halfbox label {padding-top: 3px;}
.content .halfbox h3, .content .halfbox2 h3 {position: relative;width: 255px; height: 32px; left:0;margin: 0;}
.content .halfbox h3 span, .content .halfbox2 h3 span {position: absolute; top: 0; left: 0; width: 255px; height: 32px;}
.content .halfbox.box-doruceni h3 span {background: url(../img_steel/title-doruceni.jpg) no-repeat}
.content .halfbox.box-platba h3 span {background: url(../img_steel/title-platba.jpg) no-repeat} 
.content .halfbox2.box-osobni-udaje h3 span {background: url(../img_steel/title-osobni-udaje.jpg) no-repeat}
.content .halfbox2.box-firemni-udaje h3 span {background: url(../img_steel/title-firemni-udaje.jpg) no-repeat} 
.content .halfbox2.box-fakturacni-udaje h3 span {background: url(../img_steel/title-fakturacni.jpg) no-repeat;}
.content .halfbox2.box-fakturacni-adresa h3 span {background: url(../img_steel/title-fakturacni-adresa.jpg) no-repeat center;height: 29px;}
.content .halfbox2.box-platba-doruceni h3 span {background: url(../img_steel/title-platba-doruceni.jpg) no-repeat;}
.content .halfbox2.box-fakturacni-adresa h3 {height: 29px;}
.content .halfbox2.box-adresa h3 span {background: url(../img_steel/title-adresa.jpg) no-repeat;} 
.content .halfbox.box-doruceni {float: left;margin:0 0 10px 47px; }
.content .halfbox.box-platba {float: left;margin:0 0 10px 10px;}  
.content .halfbox2.box-osobni-udaje {float: left;margin:0 0 10px 47px;}  
.content .halfbox2.box-firemni-udaje {float: left;margin:0 0 10px 10px; }
.content .halfbox2.box-fakturacni-udaje {float: left;margin:13px 0 10px 47px;}
.content .halfbox2.box-fakturacni-adresa {float: left;margin:13px 0 10px 47px;}   
.content .halfbox2.box-adresa {float: left;margin:0 0 10px 10px; }
.content .halfbox2.box-platba-doruceni {float: left;margin:0 0 10px 10px; }
.content .halfbox2 {position: relative;width:254px;}
.content .halfbox2 .check.firemni {position: absolute; top: -2px; left:0;}
.content .halfbox2 .check.adresa {position: absolute; top: 4px; left:0;}
.content .halfbox2 small {position: absolute; top: 23px; left:23px;}
.content .halfbox2 label.save {position: absolute; top: 180px; right:15px;font-size: 1.2em; font-weight: bold;color: #2d8630;}
.content .halfbox2 div {padding: 0 10px 10px 10px;font-size: 1.2em;}
.content .halfbox2 .txt {display: block;margin-bottom: 10px;width:98%;}
.content .halfbox2 strong {display: block; margin-bottom: 5px;}
.content .halfbox2.box-platba-doruceni div { background: url(../img_steel/black-btm.jpg) no-repeat bottom;}
.content .halfbox2.box-platba-doruceni div span { color: #fff; display: block; margin-top: 20px;}
.content .poznamka {margin: 10px 0 0 10px;}
.content .poznamka h4 {color: #2d8630; font-size: 1.3em; }

.content .halfbox2.box-dorucovaci-adresa h3 span {background: url(../img_steel/title-dorucovaci-adresa.jpg) no-repeat center;height: 29px;}
.content .halfbox2.box-dorucovaci-adresa {float: left;margin:13px 0 10px 10px;}
.content .halfbox h4{font-weight: bold; padding: 7px 20px; background: #c9c9cc; font-size: 14px;}
.content #deliveryinfo p, .content #paymentinfo p {padding:10px;}
#deliveryinfo h4, #paymentinfo h4 {background:url("../img_steel/minibox-top.jpg") no-repeat scroll center top #E6E6EA;}

.content h2.katalogy span {width:245px; height: 33px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-katalogy.jpg) no-repeat;}
.content h2.letaky {position: relative; width:218px; height: 33px;left: 20px;margin: 10px 0 0 0;}
.content h2.letaky span {width:218px; height: 33px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/title-letaky.jpg) no-repeat;}
.content p.center {text-align: center;padding-top: 15px;}

.content .jak-nakupovat h2 {font-size: 1.8em; margin-top: 15px;}
.content .jak-nakupovat h3 {font-size: 1.4em; }
.content .jak-nakupovat p{padding-right: 15px;margin: 10px 10px;}
.content .jak-nakupovat img {margin-left: 8px;margin-bottom: 15px;}

.contant td.nazev {width: 35%}
.contant td.kod {width: 17%}
.contant td.cena-ks {width: 15%}
.contant td.ks {width: 17%}
.contant td.celkem {width: 7%}
.contant td.kredity {width: 4%}
.contant td.delete {width: 5%}

img.banner {display:block;margin:0 auto 20px auto;text-align:center;}
.banner {display:block;margin:0 auto 20px auto;text-align:center;}

/* obsah - pravy sloupec */
.right-aside {width:192px;float:right;padding-bottom: 249px;}
.right-aside #newsletter {position:relative; height: 140px; background: #251F21 url(../img_steel/newsletter_background.jpg) no-repeat;border-bottom: 5px solid #fff;margin-bottom: 20px;}
.right-aside #newsletter fieldset {padding: 93px 0 0 23px;color:#BAB8B8}
.right-aside #newsletter fieldset label {display: block;padding: 3px 0; font-size: 1.1em; font-weight: bold;}
.right-aside #newsletter fieldset input.txt {border: 1px solid #abadb3; width: 120px;}
.right-aside #newsletter fieldset input.sub {position:absolute; right:15px; top:112px;}
.right-aside img.banner {position: relative; left: 2px; border:8px solid #F0F0F0;}

.right-aside #special_contact_form {height: 180px; background: url(../img_steel/specialni_prani.gif) no-repeat;border-bottom: 5px solid #fff;margin-bottom: 20px;
	text-align:left;margin-top:10px;	position:relative;}
.right-aside #special_contact_form table {padding: 90px 0 0 12px;color: #1eb923; margin: 7px; margin-top: 30px;}
.right-aside #special_contact_form table td {display:none}
.right-aside #special_contact_form table td.form {display:block; padding-top: 20px;}

.right-aside #special_contact_form input.txt {border: 1px solid #abadb3; width: 100%;}
.right-aside #special_contact_form input.sub {width:32px;height: 13px; background: url(../images/ok-gray.jpg) no-repeat; border: 0;}
.right-aside #special_contact_form textarea {height: 64px;}
.right-aside #special_contact_form table.form .txt {width: 178px;}
.right-aside #special_contact_form div.content_mce {display:none}
.right-aside #special_contact_form a.special_contact_send{position: absolute; bottom: 6px; left: 8px; background: #000; color: #fff; text-decoration: none; padding: 2px 5px;}


/* paticka */
.footer {clear:both;position: relative;background:#181414 url(../img_steel/footer.jpg) no-repeat;height:118px;color:#fff;text-align:center;font-size:1.2em;padding:0}
.footer p {padding-top: 25px;line-height: 1.2em;}
.footer a {color:#fff;font-style:italic}
.footer a:hover {color:#fff;text-decoration: none;}
.footer #fotbalista {position: absolute; top: -235px; left: 65px; width: 124px; height: 235px; background: url(../img_steel/football.jpg) no-repeat;display: block;}


/* detail produktu */
.detail .breadcumbs {margin:5px 0 5px 10px}
.detail h1 {height:36px;line-height:36px;font-size:1.5em;font-weight:bold;color:#fff;padding:0px 20px;background:url(../img_steel/detail_h1_bg.jpg) no-repeat;margin:15px 0 0 3px}
#cattitle h1{height: auto; line-height: auto;}
.detail .product-left {float:left;width:342px;padding-left:3px}
.detail .product-left img.img-product {display:block;margin:5px auto}
.detail .product-left ul.ico-top {float:left;padding-top: 2px; position:absolute;}

.detail .product-left h2.colors {font-size:1.3em;height:21px;line-height:20px;padding:0px 10px;color:#fff;clear:both;width:321px;background:url(../img_steel/nadpisek.jpg) no-repeat;font-weight:normal;margin:0}
.detail .product-left h2.colors span {float:right}
.detail .product-left ul.colors li {float:left;margin:10px 5px 15px}

.detail .product-left h2.size {font-size:1.3em;height:21px;line-height:20px;padding:0px 10px;color:#fff;clear:both;width:321px;background:url(../img_steel/nadpisek.jpg) no-repeat;font-weight:normal;margin:0}
.detail .product-left ul.size {float:left}
.detail .product-left ul.size li {float:left}
.detail .product-left ul.size li a {background:#fff;color:#000;font-weight:bold;display:block;padding:2px 5px 1px 6px;font-size:1.3em;margin:8px 5px;text-decoration:none}
.detail .product-left ul.size li a:hover, .detail .product-left ul.size li a.active {background:#000;color:#fff}
.detail .product-left ul.size li a.grey {color: #CCC}
.detail .product-left ul.size li a.grey:hover {background:none;cursor: default;}

.detail .product-left a.size-tab {margin-top:10px;float:left;font-size:1.3em;font-weight:bold;color:#484848;position:relative;width:131px; height:19px; background: url(../img_steel/tabulka-velikosti.gif) no-repeat;color:#FFFFFF;font-size:0px;}

.detail .product-left ul.size-type {background:url(../img_steel/detail-ul-size-type-bg.gif) no-repeat left top;font-size:1em;padding:2px 5px 2px 6px;width:145px;float:right;height:36px}
.detail .product-left ul.size-type li {float:left;clear:left}
.detail .product-left ul.size-type li a {color:#fff;display:block;margin:2px 10px;padding:1px 0;text-align:center;width:125px;text-decoration:none}
.detail .product-left ul.size-type li a:hover,.detail .product-left ul.size-type li a.aktiv {background:url(../img_steel/detail-ul-size-type-bg-hover.gif) no-repeat; color:#000000}

.detail .product-right {float:right;width:245px;padding-right:3px; }
.detail .product-right table {font-size:1.3em;margin:10px 0 0;width:100%}
.detail .product-right table th, .detail .product-right table td {background:#262626;border-top:2px solid #fff;color:#FFFFFF;font-weight:normal;padding:3px 10px;text-align:left}
.detail .product-right table td {text-align:right;font-weight:bold; }

.detail .product-right p.credits {background:#262626;font-weight:bold;padding:3px 10px;width:225px;margin:2px 0px 0px 0px;color:#fff}
.detail .product-right p.credits span {float:right}

.detail .product-right p.price {color:#930659;font-size:2.2em;font-weight:bold;margin:15px 0 0;text-align:right}
.detail .product-right p.price-info {text-align:right;font-size:1.1em;color:#999;font-style:italic}
.detail .product-right p.original-price {text-align:right;font-size:1.5em;color:#000;font-weight:bold;margin:10px 0 0;}
.detail .product-right p.original-price span {color:#000;font-style:normal;text-decoration: line-through;}
.detail .product-right p.product-code {text-align:right;font-size:1.1em;color:#666;margin:25px 0 0}
.detail .product-right p.order-tel {text-align:right;font-weight:bold;font-size:1.2em;padding:3px 0}

.detail .product-right form p.ammount {font-size:1.1em;font-weight:bold;font-size:1.2em; padding:2px 10px 2px;color:#fff;background:#251F21 url(../img_steel/ammount_bg.jpg) no-repeat;margin:0}
.detail .product-right form p.ammount label {color:#fff;font-weight:bold;}
.detail .product-right form p.ammount input {width:30px;margin:0 2px 0 2px;font-size:0.9em;padding:0;height:13px}

.detail .product-right p.desc{color:#342B2C;text-align:right;line-height:21px;margin:0;background:#EAEAEA; padding-right:5px; }

.detail .product-right form p.submit {margin:20px 0 0 0;text-align:right}
.detail .product-right form p.submit #to_basket{border:0px;background:url(../img_steel/do-kosiku.jpg) no-repeat;width:159px; height:49px;padding:0px;cursor:pointer; font-weight:bold; font-size:16px;}
.detail .product-right p.print {text-align:right;margin:15px 0 0 0}

.detail h2.desc {margin:50px 0 10px 10px;font-size:1em;font-weight:bold;position:relative;width:590px;height:34px}
.detail h2.desc span {display:block;width:590px;height:34px;position:absolute;top:0;left:0;background:url(../img_steel/popis.jpg) no-repeat}

.detail h2.similar {margin:50px 0 10px 10px;font-size:1em;font-weight:bold;position:relative;width:590px;height:56px}
.detail h2.similar span {display:block;width:590px;height:34px;position:absolute;top:0;left:0;background:url(../img_steel/dalsi_produkty.jpg) no-repeat}

.detail p {line-height:1.5}
.detail .product-left p, .detail .product-right p {line-height:1}

.detail h3 {margin:10px 0 5px 10px; color:#930659;}
.detail .products h3 {color:#000000;}

/* katalog produktu */
.content .catalogue ul.products {float:left;clear:both}
.content .catalogue ul.products li {float:left;height:245px;position:relative;width:203px;background:url(../img_steel/products-li-bg.png) no-repeat 0px 20px;}
.content .catalogue ul.products li h2 {font-size:1.3em;font-weight:bold;}
.content .catalogue ul.products li a {color:#930659;text-decoration:none;}
.content .catalogue ul.products li a img {display:block;margin:0 auto;}
.content .catalogue ul.products li a img.main {width: 130px; height: 130px;}
.content .catalogue ul.products li span.price {color:#930659;font-size:1.7em;font-weight:bold;position:absolute;left:10px;bottom:10px}
.content .catalogue ul.products li span.credits {float:right;font-size:1.3em;font-weight:bold;position:absolute;right:10px;bottom:12px}

.content .catalogue ul.products li li {float:none;height:auto;width:auto}
.content .catalogue ul.products li ul.ico-top {position:absolute;left:10px;top:40px}
.content .catalogue ul.products li ul.ico-bottom {position:absolute;right:10px;bottom:30px}

.content .catalogue ul.products li .skladove_variace {position:absolute;left:23px; top:175px;}
.content .catalogue ul.products li .skladove_variace .velikost_skladem{position:absolute;left:-13px; top:0px;}
.content .catalogue ul.products li .skladove_variace .back {position:absolute;left:-15px; top:5px; padding: 5px 0 5px 5px; outline: none; width: 6px;}
.content .catalogue ul.products li .skladove_variace .go {position:absolute;left:140px; top:5px; padding: 5px 5px 5px 0; outline: none; width: 6px;}

.content .catalogue ul.products li .variacecontainer {width:100%;}
.content .catalogue ul.products li .variace {width:140px;overflow:hidden;}
.content .catalogue ul.products li .variace .images {white-space:nowrap;width:1000px;min-width:1000px; height:30px; float:left;}
.content .catalogue ul.products li .variace .images a{float:left;margin-right:5px;outline: none;}
.content .catalogue ul.products li .variace .images a img{float:left; height:30px;}

.content .catalogue ul.products li .sizescontainer {position:absolute;width:37px; height: 145px; right:0px; top:35px;}
.content .catalogue ul.products li .instock {background:#fff url(../img_steel/skladem.gif) no-repeat top; height: 31px; display:block;}
.content .catalogue ul.products li .sizescontainer .up {position:absolute;left:0; top:26px; padding-top: 3px; width: 37px; outline: none;}
.content .catalogue ul.products li .sizescontainer .down {position:absolute;left:0; bottom:0; padding-bottom:3px;width: 37px; outline: none;}
.content .catalogue ul.products li .sizes {position:absolute;width:37px; height:98px; float:left;right:0px; top:37px; overflow: hidden; text-align:center;}
.content .catalogue ul.products li .sizes a{font-size:11px; font-weight:bold;text-decoration:none; display:block;color:#898989;}
.content .catalogue ul.products li .sizes a:hover{color: #000000;}

.content .catalogue h1 {background:none;color:#930659;font-size:2.2em;clear:left;padding-top:10px;}
.content .catalogue div.category-desc {padding:10px;background:#EAEBEB;clear:both; margin: 3px; font-size: 12px; line-height: 1.5;text-align:justify;}
.content .catalogue div.category-desc p{font-size: 12px; margin:0;}
.content .catalogue p {margin:0 3px 0 3px}

.content .catalogue ul.categories {float:left;margin:20px 0 0}
.content .catalogue ul.categories li {float:left;height:150px;width:285px;padding:10px;background:url(../img_steel/categories-li-bg.png) repeat-y right top;overflow:hidden}
.content .catalogue ul.categories li.nobg {background:none}
.content .catalogue ul.categories li h2 {font-size:1.6em}
.content .catalogue ul.categories li h2 a {color:#2F8D32}

.content .catalogue .navigator {background:url(../img_steel/navigator-bg.png) repeat-y left top;float:left;width:606px;float:right;width:500px}

.content .catalogue img.margin-l {margin-left:10px}

.content .catalogue .navigator .categories  {float:left;width:215px}
.content .catalogue .navigator .producer {float:left;width:150px}
.content .catalogue .navigator .group {float:left;width:129px}

.content .catalogue .navigator li a {font-size:1.3em;text-decoration:none}
.content .catalogue .navigator li a.active {background: #2F8D32 none repeat scroll 0 0;color:#fff;font-weight:bold;}

.content .catalogue .navigator .categories ul {padding:5px 10px}
.content .catalogue .navigator .categories li {width:92px;float:left;padding:2px 0}

.content .catalogue .navigator .producer ul {padding:5px 10px}
.content .catalogue .navigator .producer li {float:left;width:60px;padding:2px 0}

.content .catalogue .navigator .group ul {padding:5px 10px}
.content .catalogue .navigator .group ul li {padding:2px 0}

.content .catalogue .navigator .btm {height:18px;font-size:0;line-height:0;background:url(../img_steel/navigator-btm.png);clear:both;width:494px}

.content .catalogue .paging {padding:20px 10px 15px;font-size:1.3em;clear:both;float:left; width: 400px;}
.content .catalogue .paging a {text-decoration:none;}
.content .catalogue .paging a.active {background:#930659;color:#fff;}
.content .catalogue .paging a:hover {color:#930659}
.content .catalogue .paging a.active:hover {color:#fff}


.hinfobox{width:300px; float:left;}
.hinfobox p{text-align:right; font-size: 10px; width: 230px; margin-left: 60px;}
.hinfoboxright{border-left:1px solid #CCCCCC;margin-left:9px;}

.menu-footer{clear:both; text-align:center; padding-top:20px;}
.menu-footer LI{display:inline; margin:0 5px;}


/*LERIS*/
.detail .catalog {}
.detail .catalog h3 {position:relative;margin: 10px 0px 20px 10px;padding:0;}
.detail .catalog h3 span {width:178px; height: 17px;position: absolute; top: 0; left: 0; z-index: 10;}

.detail .catalog ul {padding: 0px 0px 0px 50px; margin:0px;}
.detail .catalog ul li {background: url(../img_steel/square.png) no-repeat 0px 7px;float:left;display:block;padding:23px 0px 21px 55px;width:200px;}
.detail .catalog ul li a {font-weight: bold;font-size:1.4em;}

.detail .catalog .menu {background: url(../img_steel/background_form.png) no-repeat left top;width:548px;height:32px;margin: 20px 0px 0px 25px; _margin-left:13px; position:relative;}
.detail .catalog .menu div.maker {position:absolute;top:9px;left:30px;}
.detail .catalog .menu div.group {position:absolute;top:9px;left:270px;}
.detail .catalog .menu p {position:relative;display:block;font-size:0.1em;}
.detail .catalog .menu div.maker span {width:59px; height: 14px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/maker.png) no-repeat;}
.detail .catalog .menu div.group span {width:59px; height: 14px;position: absolute; top: 0; left: 0; z-index: 10; background: url(../img_steel/group.png) no-repeat;}
.detail .catalog .menu select.select_maker {position:absolute;top:5px;left:110px;width:150px;}
.detail .catalog .menu select.select_group {position:absolute;top:5px;left:350px;width:150px;}
/*KONEC LERIS*/

.detail .hide{display:none}

.clearfloat {float:none;clear:both;}

/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.sub {cursor: pointer;}
.clr {clear:both;height:0;font-size:0;line-height:0}
.displaynone{display:none}
/* debug:dump */
pre.dump{font-size:12px}
pre.dump span{color:#00f}

.tooltip{cursor:help;}
span.tooltip, fieldset.tooltip{padding-right:13px; background: transparent url(../images/tooltip.png) no-repeat scroll 100% 0;}
.tooltip label, .tooltip select, .tooltip checkbox {cursor:help;}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 10px;
	opacity: 0.85;
	width: 200px;
	line-height: 1.5em;
}
#tooltip h3 {font-size: 12px; border-bottom: 1px solid #999; padding-bottom: 1em; margin-bottom:1em;}
#tooltip div { margin: 0; font-size: 12px; font-weight: normal;}