/* CSS Document */

@import url("reset.css");

html {background: url("../img/bg.jpg") repeat-x scroll center top #000000; font-family:sans-serif; font-size:10pt;}

input, textarea, select, input[type=checkbox] {background-color:white; border: 1px #000000 solid;}
a {color:#ad0000;}
#l_main h2{margin-top:1em;margin-bottom:0.5em;}

#l_caption1{ height:24px; line-height:24px; margin-left:25px; font-size:8pt; color:#6F6F6F;}
#l_lpanel1 { float:left; width:174px; margin-left:10px;}
#l_rpanel1 { float: left; width:174px; margin-right:10px;}
#l_main1 { float: left; width:516px; margin-left:8px; margin-right:8px;}
#l_foot1 { background: url("../img/footer.gif") no-repeat center left; width:870px; height:45px; margin: 0 auto; color:white; }
#l_foot1 a{ color: white; }
.cleaner { clear: both; height: 0px; visibility: hidden;}

#l_head, #l_caption, #l_lpanel, #l_rpanel, #l_main, #l_foot {}
#l_head {}
#l_lpanel {}
#l_rpanel {}
#l_main {}
#l_foot {}

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

body {width:890px; margin:0 auto; background-color:#FFFFFF; padding-bottom:9px;}

#main {width: 890px; margin: 0px auto; overflow: hidden;}
.h2odr { display: none;}

.req {font-size: 170%; color: #E80000; position: relative;}

a {text-decoration: underline;}
a.akttext {text-decoration: none;}
a:hover.akttext {text-decoration: underline;}
a.cena {line-height: 20px; text-decoration: none;}
a:hover.cena {line-height: 20px; text-decoration: none;}
a.aktmenu {line-height: 22px;}
a:hover.aktmenu {text-decoration: none;}
.alLeft { text-align: left;}

.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;}
.flLeft {float: left;}
.flRight {float: right;}
.delitko {height: 15px;}
.odtrzitko {height: 15px;}
.odtrzitko2 {height: 30px;}
.odtrzitko3 {height: 30px;}
.odtrzM {font-size: 6px; height: 6px;}
.odtrzSloupec {font-size: 1px; height: 1px; line-height: 1px; margin: 5px 0;}
.posBlock { height: 0px; position: relative;}
p.next { font-weight: bold; text-align: left; padding: 5px 0px 0px 10px; margin-top: 5px;}

p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
img {border: none;}
.red {color: Red;}

/******************************************
*                 NADPISY                 *
******************************************/	
h1,h2,h3 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 3px 0 3px 6px; margin: 0px;}
h2 {font-size: 120%; letter-spacing: 0px; }
h2.product {/*color*/}
h3 {font-size: 110%; letter-spacing: 0px; text-align: center;}
h3 a {text-decoration: underline;}
h3 a:hover {text-decoration: none;}
h4,h5 {font-weight: bolder; text-align: left; line-height: 24px; padding: 0px;	margin: 0px;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
.or.mini { margin-top: 15px;}


/******************************************
*                FORM PRVKY               *
******************************************/
input,select,textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
input { padding: 1px; margin: 1px;}
select { padding: 1px; margin: 1px;}
.formButt { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding:0 5px 5px; cursor: pointer; color:white; background:#bc0000;}
.formButt2 { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px; cursor: pointer;}

.centrForm {padding: 20px 0 10px 0;}
.centrForm label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;}
.centrForm label {line-height: 18px; padding: 0 0 6px 0; clear: both; display: block; }
.centrForm label span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}
.centrForm label span.descr2 {text-align: right; width: 175px; w\idth: 80px; padding: 0 15px 0 0; display: block; float: left;}

/*input.check {margin: 0px;}
html>body input.check {margin: 5px 0 0 0;}*/

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeSs {width: 20px;}
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}
.sizeFull { width: 525px;}
html>body .sizeFull { width: 580px;}

/******************************************
*               TOP BANNER                *
******************************************/	
#topBanner {position: relative;}
#topBanner img {margin: 0px;}

/******************************************
*               SHOP LISTA                *
******************************************/	
#shopMenu { height: 22px;}
#shopMenu h2 { letter-spacing: -1px; padding:0px 5px; margin:0 5px 0 0; float: left; line-height: 22px;}
#shopMenu a { font-size: 90%; text-decoration: none; line-height: 22px; padding: 0px 10px; display: block; float: left;}
#shopMenu a:hover {}
#shopMenu a img { padding: 2px 3px 0 0px; float: left;}

#shopMenu { background: #fff; border: solid 1px #000; border-top: none;}
#shopMenu h2 { border: none; color: #D2D2D2; background: none;}
#shopMenu a { color: #000; background: url(../img/odr_shop.gif) no-repeat right bottom;}
#shopMenu a:hover { background: url(../img/odr_shop.gif) no-repeat right bottom;}
#shopMenu a img { border: none;}
/******************************************
*               SKY BANNER                *
******************************************/	
#skyBanner {text-align: left; width: auto; height: auto; top: 12px; right: -220px; z-index: 100; position: absolute;}
#skyBanner img {padding: 0px; margin: 0px;}

/******************************************
*     HOME TOP NABIDKA A  ROZCESTNIK      *
******************************************/
/*.ieClear.home .topNab {width: 385px;}
.topNab {width: 295px; margin: 0 10px 0 0; padding: 0px; float: left;}
.topNab.noOds {margin: 0px; padding: 0px;}
.topNab.rozc {width: 294px; margin: 0px 5px 10px 5px; float: left;}

.topNab .obs {padding: 10px 10px 0 10px; text-decoration: none; display: block; cursor: pointer;}
.topNab .obs span { display: block;}
.topNab .obs .nadp {border: none; background: none; font-size: 110%; font-weight: bold; line-height: 110%; padding-bottom:8px; padding-left: 10px; overflow: hidden;}
.topNab .obs .text { line-height: 120%; font-size: 100%; padding-left: 123px;}
.topNab .obs .price {font-size: 140%; text-align: right; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px; padding-left: 10px;}
.topNab .obs .bonus_price {color: red; font-size: 140%; text-align: right; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px; padding-left: 10px;}
.poznamka {font-size: 85%; text-align: right; margin-top: 5px; padding-top: 2px; padding-left: 10px;}
.topNab .top {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .top div {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott div {height: 6px; line-height: 6px; font-size: 6px;}


/******************************************
*                 HEAD                   *
******************************************/	

#l_head1 {width:870px;  margin:0 auto;}

#headTop { /* height:119px;
line-height:85px;
margin-bottom:6px;  */}

#menu1 {background:url("../img/menu.gif") no-repeat scroll left center black;
clear:both;
height:45px;
line-height:45px;
width:100%;}
#menu {}
/* head elements*/
#menu a{color:#fff;text-decoration:none; display: block; padding-left: 15px; padding-right: 15px; line-height:42px;}
#menu a:hover{color:white; background-color: #AD0000; height: 42px; line-height:41px; margin-top:1px; display: block; float: left; }
#menu_ul {margin:0;padding:0;font-weight:bold;float:left; /*width: 600px;*/}
#menu_ul li {float:left;margin:0;padding:0;}
#menu_ul li:first-child a {-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
#menu_ul2 {margin:0;padding:0;font-size:8pt;float:right;}
#menu_ul2 li {display:inline;margin:0;padding:0;padding-right:10px;}

