/*------------------------------MAIN-------------------------- */
#ContainerC {
    width: 960px;
    margin-left:auto; 
    margin-right:auto; 
    text-align: left;
    position: relative;
}

#Container{
    margin:0;
    text-align: left;
}

#contentC.HP {
    float:left;
    width:940px;
    overflow: hidden;
}

#contentC{
    float:left;
    width: 696px;
    overflow: hidden;
    padding-left:20px;
}
#contentC.HP #content {border:none;}
#content{padding: 0px 0px 0px 0px;border-top:2px solid #FF6000;}

#content .anot{padding:7px}
#content .anot img{float:left;padding-right: 0.5em;}
#content h3 a {background:transparent;color:#5d5d5d;}
#content .text{padding:1em 0px;}
#content .date{padding:7px 7px 7px 0;}

#content .photogaleryFoto{
	float:left;
	width: 20%;
	margin-bottom: 1em;
	text-align: center;
}
#content .photogaleryFoto img, #content #AddPcitures  img{border: 3px solid #FFF;margin-top: 0.2em;}

#content .menuText{padding: 1em;}
#content .leftimg {margin-right: 1em;}
#content .rightimg {margin-left: 1em;}

#content #pageName {background:#727272;padding:10px 15px;margin:1px 0 10px 0;width:666px;}
#content h1{
    background:#727272;
    border-left:3px solid #FF6000;
    color:#e3e3e3;
    font-size:20px;
    font-weight:normal;
    line-height:normal;
    margin:0;
    padding:0 0 0 10px;
    text-align:left;
}

.clanek {border-bottom:1px solid #ff6100;}
.clanek p.celyText {text-align:right;}
.clanek .datum {display:none;}
.clanek h3 {background-color:#d2d2d2;border-left:5px solid #ff6100;font-size:1.4em;font-weight:normal;padding:8px 0 8px 10px;}
.clanek h3 a {text-decoration:none;color:#727272 !important;}
/* ----------------------------- zalozky --------------------------------------------*/
#plocha {
    padding:5px 20px;
    margin: 2px 0 0 0;
    background-color:#fff;
    border-bottom:2px solid #727272;
}

#plocha table {width:100%;background-color:#eaeaea;border-collapse:collapse;margin-bottom:25px;}
#plocha table th {color:#fff;background-color:#727272;text-align:center;font-weight:normal;height:22px;border-top:1px solid #f2f2f2;}
#plocha table th.first {text-align:left;padding-left:5px;}
#plocha table td {font-weight:bold;text-align:center;height:22px;border-top:1px solid #f2f2f2;}
#plocha table td.first {width:450px;padding-left:5px;text-align:left;}

#plmenu {display: block; position: relative; height: 35px; margin:15px 0 0 0; padding:0 0 0 0px; background-color:#cccccc; list-style: none; overflow: hidden;clear:both;border-bottom:2px solid #727272;}
#plmenu li a {display: block; float: left; width:130px; height: 35px;line-height: 35px; text-decoration: none; color: #727272;text-align:center;border-right:1px solid #fff;font-weight: bold;}
#plmenu li a:hover {color:#fff;background-color:#727272;}
#plmenu li.aktualni a {color:#fff;background-color:#727272;}

/* ----------------------------- produkty rozcestnik --------------------------------*/
#produkty {float:left;z-index:-1;}
.produkt {width:225px;float:left;margin-right:9px;margin-bottom:9px;position:relative;}
.produkt.posledni {margin:0;}
.produkt h3 {position:absolute;
    left:52px;top:17px;
    padding:6px 8px 6px 5px;
    margin:0;
    background-color:#fff;
}

/*----------------------------- prodejci --------------------------------*/
table.prodejci {width:100%;}
table.prodejci th {background:#727272;width:300px;color:#e3e3e3;padding:5px;}
table.prodejci td {padding:5px;}
table.prodejci td.top {background:#727272;color:#e3e3e3;text-align:right;}
/*----------------------------------------------------------------------------------------*/

#actPathX {float:left;width:960px;margin-bottom:10px;}
#actPathC{float:left;}
#actPath {padding:7px 5px;background:url(../images/actPathBg.gif) no-repeat 0 0;}
#actualPathInner {
    margin:0; 
    padding: 0px 0 0 0; 
    color: #727272; 
    font-size: 0.9em;
    overflow:hidden;
    width:390px;
}

#pathSlogan {font-size:1.3em;font-weight:bold;}

#searchBlockC {
    width: 250px;
    float:left;
}

#searchBlockC #searchText {
    width: 177px;
    margin-bottom: 2px;
    font-size:1em;
    background:url(../images/poleHledej.gif) no-repeat 0 0;
    border:0;
    padding:6px 2px 6px 20px;
    color:#727272;
}

#searchButton {vertical-align:top;margin-left:5px;}
#doSearch{
    margin-left:5px;
    margin-top:1px;
    padding:2px 4px;
    font-size:0.8em !important;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    border:none;
    background:#fe7d2f;cursor:pointer;
    vertical-align:top;
}

