/* Top Elements */
* { margin: 0; padding: 0; outline: 0; }
 

body {
	background: #CCC;
	font: 80%/1.5em Verdana, Tahoma, arial, sans-serif;    
	text-align: center;
	margin:  0;
}

h1 {
  padding: 0;
  margin: 0;
}
/** { margin: 0; padding: 0; outline: 0 }    */

/********************************************
   LAYOUT
********************************************/ 

#wrap {
	position: relative;
	width: 820px;
	background: #CCC url(obr/medzera.png) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}

#content{
  width: 790;
  height: 200px;
  padding: 0;
  margin-left: 20px;
}

#top-bg {
  position: relative;
	width: 820px;
	height: 19px;
	background: #CCC url(obr/top-bg.jpg) repeat-y center top;	
	z-index: 0;	 
}



#header {
	width: 820px;
	position: relative;
	height: 80px;
	background: #CCC url(obr/header-bg.jpg) repeat-y center top;
	padding: 0;	
	color: #FFF;	
}

#header #erb {
   position: absolute;
   top: 15px; right: 30px;
   width: 130px;
   height: 156px;
   background: url(obr/erb.png);
   _background: url(obr/erb.gif);   
   z-index: 5;
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 40px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
/*	color: #787676;   */
	color: #799703;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 13px; left: 30px;	
}
#header h1#logo-text span {
/*	color: #9A9696;   */
color: #99af05;
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #838181;       
	
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 55px; left: 195px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 10px; right: 180px;	
	color: #838181;
	font-size: 10px;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}



/* header-photo */
#header-photo {
	clear: both;
	height: 229px; /*pocita sa aj s okrajami 4px na z hora aj dola*/
	width: 790px;
	margin: 4px 0 0 15px;
	/*background: #FFF url(obr/mnich.png) no-repeat center bottom;   */
	z-index: 0;
	
} 

/********************************************
                    MENU
vrch menu - li;li a;
vrch menu menenie - 
podmenu - 
********************************************/ 

 
#dropDown {
	position: relative;     
	z-index: 10;               
	padding: 0;
	margin: 0 auto;
	list-style: none;
	white-space: nowrap;     
	width:790px;
	height: 30px;
	background-color: #A7D101;
}


/*prva rada menu*/
#dropDown li {
	position: relative;      
  background: url(obr/nav.jpg) repeat-x;
  font: bold 16px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
  font-weight: bolder;
	text-transform:uppercase;
/*	text-align: center; */
	text-indent: 10px;
	
/*	border: 1px solid green; */
	padding: 0;
	margin: 0 2px 0 0;
	color: white;
	float: left;
  height:30px;     
	width: 156px;
	display: block;
}

#dropDown li a {
  position: relative;
  z-index: 1;
  display: block;
	/*background: url(obr/nav.jpg) repeat-x; */            
	padding: 7px 0 0 0;  /*text od vrchu bunky*/
	margin: 0;
	text-decoration: none;
	height:23px;
	color: #ffffff;
}

/*vsetky v prvom menu, ktore su li (teda bez podmenu) onMouseOver*/
#dropDown li a:hover {
  height:23px; 
	/*background: url(obr/nav-hover.jpg) repeat-x;  */
  background-color: #899D00; 
	color: #143256;    
	/*color: yellow;    */
	z-index: 1;

}

/*vsetky v prvom menu a maju podmenu onMouseOver*/
#dropDown li a.click {
    /*background-color: #A7D101; */ 
    height:23px;       
    /*background: url(obr/nav-hover.jpg) repeat-x; */  
	  color: #143256;  
	  /*color: yellow;  */
}

/*sipka nadol*/
#dropDown li a.subMenu {
  background-repeat: no-repeat;
	background-image: url('obr/down.gif');
	background-position: center right;
	z-index: 5;
}


#dropDown #drop {
   height: 25px;
   padding: 0 0 0 0;
}
#dropDown #drop a{
   height: 21px;
   padding: 4px 0 0 0;
}