#headTop a#logo { background:url("../img/head_logo.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
float:left;
font-size:0.1px;
height:100px;
text-decoration:none;
width:223px;}
#headTop form {  float:right; height:0; margin-right:10px; position:relative; }
#headTop form input[type=button] { border: none; padding:4px 0;}
#headTop form .divSearch{margin-left:75px; margin-top:70px; background-color: #fff; padding: 10px; border: 1px solid #000;}
#headTop form .input_text{font-size:8pt; line-height:21px; height:21px; padding:0; text-align:center; width:156px; /*margin-left:75px; margin-top:97px;*/ background-color: #fff; }
#headTop form .input_ok{background:url('../img/btn_head_ok.png') center center no-repeat;width:30px;/*height:24px;line-height:24px;font-size:0.1px;*/color:silver;}
#headTop form .input_podrb{background:url('../img/btn_head_podrb.png') center center no-repeat;width:75px;height:24px;line-height:30px;font-size:0.1px;color:white;}
#headTop #head_image {background:url("../img/head_img.jpg") no-repeat scroll right top transparent;
float:right;
height:125px;
width:550px; }

#headTop #defMenu { margin: 22px 0 0 0; float: right;}
#headTop #defMenu a#oblib, a#mail, a#struk {text-decoration: underline;	padding: 3px 0 3px 0px; margin: 0 0 0 10px; float: left; display: block;}
#headTop #defMenu span { padding: 3px 0 0 10px; float: left; display: block;}


#head {width: 300px; margin: 0 auto 13px auto; float:left;}
#CENTER h1 { border-bottom: 2px #ddd solid; background: none; font-size: 160%; margin-left: 10px; margin-bottom: 10px; padding: 5px 0 0 10px;}
#head div {width: 300px; padding-left:10px;}
#headImg { height: 120px; width: 200px;background: #eee; float:left; margin-left: 10px;}
/******************************************
*                TOP MENU                 *
******************************************/
/*html>body .buttPole { padding: 5px 10px;}*/
.buttPole a {text-decoration: none;}


/******************************************
*                 OBSAH                   *
******************************************/
#CONTENT {margin: 15px auto 0 auto; padding: 0px 10px; }
#flBlok { width: 690px; float: left; }
/******************************************
*                  LEFT                   *
******************************************/
#LEFT {text-align: left; width: 174px; float: left; overflow: hidden;}

/******************************************
*                MENU                     *
******************************************/
/*#menu {text-align: left;}
#menu a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; margin: 1px 0px; display: block; overflow: hidden;}
#menu a.akt {text-decoration: none;}
#menu a:hover {text-decoration: none;}
#menu.miniBl .bordIn { padding: 0px;}*/

#menu2 {text-align: left;}
#menu2 a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; margin: 1px 0px; display: block; overflow: hidden;}
#menu2 a.akt {text-decoration: none;}
#menu2 a:hover {text-decoration: none;}
#menu2.miniBl .bordIn { padding: 0px;}

#menu3 {text-align: left;}
#menu3 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#menu3 a.akt {text-decoration: none;}
#menu3 a:hover {text-decoration: none;}

.submenu {text-align: left; width: 170px; top: -1px;position:relative; }
.submenu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
.submenu a.akt {text-decoration: none;}
.submenu a:hover {text-decoration: none;}

.submenu2 {text-align: left; width: 170px; top: -1px;position:relative;}
.submenu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
.submenu2 a.akt {text-decoration: none;}
.submenu2 a:hover {text-decoration: none;}

