@charset "utf-8";

body { text-align: center; font: 11px Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0px;}


/******************************************
*                 NADPISY                 *
******************************************/	
h1,h2,h3,h4,h5 { text-align: left; font-weight: bold; letter-spacing: 0px; padding: 5px 0; margin: 0px;}
h1,h2 { padding: 2px 10px 2px 10px;}
h1 span,h2 span { position: absolute; left: -11px; top: -5px; z-index: auto; width: 26px; height: 26px;}
.square2 { }
h1 {font-size: 120%; letter-spacing: 0px; /*text-transform: lowercase;*/ position: relative;}
h2 {font-size: 120%; letter-spacing: 0px; text-transform: lowercase; position: relative;}
h3 {font-size: 110%; letter-spacing: 0px;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

/******************************************
*                HTML TAGY                *
******************************************/	
p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}

a { text-decoration: underline;}
a:hover {text-decoration: none;}
a.openClose { /*display: none;*/ display:block; font-size:11px; height:11px; position:absolute; text-decoration:none; top:8px; right:6px; width:11px;}
a:hover.openClose { }
.all { text-align: right; font-weight: bold;}
.all a { text-decoration: none;}
.all a:hover { text-decoration: underline;}

ul,ol { padding: 0 0 0 10px;}
li {list-style: square; padding: 3px 0;}
ol li {list-style: decimal; padding: 3px 0;}
img {border: none;}
fieldset { padding: 10px; margin-bottom: 10px;}
legend { font-size: 110%; font-weight: bold; padding: 5px;}

/***** TABULKA *******************************************/
table { border: none; border-collapse: collapse; width: 100%; margin: 0 0 10px 0;}
td, th { padding: 0px; text-align: left; vertical-align: top;}

/***** TABULKA PRO SROVNANI OBSAHU *******************************************/
.contTable { }
.contTable td,.contTable  th { padding: 0 5px 10px 5px;}

/***** TABULKA PRO SROVNANI OBSAHU *******************************************/
.formTable { }
.formTable td,.contTable  th { padding: 2px 5px;}

/***** TABULKA S BORDEREM *******************************************/
.bordTable { }
.bordTable td, .bordTable th { padding: 3px 5px;}

.odsCel {  width: 130px;}

.rowCOL h2 { font-size: 100%; /*letter-spacing: -1px;*/ padding: 0px;}
.rowCOL th { vertical-align: middle; padding: 4px 5px;}
.rowCOL td { vertical-align: middle; padding: 4px 5px;}
.rowCOL td img { vertical-align: middle;}