#dropDown ul {
	position: relative;
	z-index: 1;  
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;	
  	
	
}

/*na zobrazenie podmenu pri onmouseover*/ 
#dropDown ul.click {
    display: block;
    /*background-color: white;*/
}


#dropDown ul li {
  height: 25px;
}

/*vsetky li v podmenu*/
#dropDown ul li a {
  background-color: #799703;
  
   /*background-color: green; 799703*/
   font: bold 12px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
  font-weight: bolder;
  /*background: url(obr/nav-hover.jpg) repeat-x;  */
   z-index: 3:                                    
   height: 20px;                 
}

/*vsetky ktore su v podmenu onMouseOver*/
#dropDown ul li a:hover {
	z-index: 3;
  background-color: #A7D101;    
	/*background: url(obr/nav.jpg) repeat-x;*/  
	height: 21px;
	
}

#dropDown ul li a.click{
   background-color: #A7D101;
}

/*ak prejdeme na ul co odkryva menu doprava*/
/*
#dropDown ul li a.click {
    background-color: purple;    
	color: #FFFAB5;
}
*/

/*sipka doprava*/ 
#dropDown ul li a.subMenu {
	background-repeat: no-repeat;
	background-image: url('obr/right.gif');
	background-position: center right;   
}
               







#dropDown li ul {
	position: absolute;
	top: 31px;  /*posunutie podmenu dole*/
	left: 0px;
	width: 156px;
	z-index: 0;
}

/*podmenu podmenu*/
#dropDown li ul ul {
	position: absolute;
	z-index: 0;
	left: 156px;
	top: 0;
	width: 156px;
}

/*
body>#dropDown {
	position: fixed;
}
 


/*
#dropDown ul.click li {
     background-color: #fa551a;  
   
}

*/


#medzera {
  /*background: url(obr/medzera.png) center center;*/
  background-image: url(obr/medzera.png);
  height: 4px;
  width: 820px;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  
 
}



#content-wrap {
	position: relative;
	clear: both;    
  float: left;	
	width: 790px;	
	padding: 0;
  outline: 0 none;  
  background-image: url(obr/content-wrap.png);

  /*background: #E8E8E8;
  	
  
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #D0D0D0;  */ 
	margin: 0 0 0 15px;	
	display: inline;                    
}

/**************************************
 ************** side menu ************
 **********************************/

#side {
width: 182px;
height: 100%;
border: 1px solid #AAAAAA;
/*border: 1px solid #143256;*/ 
margin: 0 0 0 0;
padding: 0;
float: left;
background-color: #dcdcdc;
}

#head {
width: 182px;
height: 30px;
/*border: 1px solid #AAAAAA;  */
margin: 0 0 0 0;
padding: 0;
float: left;
border: 0; 
background-color: #143256;
/*  background-color: #799703;*/
}
#head h5 {
margin: 3px 0 0 5px;
color: #FFFFFF;
font-size: 105%;
text-transform: uppercase;
} 

 
#menu3 {
width: 180px;
border: 1px solid #AAAAAA; 
margin: 0px 0 0 0;
padding: 0;
float: left;
}

#menu3 ul {
list-style:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
width:180px;
}



#menu3 li a {
/*height: 32px; */
/*voice-family: "\"}\"";   */
voice-family: inherit;
height: 24px; 
text-decoration: none;  
}
#menu3 li a{
color: #333333;
font-weight: bold;
display: block;
background: url(obr/menu3.gif);
padding: 8px 0 0 30px;
}
#menu3 li a:hover {
color: black;
background: url(obr/menu3.gif) 0 -32px;
padding: 8px 0 0 30px;
} 

#posun_aktuality{
 padding: 0px 0 0 0px;
 height: 32px;
}
/*
#posun_aktuality a{
 position: absolute;
 left: 0px;
 top: 38px;           
 padding: 0px 0 0 30px;
 height: 32px;
 width: 180px; 
 text-decoration: none;
 voice-family: inherit;
 color: #333333;
font-weight: bold;
}

  */


