body{
   color: #000000;
	font: 10pt arial,sans-serif;
	text-align: center;
	margin : 0;
	padding : 0;
  	background: #FAF7E4/*url("background.png") repeat-x*/;
}
a{
   color: #B40000;
   text-decoration: underline;
}
a img{
   border: 0;
}
#web-page{
   width: 770px;
   background: #FFFFFF url("background.png") repeat-x;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   position: relative;
   border-left: 1px solid #F3EBC8;
   border-right: 1px solid #F3EBC8;

}
#web{
   width: 760px;
   margin-left: 10px;
   text-align: left;
   position: relative;
   background: url("page-background.png") repeat-y;
}

#panel{
   width: 165px;
   float: left;
   position: relative;
}
#content{
   float: left;
   width: 595px;
   position: relative;
}
.clear{clear: both;}

#logo{
   width: 165px;
   height: 135px;
   position: relative;
}
#logo img{
   background: url("logotype.png") no-repeat;
   width: 151px;
   height: 129px;
   position: absolute;
   left: 7px;
   top: 7px;
}
#menu{
    width: 165px;
    margin-bottom: 15px;
    margin-top: 13px;
}
#menu ul{
   list-style: none;
   width: 165px;
   margin: 0;
   padding: 0;
}
#menu ul li{
   width: 165px;
   border-bottom: 1px solid #FFFFFF;
}
#menu ul li A{
   display: block;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
   padding: 5px 5px 5px 13px;
}
#menu ul li A:hover{
   text-decoration: underline;
}
#menu ul li.select {
   background-color: #B40000;
}
#menu ul li.select A {
   color: #FFFFFF;
}



#top{
   width: 595px;
   background: #FFFFFF url("hrad.jpg") bottom right no-repeat;
   height: 105px;
   position: relative;
}
#nadpis {
   position: absolute;
   left: 10px;
   top: 10px;
   font-size: 16pt;
   color: #B40000;
   font-weight: bold;
}
#podnadpis{
   position: absolute;
   left: 10px;
   top: 40px;
   font-size: 12pt;
}
#flag-slovak{
   position: absolute;
   width: 20px;
   height: 15px;
   left: 40px;
   top: 80px;
   border: 1px solid #F5F5F5;
}
#flag-english{
   position: absolute;
   left: 10px;
   top: 80px;
   width: 20px;
   height: 15px;
   border: 1px solid #F5F5F5;
}
a img{
   border: none;
}





#pas{
   width: 595px;
   height: 43px;
   background-color: #AD0000;
}
#pas-text{
   width: 590px;
   padding: 21px 5px 5px 0px;
   text-align: right;
   font-size: 9pt;
   color: #FFFFFF;
}
#pas-text A{
   color: #F3EBC8;
}
#pas-text A:hover{
   color: #FFFFFF;
}
#foto{
   width: 595px;
   height: 188px;
}

#main{
   width: 595px;
   position: relative;
}
#main-content{
   width: 445px;
   float: left;
}
#main-panel{
   width: 150px;
   float: left;
}
#copy{
   width: 770px;
   background-color: #AD0000;
   color: #FFFFFF;
   font-size: 8pt;
}
#main-content-in{
   padding: 10px 15px 10px 15px;
   width: 415px;
}
#main-content-in ul{
	margin: 2px 5px 2px 15px;
}
#main-content-in ul li{
	list-style: square;
	padding: 2px;
}
h1, h2, h3{
   font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
   padding: 0;
   font-weight: normal;
}
h1{
   font-size: 16pt;
   color: #AD0000;
   margin: 0 0 5px 0;
}
h2{
   font-size: 13pt;
   color: #85220A;
   margin: 10px 0 2px 0; 
}
h3{
   font-size: 11pt;
   color: #868686;
   margin: 5px 0 2px 0;
}
#main-content-in p{
   line-height: 14pt;
   margin: 0 0 5px 0;
}


#main-panel h3, #panel h3{
   color: #000000;
   font-size: 10pt;
   text-transform: uppercase;
}

#partner{
   padding-top: 10px;
   margin: 0;
   text-align: center;
}
#partner ul{
   margin: 0;
   padding: 0;
   width: 165px;
}
#partner ul li A{
   color: #000000;
   text-decoration: none;
/*   padding-left: 20px;*/
}
#partner ul li{
   list-style: none;
   background: url("bullet.png") 7px 7px no-repeat;
   padding: 5px 0 5px 21px;
}

#partner ul li A:hover{
   text-decoration: underline;
}

#copy-left{
   width: 40%;
   float: left;
   text-align: left;
   padding-left: 10px;
}
#copy-right{
   float: left;
   text-align: right;
   width: 57%
}
#copy-left div{ padding: 5px 0 5px 15px; }
#copy-right div{ padding: 5px 15px 5px 0;}
#copy A{
   color: #FFFFFF;
}

.center{text-align: center;}