/** obecné **/
*{ padding: 0; margin: 0; }

html, body { 
font-size: small;
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
background: #ffffff  url("../design/pozadi.gif") repeat-x scroll;
color: #434242;
width: 100%;
height: 100%;
min-height: 100%;
}

#page {
position: relative;
width: 802px;
height: 100%;
min-height: 100%;
margin: 0 auto;
padding: 0px 0;
text-align: justify;
}

#back_head {
width: 802px;
height: 186px;
background-image: url("../design/baner3.jpg");
background-repeat: no-repeat;
margin: 0 auto;
text-align: left;
}

/** rozdělení back_head **/
#texthead { color: #ead9ed; font-size: 85%; padding: 0; text-align: left; padding: 10px 0px 0 300px; }
   #texthead a { color: #ffffff; text-decoration: none; }
   #texthead a:hover { background: #ffffff; color: #be65bf; text-decoration: none; }
h1 {
color: #590074;
font-size: 97%;
text-align: right;
padding: 122px 0px 0 0;
}


#back_telo {
width: 802px;
height: 627px;
background: url("../design/pozadi2b.gif") no-repeat;
}
/** rozdělení back_telo **/
#g, #h  {
float: left;
}
#g {
width: 244px;
height: 622px;
background: url("../design/pozadi3.jpg") no-repeat;
}
#h {
width: 544px;
background: #ffffff url("../design/pozadi4.gif") repeat-y;
}

/** rozdělení b **/
#bpozadi {
position: absolute;
width: 544px;
background: url("../design/pozadi5.jpg") no-repeat;
padding-left: 37px;
}

        

/***********pravý odstavec - tři sloupce*****************************/
        #obal {    
            background: url('pink.gif') top left repeat-y;
        }
        #obal2 {    
            width: 544px;    
            background: url('yellow.gif') top right repeat-y;
        }
        #A, #B, #C {
          display: inline;
        }
        #A {
          background: url("../design/zestudia03.jpg") no-repeat;   
          margin-left: 32px;
          float: left;
          width: 315px;
        }
        #B {
          background-color: transparent;      
          float: left;
          width: 197px;
        }
        #C {
          background: url("../design/pozadi6.gif") no-repeat;
          margin-left: -544px;
          float: left;
          width: 32px;
		  height: 627px;
        }
        #hlavicka {
          background-color: aqua;
        }
        #paticka {
            clear: left;
            background: url("../design/pata3.gif") no-repeat;
            width: 100%;
			height: 120px;
            float: left;
        }
        .clear { 
          clear: both; 
        }
		
		
		#A p {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #354101;
font-size: 86%;
padding: 0px 10px 10px 3px; 
font-weight: normal;
        }
		
#A ul {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #354101;
margin: 0px 0 0px 25px;
font-size: 84%;
padding: 0px 0 5px 4px;
list-style: url("../design/odrazka2.jpg");
}
#A li {
height: 20px;
padding: 2px 0 0 4px;
}
#A li a {
text-decoration: underline;
color: #354101;
}
#A li a:hover {
text-decoration: none;
color: #000000;
}	
#A p strong {
color: #85af05;
}


/***********rozdělení b KONEC*****************************/
#paticka p {
color: #bfbfbf;
font-weight: normal;
font-size: 86%;
padding: 1px 0px 4px 3px; 
text-align: right;
        }
#paticka p a, #paticka p a:hover  {
text-decoration: none;
}	
#paticka p a {
color: #929191;
        }
#paticka p a:hover  {
color: #6a6969;
}


/***********menu*****************************/
      #menu {
        width: 190px;
        }
      #menu ul {
        margin: 5px 0;
        padding: 0;
        list-style-type: none;
        }
      #menu li {
        width: 100%;
		font-weight: normal;
		font-size: 89%;
		height: 35px;
        margin: 0px 0 0 54px;
		background: url("../design/menu.gif") no-repeat 0 0;
        }
      #menu li.active {
        color: #435b00;
        background: url("../design/menu.gif") no-repeat -190px 0;
      }
      #menu a, #menu strong {
        display: block;
		text-decoration: none;
        padding-left: 0px;
        height: 35px;
        line-height: 35px;
		padding-left: 30px;
        }
      #menu a {
        color: #ffffff;
        }
      #menu a:hover {
        color: #435b00;
        background: url("../design/menu.gif") no-repeat -190px 0;
        }
		
#logo {background:none; width:217px; height: 144px; margin-left:0;margin-top:49px;text-align:left}
#logo1 {position:relative;width:217px;height:144px;overflow:hidden;color:#fff;float:left;text-align:center;line-height:144px;}
#logo1 span {background:url("../design/potkani.jpg") bottom left no-repeat;position:absolute;left:0;top:0;width:217px;height:144px;display:block}
#logoclick {position:absolute; top:0px; left:0px; z-index:5; display:block; width:217px; height:144px;}
#logo1 a {color:#fff}