/* --------------------------- adresar ----------------------- */
table#prodDetail {width:100%;border-collapse:collapse;}
table#prodDetail th,table#prodDetail td {padding:5px 0;}
table#prodDetail th {background-color:#727272;
    color:#fff;
    text-align:right;
    font-weight:normal;
    padding-right:5px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}

table#prodDetail td {padding-left:10px;
    font-weight:bold;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
table#prodDetail td.oddelovac {height:10px;border-bottom:1px solid #FE6D15;}
table#prodDetail td.oddelovac2 {height:10px;border:0;}

/* ------------------ tabulka ceniky -------------------------- */
table.ceniky {width:300px;}
table.ceniky tr.top th {background-color:#FF6000;color:#fff;padding:5px;}
table.ceniky th {background-color:#727272;color:#fff;}
/* ---------------------------formulare----------------------- */ 
.inputTextSmall {
	width: 70px;
}

.inputText {
	width: 200px;
}

.inputSelect {
	width: 200px;
}

.inputTextarea {
	width: 250px;
	height: 150px;
}
.inputSubmit{color:#fff ;background:#fe6d15; border: 1px solid #fe6d15;margin-left: 5px;cursor:pointer;}

/* --------------------------- horni blok -------------------------- */
#topBanner{
    width: 960px; height: 109px;	
    position: relative;
    background:url(../images/topBg.jpg) no-repeat 0 0;
}


#topBanner.paddingbottom {padding-bottom:10px;}



/* ------------------------------------------------- */
#logoC{margin-top:3px;
	background: url(/images/logo.gif) no-repeat;
    width: 110px; height: 64px;
}
#logoC a{
	display: block;
    width: 110px; height: 64px;
}

#logoC span{
	position: absolute; 
	left: -10000px; 
	border: 0px;
}
/* -------------------------------------------------- */

