/* Main styles -----------------------------------------*/
body {
    font-family: sans-serif;
    font-size: 0.75em;
    color: #454545; 
    background: #fff url('../img/design/bg_body.gif') repeat-x top; 
}

fieldset { 
    border: none; 
    margin: 0;
    padding: 0;
}

form * {
    vertical-align: middle;
}	

a {
    color: #232364;
}

a:hover {
    text-decoration: none;
    color: red;
}	

/* Layout styles ---------------------------------------*/
* html body {
    text-align: center;
}

#all {
    width: 1180px;
    margin: 0 auto;
}	

#header, #pagecontent, #footer {
    position: relative;
    margin: 0 115px;
    padding: 0;
}

#header {
    height: 94px;
}

* html #header, * html #pagecontent, * html #footer {
    text-align: left;
}

#footer {
    background: #333 url('../img/design/bg_footer.gif') no-repeat top center;
}	

/* Header styles ---------------------------------------*/

h1, h1 a, h1 a span, #facebook {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 281px;
    height: 63px;
    font-size: 10pt;
    cursor: pointer;
    z-index: 1;
}

h1 {
    top: 15px;
}

h1 a span {
    background: url('../img/design/logo.gif') no-repeat top left;
}

#facebook {
    width: 120px;
    height: 40px;
    top: 10px;
    left: auto;
    right: 0;
}

#topmenu {
    position: absolute;
    padding: 0;
    margin: 0;
    right: 0;
    bottom: 10px;
    text-align: right;
}

#topmenu ul {
    margin: 0;
    padding: 0;
}	

#topmenu ul li {
    display: inline;
    position: relative;
    list-style-type: none;
    padding: 0 0 0 20px;
    font-size: 120%;
    color: #a0a0a0; 
}

#topmenu ul li a {
    padding: 0 0 7px;
    color: #a0a0a0;
    text-decoration: none;
    background: url('../img/design/bg_topmenuitem.gif') no-repeat bottom center;
}

#topmenu ul li a:hover {
    color: #252565;
}

#topmenu ul .activ a {
    background: url('../img/design/bg_topmenuitem_activ.gif') no-repeat bottom center;
}


#topmenu li ul {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 15px;
    right: 5px;
    margin: 0;
    width: 250px;
    background: url('../img/design/bg_topsubmenu.png') repeat-y left;
    z-index: 1;
}

#topmenu ul li:hover ul {
    visibility: visible;
}

#topmenu ul ul li {
    display: list-item;
    padding-left: 10px;
    font-size: 90%;
    background: url('../img/design/bg_topsubmenuitem.gif') no-repeat top left;
}

#topmenu ul ul li a {
    display: block;
    color: #e0e0e0;
    padding: 5px 5px 5px 15px;
}

#topmenu ul ul li a:hover {
    color: white;
    background: url('../img/design/bg_topsubmenuactive.gif') no-repeat left center;
}

#topmenu ul ul .firstitem {
    background: url('../img/design/bg_firstsubmenuitem.png') no-repeat top right;
}	

#topmenu ul ul li a, #topmenu ul .activ li a {
    background: none;
}

/* Navbar ---*/

#navbar {
    position: relative;
    margin: 0;
    height: 369px;
    padding: 0;
    background: url('../img/design/bg_navbar.jpg') no-repeat center center;
}

.userinfo {
    position: absolute;
    top: 5px;
    left: 115px;
    color: white;
    z-index: 2;
}

.userinfo a {
    color: inherit;
}

* html #navbar {
    text-align: left;
}

#navbarcontent {
    position: relative;
    padding: 31px 117px;
}

#navbarcontent div {
    position: absolute;
    width: 188px;
    height: 307px;
    top: 32px;
}

#navbarcontent div a {
    display: block;
    height: 307px;
    top: 0;
    left: 0;
    color: white;
    text-decoration: none;
}

#navbarcontent div a span {
    position: absolute;
    font-size: 130%;
    bottom: 9px;
    right: 15px;
}

#town {
    left: 118px;
}

#town a {
    background: url('../img/design/bg_town.jpg') no-repeat top left;
}

#visitors {
    left: 307px;
}

#visitors a {
    background: url('../img/design/bg_visitors.jpg') no-repeat top left;
}

#accomodation {
    left: 496px;
}

#accomodation a {
    background: url('../img/design/bg_accomodation.jpg') no-repeat top left;
}

#srs {
    left: 685px;
}

#srs a {
    background: url('../img/design/bg_srs.jpg') no-repeat top left;
}

#society {
    left: 874px;
}

#society a {
    background: url('../img/design/bg_society.jpg') no-repeat top left;
}

#navbarcontent div a:hover {
    background-position: bottom left;	
}

/* Form styles -----------------------------------*/
#searchform, #newsform, .publicform {
    padding: 0;
    margin: 0 0 20px;
}

#searchform label, #newsform label {
    display: none;
}

.publicform label {
    display: block;
}

.newserror {
    color: yellow;
    margin: 3px 0;
}	

#searchform .txtinput, .publicform .txtinput {
    font-family: sans-serif;
    border: 1px solid #777;
    color: #555;
    font-size: 100%;
    background: #e0e0e0;
}

#searchform .txtinput {
    width: 170px;
}

#newsform .txtinput {
    width: 142px;
    font-size: 120%;
    padding: 3px;
    color: #333;
    background: #8f8f8f;
}

.publicform .noblock {
    display: inline;
}	

/* Vote styles -----------------------------------------*/
#vote {
    margin: 20px 0;
    padding: 0 0 20px;
    background: #dedede;
}

#vote h3 {
    color: white;
    font-size: 150%;
    background: #333;
    padding: 5px 10px;
}

#question {
    font-weight: bold;
    margin: 10px;
}

.answer {
    margin: 5px 10px;
}

.answer span {
    float: right;
    text-align: right;
    width: 5em;
}

.tempimg {
    clear: both;
    padding: 2px;
    line-height: 3px;
    background: white;
}

/* Content styles --------------------------------------*/
#map_canvas {
    width: 350px;
    height: 250px;
}

#pagecontent {
    clear: both;
    padding: 25px 0 15px;
    text-align: left;
}

#headlines {
    padding: 5px 25px;
    background: #e3e3e3;
    color: #05034e;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 30px;
}

#headlines p {
    margin: 0;
}

#headlines .carousel-indicators {
    visibility: hidden;
}

#headlines .carousel-control {
    width: 20px;
}

#headlines .icon-prev:before, #headlines .icon-next:before {
    content: none;
}

#headlines .icon-prev {
    background: url('../img/design/bg_icon-prev.gif') no-repeat center center;	
}

#headlines .icon-next {
    background: url('../img/design/bg_icon-next.gif') no-repeat center center;	
}

#calendartitle, #actualtitle, #blogtitle, #visittitle {
    height: 49px;
    background: url('../img/design/bg_calendartitle.gif') no-repeat top left;
}

#actualtitle {
    background-image: url('../img/design/bg_actualtitle.gif');
}

#blogtitle {
    background-image: url('../img/design/bg_blogtitle.gif');
}

#visittitle {
    background-image: url('../img/design/bg_visittitle.gif');
}

#pagecontent h2 {
    margin: 0;
}	

#pagecontent h2 span, #pagecontent h2 span {
    visibility: hidden;
}

#pagecontent .contenttitle {
    padding: 0 0 15px;
    background: url('../img/design/bg_contenttitle.gif') no-repeat bottom left;
}	

.cinema, .theatre, .music, .church, .work, .read, .walk, .lecture, .seminar, .noclass, .exhibition, .fair, .table, .sport  {
    position: relative;
    margin: 0 0 15px;
    padding: 0 27px 0 0;
    background: url('../img/design/bg_noclass.gif') no-repeat top right;
}

.cinema {
    background: url('../img/design/bg_cinema.gif') no-repeat top right;
}	

.theatre {
    background: url('../img/design/bg_theatre.gif') no-repeat top right;
}	

.music {
    background: url('../img/design/bg_music.gif') no-repeat top right;
}	

.church {
    background: url('../img/design/bg_church.gif') no-repeat top right;
}

.work {
    background: url('../img/design/bg_work.gif') no-repeat top right;
}	

.walk {
    background: url('../img/design/bg_walk.gif') no-repeat top right;
}	

.read {
    background: url('../img/design/bg_read.gif') no-repeat top right;
}	

.lecture {
    background: url('../img/design/bg_lecture.gif') no-repeat top right;
}

.seminar {
    background: url('../img/design/bg_seminar.gif') no-repeat top right;
}

.exhibition {
    background: url('../img/design/bg_exhibition.gif') no-repeat top right;
}

.fair {
    background: url('../img/design/bg_fair.gif') no-repeat top right;
}

.table {
    background: url('../img/design/bg_table.gif') no-repeat top right;
}

.sport {
    background: url('../img/design/bg_sport.gif') no-repeat top right;
}

.date {
    display: block;
    font-size: 80%;
    color: black;
}

.hpcalitem {
    color: #999;
}

.detaildate {
    font-size: 140%;
    color: #999;
}

.detaildescription {
    margin: 0 0 20px;
}

.calendaritem {
    clear: both;
    margin: 0 0 20px;
}

.dateplace {
    float: left;
    width: 220px;
    padding: 5px;
    margin: 0 10px 5px 0;
    background: #e0e0e0;
}

.dateplace .date {
    display: inline;
    font-size: 100%;
}

.dateplace .category {
    font-style: italic;
}

.event h4 {
    font-size: 140%;
    margin: 0 0 10px;
}

.event p {
    margin: 0 0 5px;
}	

.actualitem {
    clear: both;
    margin: 0 0 15px;
}

.actualitem img {
    float: left;
    border: none;
    margin: 0 10px 5px 0;
}

.actualitem h3 {
    font-size: 120%;
    font-weight: normal;
    margin: 0 0 5px;
}

.actualitem p {
    margin: 0 0 5px;
}

#hpblogs, #visit {
    margin: 20px 0 40px;
}	

#hpblogs div {
    clear: left;
    margin-bottom: 10px;
}

#hpblogs img {
    float: left;
    margin: 0 10px 5px 0;
}

#hpblogs p {
    color: #999;
    margin: 0;
}

#hpblogs h3 {
    margin: 0;
    font-weight: normal;
    font-size: 110%;
}	

#webkamera, #firmy, #kontakt {
    margin: 20px 0;
}

#kontakt {
    padding: 5px;
    font-style: normal;
    color:  #777;
    background: #3a3a3a;
    border: 1px solid #4a4a4a;
}

#lmenu li {
    list-style-image: url('../img/design/bg_topsubmenuactive.gif');
}

#larticles {
    list-style-image: url('../img/design/bg_larticlesitem.gif');
}

.rightimg {
    float: right;
    margin: 0 0 5px 10px;
}

.leftimg {
    float: left;
    margin: 0 10px 5px 0;
}

.centerimg {
    float: none;
    margin: 0 0 5px;
}	

.back2list, .toppage {
    padding: 0 10px;
    background: url('../img/design/bg_backpage.gif') no-repeat left center;
}

.toppage {
    background-image: url('../img/design/bg_toppage.gif');
}

#postanswers {
    margin: 10px 0 20px;
}
.zapis { border-bottom: 1px solid #a1a1a1; }
.zapis.bg2 { background: #d4d4ec; }
.zapis.bg0 { background: #f9f9f9; }
.zapis.bg1 { background: #f0f0f0; }

.zapis div {
    padding: 5px;
}

.zapis .jmeno {
    background: #999;
    color: white;
}	

#servermap div {
    padding-top: 3px;
    padding-bottom: 3px;
    background-position: left center;
    background-repeat: no-repeat;
}

.artitem1, .menuitem2 {
    padding-left: 20px;
    background-image: url('../img/design/bg_artitem1.gif');
}

.menuitem2 {
    background-image: url('../img/design/bg_menuitem1.gif');
}

.artitem2, .menuitem3 {
    padding-left: 35px;
    background-image: url('../img/design/bg_artitem2.gif');
}

.menuitem3 {
    background-image: url('../img/design/bg_menuitem2.gif');
}

.artitem3, .menuitem4 {
    padding-left: 50px;
    background-image: url('../img/design/bg_artitem3.gif');
}

.menuitem4 {
    background-image: url('../img/design/bg_menuitem3.gif');
}

.artitem4, .menuitem5 {
    padding-left: 65px;
    background-image: url('../img/design/bg_artitem4.gif');
}

.menuitem5 {
    background-image: url('../img/design/bg_menuitem4.gif');
}

.artitem5, .menuitem6 {
    padding-left: 80px;
    background-image: url('../img/design/bg_artitem5.gif');
}

.menuitem6 {
    background-image: url('../img/design/bg_menuitem5.gif');
}

.artitem6, .menuitem7 {
    padding-left: 95px;
    background-image: url('../img/design/bg_artitem6.gif');
}

.menuitem7 {
    background-image: url('../img/design/bg_menuitem6.gif');
}

.artitem7, .menuitem8 {
    padding-left: 110px;
    background-image: url('../img/design/bg_artitem7.gif');
}

.menuitem8 {
    background-image: url('../img/design/bg_menuitem7.gif');
}

.artitem8 {
    padding-left: 125px;
    background-image: url('../img/design/bg_artitem8.gif');
}

/* Footercontent styles --------------------------------*/
#footercontent {
    clear: both;
    padding: 0 20px 20px;
}

#footercontent h3 {
    font-size: 160%;
    color: #999;
    margin: 20px 0;
}

#fbox2 {
    text-align: center;
}

.fimgbox {
    text-align: center;
}

.pimgbox {
	float: left;
	width: 175px;
	height: 110px;
    text-align: center;
}

.pimgbox .margin {
	padding: 5px 8px;
}


#guestbook {
    color: #b2b2b2;
}

#guestbook .postheader {
    font-size: 100%;
    color: white;
    margin: 3px 0;
}

#guestbook p {
    margin: 0 0 10px;
}

#guestbook .textbutton {
    width: 12em;
    text-align: center;
    border: 1px solid #999;
}

#guestbook .textbutton a {
    display: block;
    padding: 5px 10px;
    color: #b2b2b2;
    text-decoration: none;
    background: #515151;
}	

#guestbook .textbutton a:hover {
    color: white;
    background: black;
}

.colophon {
    clear: both;
    display: block;
    border: none;
    height: 9px;
    background: transparent url('../img/design/bg_colophon.gif') no-repeat center center;
}

#owner, #webdesigner {
    width: 400px;
    font-size: 90%;
    color: #777;
    margin: 0;
}

#owner {
    float: left;
    text-align: left;
}

#footer #owner a {
    text-decoration: none;
    color: inherit;
}

#webdesigner {
    float: right;
    text-align: right;
}

#footer a {
    color: #e0e0e0;
}	

#webdesigner a {
    color: #777;
    text-decoration: none;
}	

#footer a:hover {
    color: white;
}

/* Fotos ---*/
.imagebox {
    width: 162px;
    height: 230px;
    float: left;
}

.imagemargin {
    padding: 5px;
    margin: 0 2px 2px 0;
    height: 216px;
    text-align: center;
    background: #dedede;
    overflow: hidden;
}

* html .imagemargin {
    height: 226px;
}

.imagebox a:hover {
    background: none;
}

.imagebox h5 {
    margin: 5px 0;
    font-size: 100%;
    letter-spacing: 0;
}

.imagebox .imgsize {
    font-size: 80%;
    color: #555;
}

.control {
    margin: 10px 0;
}

.photomargin h5 {
    margin: 5px 0;
    font-size: 120%;
}

.photoinfo {
    font-style: italic;
}

/* Table -----------------------------------------------*/
table {
    font-size: 100%;
}

tr {
    background: #999;
}

th {
    font-weight: normal;
    font-style: italic;
    color: white;
}	

.tablestyle1 .bg0, .tablestyle1 .bg0 td { background: #f9f9f9; }

.tablestyle1 .bg1, .tablestyle1 .bg1 td { background: #f0f0f0; }

/* Login -----------------------------------------------*/
#loginbody {
    background: none;
}

#logincontainer {
    font-size: 120%;
    margin: 50px auto;
    width: 250px;
    text-align: left;
    color: white;
    background: #01014c;
}	

#logincontainer h1 {
    position: inherit;
    line-height: normal;
    padding: 10px;
    font-size: 120%;
    margin: 0;
    width: 100%;
    height: auto;
    color: white;
    font-weight: bold;
    cursor: default;
}

#logincontainer form {
    padding: 10px;
}	

#logincontainer .error {
    margin: 5px 10px 0;
}

#logincontainer label {
    font-weight: normal;
}		

/* Additional typography -------------------------------*/
.floatright, .rightimg { float: right; }
.floatleft, .leftimg { float: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.textblock { text-align: justify; }
.bold { font-weight: bold; }
img.floatright { margin: 5px 0 5px 10px; }
img.floatleft { margin: 5px 10px 5px 0; }