* {margin: 0; padding: 0; }
body {	font-family: Verdana, Geneva, Arial, Helvetica, lucida, sans-serif; background: #777 url("body.jpg"); color: #000; 	font-size: 70%; text-align: center; line-height: 1.5; }
html>body {font-size: 75%; }
 
#main { width: 770px;	margin: 0 auto;	text-align: left; z-index: 1; height: 108px;	
	 	position: relative;	font-size: 100%; ;	}
.noscreen, #nahore, #text {width : 200px; position : absolute; left : 0; top : -600px; } 

#head {	height: 112px; position:relative;  color: #214163; background-color: #fff }
#hlava, #hlava span {width: 770px; height: 102px; font-size: 190%; font-weight: bold; overflow: hidden; position: absolute; left: 0; padding-top: 0px; top: 0;  color: #214163; background: url("h1.jpg") no-repeat }

#cse-search-box  {z-index: 8; position: absolute; left: 480px;  top: 15px;  }

#menu, #menu ul, #menu li  {  color : #000;   z-index: 6; } 
#menu {   position : absolute; top : 70px;  width : 770px;  font-size : 1.0em; height: 32px; } 
#menu ul {    margin-left : 10px; list-style-type : none;} 
#menu li {  height : 32px;  width : 105px;  display : block; float : left;  
position : relative;  border-left : 2px solid #eee;  text-align: center  } 

#menu li#menu1 {  background: #0E4EAD url("img2/blue-1.png") repeat-x;} 
#menu li#menu2 {  background: #5EB031 url("img2/green-1.png") repeat-x;} 
#menu li#menu3 {  background: #784299 url("img2/violet-1.png") repeat-x; } 
#menu li#menu4 {  background: #CB100D url("img2/red-1.png") repeat-x; } 
#menu li#menu5 {  background: #F59812 url("img2/yelow-1.png") repeat-x; } 
#menu li#menu6 {  background: #638A58 url("img2/gre-1.png") repeat-x; } 
#menu li#menu7 {  background: #55595F url("img2/seda-1.png") repeat-x; }

ul li#menu1 a:hover { height : 20px; color : #fff; background : #07093D url("img2/blue-2.png") repeat-x;  } 
ul li#menu2 a:hover { height : 20px; color : #fff; background : #051A06 url("img2/green-2.png") repeat-x; }
ul li#menu3 a:hover { height : 20px; color : #fff; background : #1E122E url("img2/violet-2.png") repeat-x;}
ul li#menu4 a:hover { height : 20px; color : #fff; background : #450713 url("img2/red-2.png") repeat-x;}
ul li#menu5 a:hover { height : 20px; color : #fff; background : #452908 url("img2/yelow-2.png") repeat-x;}
ul li#menu6 a:hover { height : 20px; color : #fff; background : #262E24 url("img2/gre-2.png") repeat-x;}
ul li#menu7 a:hover { height : 20px; color : #fff; background : #16170C url("img2/seda-2.png") repeat-x; }




#menu a { float : none; display : block; text-decoration : none;  background-color: transparent; color: #fff; font-weight : bold; padding : 7px 10px 5px; } 
#menu_konec {  position : relative; top : 70px; left : 0px   }

.noscreen, #nahore, #text {width : 200px; position : absolute; left : 0; top : -1000px; } 
 
#obsah {position : absolute; top : 112px;  background-color: #fff; padding: 0; margin : 0; width : 770px; text-align : left }

#levypanel { padding: 0;   float: left; margin : 0; width : 539px; } 

#hlavnipanel {  background : #ddd; margin: 0px 0px 0px 540px; padding: 0; } 
#hlavnipanel-obsah {  background : #fff; padding: 0;} 
#hlavnipanel-obsah p { margin : 0; color : #fff; padding: 1px 1px 6px 17px; text-align : left; font-size : 150%; }




  
#levypanel, #levypanel-obsah A { color: #000;  } 
#levypanel-obsah { padding: 0.5em 2.1em 0.6em 2.4em;       }  
#levypanel-obsah A  {font-weight : bold } 
#levypanel-obsah A:link, #levypanel-obsah A:visited { text-decoration : underline;  } 



#levypanel-obsah p {margin : 1em; text-indent : 1.5em; text-align : justify; } 
.kam {text-align : right; margin : 0; padding : 0 15px 10px 0; } 
#levypanel-obsah ul, #levypanel-obsah ol {  padding-left: 20px;  margin-left : 20px; line-height: 1.8em;  } 
#levypanel-obsah ul  { list-style-type: none; }


#levypanel-obsah ul li {padding-left: 20px;  background:  url("sipka.png") no-repeat 1px 6px }
#levypanel-obsah ul ul li  {background:  url("sipka_2.png") no-repeat 1px 6px }

#levypanel-obsah ul ul ul li  {background:  url("sipka_3.png") no-repeat 1px 6px }

#levypanel-obsah ul  { list-style-type: none; }



img { border : 0px; } 
strong {font-weight : bold; } 
code {font-size : 120%; } 

h1  {text-align : left; font-size: 190%;  font-weight: bold; padding: 10px 0 10px 0; } 
h3 {font-size: 130%; padding: 10px 0px 8px 0px; font-weight: bold; }
h2, h4 {font-size : 150%; padding: 12px 0 12px 5px; } 
.uvod p { text-indent : 1.5em;  margin: 6px; padding: 10px; line-height: 1.5em; font-size: 130%; font-weight : bold; color: #102030;}



label
	{ float: left; width: 20%;
	margin: 0.5em; margin-bottom: 0;
	padding-top: 0.2em;
	text-align: left;
	clear: right; }

label.lblsearch
	{ float: none;
	margin-right: 0; padding-top: 0.2em;
	font-weight: normal; font-size: 100%; }

.komentar  
	{ margin-top: 0.5em; padding: 0.2em; }

.komentare h3 {
	font-size: 1.5em; 
	font-weight: normal;
	padding: 0.1em 0.6em 0em 0.6em;
        margin-left: 0.3em;
        margin-right: 0.9em;
	float: left; }
.cdate 	{ font-size: x-small; background-color: transparent; padding-left: 200px; }
.coment { padding-top: 1em; font-size: 1.0em;  }
.hr 	{ height: 2px; background: #FFF url(images/dot_gray3x2.gif) repeat-x; margin-top: 1em; }





.obtekani_prave, .obtekani_leve { margin: 5px; padding : 2px; }  
.obtekani_leve {float : left;  padding-right : 20px; } 
.obtekani_prave {float : right; padding-left : 10px; } 
.obtekani_stred {margin : 0; padding : 2px; border : 1px solid #333; } 
.jmeno a:hover {color : #102032; } 




#novinky-obal {  padding: 0px; background-color: #aaa }
.novinky {  background-color: #aaa }
.novinky h4 { color:#000; padding:5px 45px 3px 10px;   border-right : 15px solid #fff; border-left : 6px solid #fff; font-size:160% }  
.novinka {  margin: 10px }
.novinka a { font-weight : bold }




.kam {  padding-left: 150px }

.righ_foot {background: url("right_bottom.jpg") no-repeat bottom center;  } 
.novinky {background: url("right_back.jpg") repeat-y top center;} 


#pata { position : relative; padding : 10px;   text-align : center ; font-size: 90%; } 
#pata a { text-decoration : underline; } 
#pata a:hover {  color : #fff;  } 




.ukonceni   { position : relative; clear : both;  } 
.clearboth {clear : both; } 
hr.cleaner { display : none; } 
.dotts {font-size : 1px; background : url(dd.jpg) repeat-x; margin : 7px 0 20px; height : 1px; }