/******************************************
*                FORM PRVKY               *
******************************************/
input,select,textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif;  padding: 1px;}
.butt { border: none; font-weight: bold; height: 20px; line-height: 20px;  padding: 0 10px; cursor: pointer;}
a.butt { display: block; text-align: center; text-decoration: none;}
.formButt { border: none; font-weight: bold; height: 20px; line-height: 20px;  padding: 0px; cursor: pointer;}
.formButt2 { border: none; font-weight: bold; height: 20px; line-height: 20px;  padding: 0px; cursor: pointer;}
.btBid { width: 26px; height: 26px; margin: 0px; padding: 0px; cursor: pointer;}
.btBuy { width: 26px; height: 26px; margin: 0px; padding: 0px; cursor: pointer;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeSs {width: 30px;}
.sizeS {width: 40px;}
.sizeSm {width: 50px;}
.sizeSl {width: 60px;}
.sizeMs {width: 90px;}
.sizeM {width: 100px;}
.sizeMm {width: 110px;}
.sizeMl {width: 120px;}
.sizeLs {width: 140px;}
.sizeL {width: 150px;}
.sizeLm {width: 160px;}
.sizeLl {width: 170px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 250px;}
.sizeMaxs {width: 340px;}
.sizeMaxm {width: 400px;}
.sizeMaxl {width: 450px;}
.sizeMaxFull {width: 540px;}

/******************************************
*          NEPODRIZENE OBSAHY             *
******************************************/
.act {font-weight: bold;}
.req { font-weight: bold;}
.date { display: block;}
.infoText { font-style: italic;}
.detail { font-size: 90%; font-weight: bold;}
.imgBl { display: block; overflow: hidden;}
.textBl {}
.price { font-weight: bold; font-size: 100%;}
.threCol .flCol {width: 186px;}
.flCol { float: left;}
.aRight {text-align: right;}
.aLeft {text-align: left;}
.aCenter {text-align: center;}
.spec span { width: 32px; height:32px; display: block; top: 0px; left: 0px; position: absolute; z-index: auto;}
#mapa { padding: 10px;}
.seznMenu { padding: 0px;}
.preloader {}
.preloader img { margin: 0 auto;}
.answ {width: 11px; height: 10px; text-decoration: none; display: block;}

.flLeft {float: left;}
.flRight { float: right;}
.clear { clear:both; height:0; font-size: 0px; line-height: 0px;}

.odtrh {height: 10px;}
.odtrh2 {height: 15px;}
.odtrh3 {height: 20px;}
.odtrh4 {height: 25px;}
.odtrh5 {height: 23px;}

.contBl { position: relative;}
.cBlCont { padding: 5px 10px;}
.cBlCont p { position: relative; padding: 3px 0;}
.top {height: 6px; line-height: 6px; font-size: 6px;}
.top div {height: 6px; line-height: 6px; font-size: 6px;}
.bott {height: 6px; line-height: 6px; font-size: 6px;}
.bott div {height: 6px; line-height: 6px; font-size: 6px;}

.addBl h2 { font-size: 90%;}
#leftCont .addBl h2 { height: 10px; line-height: 10px; top: 0px;}
#rightCont .addBl h2 { height: 10px; line-height: 10px; top: 0px;}
.addBl .cBlCont { padding: 0px; }
.addBl p { text-align: center; margin: 2px 0; }
#centerCont .addBl p { text-align: center; margin: 0px; }
.addBl a.openClose { display: none;}

.menu .cBlCont { padding: 0 2px;}
.menu ul { padding-left: 0px;}
.menu li { list-style: none; margin-bottom: 1px; padding: 0px;}
.menu ul li a { display: block; text-decoration: none; padding: 3px 5px 3px 20px; width: 151px;}
.menu ul li a:hover { }
.menu ul li a.act { font-weight: bold;}

.viewAllCat { padding: 10px 0 10px 10px;}

.navig { margin: 0 0 10px 0;}

#lang a.openClose { display: none;}
#lang #langForm { float:left; width:auto;}

/******************************************
*                  OBSAH                  *
******************************************/
#userBl {}
#userBl #main { width: 580px;}
#userBl #centerCont { float: none; width: 100%; margin-top: 0px; margin-left: 0px;}

#main { width: 980px; padding: 0px; margin: 0px auto; text-align: left;}
#main #cBlCont { padding: 0 20px; margin: 0px;}
#main #top {height: 20px; line-height: 20px;}
#main #top div {height: 20px; line-height: 20px;}
#main #bott {height: 20px; line-height: 20px;}
#main #bott div {height: 20px; line-height: 20px;}

#content { width: 940px; position: relative;}

#motiv { position: absolute; top: -97px; right: -8px; z-index: 11000; width: 206px; height: 217px;}
#content #topBox { /*position: absolute; top: 0px; right: 0px;*/ margin-bottom: 10px; float:right;/* z-index: 1000;*/ width: 750px; height: 120px;}
#content #topBox h1 { width: 550px; height: 17px; overflow: hidden; /*background: aqua;*/}
#content #topBox .cBlCont {height: 38px; padding: 0px 10px 50px 10px;}
#content #topBox h1 a.openClose { display: none;}
#content #topBox p { width: 550px; height: 54px; overflow: hidden; margin: 0 0 6px 0; padding: 0px;}
#buttPole {}
#buttPole a { float: left; font-size: 100%; /*letter-spacing: -1px;*/ font-weight: bold; text-decoration: none; display: block; padding: 0 10px; margin: 0 5px 0 0; /*width: 157px;*/ height: 22px; line-height: 22px; }

#head { }
#head .top { display: none;}
#head .bott { display: none;}
#head .cBlCont { padding: 0px;}

#logo { float: left; text-decoration: none; display: block; width: 180px; height: 78px;}
#topMenu { padding: 5px 0 0 0; float: left;}
#topMenu li {float: left; list-style: none; margin-left: 8px; width: 72px; text-align: center;}
#topMenu li a { display: block; width: 72px; padding: 45px 0 0 0; font-size: 120%; letter-spacing: -1px; font-weight: bold; text-align: center; text-decoration: none;}
#topMenu li a:hover {/*text-decoration: underline;*/}

#leftCont { float: left; width: 180px;}
#leftCont .cBlCont { padding-top: 0px; /*position: relative;*/}

#centerCont { float: left; width: 580px; /*margin-top: 130px;*/ margin-left: 10px;}
#centerCont a.openClose { display: none;}
#specNab { display: block; height: 220px; text-decoration: none; cursor: pointer;}
#specNab span { display: block;}
#specNab .cBlCont { height: 198px; position: relative;}
#specNab .cBlCont #icoTop { background: url(../img/top-ico.png) no-repeat; width: 118px; height: 118px; position: absolute; right: -20px; top: -6px; z-index: auto;}
#specNab .cBlCont span {display: block; width: 200px; font-size: 120%; padding: 0 10px 10px 10px;}
#specNab .cBlCont span strong{ display: block; font-size: 160%; margin-bottom: 10px;}
.top { height: 6px; line-height: 6px; font-size: 6px;}
#specNab .top span { height: 6px; line-height: 6px; font-size: 6px;}
.bott { height: 6px; line-height: 6px; font-size: 6px;}
#specNab .bott span { height: 6px; line-height: 6px; font-size: 6px;}
/*#centerCont .sezn { padding: 0 0 0 18px;}*/

#rightCont { float: right; width: 160px; /*margin-top: 130px;*/}
#rightCont .cBlCont { padding-top: 0px;}

#footer {/*margin-top: 0px; padding-top: 10px; */}
#footer p {	/*padding-right: 50px; padding-left: 50px; margin-size: 8pt; padding-bottom: 4px; margin: 0px; padding-top: 4px;*/ text-align: center;}

/*** KUPNI LISTA ****************************************************/
.priceBlock { padding: 10px; background: #eb0500;} /* COLOR */
.priceBlock td { color: #fff; vertical-align: middle; padding: 5px;}
.priceBlock p.price span.actPr { font-size: 110%;	text-align: left;	/*width: 80px;*/ margin-top: 5px; /*display: block; float: left*/}
.priceBlock p.price span.bgPRICE { font-size: 170%; font-weight: bold;	letter-spacing: -1px; float: none;}
.priceBlock p.price span.bgPRICE span.end { font-size: 80%;}

/*** DVA FLOAT SLOUPCE ****************************************************/
.leftCol { float: left; width: 270px;}
.leftCol p { line-height: 160%;}
.rightCol { float: right; width: 270px;}

/*** USER ****************************************************/
#user {}
#user a {font-size: 120%;	font-weight: bold;}
#user #hodn { width: 20px; height: 20px; margin: 0px; margin-right: 10px; float: left;}
.hodn { width: 20px; height: 20px;}
#user .valid { width: 20px; height: 20px; margin: 0px; margin-right: 5px; float: left;}
.popis { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	line-height: 160%;}


#userMenu { padding: 0px; margin: 0 0 10px 0;}
#userMenu a { font-size: 110%; font-weight: bold; line-height: 24px; padding-left: 25px; margin: 0 10px 0 0; display: block; float: left;}
#userMenu a#info {}
#userMenu a#mailSend {}
#userMenu a#watch {}


#galery { border:1px solid #ccc; height:157px; min-height:145px; /*margin:10px 0 0;*/ overflow: auto; width:560px;}
#galery table { border-collapse: separate; width:auto; height: 140px; margin: 0px;}
#galery td { vertical-align: middle; width:auto; /*height:130px;*/ padding:0;}
#galery a { /*display: block;*/ height:130px; margin:0; overflow:hidden; padding:0; width:auto;}

/*** SEZNAM MENU ******************************************************/
.sezn { padding-left: 0px;}
.sezn li { list-style: inside;}
.seznMenu li { list-style: none; margin-right: 1px; margin-bottom: 1px; padding: 0px;}
.seznMenu li a { display: block; text-decoration: none; padding: 3px 5px 3px 10px;}
.seznMenu li a:hover { }
.seznMenu li a.act { font-weight: bold;}

#linkCL ul { padding-left: 0px;}
#linkCL li { list-style: none;}
#hlpmenuCL { padding: 0 2px;}
#menunewsCL { padding: 0 2px;}
#loginCL td a { font-weight: bold;}
#loginCL .sizeMl { width: 135px;}
#loginCL a.sizeMl { width: 140px; padding: 0px;}
#searchCL .sizeL { width: 160px; padding: 0px;}

/*** CENTR MENU *********************************/
.contMenu2 { /*width: 688px;*/ padding: 0px; margin: 0px;} /* COLOR */
.contMenu2 .flCol { width: 180px;}
.contMenu2 .flCol ul { margin: 0px; padding: 0px; /*background: Aqua;*/}
.contMenu a { display: block; padding: 2px;}
.contMenu .act { text-decoration: none; }
.contMenu2 .act { }


/*** PODUKT FULL ******************************************************/
.prodBlock { width: 139px; text-align: center; padding: 0px; margin: 0 1px 1px 0; float: left;}
.prodBlock h2 { font-size: 100%; /*letter-spacing: 0px;*/ text-align: center; height: 30px; padding: 0 5px; margin-bottom: 5px; overflow: hidden;}
.prodBlock .price { font-weight: bold; font-size: 130%; letter-spacing: -1px; padding: 3px; margin: 0px 0;}
.prodBlock .price span { font-size: 60%; letter-spacing: 0px; display: none;}
.prodBlock .time { margin-top: 0px;}

/******************************************
*                 PAGER                   *
******************************************/
table.bottPage { margin: 10px 0 0 0;}
.pager .butt {padding: 0px;}
.pager td { vertical-align: middle; padding: 5px;}
.pager td sizeSs { width: 15px;}

.pageForm input.butt { font-size: 110%; width: 150px;}
.pageForm div { margin: 5px 0; clear: both;}
.pageForm div .dateICO { width: 19px; height: 22px;	text-decoration: none; margin-right: 5px;	margin-top: -3px;	display: block;}
.pageForm div label.flLeft { text-align: right; width: 130px; padding: 0 10px 5px 0; margin-right: 10px; display: block; float: left;}

a.imgProd { text-align: center; width: 130px; height: 85px; margin: 0 auto; overflow: hidden; display: block; position: relative; text-decoration: none;}
a.imgProd .listimg { vertical-align: middle; margin: auto;}
a.imgMini { text-align: center; margin: auto; overflow: hidden; display: block; width: 40px; height: 40px; position: relative; text-decoration: none;}
a.imgMini .listimg { vertical-align: middle;}

#smallDiv { padding: 12px; visibility: hidden; position: absolute; z-index: 100; overflow: hidden;}
#smallDiv { }
#smallDiv img { margin: 10px;}
#smallDiv a { display: block; background: #fff; border: solid 1px #ccc; text-decoration: none; /*padding: 10px;*/}

#queryListForm { }
#queryListForm td { vertical-align: top;}
#queryListForm td span { /*background: aqua;*/ display: block; height: auto; /*float: left;*/}

/*************************************
* 			STROM KATEGORII			 *
*************************************/	
#kategorie { margin: 10px 0 0 0;}
#kategorie td { width: 33%; background: #efefef;  }
#listCategory.contBl #kategorie td h2 { font-size: 100%; padding: 0px; margin: 2px; position: relative;}
#listCategory.contBl #kategorie td h2 a { display: block; text-decoration: none; background: #ddd;}
#kategorie td h2 a span { display: block; position: static; width: auto; height: auto;}
#listCategory.contBl #kategorie td h2 a .cBlCont { display: block; height: 40px; padding: 0 20px 0 5px;}
#listCategory.contBl #kategorie td h2 a .cBlCont img { float: left; margin: 0 5px 0 0;}
#kategorie td h2 a .top span { height: 6px; line-height: 6px; font-size: 6px;}
#kategorie td h2 a .bott span { height: 6px; line-height: 6px; font-size: 6px;}
#kategorie td ul.submenu { background: #efefef; /*border: solid 1px #000; border-bottom: none;*/ position: absolute; z-index: auto; bottom: 45px; left: 0px; padding:10px 10px 10px 20px; width: 158px; visibility: hidden;}
#kategorie.strom td ul.submenu {  position: static; visibility: visible;}
#listCategory.contBl #kategorie td ul.submenu a { background: none; padding: 0px;}

/************************************
             ZPRAVY
************************************/
.postForm {margin: 10px 0px;}
.post {margin-bottom:10px;}
.postHeader {padding: 4px;}
.postHeader span.postFrom {font-weight:bold; float:left;}
.postHeader span.postDate {float:right;}
.postText {padding: 4px;}