/* CSS Document */
* {margin:0;padding:0;color:black;}
p {margin-bottom:1em}
ul{margin-left:10px;margin-bottom:1em}
a:link, a:visited {color:#0051D9;}

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

/** Layout*/
body {
	/*background:#F0F0F0 ;*/
	/*background-color: #0051D9;*/
	color: #FFF;
	
}
#outer{
	margin-left:160px; /*130*/
	margin-right:160px; /*130*/
	background: #FFF;
	/*border-left:1px dashed gray;
	border-right:1px dashed gray;*/
	margin-bottom:-52px;
	min-height:100%
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:130px;
	background:#99CCFF;
	/*background:  url("graphics/bl_white.jpg") top left no-repeat ;*/
	background:  url("graphics/background.jpg") top left  ;
	/*background:#0051D9 url("graphics/bg-introb.jpg") top right no-repeat ;*/
	/* background:#99CCFF url("graphics/head_pict0.jpg") top left no-repeat ;*/
	/*background: #F4F4F4 url("graphics/bl_logo4.gif") 1% 50% no-repeat ;*/
	/*border-bottom:3px solid #0051D9;*/
	overflow:hidden;
	color:#0051D9;
}

.logoLeft{
  position:absolute;
  top:-3;
	left:-5;
	!top:0;
	!left:0;

}
.logoRight{
  position:absolute;
  top:-3;
  !top:0;
	right:0;
}


#left {
	position:relative;/*ie needs this to show float */
	width:160px; /*130*/
	float:left;
	margin-left:-159px;/*must be 1px less than width otherwise won't push footer down */ /*-129*/
	z-index:40;
	left:-1px;
}
#left p, 
#right p {padding:3px}
#right {
	position:relative;/*ie needs this to show float */
	width:160px; /*130*/
	float:right;
	margin-right:-159px;/*must be 1px less than width otherwise won't push footer down */ /*-129*/
	left:3px;
	color: #000;
}
#footer {
	width:100%;
	clear:both;
	height:50px;
	border-top:1px solid #24618E;
	/*background-color: #0396FE;*/
	background:  url("graphics/foot_back.gif") top left  ;
	/*background:  url("graphics/backfoot.gif") top left  ;*/
	text-align:center;
	position:relative;
}
#clearheader{height:132px;}/*needed to make room for header*/
#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
#centrecontent {
	width:99%;
	float:left;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
	color: #000;
}

html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

/**/
#wrapper {
	/*margin-right: 138px;
	padding-top: 5px; */
  
  }


#wrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.leftw {
	float: left;
	margin-left: 6px;
	width: 45%;
	padding: 5px 5px 5px 0;
 }



.rightw {
	float: right;
	margin-right: 6px;
	width: 45%;
	padding: 5px 5px 5px 0;
	 }



.clear {
	clear: both;
	margin: 0;
	padding: 0; }
	
.content{
 margin:10px;
 margin-top:25px;
}



/* Styl */
h1 {font-size:25px;
    margin:5px;}
h2 {font-size:20px;
     padding-left:10px;
     padding-top:10px;}
h3 {font-size:18px;
    margin-left:10px;
    color:gray;}     


* {font-family:verdana,helvetica,tahoma;
  }
td,th,p,div,span,input,textarea{ font-size:11px;}

.contacts {font-size:11px;}