.submenu { background: #FFF; border: solid 1px #ccc;}
.submenu a {color: #4C4C4C; background: #fff url(../img/tl_aktm.gif) no-repeat 150px 6px;}
.submenu a.akt {color: #FFF;	background: #868686 url(../img/tl_aktm.gif) no-repeat 150px 6px; font-weight: bold;}
.submenu a:hover {color: #FFF; background: #868686 url(../img/tl_aktm.gif) no-repeat 150px 6px; font-weight: bold;}

.submenu2 { background: #ad0000; margin-top: -10px; padding:0;}
.submenu2 a {color: #FFF; background: #ad0000;}
.submenu2 a.akt {color: #FFF;	background: #ad0000; font-weight: normal;}
.submenu2 a:hover {color: #FFF; background: red; font-weight: normal;}

#INFO {text-align: left;}
#INFO a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; margin: 1px 0px; display: block; overflow: hidden;}
#INFO a.akt {text-decoration: none;}
#INFO a:hover {text-decoration: none;}
#INFO.miniBl .bordIn { padding: 0px;}

/******************************************
*              NEWSLETTER                 *
******************************************/
#NEWSL {text-align: left;}
#NEWSL form .text {width: 100%;padding: 0 0 10px 0;}
#NEWSL form input.mail {width: 100px; }
#NEWSL form a#butt {text-decoration: none; width: 33px;	height: 22px; margin: 0 0 0 6px;	float: left; display: block;}
#NEWSL form a:hover#butt {text-decoration: none;}
#NEWSL form p {margin: 0 0 5px 0;}

/******************************************
*                REKLAMA                  *
******************************************/
.REKL {text-align: center; padding: 5px; margin: 0px;}

/******************************************
*                ANKETA                   *
******************************************/
#ANKETA {text-align: left; }
#ANKETA .ankLine {font-size: 6px; height: 6px;}
#ANKETA p {padding: 6px 0 0 0;}
#ANKETA a {padding: 0 5px 0 0;}

/******************************************
*                 NEWS                    *
******************************************/
#NEWS span {font-size: 100%; }
#NEWS p {padding: 5px 0px;}
#NEWS a {text-decoration: underline;}
#NEWS a:hover { text-decoration: none;}

#NEWSHp span {font-size: 100%; }
#NEWSHp p {padding: 5px 0px;}
#NEWSHp a {text-decoration: underline;}
#NEWSHp a:hover { text-decoration: none;}

/******************************************
*                 CENTER                   *
******************************************/
/*.ieClear { width: 600px; padding: 0px; margin: 0px; overflow: hidden;}
.ieClear.home {width:780px;}*/

#CENTER.homeSize {width: 790px;}
#CENTER.homeSize #centerIN {margin-left: 0px; padding-left: 0px;}

#CENTER {width: 516px; float: left; overflow: hidden;}
#centerIN {text-align: left; padding: 10px 10px 0;}
#centerIN h1#link { font-size: 120%; margin-bottom: 10px; padding: 0 10px; letter-spacing: 0px;}
#centerIN h1#link a { font-size: 90%;}

#centerIN h2 .h2odr { width: 600px; }
html>body #centerIN h2 .h2odr {background: url(../img/fl_nadp2.gif) no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; left: -6px; top: 0px;}

#centerIN h2 { margin-bottom: 0px; font-family: Tahoma; position: relative;}
#centerIN h2.homeNadp { clear: both; margin-bottom: 5px; font-family: Tahoma; position: relative;}

#centerIN h3#det { line-height: 24px; padding-right: 10px;}
#centerIN h3#det a {float: left;}
#centerIN h3#det span { display: block;}
#centerIN h3#det .kod { float: right; letter-spacing: 0px;}
#centerIN h3#det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
/*** Info blok ********************************************/
#centerIN div.info { padding: 10px; margin-top: 10px;}
#centerIN div.info img { margin: 0 10px 10px 0; float: left;}
#centerIN .info h4 { font-size: 100%; padding: 0px; margin-bottom: 5px;}
#centerIN .info p {line-height: 140%; margin-bottom: 0px; padding: 0px;}
#centerIN .info p.hodnText {line-height: 150%; margin-bottom: 15px;}
#centerIN .info p.hodnText span strong { font-size: 120%;}
#centerIN .info p.hodnText.end {margin-bottom: 0px;}
#centerIN .info p.backmenu { text-align: right; padding: 0px; }
#centerIN .info p.backmenu a { padding-right: 13px;}
#centerIN .info p img { margin: 0 10px 10px 0; float: left;}
#centerIN .info ul {padding: 0 10px 0 25px;}
#centerIN .info li {line-height: 17px; padding: 0 0 10px 0;}

.iNews { padding: 0px;}
.iNews span { font-weight: bold; padding: 5px 10px; width: 70px; position: relative; top: -10px; left: -10px;}

.gallery { text-align: center; padding: 5px 0 5px 10px;}
.gallery a { text-align: center; vertical-align: middle; width: 104px; height: 70px; margin: 3px; display: block; overflow: hidden; float: left;}
.gallery a img { margin: auto;}

/*** Info blok 2 UPOZRNENI A CHYBOVE HLASKY ********************************************/
#centerIN div.info2 { padding: 10px; margin-top: 10px;}
#centerIN div.info2 p {  font-weight: bold; font-size: 100%;}
#centerIN div.info2 h4 { font-size: 150%; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0px;}

#centerIN .produktDET .info { margin: 0px; padding: 10px;}
#centerIN .produktDET .info .radekTP p { padding-right: 0px; margin: 0px;}
/*** VARIANTY ********************************************/
#centerIN .prodObsah.info { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
#centerIN .produktDET .info.varianty { margin:0 0 10px 0; padding: 10px; border: 1px #A6D000 solid;}
#centerIN .produktDET .info.varianty h3 { background: none; border: none; padding: 0px; margin: 0px;}
#centerIN .produktDET .info.varianty h5 { font-weight: normal; line-height: 90%; margin: 10px 0;}
/*** Hodonoceni ********************************************/
#centerIN .produktDET .info.hodn { margin: 10px 0;}
#centerIN .produktDET .info.hodn .radio { position: relative; top: 2px;}
#centerIN .produktDET .info.hodn p { margin: 0 0 5px 0;}
#centerIN .produktDET .info.hodn h5 { padding: 0px;}
#centerIN .produktDET .info.hodn h5 span { font-size: 160%;}

/******************************************
*             PODR. FILTRACE              *
******************************************/
#podrFiltr { margin: 0px 5px 20px 5px;}
#podrFiltr .obs {padding: 0px 10px;}
#podrFiltr #advSearch { padding: 10px 0 0 0;}
#podrFiltr #advSearch span { width: 70px;}
#podrFiltr #advSearch .sizeMax3 { width: 430px;}
#podrFiltr .obs .col { width: 270px; float: left; }
#podrFiltr .obs .col.end { border-right: none;}
#podrFiltr .top {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .top div {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .bott {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .bott div {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr table {width: 98%;}

/******************************************
*              CENTR MENU                 *
******************************************/
#centerMENU a { height: 14px; width: 156px; padding: 0px 10px 0px 30px; margin: 0 2px 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;}

/******************************************
*             OBSAHOVE MENU               *
******************************************/
#linkMenu {width: 578px; padding: 5px 10px; margin: 5px 0;}
#linkMenu a { line-height: 20px; font-size: 110%; }
#linkMenu span { font-size: 80%; font-weight: normal; }

/******************************************
*            OVLADACI POLE                *
******************************************/
.poleOvl {height: 24px; text-align: left; margin: auto; background: #e8ecf1; padding: 5px 0px 0px 5px;}
.poleOvl h3 { padding: 4px 5px 4px 4px; float: left;}
.poleOvl a { position: relative; top: -1px; }

.poleOvl form {line-height: 22px; float: left;}
.poleOvl form #producer { width: 200px;}
.srov { border: none; width: 16px; height: 16px; margin-top: 0px; cursor: pointer;}
.srov { background: url(../img/tl_srov.gif) no-repeat;}
html>body .srov {margin-top: 2px;}

/******************************************
*                PRODUKT                  *
******************************************/
.imgBlock {width: 100px; height: 100px; text-align: center; margin: 0px auto; display: block; overflow: hidden; }
.imgBlock img { margin: 5px 0;}
.topNab .imgBlock { text-align: center; float: left; }


/*** PRODUKTY *************************************************************************/
.produkt { width: 248px; height: 230px; padding-bottom: 10px; margin: 0px; float: left; overflow: hidden; }
.noOds { margin: 0px;}
.produkt h3 { font-size: 100%; letter-spacing: 0px; height: 34px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; }
.produkt h3 a { line-height: 11px; }
.produkt.s2 { width: 600px; height: 200px; margin-bottom: 10px; }
.produkt.s2 h3 { font-size: 100%; letter-spacing: 0px; height: 24px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; }
html>body .produkt.s2 h3 { height: 20px;}
.produkt h3 a { line-height: 100%; }
/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.produkt .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.infoRadek .skladem {text-align: left; line-height: 20px; padding: 0 0 0 10px; float: left;}
.infoRadek .skladem span {font-size: 130%; font-weight: bold;}
.infoRadek .kod {font-size: 110%; font-weight: bold; padding-right: 10px; float: right;}
.infoRadek .kod  span {font-size: 0.9em; font-weight: normal; display: inline;}
/*** PRODUKT - obsah *************************************************************/
.produkt .prodObsah {padding: 0 0 5px 0; }
/* tato cast kodu plati i pro produkt DET */
.prodObsah .prodLeft {text-align: center; width: 110px;	padding: 0 0 0 10px; float: left;}
.prodObsah .prodLeft a {width: 100px;	height: 100px; display: block; overflow: hidden; float: none;}
html>body .prodObsah .prodLeft a { position: relative;}
.prodObsah .prodLeft a:hover { text-decoration: none; }
.prodObsah .prodLeft a img { margin: 5px 0;}

/* end */
.produkt .prodObsah .prodRight { width: 110px; text-align: left; padding-right: 10px; float: right;}
.produkt.s2 .prodObsah .prodRight { width: 410px; text-align: left; padding-right: 10px; float: right;}
.produkt .prodObsah .prodRight p.price { height: 60px; margin-top: 6px; }
.produkt .prodObsah .prodRight p.price2 { height: 75px; margin-top: 6px; }
/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot {float:right; margin:auto; text-align:center; width:auto;}
.prodFoot {width:auto; margin-left: 10px;}
.prodFoot a {text-decoration: none; width: auto; line-height: 20px; display: block; float: left; border: none;}
.prodFoot a:hover {text-decoration: underline;}
.produkt.s2 .prodFoot a.prodMail { margin-left: 7px;}
html>body .produkt.s2 .prodFoot a.prodMail { margin-left: 10px;}
/* cast kodu pro ceny */
.bezCena {font-size: 110%; text-decoration: line-through;}
.prodCena {font-size: 110%; font-weight: bold;}
.bonusCena {font-size: 110%; font-weight: bold; color: red;}

/*** PRODUKT - DETAIL PRODUKTU *************************************************************/
.produktDET .prodObsah {padding: 10px 0 0 0;}
.produktDET .prodObsah .prodLeft table#imgGall { margin: 0px; padding: 0px;}
.produktDET .prodObsah .prodLeft table#imgGall td { text-align: center; vertical-align: middle; width: 100px; height: 100px;}
.produktDET .prodObsah .prodLeft table#imgGall td img { margin: 5px; float: none;}
.produktDET .prodObsah .prodLeft table#imgGall td a { text-align: center; width: 100px; height: 100px; padding: 0 0 0 0px; display: inline; float: none;}
/*.produktDET .prodRight {width: 280px; text-align: left; padding-right: 10px; float: right;}*/
.produktDET .prodRight {width: 99%; text-align: left; padding-right: 10px; float: left;}
.produktDET .prodRight .kod { text-align: right;}
.produktDET .prodRight .kod span { font-weight: bold; font-size: 110%;}
.produktDET .prodObsah p {padding: 0 0 10px 0;}
.produktDET .prodFoot {height: 20px; padding: 0 10px;}
.produktDET .prodTable { margin: 0px;}
.produktDET .prodTable th { padding: 4px;}
.produktDET .prodTable td { padding: 0 4px;}
#centerIN .produktDET .prodTable a { height: 20px; display: block;}
.produktDET .prodTable a.prodKoupe {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
.produktDET .prodTable a:hover.prodKoupe { text-decoration: none;}


#products .prodTable td .pocet_kusu {width: 15px; float: left;}
#products .prodTable td a.prodKoupe {height: 20px;line-height: 20px; text-decoration: underline;	padding-left: 5px; width: 55px; w\idth: 35px; float: left; display: block;}
#products .prodTable td a:hover.prodKoupe { text-decoration: none;}

/*** Technicke parametry *************************************************************/
.produktDET .prodRight .radekTP { padding: 0 2px; margin: 0 0 1px 0; }
.produktDET .prodRight .left { width: 100px; float: left; font-weight: bold; }
.produktDET .prodRight .right { margin-left: 10px; float: left; }
/*** Koupe *************************************************************/
.produktDET .buy { margin: 15px 0 0 0;}
.produktDET .buy input { width: 20px; float: left;}
.produktDET .buy p { margin: 0 5px 0 0; float: left;}
.produktDET .buy p strong { line-height: 23px;}
.produktDET .buy span {line-height: 23px; margin: 0 5px; display: block; float: left;}
.produktDET .buy a.prodKoupe {background:url("../img/btn_buy.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
float:left;
font-family:calibri;
font-size:21px;
font-style:italic;
font-weight:bold;
line-height:40px;
margin:0 1px;
overflow:hidden;
padding:0 5px 0 22px;
text-decoration:none;
width:73px;}
.produktDET .buy a { display: block; float: left;}
.produktDET .buy a:hover.prodKoupe { text-decoration: none;}


/*** PRODUKTY - doplnkove v detailu *************************************************************/
.ieClear.home .produktM { width: 130px;}
.produktM {border: 1px rgb(169,207,0) solid;width: 130px; height: 180px; margin: 0 10px; padding: 5px 0px; overflow: hidden; float: left;}
.produktM.noOds { margin: 0px;}
.produktM .prodObsah h3 a{ font-size: 100%; letter-spacing: 0px; height: 30px; overflow: hidden; text-align: center; line-height: 11px;}

.produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.produktM .prodObsah {padding: 0 10px 5px 10px;}
.produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; }
html>body .produktM .prodObsah a { position: relative; margin: auto;}
.produktM .prodObsah a img { margin: 5px 0;}

.produktM .prodFoot a { width: 50px;}


/* PRODEJNI LISTA */
/*.prodTlac2 { margin: auto;	float: right;}
.prodFoot .prod-skladem {text-align: left; line-height: 20px; float: left;}
.prodFoot .prod-skladem span {font-size: 14px;	font-weight: bold;}
.prodFoot form.kod {	line-height: 20px; text-align: left; width: 100px;	float: left;}
.prodFoot form.kod select {width: 90px;}
.prodFoot form {line-height: 20px; text-align: left; width: 80px; float: left;}
.prodFoot form input {width: 20px;}
a.prododk {text-decoration: none;}
a:hover.prododk {text-decoration: none;}*/

/*** KONTAKT ****************************************************************************/
#kontLeft {	width: 300px;}
#kontRight { width: 170px;}
a#mapa { /*width: 170px; left: 380px;*/ padding: 0px; margin: 0px; display: block;}
a#mapa img { padding: 0px; margin: 0px; /*color*/}
p.kont {font-size: 110%; line-height: 140%; margin-bottom: 10px;}
.kont strong {font-size: 90%;}
#kont {padding: 20px 10px 10px 10px;}
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;	clear: both;}
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;	clear: both;}
#kont span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}

/******************************************
*                 RIGHT                   *
******************************************/

#RIGHT {text-align: center; width: 174px;	float: right; margin-bottom: 0px; overflow: hidden;}
#RIGHT #lang {width: 150px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px;}
#RIGHT #lang a { width: 20px; height: 13px; padding: 0px; margin: 0 2px; display: block; float: left; }
#RIGHT #lang a#cz { background: url(../img/flag_cz.gif) no-repeat;}
#RIGHT #lang a#en { background: url(../img/flag_en.gif) no-repeat;}
#RIGHT #lang a#ger { background: url(../img/flag_ger.gif) no-repeat;}
/* #RIGHT h2 { clear: both; position: relative; font-family: Tahoma;}
#RIGHT h2 { margin: 0px; padding: 0 20px 0 10px; padding-right: 25px; height: 23px; line-height: 23px; overflow: hidden;} */
#RIGHT h2.akt {clear: both;}
#RIGHT h2 a {width: 16px; height: 16px; line-height: 16px;  text-decoration: none; margin-top: 4px; display: block; float: right;}
#RIGHT .aktualnab {text-align: center; margin: 0px;}
#RIGHT .aktualnab.textVyp {text-align: left;}

/******************************************
*                 FOOTER                  *
******************************************/
#FOOTER {text-align: left; width: 100%;}
#FOOTER .buttPole { border: none; width: 100%;}
#FOOTER .buttPole a { background: none; padding: 2px 10px; }
#DOWN-radek {/*height: 48px;*/	padding:  0 0 0px 0;}
#develop {font-size: 100%; line-height: 36px;	width: 350px; padding-left: 10px; float: left;}
#optim {font-size: 100%;	line-height: 36px; text-align: right; width: 390px; padding-right: 10px; float: right;}
#optim strong {font-size: 100%;}

/******************************************
*                 KOSIK                  *
******************************************/
/*** KOS TABULKA *******************************************************************/
.kosTable { border: none; width: 90%; w\idth: 100%; }
.kosTable a.rel {width: 24px; height: 24px; text-decoration: none; display: block;}
.kosTable th {font-size: 110%; text-align: center; padding: 2px;}
.kosTable tr td {font-size: 100%; padding: 0 2px;}
.kosTable tr.link3 td { font-weight: bolder;}
.kosTable tr.linkFin td { font-size: 140%; letter-spacing: 0.5%; font-weight: bold; padding: 2px;}
.kosTable tr.linkFin .orBg { font-size: 110%; font-weight: normal; }
.kosTable tr.linkFin .orBgBold { font-size: 110%;}
.kosTable2 {border: none; width: 90%; w\idth: 100%; margin: 10px 0;}
.kosTable2 td { vertical-align: top;}
.kosTable2 td p { padding-top: 4px;}
.kosTable2 td p label{ padding: 0px; margin: 0px;}
html>body .kosTable2 td p { padding-top: 0px;}
.kosTable2 td input { margin: 0px; padding: 0px;}
/*** PRODUKT TABULKA *******************************************************************/
.prodTable {width: 100%; margin: 0px; }
.prodTable tr td { padding: 2px;}
.prodTable .prev { text-decoration: none; width: 16px; height: 16px; display: block;}
.prodTable a.prodKoupe {text-decoration: none; width: 58px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; display: block;}
.prodTable a.prodPodr { height: 16px; padding-left: 20px; display: block; text-decoration:none;}
.prodTable a.del { height: 16px; padding-left: 20px; display: block; text-decoration:none;}

/******************************************
*           SROVNANI VYROBKU              *
******************************************/
.srovLeft {width: 400px; w\idth: 380px; float: left; padding: 10px; }
.srovLeft h3.det a {float: left;}
.srovLeft h3.det span { display: block;}
.srovLeft h3.det .kod { float: right; letter-spacing: 0px;}
.srovLeft h3.det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
.srovLeft .produktDET .prodObsah { /**/}
.srovLeft .produktDET .prodObsah .prodRight {width: 380px; w\idth: 360px; text-align: left; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft {width: 380px; w\idth: 360px;  text-align: center; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft p {padding: 0 18px 10px 0; float: left;}
.srovLeft .produktDET .prodObsah .prodLeft p a {width: 100px;	height: 160px; display: block; overflow: hidden;}

/******************************************
*           ZALOZKOVE MENU                *
******************************************/
#zalozkMenu { height: 25px; }
#zalozkMenu a { float: left; display: block; padding: 5px 10px; margin-right: 2px;}
#zalozkMenu a.act { font-weight: bold; text-decoration: none;}

/******************************************
*                DISKUZE                  *
******************************************/
.diskuze { /*direction: ltr;*/ }

.critique_order {
  border-top: 1px #909090 solid;
  border-bottom: 1px #909090 solid;
  padding: 5px 0px;
}

.diskuze th { padding: 2px 4px; }
.diskuze th span { font-weight: normal; }
.diskuze span.positive { color: #AAA; font-weight:bold;}
.diskuze th.rightBl { text-align: right; width: 420px;}
.diskuze td {padding: 4px;}
.diskuze thead {background: #DDD;padding: 10px;}
.margin00 { margin-left: 0px;}
.margin00 th { /*color*/}
.margin00 th.leftBl { width: 425px;}
.margin01 { margin-left: 10px;}
.margin01 th.leftBl { width: 415px;}
.margin02 { margin-left: 20px;}
.margin02 th.leftBl { width: 405px;}
.margin03 { margin-left: 30px;}
.margin03 th.leftBl { width: 395px;}
.margin04 { margin-left: 40px;}
.margin04 th.leftBl { width: 385px;}
.margin05 { margin-left: 50px;}
.margin05 th.leftBl { width: 375px;}
.margin06 { margin-left: 60px;}
.margin06 th.leftBl { width: 365px;}
.margin07 { margin-left: 70px;}
.margin07 th.leftBl { width: 355px;}
.margin08 { margin-left: 80px;}
.margin08 th.leftBl { width: 345px;}
table.diskForm  { margin: 0 0 0 10px;}

/******************************************
*                 PAGER                   *
******************************************/
.produktDET .PAGER {/*color*/}
.PAGER { height: 22px; border:1px solid #e8ecf1; padding: 6px 6px 0 6px; clear:both; background:#E8ECF1;}
html>body .PAGER { height:24px;
padding:6px;}
.PAGER div.pocet {line-height: 20px; float: left;}
.PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;}
.PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;}
.PAGER form input, select {margin-top: 0px; margin-bottom: 0px;}
.PAGER form select {width: 45px;}
.PAGER form input {width: 25px; float: left;}
.PAGER form input.butt {width: 30px;}
.PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;}
.PAGER .listovani a {width: 15px; height: 20px;	text-decoration: none; display: block;}
.PAGER .listovani a.list-l {width: 1px; height: 16px; line-height: 16px; margin-top: 2px; float: left; background: #CC0000 url('../img/tl_zpet.gif') no-repeat; padding-left: 13px;}
.PAGER .listovani a.list-r {width: 1px; height: 16px; line-height: 16px; margin-top: 2px; float: left; background: #CC0000 url('../img/tl_dalsi.gif') no-repeat; padding-left: 13px;}

.PAGER a { color: #cc0000; line-height: 20px; text-decoration: underline;	padding-left: 5px; display: block;}
.PAGER a.back {color:#000;
float:left;
font-weight:bold;
height:10px;
padding-bottom:11px;
padding-top:1px;
text-transform:uppercase;
width:45px;}
.PAGER a.prodKoupe {width: 55px; w\idth: 35px; float: left; }
.PAGER a:hover.prodKoupe { text-decoration: none;}
.PAGER a.prodMail {width: 95px;	w\idth: 75px; float: right; margin-right: 6px;}
.PAGER a:hover.prodMail {text-decoration: none;}
.PAGER a.prodPrint {width: 80px; w\idth: 60px; float: right; margin-right: 6px;}
.PAGER a:hover.prodPrint {text-decoration: none;}
.PAGER a.prodDownl {width: 100px;	w\idth: 80px;	float: right; margin-right: 6px;}
.PAGER a:hover.prodDownl {text-decoration: none;}

/******************************************
*           NAHLEDY IMG JAVA              *
******************************************/
.miniBl {padding: 0px; overflow: hidden;}
.miniBl .blInOds { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;}
.miniBl .bordIn { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;}
.miniBl h3 { padding: 0 0 5px 0;}
.miniBl h3 a { color: #fff;}
.miniBl .top {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;}
.miniBl .top div {height: 6px; line-height: 6px; font-size: 6px;}
.miniBl .bott {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;}
.miniBl .bott div {height: 6px; line-height: 6px; font-size: 6px;}
.miniBl .infoRadek { padding: 2px 8px;}
.miniBl .prodFoot { padding: 0px; margin: auto;}
.miniBl .prodFoot a { text-align: left; width: 43px; text-decoration: none; margin: 0 0 0 1px; display: block; float: left;}
html>body .miniBl .prodFoot a {margin: 0 1px; }
.miniBl .prodFoot a:hover { text-decoration: underline;}

div .top {height: 6px; line-height: 6px; font-size: 6px;}
div .top div {height: 6px; line-height: 6px; font-size: 6px;}
div .bott {height: 6px; line-height: 6px; font-size: 6px;}
div .bott div {height: 6px; line-height: 6px; font-size: 6px;}

#smallDiv { padding: 12px; visibility: hidden; position: absolute; z-index: 100; overflow: hidden; background: #FFF; border: 1px #090909 solid;}
#smallDiv img { margin-top:10px;}
#smallDiv a {	text-decoration: none;}

#rool { width: 155px; height: 60px; overflow: auto;}

#user form #basket #rool { width: 155px; height: 140px; overflow: auto;}

.scrollBl {	width: 160px; padding: 0px; overflow: auto; }
.scrollBl.uniBox { height: 350px; background: none; }

.topBox ol li { padding: 3px 2px; list-style: decimal inside; font-size: 90%; }
.topBox ol li.bg { }

#partners { clear: both; padding: 0px 10px; float:left;}
#partners h2 { width:50px; float: left; padding: 0px; padding-right: 10px;}
#partners a img { }

fieldset, legend {
  border: 1px #e8ecf1 solid;
}

#centerIN fieldset { margin-top: 10px; padding: 10px;}
#centerIN fieldset table { padding: 0px; margin: 2px 0 0 0;}
#centerIN fieldset p { padding: 0px; margin: 4px 0;}
#centerIN fieldset textarea { width: 470px;}
#centerIN fieldset textarea.notes { width: 300px;}
#centerIN legend { font-weight: bold; padding: 5px;}

.wswg { padding: 0 10px; }
.wswg h3 { font-family: Tahoma; padding: 0px; margin: 10px 0 5px 0;}
.wswg p { margin-bottom: 10px;}
.wswg img { margin: 5px 10px 10px 0;}

/*** TABULKA IMG KATEGORIE *******************************************************************/
#tableKateg { width: 100%}
#tableKateg td { text-align: center; }
#tableKateg td a { width: 150px; overflow: hidden; font-weight: bold; display: block; text-decoration: none; margin: 0 auto 3px auto; padding: 0px; /*cursor: pointer;*/}
#tableKateg td a span { text-align: left; display: block; margin: 0px; padding: 0px;}
#tableKateg td a span.textKateg { height: 22px; padding: 8px 0 0 5px;}

#kontaktTable td { text-align: left; }

#logsBl { padding: 10px; text-align: center;}
#logsBl img { padding: 0 10px; }

/******************************************
 *  BLOK S ROLOVATKEM                     *
 *****************************************/ 
.miniBl .bordIn.scrlBl {padding: 5px; height: 80px; overflow: auto;}

div.filter_pneu { width: 250px; float: left; margin-bottom: 10px; } 
div.filter_disk { width: 100%; float:left; } 
div.filter_disk_sel { width: 160px; float: left; margin-top: 10px; } 
div.filter_brand_disk { background: url('../img/vyber_vsipka_big.gif') 0px 15px no-repeat; padding-left: 15px; width: 70px; float: left; height: 160px; } 
div.filter_brand { width: 500px; float: left; margin-top: 10px;}
div.filter_brand_sel { width: 160px; float: left; margin-top: 10px; padding-bottom: 10px; } 
div.filter_brand_pneu { padding-left:10px;
padding-top:35px;}
div.filter_brand_pneu a {border:1px solid;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin:2px;
padding:5px;
text-decoration:none;}
div.filter_banner { width: 150px; float: left; } 
div.label { width: 70px; float: left; margin-top: 2px; font-size: 12px; } 
/* div.car_pneu_row { height: 27px; padding-top: 5px;} */ 
.sel-m-1 { width: 92px; border: 1px #888 solid; border-top: 1px #000 solid; } 
.sel-m { width: 75px; border: 1px #888 solid; border-top: 1px #000 solid; } 
.sel-m2 { width: 90px; border: 1px #888 solid; border-top: 1px #000 solid; } 
.filter_heading { font-family:calibri; font-style:italic; font-weight: bold; font-size: 18px; border-bottom: 2px #ddd solid; margin-bottom: 5px; }
.filter_heading span {color:#CF1010;} 
td.hsipka_small { width: 14px; } 
div.vsipka { background:url("../img/vyber_vsipka.gif") no-repeat scroll 0 0 transparent;
height:12px;
margin-bottom:7px;
width:146px; } 
input.filter_search { background:url("../img/btn_buy.gif") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
font-family:calibri;
font-size:21px;
font-style:italic;
font-weight:bold;
height:40px;
width:100px; } 
/* formuláře */ 
.input_text{ border-style:inset; border-width:1px; } 
/* panely + boxy */ 
.greenbox, .silverbox, .greenbox2, .silverbox2{ margin-bottom:10px; } 
.greenbox{ background:url("../img/greenbox_top.gif") repeat-x scroll center top transparent;
border:1px solid #e8ecf1; } 
/* .greenbox .corner{ display:block; background:url('../img/greenbox_corner.gif') bottom center no-repeat; padding-bottom:5px; } */ 
.greenbox h2 { text-align:right; color:white; padding:12px; font-size:9pt; font-weight:bold; } 
.greenbox li{ background:url("../img/double_arrow.png") no-repeat scroll 5px 1px transparent;
font-size:9pt;
margin-bottom:10px;
margin-left:5px; } 
.greenbox li a{ margin-left:20px; color:#3b3b3b; font-weight:bold; display:block; type:none;} 
.greenbox li a:hover{ color:#bc0000;}
.greenbox li .b_under{ margin-left:24px; } 
.greenbox li .b_under a{ margin-left:0px; font-size:8pt; font-weight:normal; } 
.greenbox li.active{ background-color:#EFFFB0; } 
.greenbox a, .greenbox span { color: #cc0000; } 
.greenbox p { padding: 0px 0px 5px 5px; } 
.greenbox table { margin-top: 5px; margin-left: 10px; } 

.silverbox{ background:url("../img/greenbox_top.gif") repeat-x scroll center top transparent;
border:1px solid #e8ecf1; } 
/* .silverbox .corner{ display:block; background: url("../img/silverbox_corner.gif") bottom center no-repeat; } */ 
.silverbox h2{ text-align:right; color:white; padding:12px; font-size:9pt; font-weight:bold; } 
.silverbox ul{ background:white; margin-left:7px; margin-right:7px; padding-top:12px; padding-bottom:12px; } 
.silverbox li{ margin-bottom:7px; background:url('') top left no-repeat; padding-left:12px; padding-right:12px; font-size:9pt; } 
.silverbox a{ color:#5E5E5E;  font-size:12px; text-decoration:none; } 
.silverbox p { padding: 0px 20px; } 
.silverbox .news a{ color:red; display:block; padding-bottom:7px; } 
.silverbox .news p{ padding-bottom:7px; border-bottom:1px solid silver; font-size:9pt; line-height:16px; color:#606060; }

.greenbox2{ /* background: #7BA800 url("../img/greenbox2_top.gif") top center no-repeat; */ } 
.greenbox2 .corner { display:block; background: url("../img/greenbox2_corner.gif") repeat-x #155299; padding-bottom:5px; } 
.greenbox2 h2{ text-align:left; color:white; padding:12px; padding-top:8px; font-size:9pt; font-weight:bold; } 
.greenbox2 a { color: #fff; } 
.greenbox2 form, .greenbox form{ margin:7px; color:white; text-align:left; } 
.greenbox2 label{ display:block; text-align:left; padding-bottom:4px; font-size:9pt; } 
.greenbox2 input{ text-align:center; padding:5px; font-size:8pt; background:#7BA800; color:white; border:1px inset silver; width:90%; } 
.greenbox2 input.button{ display:inline; background:white; color:black; margin-top:5px; width:auto; } 
.greenbox2 a.basket_delete { float: right; } 
.greenbox2 .basket_sum { padding: 5px 20px; text-align: right; }

.silverbox2{ background: url("../img/greenbox2_corner.gif") repeat scroll center bottom transparent; } 
.silverbox2.poll { background:url("../img/greenbox_top.gif") repeat-x scroll center 20px transparent;
border:1px solid #e8ecf1; }
.silverbox2.poll h2 { background: url("../img/greenbox2_corner.gif") repeat scroll center bottom transparent; padding:8px 12px; margin-bottom:5px; }  
.silverbox2.poll .corner a{ color:#ad0000; } 
.silverbox2.poll .corner p{ margin:5px 0 0 0; } 
.silverbox2 .corner{  padding-bottom:5px; } 
.silverbox2 .corner a{ padding-left:10px; } 
.silverbox2 h2{ text-align:left; color:black; padding:12px; padding-top:8px; font-size:9pt; font-weight:bold; color:#FFFFFF; } 
.silverbox2 ul{ padding-top:12px; padding-bottom:12px; } 
.silverbox2 ul a{ color:red; display:block; padding-bottom:7px; } 
.silverbox2 li{ margin-bottom:7px; background:url("") top left no-repeat; padding-left:12px; padding-right:12px; font-size:9pt; } 
.silverbox2 a{ color:#5e5e5e; font-size:9pt; } 
.silverbox2 form{ margin:7px; padding:1px; color: #000; text-align:left; line-height:20px; } 
.silverbox2 form.newsletter { background:white; border:1px inset silver; height:17px; }
.silverbox2 a.newsletter{ display:block; padding:7px; font-size:8pt; } 
.silverbox2 form input { width:100px; float:left; border: none; margin-top:2px; text-align:center; font-size:8pt; color:black; } 
.silverbox2 form input.button{ background:none repeat scroll 0 0 #CC0000;
color:#FFFFFF;
float:right;
font-weight:bold;
height:18px;
margin-top:0;
width:30px; } 
.silverbox2 input.calc, .silverbox2 select.calc{ width: 130px; border: 1px solid black; background: #FFF; } 
.silverbox2 p { padding: 5px 0px; } 
.silverbox2 div.survey { padding-left: 10px; } 

input.button {
  border: 1px #006600 solid;
  padding: 2px 20px;
}

.ankLine { background: #66CC33; margin-bottom:3px; } 
/* main */ 
#l_main h2 { font-size:11pt; font-weight:bold; color:#696969; } 
#l_main h3 { font-weight:bold; } 
#l_main #vyber_rozmery{ width:280px; float:left; } 
#l_main #vyber_rozmery li{ display:block; width:90px; float:left; } 
#l_main #vyber_rozmery label{ display:block; } 
#l_main #vyber_rozmery select{ display:block; width:75px; } 
#l_main #vyber_rozmery img { display:block; width:75px; height:90px; } 
#l_main #vyber_alu { float:right; } 
#l_main #vyber_alu .ul1{ float:left; width:166px; display:block; } 
#l_main #vyber_alu .ul2{ float:right; width:45px; } 
#l_main ul li select { width:75px; } 
#l_main #vyber_kozy ul.ul1 { width:220px; float:left; } 
#l_main #vyber_kozy .ul2{ float:left; } 
#l_main #vyber_kozy .ad{ float:right; } 
/* vysledky vyhledavani */ 
#main_vysledky{ background:url("../img/greenbox_top.gif") repeat-x scroll 0 0 transparent;
clear:both;} 
#main_vysledky h2{ padding:7px 0px 10px 10px; } 
#main_vysledky ul{ margin:0 auto; width:auto; text-align:center; } 
#main_vysledky li{ width:110px; float:left; margin:4px; border: 1px solid #a6d000; } 
#main_vysledky li img.polozka_obrazek{ margin:7px; width:96px; height:96px; line-height:96px; display:block; border:none; }
img.topIco { display:block;margin:0;position:absolute;visibility:visible;z-index:auto; } 
#main_vysledky li a{ color:#CC0000; font-weight:bold; font-size:9pt; margin-bottom:4px; display:block; } 
#main_vysledky li .polozka_text { margin:7px; font-size:9pt; color:#666666; }
#main_vysledky li .polozka_text h3 { line-height: 10px;height: 20px;overflow: hidden; } 
#main_vysledky .polozka_popis{ margin-bottom:4px; font-size:8pt; }
#main_vysledky .polozka_cena{ margin-bottom:4px; color:black; font-weight:bold; }
#main_vysledky li .polozka_buttons{ margin:auto;width:98px;height:20px;border-style:none; }
#main_vysledky li img.polozka_detail, #main_vysledky li img.polozka_koupit{ float: left; } 

#main_vysledky2{ background:url("../img/hledani_head_bck.gif") repeat-x; margin-top:7px; clear:both; } 
#main_vysledky2 h2{ padding:7px 0px 10px 10px; } 
#main_vysledky2 ul{ margin:0 auto; width:auto; text-align:center; } 
#main_vysledky2 li{ border:none;
float:left;
margin-bottom:20px;
margin-left:3px;
margin-right:0;
width:158px; } 
#main_vysledky2 li img.polozka_obrazek{ border:1px solid #e8ecf1;
display:block;
height:115px;
line-height:96px;
margin-left:20px;
margin-top:13px;
width:115px; }    
#main_vysledky2 li a{ color:#000; font-weight:bold; font-size:9pt; margin-bottom:4px; display:block; } 
#main_vysledky2 li .polozka_text { margin:7px; font-size:9pt; color:#666666; }
#main_vysledky2 li .polozka_text h3 { line-height: 10px;height: 20px;overflow: hidden; } 
#main_vysledky2 .polozka_popis{ margin-bottom:4px; font-size:8pt; }
#main_vysledky2 .polozka_cena{ margin-bottom:4px; color:black; font-weight:bold; font-family: calibri; font-style: italic; }
#main_vysledky2 .polozka_cena span {color:#000; font-size: 18px;} 
#main_vysledky2 li .polozka_buttons{ border-style:none;
height:30px;
margin-left:-4px;
width:152px; }
#main_vysledky2 li img.polozka_detail, #main_vysledky li img.polozka_koupit{ float: left; } 

.cislovani_stranek{ text-align:center; font-size:9pt; font-weight:bold; margin-bottom:1em; } 
.cislovani_stranek a{ color:#CC0000; } 
/* akcni nabidka */ 
#main_akcninabidka { font-size:8pt; color:#666666; } 
#main_akcninabidka h2 { color:red; margin-bottom:7px; } 
#main_akcninabidka a{ color:#CC0000; font-weight:bold; } 
#main_akcninabidka li{ display:block; float:left; width:170px; margin-bottom:15px; } 
#main_akcninabidka .polozka_text{ margin-top:4px; } 
#main_akcninabidka .polozka_text a{ display:block; margin-bottom:4px; } 
#main_akcninabidka .polozka_text .polozka_cena{ font-weight:bold; margin-top:4px; } 
#main_akcninabidka img{ width:48px; height:48px; line-height:48px; text-align:center; display:block; float:left; border:1px solid silver; margin-right:7px; } 
/* detail produktu */
.detail_produktu h3{ color:#527000; font-size:10.5pt; margin-top:7px; } 
.detail_produktu .parametry_produktu img{ display:block; width:175px; height:175px; line-height:175px; text-align:center; float:left; margin-right:15px; } 
.detail_produktu .parametry_produktu select { width:75px; } 
.detail_produktu .parametry_produktu .pp_koupit{ text-align:center; display:block; margin-left:175px; margin-bottom:22px; margin-top:12px; } 
.detail_produktu .parametry_produktu input { display:block; margin:0 auto; height:42px; width:82px; background-color:#76a000; color:white; } 
.detail_produktu .parametry_produktu .dostupnost{ margin:7px; font-style:italic; } 
/* detail produktu - podobne produkty */ 
.detail_podobne_produkty{ font-size:9pt; color:gray; line-height:12pt; } 
.detail_podobne_produkty li, .vypis_polozky li{ display:block; width:510px; height:70px; } 
.detail_podobne_produkty li img, .vypis_polozky li img{ float:left; display:block; width:48px; height:48px; border:1px solid silver; margin:7px; }
.detail_podobne_produkty li .pp_vlevo, .vypis_polozky li .vp_vlevo{ float:left; display:block; margin-top:15px; width:160px; } 
.detail_podobne_produkty li .pp_vpravo{ float:left; display:block; margin-top:15px; text-align:right; } 
.vypis_polozky li .vp_vpravo{ float:right; display:block; margin-top:15px; text-align:right; } 
.detail_podobne_produkty li a.koupit{ float:right; display:block; height:41px; line-height:41px; text-align:center; text-decoration:none; color:#537100; width:68px; background-color:silver; margin-bottom:20px; margin-top:5px;}
/* recenze zákazníků */

.recenze_prispevek .r_hlavicka{ background-color:#efefef; display:block; padding:7px;}
.recenze_prispevek .r_hlavicka .r_h_vlevo{ float:left;}
.recenze_prispevek .r_hlavicka .r_h_vpravo{ float:right; text-align:right;}
.recenze_prispevek .r_obsah{ margin:7px;}
.recenze_prispevek .r_uzitecna{ text-align:right; margin:7px;}
.r_akce { text-align:center; margin:15px;}

/* vypis */
#vypis form li{ float:left; display:block; margin:5px;}
#vypis form li.v_first{ float:none; clear:both;}

/* sekce */
#l_main .otevrena_sekce #vyber_rozmery{ width:100%}
#l_main .otevrena_sekce #vyber_rozmery #os .button{ background-color:#5a7b00; color:white;}

/* foot */
.f_left{ float:left;}
.f_right{ float:right;}
.f_bottom { clear: both; text-align: center; line-height:25px; margin:10px 0;}
.f_bottom a { padding: 0px 10px;}
.f_bottom h2 { width: 50px; float:left;}

/* ads */
.ad { margin:0; display:block; float:right; text-align:center; width:120px; height:120px; line-height:120px; background-color:#E1E1E1;}

strong { font-weight: bold;}


.prodObsah .prodLeft a img.topIco { display: none; visibility: hidden;}
html>body .prodObsah .prodLeft a img.topIco { margin: 0px; position: absolute; top: 0px; right: 0px; z-index: auto; display: block; visibility: visible;}

.produktM .prodObsah a img.topIco { display: none; visibility: hidden;}
html>body .produktM .prodObsah a img.topIco { margin: 0px; position: absolute; top: 0px; right: 0px; z-index: auto; display: block; visibility: visible;}

select#resultList {
  position: absolute;
  top: 60px;
/*   left: 500px; */
  z-index: 100;
}


div.statistic{
  position: relative;
  float: right;
  width: 150px;
  margin: 0px 5px 5px 5px;
  padding: 2px 2px 2px 2px;
  background-color: #E1E1E1;
}

div.statistic th{
  text-align: right;
  padding-right: 10px;
  padding-left: 5px;
}

div.banner1{
  float: left;
  width: 240px;
  height: 200px;
  background-color: #EEEEEE;
  margin-left: 10px;
}

.infoRadek {padding-bottom: 14px; line-height:120%;}
.silverbox {}

.floatright {float: right; width:11em;}
.fan {float: right; font-weight:bold; width:15em;}

.bannerpd {height:57px;
margin:0 auto;
padding-top:8px;
width:870px;}
a.alu {float: right;}
a.pneu {float: left;}

.right p.prodCena {color:#CC0000;
font-size:18px;
font-style:italic;}

fieldset.REKL {margin-left:6px;}

.errmes {
    color:#CC0000;
    font-size:12px;
    line-height:10px;
    background:#FFF6CF;
    padding:5px 10px;
    border:1px solid #EFE2A4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin:5px;
}