#flashHp {width:958px;height:284px;background:url(../images/flashBg.jpg) no-repeat 0 0;}
#flashHpInner .imgHpLeft {float:left;width:260px;}
#flashHpInner .anotHpC {padding:110px 0 0 30px;width:500px;float:left;}
#flashHpInner .anotHpC h2 {font-size:1.4em;} 
#flashHpInner .anotHp {color:#fff;padding:5px;} 
.anotHp a {color:#fff;float:right;}

#hp_produkty {display:block;position:absolute;right:0;top:0;width:159px;height:130px;}
#hp_produkty span {display:none;}
#hp_prodejci {display:block;position:absolute;right:0;top:134px;width:159px;height:130px;}
#hp_prodejci span {display:none;}

#overTopNavig {float:right;width:150px;padding:30px 25px 0 0;}
#overTopNavig span {display:none;}
#overTopNavig a {text-decoration:none;width:14px;display:block;height:14px;}
#overTopNavig ul {list-style:none;padding:0;margin:0;float:right;}
#overTopNavig li {display:block;width:20px;height:20px;float:left;margin-left:18px;}
#overTopNavig li.polozka_1 {background:url(../images/overTopHomeImg.gif) no-repeat 0 0;}
#overTopNavig li.polozka_2 {background:url(../images/overTopMapaImg.gif) no-repeat 0 0;}
#overTopNavig li.polozka_3 {background:url(../images/overTopKontaktImg.gif) no-repeat 0 0;}

/* ------------------------ top navig --------------------------------------*/
#topNavigC {clear:both;
    float:left;
    height:43px;
    background:url(../images/topNavikBg.gif) repeat-x left bottom;
   /* position:relative;
    z-index:200;  */  
}
#topNavigC ul {margin:0px; padding:0px;list-style:none;}

#topNavig li {
    float:left;
    margin:0px;
    position:relative; 
    _behavior: url(../css/hover.htc); 
    display: list-item;
    z-index:20;
}


#topNavigC li a {
    float: left; 
    width:155px;
    display: block; 
    font-weight:bold; 
    text-align:center; 
    text-decoration:none;
    background:url(../images/topNavigLiBg.gif) repeat-x left bottom;
    padding:18px 0 10px 0;
    margin-right:1px;
}
#topNavigC li a span{display:block;background:url(../images/arrowsOrange.png) no-repeat 130px 5px;}
#topNavig a:hover span,#topNavig li.actual a span {display:block;background:url(../images/arrowsGray.png) no-repeat 130px 5px;}

#topNavig a:hover, #topNavig a:active, #topNavig a:focus {
    text-decoration: none;
    background:url(../images/topNavigLiHoverBg.gif) repeat-x left bottom;
    color:#fff;
}
#topNavig li.actual {background:url(../images/topNavigActual.gif) repeat-x left bottom;}
#topNavig li.actual a {color:#fff;background:none;}

/* --------  topNavig new ----------------*/
#topNavig ul li ul {
    position: absolute;
    top: 45px;
    left: -3px;
    visibility:hidden;
    background: #727272;
    margin: 0;
    width:156px;
    border-top:0;
    margin-left:3px;
    padding: 10px 0px 10px 0px;
    text-align: left;
    z-index:200;
}

#topNavig ul li ul li {height:22px;display:block;}

#topNavig ul li ul li a,
#topNavig ul li ul li.actual a,
#topNavig ul li.actual ul li a{
    background:none !important;
    border:none;
    color:#fff !important;
    width:144px;
}
#topNavig ul li ul li a span,
#topNavig ul li ul li a:hover span,
#topNavig ul li.actual ul li a span {background:none;}

#topNavig ul li ul li, 
#topNavig ul li ul li:hover, 
#topNavig ul li ul li.hover, 
#topNavig ul li ul li.first, 
#topNavig ul li ul li.first.hover, 
#topNavig ul li ul li.first:hover{
    float: none;
    margin: 0;
    padding:8px 0 0 8px;
    text-align: left;
    background:none;
}

#topNavig ul li ul li:hover, 
#topNavig ul li ul li.hover, 
#topNavig ul li ul li.first, 
#topNavig ul li ul li.first.hover, 
#topNavig ul li ul li.first:hover {background:#ff6100;}

#topNavig ul li:hover ul, #topNavig ul li.hover ul
{
	visibility:visible;
}


#topNavig ul li ul li a{
     padding:0;
     font-size:0.8em;
     color: #fff;
     display: block;
     text-decoration: none;
     text-align: left;
}

#topNavig ul li ul li a:hover, #topNavig ul li ul li.actual a{
  color:#fff!important;
  background:#ff6100;
  text-decoration:none !important;
}

