/* basic elements *//* basic elements */


 html {
	font-size: 80%;
        font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
        background:#00335B;
}

 body {
        padding: 0;
        margin: 0 0 1em 0;
	color: #000;         
}

 #page {
         
         width: 750px;
         margin:0 auto;
         border: 4px solid #00335B;
         background:#FFF;
}

 DIV.cleaner {

	 clear:both;
         height:2px;
}

 a {
     color: navy;
}

/* specific elements */



 #header {

	margin:0; 
        background: url('../grafika/back.gif') no-repeat #FFFFFF; 
        height:110px

}

 #header H1 {
	         
        margin: 0;  
        height: 70px;
        padding:0;
}


 h1 A {
	
         display: block; 
         border:0; 
         height: 70px;          
         text-decoration: none
}

 h1 span {
	  display: none
}

#navigator {

             padding: 0.5em;
             font-size:12px;
             color: #000; 
             height:15px;
             line-height: 1em;
             background: #9FAEBF;
}

 #navigator a:hover 
            { color: #BD1C15;
}

 #lavo {     float:left; 
             position:relative; top:1px;
             
}

 #pravo {
             float:right;
             position:relative; top:1px;
}

 #obsah {

	  float:right;
          width: 550px;
	  height: 700px;
	  border-left: 1px dotted #9FAEBF;
          padding: 0.5em 10px 10px 5px;
          margin: 0 0 0 0px;
          background: white;
}

 ul.uvod 
           { list-style-image: url('../grafika/star.gif');
}

 #obsah a:hover {
            color: #EB0900;
}

 #sidebar { 
	
         float: left;
	 height:auto;
	 margin: 0;
         padding-top: 3em;
         background: white;
         width: 180px;

}

 #menu {
         width: 137px;
         margin-left: auto;
         margin-right: auto;
         font-weight: bold;
         font-size: 11px;
}

 #menu ul {

	 list-style-type: none;
         margin:0;
         padding:0;
}

#menu a
{
display: block;
line-height:2em;
color: #000;
background: url('../grafika/menu.gif') no-repeat right #ED7E46;
width: 11em;
border-bottom: 1px solid #fff;
padding: 4px 12px 4px 8px;
text-decoration: none;


}

#menu a.bezbordera {border: none;
}

#menu a:hover
{
background: url('../grafika/menuh.gif') no-repeat right #ED7E46;
color: #FFF;
}

#menu a.oznaceny {
			background: url('../grafika/menuh.gif') no-repeat right #ED7E46;
			color: #FFF;

}


#menu li.header { 
                  color:#CDD3D1;
                  background-color: black;
                  padding: 3px 12px 3px 8px;
                  border-bottom: 1px solid #FFF;
                  width: 11em;
}

 a.buttonon, a.buttonoff {
              
              display:block;
              margin-top: 50px;
              margin-left:auto;
              font-size:12px;
              padding-top:6px;
              text-align: center;
              margin-right:auto;
              width:100px;
              text-decoration:none;
              height: 30px;
}
   
                            
 a.buttonoff {
            
 		background: url('../grafika/buttonoff.gif') no-repeat;
              
}

 a.buttonoff:hover {
    
		background: url('../grafika/buttonon.gif') no-repeat;
                color: maroon;
              
}
 a.buttonon {
 
                background: url('../grafika/buttonon.gif') no-repeat;
                color: maroon;
              
}           

 a.pocitadlo {
 
                margin-top: 50px;
                display: block;
                width: 48px;
                margin-left:auto;
                margin-right: auto;
}

 #uvod 
       {  padding: 0 15px 0 20px;
}

 #uvod h2 {  
         color: #00335B;
         font-size:18px;
         padding: 0 0 1px 26px;
         margin-top: 2em;
         background: url('../grafika/h2a.gif') no-repeat top left;
         border-bottom: 1px dotted #9FAEBF;
}

 ul.dreva {
       
             margin-top: 30px;
             text-decoration: none;
             list-style: disc;
             color: navy;

}

 #dreva a {
           text-decoration: none;
}

 #footer {
         margin-top:0;
	 color:#AFBFBF;
	 background: url('../grafika/footer.gif') no-repeat top #00335B;
         clear: both;
         font-size: 12px;
         height: 21px;
}

 #footer a {
             color: #AFBFBF;
}

 #footer a:hover {
             color: #EB0900;
}

p.left, p.right {margin-top:9px;
          padding:2px;
}

 p.left {
          float:left;
          
}	 

 p.right {
           float:right;
}

 p.zvyraz, a.zvyraz {
	color: #990000;
}

IMG {
      BORDER:none
}

#lep {
  
		 width: auto;
                 height: 295px;
                 visibility:hidden;
}

#obuv {

                 width: auto;
                 height: 333px;
                 visibility:hidden;
}

#stoly {
		width: auto;
                height: 280px;
                visibility:hidden;
}

#tasky {
		width: auto;
                height: 335px;
                visibility:hidden;
}


#lopticky {
		width: auto;
                height: 350px;
                visibility:hidden;
}

#grubba {
		width: auto;
                height: 115px;
                visibility:hidden;
}

#grubba- {
		width: auto;
                height: 30px;
                visibility:hidden;
}

#grubbaa {
		width: auto;
                height: 145px;
                visibility:hidden;
}