/********* bublina *****/


#bublina{
  width: 600px;
  /*border: 1px solid #AAAAAA;*/
  border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA; 
  background-color: #dcdcdc;
  margin: 0 0 0 188px;
  _margin: 0 0 0 185px;
  
  /*overflow: auto;   */
  
}

#bublina a{
  text-decoration: none;
}

#obr{
  margin: 10px 0 0 0;
  float: left;
  width: 30px;
  height: 30px;
  background: url(obr/titlemain.gif) no-repeat;
  z-index: 2;
}

h2 {
  margin: 12px 0 0 0;
  text-align: center;
	font-size: 130%;
	text-transform: uppercase;
/*	color: #88ac0b; */
	color: #143256;
}

#text {
  text-align: justify;
  margin: 5px 5px 5px 5px;
}



/* images */
img {
	background: #FAFAFA;
  border: 5px solid #FFFFFF;
	margin: 5px;
}

#bublina img {
	background: #FAFAFA;
  border: 5px solid #FFFFFF;
	margin: 5px;
}
img.float-right {
  margin: 5px 5px 10px 10px;
  float: right;  
}
img.float-left {
  margin: 5px 10px 10px 5px;
  float: left;
}

#bublina a:hover img{
  border: 5px solid #143256;	    
}

#fotky img{
  background: #dcdcdc;
  border: 0px;
}
#fotky a img{
  background: #dcdcdc;
  border: 0px;
}
#fotky a:hover img{
  background: #dcdcdc;
  border: 0px;
}


/***********spodok***************/

#bublina-bottom{
  clear: both;
	width: 790px;
	height: 5px;
	margin: 0 0 0 15px;
	background: url(obr/content-wrap-bottom.png) no-repeat;
}

#end {
	width: 820px;
	position: relative;
	height: 20px;
	/*border: 1px solid #AAAAAA; */
	background: #CCC url(obr/bottom-bg.jpg) repeat-y center top;
	padding: 0;	
	color: #FFF;	
}

#end h6{
  color: #FFFFFF;
  text-align: center;
}


#footer-wrap {
	clear: both;
	width: 820px;
	height: 21px;
	font-size: 95%;	
	text-align: left;
	margin: 0 0 0 0px;
	background: url(obr/footer-bottom.jpg) no-repeat center bottom;	
}


/***********table***************/

#top {
 /* border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;*/ 
  background: url(obr/nav.jpg) repeat-x;
  color: #ffffff;
  font-weight: bold;
  padding: 4px 0 0 5px;
  height: 25px;
}

#top2 {
 /* border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;*/ 
  background: url(obr/nav.jpg) repeat-x;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 0 0 10px;
  height: 20px;
}

#top3 {
 /* border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;*/ 
  background: url(obr/nav.jpg) repeat-x;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  padding: 4px 0 0 5px;
  height: 25px;
}

#bunka1 {
  background-color: #aaaaaa;
  padding: 0 0 0 5px;
}

#bunka2 {
  background-color: #cccccc;
  padding: 0 0 0 5px;
}

#bunka2l {
  background-color: #cccccc;
  padding: 0 0 0 5px;
  border-left: 1px solid #aaaaaa;
}

#bunka2r {
  background-color: #cccccc;
  padding: 0 5px 0 5px;
  border-right: 1px solid #aaaaaa;
  text-align: justify;
}

#bottom {
  background-color: #aaaaaa;
  padding: 0 0 0 10px;
}










#zapisnica{
  border: 0;
}

#zapisnica a{
  border: 0;
  display: block;
  text-decoration: none;
}

#zapisnica a:hover{
  border: 0;
  color: #143256;
}

#zarovnanie {
  width: 560px;
  text-align: center;
  font-size: medium;
  padding: 0px;
  margin: 0px;
}
	    
#page_no_visited {
  color: rgb(51,102,255);
}

#page_visited{
  color: rgb(0,0,204);
  font-weight: bold;
}