#topNavig ul li ul li ul {position:absolute;left:150px;top:0;background: #727272;visibility:hidden;}
#topNavig ul li:hover ul ul, #topNavig ul li.hover ul ul
{
	visibility:hidden;
}

#topNavig ul li:hover ul li:hover ul, #topNavig ul li.hover ul li.hover ul
{
	visibility:visible;
}

/* --------------------------- leva navigace -------------------------- */
#leftC{	
    float:left;
    width: 230px;
    overflow: hidden;	  
    z-index: 1;
    padding-bottom:220px
}

#left {padding: 0 0 0 0px;}

#leftNavigC{background-color:#a9a9a9;padding:2px 0;}
#leftNavig ul{padding: 0 0px 0 0; margin: 0px;list-style:none;background-color:#727272}
#leftNavig li.first {display:none;}
#leftNavig li {}
#leftNavig h2 span {display: none;}
#leftNavigC a, #leftNavigC a:link{
  display:block;
  padding: 10px 0 7px 7px;         
  text-decoration: none;  
  font-weight: bold; 
  color: #fff;
  border-top:1px solid #fff;

}
#leftNavig a:hover, #leftNavig a:active, #leftNavig a:focus {color: #fff;background-color:#fe6d15;}
#leftNavig li.posledni{}
#leftNavig li.actual li a {background:none;}
#leftNavig li.actual a {color: #fff;background-color:#fe6d15;}

#leftNavig li ul {margin-left:0px;background-color:#9c9c9c;list-style-type:circle !important;}
#leftNavig li ul li {padding: 0px 0 0 0px; margin: 0px;display:list-item;list-style-type:circle !important;}
#leftNavig li li a,#leftNavig li li a:link,#leftNavig li li a:visited {padding-left:20px;background:url(../images/leftCircle.gif) no-repeat 6px 12px;}
#leftNavig li li a:hover, #leftNavig li li a:active, #leftNavig li li a:focus {color: #fff;background-color:#fe6d15;}
#leftNavig li li.actual a {background-color:#fe6d15;}

/* --------- obr pod navig ------------------------- */
#leftC.menu_879,#leftC.menu_880 {background:url(../images/box_produkty.gif) no-repeat left bottom;}
#leftC.menu_885 {background:url(../images/box_aktuality.gif) no-repeat left bottom;}
#leftC.menu_886 {background:url(../images/box_kontakt.gif) no-repeat left bottom;}
#leftC.menu_887 {background:url(../images/box_dodavatele.gif) no-repeat left bottom;}
#leftC.menu_888 {background:url(../images/box_partneri.gif) no-repeat left bottom;}
#leftC.menu_967 {background:url(../images/box_ceniky.gif) no-repeat left bottom;}
/* --------------------------- paticka -------------------------- */
#bottomC{	
	clear:both;
	width: 960px;
color:#9c9c9c;
}

#bottom {padding: 12px 0px 10px 0px;}
#bottomC a {color:#9c9c9c;text-transform:lowercase;}
#bottomC a:hover, #bottomC a:active, #bottomC a:focus  {text-decoration: none;color:#000;}
#bottomC ul{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#bottomNavig li{
	padding: 0em 0.5em 0em 0.5em;
	border-right: 1px solid #9c9c9c;
	display: inline;
}

#bottomC li{}
#bottomC li.posledni{
	border-right: none;
}

#copyright{
	width: 170px;
	float:left;
	padding: 1em;
}