.slogan {font-size:25px;
          font-weight: bolder;
          color:#0051D9; }

table, p {margin:10px} 

/* Tabulky*/
table{ border-collapse:collapse;} 
table,td{border: 1px dotted #0396FE;}
th {height:1px;
    background:url("graphics/table_th.gif") ;
    color:black;}
td {color:black;}    
td,th {padding:2px;} 
.nowrap{white-space:nowrap;}
.col {background-color:#F0F0F0;}

.popis {padding:5px;}

.galerie{border:0px;}


.i{
  font-style: italic;
}

/* Li Ąta*/
.lista {
        background:#F0F0F0;
        border-bottom:solid black 1px;
        position:relative;
        z-index:100;
        }

.kosik{
       position:absolute;
       top:0px;
       right:3px;
       z-index:50;
       }

.kosik table{
   border:0px;
}
.kosik td{
   border:0px;
}

hr { height:1px;
     color:#0051D9;
     background-color:#0051D9;
     border-width: 0px;
     margin:2px 10px 2px 10px;
}

.filtr {border: 1px solid gray;
          padding:10px;
          background-color:#F0F0F0;
          
}


/**/

a img {border-width: 0px;}



.blur{
	background-color: silver; /*shadow color*/
	color: inherit;
	margin:10px;	
}



.shadow
{
	position: relative;
	bottom: 3px;
	right: 3px;
	background-color: silver; /*shadow color*/
	color: inherit;
}




/*Strom*/
.tree{ 	  	
  	border:1px solid gray;
  	background-color:#F0F0F0;
  	padding-bottom:5px;
    
}

.head{
  background:  url("graphics/foot_back.gif");
  color:white;
  height:20px;
  padding: 3px;
  font-weight: bolder;
}

.rectangle{
  border:1px solid gray; 
  background-color:#F8F8F8;
}


.rectangleImg{
  border:1px solid gray;
  background-color:#F8F8F8;
}

.rectangleBonus{
  border:1px dotted #66CCFF;
  /*background-color:#F8F8F8;*/
  padding:10px;
  padding-right:0px;
  margin:10px;
  margin-right:0px;
  
}
.pad2{
  padding-left:4px;
  margin:0;
}

.headAdmin{
  background:url("graphics/bg_admin.gif") repeat-x;
  color:white;
  height:20px;
  padding: 3px;
  font-weight: bolder;
}

.rectangleAdmin{
  border:1px solid red;
  background-color:#F8F8F8;
}

.rectangleAdmin li {
  margin:10px;
  list-style: square;
  color:red; 
}

.headPicture{
  background:url("graphics/table_th.gif") repeat-x;
  /*color:#0051D9;*/
  color:#302226;
  height:40px;
  padding: 3px;
  font-weight: bolder;
  !width:160px;
  text-align:center;
}

.plus{
  padding: 0px;
  padding-bottom:10px;
  font-weight: bolder;
  width:160px;
  text-align:center;
  font-size:28px;
  color:gray;
}

.rectanglePicture{
  position:relative;
  border:1px solid #0396FE;
  width:160px;
  height:210px;
  margin-bottom:10px;
}
.footPicture{
 background:#F0F0F0;
 position:absolute;
  bottom:0px;
  left:0px; 
  width:154px;
  !width:160px;
  padding:3px;
}

.footPicture ul{
    list-style:none;
     padding:0px;
     margin:0px;
}
.footPicture li{
  text-align:center;
}  

.rectanglePicure2{
  border:1px dotted #66CCFF;
  margin:10px;
  width:300px;
  
}

.rectanglePicure3{
  border:1px dotted #66CCFF;
  margin:10px;
  width:120px;
  
}

table.tablePicture, table.tablePicture td {border:0px;}

.rectangle ul{
              list-style:none;
              }
.rectangle li{
              padding:5px 2px 5px 2px;         
              }              
              
.rectangle span{
  /*background: URL('graphics/arrowmenu.gif') 0% 50% no-repeat;
  padding-left:20px;*/
  

}


.tree ul{
  padding:0px;
  margin:0px 5px 0px 5px;
  }
.tree li{
  padding:10px 0px 0px 5px;
  white-space:nowrap;
  list-style: none;
}
.tree a {
  text-decoration:none;
  
}
.sep {
  border-bottom:1px solid gray;
  width:100%;
}

.tree a:hover {
	color: gray;
	border-bottom: 1px solid;
}


.aktualNode{
  font-weight:bold;
}

.parentNode{
  background: URL('graphics/arrowmenu.gif') 0% 50% no-repeat;
  padding-right:15px;
  text-decoration:none;
  
}

.newsNode {
  background: URL('graphics/lightbulb_on.gif') 0% 50% no-repeat;
  padding:1px;
  padding-right:15px;
  
}




/** navigace*/
.navigation li {
  padding:0px;
  margin:0px;
  display: inline; 
  list-style: none;
  white-space:nowrap;
  background: URL('graphics/arrow.gif') 0% 50% no-repeat;
  padding-left: 10px;
	overflow: hidden;	
}

.navigation li.root {
  background: none;
}




.formular300 input,textarea {
  width:300px;
  display:block;
  background:#F0F0F0 ;
  border-style:groove;
}


.formular_os input,textarea, select {
  width:300px;
  display:block;
  background:#F0F0F0 ;
  margin:10px;
  border-style:groove;
}

.formular_os textarea
{
 width:90%;
}

.textpole
{
height:300px;
}

.insert {
 width:300px;
 display:block;
}

legend{
  font-weight: bolder;
  margin-bottom:10px;
}

fieldset{
  padding:10px 10px 10px 20px;
}

.nodec{
  list-style:none;
}


.catalogPrice{
	text-decoration: line-through;
	display:block;
}
.catalogPriceNoWrap{
	text-decoration: line-through;
	padding-right:5px;
	padding-left:2px;
}
.catalogPricePadd{
	padding-left:5px;
}

.shopPrice{
	color:red;
}

.bold {
  font-weight: bolder;
}
.red {
 color:#A00000 ;
}
.redBold {
 color:#A00000 ;
 font-weight: bolder;
 font-size:15px;
 
}
.price{
  text-align:right;
  white-space:nowrap;
}



table.news{
border: 0px;
}


table.news td{
border: 0px;
}

table.news .date{
  font-weight: italic;
  display:block;
  color:gray;
}



table.news .title{
  font-weight: bolder;
  display:block;
  color:#0051D9;
}
   
.butt, .buttBack,.buttHledani,.buttSpec{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:black;
/*font-weight:bold;*/
padding: 1px 2px;
background:url(graphics/table_th.gif) repeat-x left top;
width: 200px;
/*margin-left:10px;*/
}


.buttBack{
  width: 100px;
}

.buttHledani{
  width: 25px;
  margin-left:0px;
}

.buttSpec{
  width:120px; 
  margin-bottom:5px;
}
.w30{
 width: 20px; 
}

.w200{
 width: 150px; 
}

.center {
  position:relative;
  !left:30px;  
}


.menu{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
}

.PagerClass {
   margin:5px;
   margin-right:30px;
   text-align:right;
}


.PagerClass a{
  width:20px;
  padding:1px;
  padding-left:4px;
  padding-right:4px;
  !padding-left:1px;
  !padding-right:1px;
  white-space:nowrap;
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#0051D9;
  background:url(graphics/table_th.gif) repeat-x left top;
  text-align:center;
  text-decoration:none;
}
 

 
.hledani{ 
  margin-left:8px;
}


/**statick ©*/
.leftw ul{
  padding:5px 10px 5px 10px;
}

.leftw li{
  padding:5px;
}

.static ul{
  padding:5px 10px 5px 10px;
}

.static li{
  padding:5px;
  line-height: 20px;
}
.static p{
line-height: 20px;
}


table.onas, table.onas td {border:0px;}
table.onas td {padding:10px;}
td.sl1 {width:100px}


/*- Menu Tabs J--------------------------- */



    #tabsJ {
      float:left;
      width:100%;
      /*background:#99CCFF;*/
      font-size:93%;
      font-weight: bolder;
      line-height:normal;
	     border-bottom:1px solid #24618E;
	     position:absolute;
	     left:0;
       bottom:0px;
	     z-index:2;
	    /*  background:#99CCFF url("graphics/head_pict0.jpg") top left no-repeat ;*/
  
      }
    #tabsJ ul {
	  margin:0;
	  padding:10px 10px 0 220px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("graphics/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("graphics/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }