/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 24px; }
.clear{clear:both;}
.wrap { width: 915px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #AE6300; text-decoration: none; }
a:hover { text-decoration: underline; }
.brown { color: #9B815E; }

/* BASE */
html { height: 100%; }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; color: #000; height: 100%; background: url(images/bg.png) #FCFEFC repeat-x; }

#hr { width: 100%; height: 4px; background-color: #BE8A00; font-size: 1px; }

#wrapper { background: url(images/v.png) no-repeat top right; }

#header { font-size: 11px; }
  #logo { width: 145px; height: 168px; float: left; padding: 0 0 0 15px; }
   #logo img { }
#header-right { width: 755px; float: right; }
  #info { width: 600px; text-align: right; float: right; height: 79px; }
    #info div { padding: 30px 10px 0 0; }
  #mainmenu { width: 754px; float: right; height: 22px; }
    #mainmenu ul { padding: 0; }
    #mainmenu li { margin: 0; float: left; list-style: none none; position: relative; }
    #mainmenu li a { height: 16px; display: block; text-decoration: none; color: #121111; font-size: 13px; padding: 3px 21px; }
	#mainmenu li a:hover { height: 16px; display: block; text-decoration: none; color: #ffffff; font-size: 13px; padding: 3px 15px; background: #858F12; }
    #mainmenu li a span{visibility: hidden;}   
    #mainmenu #uvod, #mainmenu #uvod a{background: url(images/mainmenu_uvod.png) no-repeat; width: 74px;}
    #mainmenu #o-nas, #mainmenu #o-nas a{background: url(images/mainmenu_o-nas.png) no-repeat; width: 67px;}
    #mainmenu #informace, #mainmenu #informace a{background: url(images/mainmenu_informace.png) no-repeat; width: 107px;}
    #mainmenu #poslani, #mainmenu #poslani a{background: url(images/mainmenu_poslani.png) no-repeat; width: 83px;}
    #mainmenu #komunita, #mainmenu #komunita a{background: url(images/mainmenu_komunita.png) no-repeat; width: 103px;}
    #mainmenu #ubytovani, #mainmenu #ubytovani a{background: url(images/mainmenu_ubytovani.png) no-repeat; width: 106px;}
    #mainmenu #kontakt, #mainmenu #kontakt a{background: url(images/mainmenu_kontakt.png) no-repeat; width: 97px;}
    #mainmenu #photo-album, #mainmenu #photo-album a{background: url(images/mainmenu_photo-album.png) no-repeat; width: 117px;}
    
    #mainmenu #uvod a.active, #mainmenu #uvod a:hover{background: url(images/mainmenu_uvod2.png) no-repeat; }
    #mainmenu #o-nas a.active, #mainmenu #o-nas a:hover{background: url(images/mainmenu_o-nas2.png) no-repeat; }
    #mainmenu #informace a.active, #mainmenu #informace a:hover{background: url(images/mainmenu_informace2.png) no-repeat; }
    #mainmenu #poslani a.active, #mainmenu #poslani a:hover{background: url(images/mainmenu_poslani2.png) no-repeat; }
    #mainmenu #komunita a.active, #mainmenu #komunita a:hover{background: url(images/mainmenu_komunita2.png) no-repeat; }
    #mainmenu #ubytovani a.active, #mainmenu #ubytovani a:hover{background: url(images/mainmenu_ubytovani2.png) no-repeat; }
    #mainmenu #kontakt a.active, #mainmenu #kontakt a:hover{background: url(images/mainmenu_kontakt2.png) no-repeat; }
    #mainmenu #photo-album a.active, #mainmenu #photo-album a:hover{background: url(images/mainmenu_photo-album2.png) no-repeat; }

    h1 { font-family: Georgia, sans; color: #C53817; font-size: 215%; font-weight: normal; width: 600px; padding: 30px 0 0 20px; }
       
#maincontent { padding: 20px 0 0 0; }
#leftcontent { width: 145px; padding: 0 0 0 15px; float: left; border-right: 1px solid #EFDFCA; font-size: 11px; text-align: right; }
  #leftcontent p { padding: 0 10px 40px 0; line-height: 20px; }
  #leftcontent h2 { font-size: 100%; font-weight: bold; color: #000; padding: 0 10px 10px 0; }

#rightcontent { width: 260px; float: right; padding: 0 0 0 0; }
  #box { width: 248px; background: url(images/box.png) repeat-y; margin: 0 0 50px 0; }
    #boxtop { width: 248px; background: url(images/box-top.png) no-repeat; height: 21px; }
    #boxbottom { width: 248px; background: url(images/box-bottom.png) no-repeat; height: 25px; }
    #box h2 { font-family: Georgia, sans; color: #955901; font-size: 16px; font-weight: normal; padding: 0 0 15px 20px;}
    #box ul { list-style: none; margin: 0 0 20px 20px; }
    #box li { list-style: none none; background: url(images/sidemenu.png) no-repeat left center; padding: 6px 10px 6px 25px; font-size: 12px; }
      #box li a { font-weight: normal; color: #000; }

#content { width: 435px; float: left; padding: 0 0 0 20px; }
  #content h2 { font-family: Georgia, sans; color: #955901; font-size: 16px; font-weight: normal; padding: 0 0 15px 0; }
  #content ul { padding: 0 0 18px 0; }
  #content li { list-style: none none; background: url(images/arrow3.gif) no-repeat 0px 4px; padding: 0px 5px 5px 35px; }

.news { padding: 0 0 20px 0; }
  .newsarrow { float: left; width: 26px; height: 30px; background: url(images/news.png) no-repeat 0 3px; } 
  .newscontent { float: left; width: 400px; } 
    .newsheader { padding: 0 0 10px 0; }
    .newsheader h3 { font-size: 100%; font-weight: bold; color: #000; }
	.newsheader h3 a{ color: #000; }
    .newsheader .date { font-size: 85%; color: #000; }
	a.more-link{ position: relative; margin-top: -40px;}

#footer { background-color: #849214; font-size: 11px; color: #AAB801;  padding: 2px; height: 57px; margin-top: 10px; }
  #footer a { color: #fff; }
  #footer ul { padding: 18px 0 0 175px; list-style: none; }
  #footer ul li { float: left; padding: 0 5px 0 0; } 

  
/************* contact form ***************************/
form{
	width: 400px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 200px;
	float: left;
}

#form-right{
	width: 200px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 380px;
}

#submitdiv input{
	float: right;
	margin: 0 20px 0 0;
	background: #eee;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}