#bottomTop {border:1px solid #747474;border-left:0;border-right:0;float:left;width:946px;padding:0px 0 5px 0;}
#bottomTop h3 {margin:0;padding:4px 0 6px 25px;font-size:1em;}
#bottomTop h2 a {color:#727272;}
#bottomTop ul {margin-left:22px;list-style-type:circle;margin-top:5px;}
#bottomTop a {color:#ff5b00;text-decoration:none;font-weight:bold;display:block;padding-left:0px;}
#bottomTop li {padding:3px 0px;}
#bottomTop li a {color:#747474;padding-left:0;}
#bottomTop li a:hover {color:#000;padding-left:0;}
#bottomTop .odkazBlock {
  width:163px;
  float:left;
  text-transform:lowercase;
  padding:0 6px;
  background:url(../images/bottomTop_separator.gif) no-repeat right top;
  padding-top:15px;
  height:150px;
}
#bottomTop #noAktualita {background:url(../images/bottomTopBg.gif) repeat-x 0 0;float:left;}
#bottomTop #actuality {width:236px;float:left;padding-right:10px;line-height:15px;padding-top:15px;background:url(../images/bottomTop_separator.gif) no-repeat right top;}
#bottomTop #actuality h3 {background:url(../images/ico_aktuality.gif) no-repeat 0 0;}
#bottomTop #aktualitaBottom {background-color:#fff;padding:5px;color:#727272;margin-top:10px;height:100px;overflow:auto;}
#bottomTop #produkty h3 {background:url(../images/ico_produkty.gif) no-repeat 0 0;}
#bottomTop #soubory h3 {background:url(../images/ico_stazeni.gif) no-repeat 0 0;}
#bottomTop #prodejci h3 {background:url(../images/ico_dodavatele.gif) no-repeat 0 0;}
#bottomTop #napoveda h3 {background:url(../images/ico_poradna.gif) no-repeat 0 0;padding-left:28px;}

#bottomNavig {
	padding: 1em;
	width: 550px;
	float:right;
}

#copyright {display:block; width: 100px; float:left;}
#bottomNavig {text-align: right;}

/* --------------------------- produkty -------------------------- */
.ProductItem {width:228px;float:left;padding:0 0px;background-color:#fff;margin-right:5px;}
.noMargin {margin:0;}
.productItemPicture {text-align:center;}
.ProductItem h3 {
  border-left:7px solid #ff6100;
  background-color:#9c9c9c;
  font-size:1.3em;
  padding:1px 0 0px 1px;
  margin-top:0;
}

.ProductItem h3 a {
  text-decoration:none;
  font-weight:normal;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  display:block;padding:6px 0 6px 8px;
}
.ProductItem h3 a:hover {color:#000 !important;}
.ProductItem .anot {
  border-left:7px solid #9c9c9c;
  color:#9c9c9c;
  font-size:0.9em;
  font-weight:bold;
  padding-bottom:3px;
}

.topDetail {background-color:#fff;padding:15px;}
.topDetail img {float:left;padding-right:20px;}

#productDetail {margin-top:-10px;}
#productDetailFirst p {padding:0 5px 5px 5px;margin-top:0;}
#productDetailFirst {background-color:#fff;}

#charakter {padding:15px 0;
  margin:15px 0;
  border-top:1px solid #ff6100;
  border-bottom:1px solid #ff6100;
  background-color:#eaeaea;
}

#charakterinner {background:url(../images/detailTableBg.gif) no-repeat 0px 0;padding-left:35px;}
#charakter table {border-collapse:collapse;}
#charakter table th {
  background-color:#727272;
  color:#c4c5c3;
  text-align:right;
  width:113px;
  height:40px;
  font-weight:normal;
  padding:5px;
  vertical-align:top;
  border-top:1px solid #eaeaea;
}
#charakter table th.dark {background-color:#46454a;color:#fff;height:25px;vertical-align:middle;}
#charakter table td {width:218px;font-weight:bold;border-top:1px solid #eaeaea;padding:5px; vertical-align:top;color:#314163;}
#charakter table tr.bg td {background-color:#d8d8d8;}
#charakter table tr.empty td,#charakter table tr.empty th {height:3px !important;padding:0;}

/* --------------------------- shop -------------------------- */
.basketStep{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px dotted #EFA038;
}

.basketStepActive{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px solid #EFA038;
	background-color: #F7F8FE;
}