#logob1 {position:relative;width:217px;height:144px;overflow:hidden;color:#fff;float:left;text-align:center;line-height:144px;}
#logob1 span {background:url("../design/psi.jpg") bottom left no-repeat;position:absolute;left:0;top:0;width:217px;height:144px;display:block}
#logobclick {position:absolute; top:0px; left:0px; z-index:5; display:block; width:217px; height:144px;}
#logob1 a {color:#fff}

/***********text*************************/
h3 {
color: #7a9302;
font-size: 102%;
padding: 29px 0px 20px 13px;
border-left: 0px solid #bae204;
}

.box {
width: 183px;
background: url("../design/zestudia01.jpg") no-repeat;
margin-right: 0px;
margin-bottom: 13px; 
}
.boxin {
background:transparent url("../design/zestudia02.jpg") left bottom no-repeat;
padding: 0px 7px 15px 23px;
}
.box p {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #354101;
margin: 0px 0 30px 0;
font-size: 84%;
font-weight: normal;
}
.box p a {
text-decoration: underline;
color: #354101;
font-weight: normal;
}
.box p a:hover {
text-decoration: none;
color: #000000;
}
.box ul {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #354101;
margin: 0px 0 0px 22px;
font-size: 84%;
padding: 0px 0 29px 2px;
list-style: url("../design/odrazka.jpg");
}
.box li {
height: 20px;
padding: 4px 0 0 3px;
}
.box li a {
text-decoration: underline;
color: #354101;
font-weight: normal;
}
.box li a:hover {
text-decoration: none;
color: #000000;
}	


dl {
margin: 6px 5px 25px 12px;
}
dd strong {
color: #354101;
}
dd {
padding: 0 0 0 10px;
border-left: 5px solid #b9d239;
margin-bottom: 10px;
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #354101;
font-size: 84%;
}


.ref {
padding: 0;
border: 0px solid #d1d1d1;
background: url("../design/reference.jpg") no-repeat;
margin: 5px 0 10px 5px;
width: 293px;
height: 223px;
}
.ref img.nahled {
width:135px;
height:132px;
border:0;
margin: 0px;
}
.reftext {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
color: #676c4b;
text-align: left;
font-size: 95%;
padding: 17px 9px 15px 20px;
}
.reftext p {
margin: 0px 0px 0px 0px;
}
h4 {
color: #3b4800;
font-size: 100%;
padding: 0px 0px 9px 0px;
}
.reftext a {
color: #6b6b6a;
text-decoration: none;
font-weight: normal;
margin-right: 5px;
}
.reftext a:hover {
color: #d303d0;
background-color: none;
text-decoration: none;
}

.ref2 {
padding: 2px 5px 5px 5px;
border: 0px solid #d1d1d1;
background: url(../design/ref-lepto4.png) no-repeat;
margin: 5px 0 10px 5px;
width: 296px;
}

h5 {
color: #7c9128;
font-size: 100%;
padding: 0px 0px 6px 0px;
}


.odkaz {
font-size: 95%;
margin: -6px 0px 6px 200px;
}
.odkaz a {
color: #1e6011;
text-decoration: none;
}
.odkaz a:hover {
color: #ffffff;
background-color: #1e6011;
text-decoration: none;
}


/** toplist **/
#toplist {
	position: absolute;
	width: 14px;
	height: 14px;
	left: 4px;
	bottom: 70px;
	visibility: hidden;
}
/*** toplist konec ***/


/** formulář **/
table { border-collapse: collapse; }
td, th { padding: 5px; }
th { width: 50px; font-weight:normal; text-align:left; font-size: 85%; }
th.comment { vertical-align: top; }
input, textarea { width: 220px; }



/*ref-menu*/
.ref-menu-pos {position:relative; height:28px; right:0px; top:0px; display:block; }
.ref-menu {float: right}
   .ref-menu ul {float: left; display: inline;}
   .ref-menu li {display: inline; float: left; text-align: center; margin-right:2px; margin-top: 3px; color:#000}
   .ref-menu li a {background:#eae9e9; padding: 2px 6px; display: inline; float: left; text-decoration: none; border:#d1d1d1 1px solid}
   .ref-menu li a:hover {background:#717171; color:#ffffff }
.aktiv-ref {line-height:20px; width: 18px; height: 10px;} 
.ref-menu span {line-height:20px; margin-right:10px; color:#000}




.obrazek{ vertical-align: middle; }