body  {font: 11px Arial, Helvetica, sans-serif;}

/******************************************
*                 NADPISY                 *
******************************************/	
h1,h2,h3,h4,h5 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 5px 0px; margin: 0px;}
h1,h2 { padding: 5px 10px;}
h1 {font-size: 140%;}
h2 {font-size: 150%; letter-spacing: -1px; position: relative; padding-bottom: 10px; }
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; z-index: auto; text-decoration:none; top:6px; right:6px; width:11px;}


ul { padding: 0 0 0 18px;}
li {list-style: disc;}
.wswg li { margin-bottom: 10px;}
img {border: none;}
fieldset { padding: 10px;}
legend { font-weight: bold; padding: 5px; margin-bottom: 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;}


/******************************************
*                FORM PRVKY               *
******************************************/
input,select,textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif;  padding: 1px;}
.formButt { font-weight: bold; height: 20px; line-height: 18px; margin: 0px; padding: 0 5px; cursor: pointer;}
.formButt2 { font-weight: bold; height: 20px; line-height: 18px; margin: 0px; padding: 0 5px; 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;}



/******************************************
*          NEPODRIZENE OBSAHY             *
******************************************/
.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: 130%; letter-spacing: -1px;}

.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: 10px 10px 0 10px;}
.cBlCont p { position: relative; text-align: left; }
.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;}


/***** JAVA MENU *******************************************/
.menuBl { }
.menuBl .topM { display: none;}
.menuBl .bottM { display: none;}
.menuBl.headMenu { height: 33px; padding: 12px 10px 0 10px;}
.menuBl.headMenu .top {display: none; }
.menuBl.headMenu .bott {display: none; }
.jMenu {position: relative; padding: 0px; z-index: 1;}
.jMenu li {float: left; list-style: none; position: relative; margin: 0 20px 0 0; padding: 0px;}
.jMenu li a { text-transform: capitalize; float: left; font-size: 130%; font-weight: bold; letter-spacing: -1px; text-decoration: none; display: block; padding: 5px 10px 5px 17px;}
.jMenu li span { display: block; height: auto; }
.jMenu li span.odtrh { width: 1px; margin: 5px 5px 0 5px;}
.jMenu li span.leftBl { display: none; left: 0px; position: absolute;}
.jMenu li span.rightBl { display: none; right: 0px; position: absolute;}
.jMenu.vertical li { float: none; margin: 0 0 1px 0;}
.jMenu.vertical li.nadp { padding: 5px 0px; margin: 0 10px;}
.jMenu.vertical li a { float: none; padding: 5px 10px 5px 10px}
.jMenu.vertical li a:hover { }
.jMenu ul { position: absolute; display: none;	margin: 0px; padding: 0px;	z-index: 10;}
/** html .jMenu ul {width: 1%;}*/
.jMenu.vertical ul { position: absolute; display: none;	margin: 0px; padding: 0px;	z-index: 10;}
.jMenu ul li { list-style: none; float: none; margin: 0px; padding: 0px;}
.jdMenu.vertical ul li { list-style: none; float: none; margin: 0px; padding: 0px;}

#navig { padding: 5px; background: #e5e5e5; }

/***** ANKETA *******************************************/
#survey { }
#content #survey p { margin: 5px 0;}
#survey .ankLine { font-size: 5px; height: 5px; line-height: 5px;}

/***** 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;}

/***** NOVINKY S OBRAZKY *******************************************/
#newsImg {}
#newsImg p { padding-right: 70px;}
#newsImg p.textBl { }
#newsImg p .imgBl { z-index: auto; position: absolute; right: 0px; top: 13px; width: 60px; height: 70px;}
#newsImg p.detail { padding-left: 0px;}

/***** PRODUKTY S OBRAZKY *******************************************/
.produktImg {}
.produktImg h3 {}
.produktImg h3 span { display: block;}
.produktImg p { padding-right: 110px;}
.produktImg .textBl { margin-bottom: 5px; height: 70px; overflow: hidden;}
.produktImg .imgBl { z-index: auto; position: absolute; right: 0px; top: 0px; width: 102px; height: 77px;}
.produktImg p.price { padding-right: 0px;}
.produktImg p.price span { display: block; position: absolute; top: 0px; right: 0px }
.produktImg p.price span a.butt { display: block;  background: red; width: 40px; }
.produktImg p.detail { padding-left: 0px;}

/***** TABULKA PRODUKTY S OBRAZKY *******************************************/
.produktCest {}
.produktCest h3 { padding-right: 50px;}
.produktCest h3 span { display: block;}
.produktCest p { padding-right: 110px;}
.produktCest .textBl { margin-bottom: 5px; height: 70px; overflow: hidden;}
.produktCest .imgBl { z-index: auto; position: absolute; right: 0px; top: 0px; width: 102px; height: 77px;}
.produktCest p.price { padding-right: 0px; position: relative;}
.produktCest p.price span { display: block; position: absolute; top: 0px; right: 0px }
.produktCest p.price span a.butt { display: block;  background: red; width: 40px; }
.produktCest p.detail { padding-left: 0px;}



/******************************************
*           PODRIZENE OBSAHY              *
******************************************/

/***** SKELET *******************************************/
#main { } 
#container { text-align: left;} 

/***** HLAVICKA *******************************************/
#topH1 { height: 81px; padding: 0 600px 0 0; position: relative;}
#topH1 #phone { display: block; position: absolute; right: 15px; top: 15px; z-index: auto; text-align: right; font-size: 80%; letter-spacing: 0px; font-weight: normal; width: 160px;}
#topH1 #phone strong { display: block; font-size: 300%; letter-spacing: -3px; padding-left: 25px;}
#topH1 #phone strong span { font-size: 50%; letter-spacing: -1px;}
#topH1 #langMenu { display: block; position: absolute; right: -35px; top: 15px; z-index: auto;}
#topH1 #langMenu a { text-decoration: none; display: block; width: 21px; height: 13px; margin-bottom: 3px;}
#header { position: relative;}
#header #logo { z-index: auto; position: absolute;	left: 0px;	top: -81px;	display: block; width: 190px;	height: 81px;	text-decoration: none;}
#header #textBlock { z-index: auto; position: absolute; left: 10px; top: 0px; width: 320px; height: 50px; padding: 10px; overflow: hidden;}
#header #textBlock h2 {padding: 0px;}
#header #topMenu { display: none; z-index: auto; position: absolute; right: 10px; top: 10px;}
#header #headImg { position: absolute; left: 0px; top: 195px; z-index: auto; width: 235px; height: 12px;}

/***** HLAVNI OBSAH *******************************************/
#content { }
#content p { margin: 0 0 10px 0;}

#leftCont { }
.onlineRez a{ display: block; font-size: 160%; font-weight: bold;font-style: italic; letter-spacing: -1px; line-height: 100%; text-decoration: none; width: 126px; height: 46px; padding: 3px 0 0 50px; }
.onlineRez a:hover { height: 43px; padding: 6px 0 0 50px; }
.onlineRez .cBlCont { padding: 0px;}
.onlineRez .top { display: none;}
.onlineRez .bott { display: none;}
#leftCont .menuBl h2 { display: none; /*padding: 0px;*/ }
#leftCont #news .top { display: none;}
#leftCont #news .bott { display: none;}
#leftCont .cBlCont { /*padding: 0px;*/}
#leftCont h2 { padding-right: 20px; }

#rightCont { }
#rightCont h2 { padding-right: 20px; }

#centerCont { }
#centerCont ul { margin-bottom: 10px;}
#centerCont .cBlCont { padding-top: 0px;}
#centerCont .top {height: 9px; line-height: 9px; font-size: 9px;}
#centerCont .top div {height: 9px; line-height: 9px; font-size: 9px;}
#centerCont .bott {height: 9px; line-height: 9px; font-size: 9px;}
#centerCont .bott div {height: 9px; line-height: 9px; font-size: 9px;}
#centerCont .cBlCont .top {height: 6px; line-height: 6px; font-size: 6px;}
#centerCont .cBlCont .top div {height: 6px; line-height: 6px; font-size: 6px;}
#centerCont .cBlCont .bott {height: 6px; line-height: 6px; font-size: 6px;}
#centerCont .cBlCont .bott div {height: 6px; line-height: 6px; font-size: 6px;}
/*#centerCont .top, #centerCont .bott { display: none; }*/

/***** PATICKA *******************************************/
#footer { }
#footer p { }
#footer .flLeft { width: 70px;}
#footer .flLeft a#logoFoot { text-decoration: none; display: block; width: 70px; height: 40px;}
#footer .flRight { width: 550px;}
#footer .flRight #menuFoot a { margin-right: 10px; text-decoration: none;}
#footer .flRight #copyr { margin-right: 10px; text-decoration: none;}


/*.wswg img { border: solid 1px #fff; margin: 5px 20px 10px 0;}*/
img .flLeft { border: solid 1px #fff; margin: 5px 20px 10px 0;}
img .flRight { border: solid 1px #fff; margin: 5px 0 10px 20px;}