body { font-family: Arial; font-size: 11px; color: #000000; text-align: center; padding: 0; margin: 0; background-image: url(' images/body-background.jpg'); 
      background-repeat: repeat-x; background-color: #62A4B2; }

img { border: 0; margin: 0; padding: 0; }

#container { width: 1000px; margin: auto; padding: 0; background-color: #FFFFFF; }


#content-left { width: 835px; min-height: 700px; float: left; padding: 0; margin: 0; text-align: center; }


#content-right { width: 165px; min-height: 700px; float: right; padding: 0; margin: 0; background-image: url('../images/wrapper-background.jpg'); 
                background-repeat: repeat-x; }


/* HEADER */

#header { position: relative; width: 1000px; height: 170px; clear: both; margin: 0; padding: 0; background-image: url('../images/header.jpg'); 
          background-repeat: no-repeat; }

#header a, #header a:visited { text-decoration: none; color: #E3F5F9; }

#header a:hover { text-decoration: none; color: #FFFFFF; }

#header-logo { float: left; margin-top: 120px; padding: 0; }

#header-logo img { float: left; margin: 0; padding: 0; border: 0; }



#vyhledavani { height: 50px; position: relative; top: 10px; left: 100px; margin-bottom: 20px; }

#vyhledavani form {  height: 50px; margin-left: 7px; margin-top: 0; margin-bottom: 0; padding: 0; text-align: left; font-size: 12px; 
               font-weight: bold; color: #FFFFFF;}

#vyhledavani p { margin-top: 5px; margin-bottom: 5px; padding: 0; }

#vyhledavani-pole { float: left; width: 200px; margin-right: 5px; margin-bottom: 5px; margin-top: 15px; padding: 0; border: 1px solid #000000; background-color: #E5E5E5; }

#submit { float: left; width: 100px; margin-top: 15px; padding: 0; color: #022F6C; font-weight: bold; background-image: url('../images/hledat-background.png'); 
          background-repeat: repeat-x; border: 0; }

#vyhledavani img { float: left; width: 150px; height: 50px; margin: 0; padding: 0; border: 0; }


#vyhledavani a, #vyhledavani a:visited { text-decoration: underline; color: #FFFFFF; }

#vyhledavani a:hover { text-decoration: none; color: #000000; }




/* TOP MENU */

#top-menu { width: 1000px; height: 28px; margin: 0; padding: 0; background-image: url('../images/top-menu-background.jpg'); 
          background-repeat: repeat-x; }

#top-menu a, #top-menu a:visited { text-decoration: none; color: #FFFFFF; }

#top-menu a:hover, #top-menu a:active { text-decoration: none; color: #000000; }

#top-menu-list { float: left; margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-weight: bold; color: #FFFFFF; }


#hlavni-strana { width: 100px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/hlavni-stranka.jpg") left bottom no-repeat; }

#hlavni-strana-aktive { width: 100px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/hlavni-stranka-active.jpg") left bottom no-repeat; }


#hrady { width: 73px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/hrady.jpg") left bottom no-repeat; }

#hrady-aktive { width: 73px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/hrady-active.png") left bottom no-repeat; }


#zamky { width: 56px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/zamky.jpg") left bottom no-repeat; }

#zamky-aktive { width: 56px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/zamky-active.png") left bottom no-repeat; }


#turistika { width: 82px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/turistika.jpg") left bottom no-repeat; }

#turistika-aktive { width: 82px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/turistika-active.png") left bottom no-repeat; }


#vylety {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety.jpg") left bottom no-repeat; }

#vylety-aktive {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety-active.png") left bottom no-repeat; }

#kempy {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety.jpg") left bottom no-repeat; }

#kempy-aktive {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety-active.png") left bottom no-repeat; }

#cyklistika { width: 81px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/cyklistika.jpg") left bottom no-repeat; }

#cyklistika-aktive { width: 81px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/cyklistika-active.png") left bottom no-repeat; }


#mesta { width: 82px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/mesta.jpg") left bottom no-repeat; }

#mesta-aktive { width: 82px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/mesta-active.png") left bottom no-repeat; }


#pamatky { width: 80px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/pamatky.jpg") left bottom no-repeat; }

#pamatky-aktive { width: 80px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/pamatky-active.png") left bottom no-repeat; }


#vojenske-pamatky { width: 133px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vojenske-pamatky.jpg") left bottom no-repeat; }

#vojenske-pamatky-aktive { width: 133px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vojenske-pamatky-active.png") left bottom no-repeat; }

#zoo {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety.jpg") left bottom no-repeat; }

#zoo-aktive {  width: 63px; height: 22px; float: left; margin: 0; padding-top: 6px; text-align: center; background: url("../images/vylety-active.png") left bottom no-repeat; }

/* TOP LINE */

#top-line { width: 1000px; height: 20px; margin: 0; padding: 0; background-color: #D00035; }

#top-line a, #top-line a:visited { text-decoration: none; color: #FFFFFF; }

#top-line a:hover { text-decoration: none; color: #000000; }

#top-line-list { float: left; margin: 0; padding: 0; list-style-type: none; font-size: 11px; font-weight: bold; color: #FFFFFF; }

#top-line-list li { float: left; margin: 0; padding-left: 12px; padding-top: 3px; list-style-type: none; font-size: 11px; font-weight: bold; color: #FFFFFF; }


/* LEFT WRAPPER */

#left-wrapper { width: 165px; min-height: 700px; float: left; margin: 0; padding-top: 50px; background-image: url('../images/wrapper-background.jpg'); 
                background-repeat: repeat-x; background-color: #FFFFFF; }

#left-wrapper h1 { text-align: center; font-size: 18px; font-weight: normal; color: #FFFFFF; margin-top: 0; margin-bottom: 10px; padding: 3px; border-top: 2px solid #5B93BE; 
                   border-bottom: 2px solid #5B93BE; }

.left-wrapper-image { position: relative; margin-left: 20px; padding: 0; width: 124px; height: 84px; text-align: center; }

.left-wrapper-image img { margin: 0; padding: 0; width: 120px; height: 80px; border: 2px solid #5B93BE; }

.left-wrapper-images { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; padding: 0; width: 135px; height: 104px; text-align: center; }

.left-wrapper-images img { float: left; margin: 6px; padding: 0; width: 55px; height: 40px; border: 0; }



/* CENTER WRAPPER */

#center-wrapper { position: relative; width: 670px; min-height: 700px; float: right; margin: 0; padding-top: 10px; background-color: #FFFFFF; }

#content-main { margin: 0; padding-left: 10px; padding-right: 10px; }

#content-main h1 { clear: both; height: 25px; margin: 0; padding-top: 5px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center; background-image: url('../images/h1-background.jpg'); 
                  background-repeat: repeat-x; }

.content-main-1 { clear: both; min-height: 150px; margin-bottom: 5px; margin-top: 5px; padding: 10px; background-color: #FFFFFF; }

/*#content-main img { width: 200px; height: 135px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 0; border: 0; }*/

#content-main h2 { text-align: left; margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #000000; }

#content-main p { margin-top: 4px; margin-bottom: 4px; padding: 0; font-size: 11px; font-weight: normal; color: #000000; text-align: justify; }

.content-main-2 { clear: both; min-height: 150px; margin-bottom: 5px; margin-top: 5px; padding: 10px; background-color: #D4F0FE; }

.foto { width: 200px; height: 135px; float: left; margin-right: 10px; margin-bottom: 20px; padding: 0; border: 0; }

.foto img { width: 200px; height: 135px; float: left; margin-right: 10px; margin-bottom: 20px; padding: 0; border: 0; }

.vice-link { float: left; width: 80px; height: 20px; margin: 0; padding: 0; text-align: left;  }

.vice-link img { float: left; width: 80px; height: 20px; margin-bottom: 10px; padding: 0; border: 0; }

.vice-link a, .vice-link a:visited { text-decoration: underline; color: #2C17B1; }

.vice-link a:hover { text-decoration: none; color: #000000; }

.content-main-text-1 { width: 420px; float: right; }

.content-main-text-2 { width: 420px; float: right;  }

.end { clear: both; }


/* DETAIL */

#content-detail { margin-bottom: 5px; margin-top: 5px; padding: 10px; background-color: #D4F0FE; }

#content-detail h2 { text-align: center; margin: 0; padding: 0; font-size: 26px; font-weight: 900; color: #000000; }



.content-detail-text  img { width: 200px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 0; border: 0; }

.content-detail-text { margin: 0; padding: 0; text-align: justify; }

.content-detail-text p { margin-top: 4px; margin-bottom: 4px; padding: 0; font-size: 11px; font-weight: normal; color: #000000; text-align: justify; }

.detail-gallery-thumbnails { clear: both; margin-top: 10px; margin-bottom: 10px; padding: 0; }

.detail-gallery-thumbnail img { float: left; height: 120px; margin: 10px; padding: 0; border: 0; }

/* RIGHT WRAPPER */

#right-wrapper { width: 165px; min-height: 700px; float: right; margin: 0; padding-top: 50px; background-image: url('../images/wrapper-background.jpg'); 
                background-repeat: repeat-x; background-color: #FFFFFF; }

#right-wrapper h3 { clear: both; text-align: center; font-size: 18px; font-weight: normal; color: #FFFFFF; margin-top: 0; margin-bottom: 10px; padding: 3px; border-top: 2px solid #5B93BE; 
                   border-bottom: 2px solid #5B93BE; }


.right-wrapper-image { position: relative; margin-left: 20px; padding: 0; width: 124px; height: 84px; text-align: center; }

.right-wrapper-image img { margin: 0; padding: 0; width: 120px; height: 80px; border: 2px solid #5B93BE; }

.right-wrapper-images { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; padding: 0; width: 135px; height: 104px; text-align: center; }

.right-wrapper-images img { float: left; margin: 6px; padding: 0; width: 55px; height: 40px; border: 0; }


                
.nemovitost { width: 134px; height: 180px; margin-left: 15px; margin-top: 0; margin-bottom: 0; padding: 0; text-align: center; }

.nemovitost h3 { text-align: center; font-size: 18px; font-weight: normal; color: #FFFFFF; margin-top: 0; margin-bottom: 10px; padding: 3px; border-bottom: 2px solid #5B93BE; }

.nemovitost img { width: 120px; height: 80px; margin: 4px; padding: 0; border: 0; border: 2px solid #5B93BE; }

.nemovitost p { margin-top: 5px; margin-bottom: 5px; padding: 0; text-align: center; font-size: 12px; color: #000000; }

.cena { color: #000000; font-weight: bold; }

.nemovitost a, .nemovitost a:visited { text-decoration: underline; font-style: italic; color: #000000; }

.nemovitost a:hover { text-decoration: none; font-style: italic; color: #5B93BE; }

.vice-informaci { text-align: right; }

   
#prihlaseni-form { clear: both; padding: 0; margin: 0; text-align: left; }

#prihlaseni-form label { width: 40px; float: left; margin: 0; padding: 0; }

#prihlaseni-form input { width: 80px; margin: 0; padding: 0; }

#prihlaseni-form p { margin-top: 5px; margin-bottom: 5px; padding: 0; } 

#prihlaseni-form-odeslat { width: 120px; margin-left: 40px; }

#prihlaseni-form-registrace { margin-left: 55px; }



#registrace-h2 h2 { text-align: center; margin-top: 20px; margin-bottom: 50px; }

#registrace-form { clear: both; padding: 0; margin-left: 200px; text-align: left; }

#registrace-form label { width: 80px; float: left; margin: 0; padding: 0; }

#registrace-form input { width: 170px; margin: 0; padding: 0; }

#registrace-form p { margin-top: 10px; margin-bottom: 10px; padding: 0; } 

#registrace-form-odeslat { width: 170px; margin-left: 80px; }

#registrace-form .registrace-form-error { font-size: 14px; font-weight: bold; text-align: left; color: red; margin-left: 80px; }



#komentare-form { clear: both; padding: 0; margin-bottom: 40px; margin-top: 20px; text-align: left; }

#komentare-form label { width: 50px; float: left; margin: 0; padding: 0; font-weight: bold; }

#komentare-form input { width: 80px; margin: 0; padding: 0; }

#komentare-form textarea { width: 450px; height: 80px; margin: 0; padding: 0; }

#komentare-form p { margin-top: 5px; margin-bottom: 5px; padding: 0; } 

#komentare-form-odeslat { margin-left: 50px; }

.komentare-jmeno { width: 150px; float: left; text-align: left; font-weight: bold; padding: 10px; }

.komentare-text { text-align: left; padding: 10px; }

.komentare-content { clear: both; padding-top: 0; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted #000000; }

/* FOOTER */

#footer { width: 1000px; height: 30px; clear: both; margin: 0; padding: 0; background-color: #FFFFFF; }

#footer p { margin: 0; padding-top: 5px; text-align: center; font-size: 14px; font-weight: bold; }

#footer a, #footer a:visited { text-decoration: none; color: #000000; }

#footer a:hover { text-decoration: none; color: #5B93BE; }

/* FOOTER LINKS */

#footer-links { clear: both; width: 100%; height: 20px; background-color: #01214B; margin: 0; padding: 0; }

#footer-links p { margin: 0; padding-top: 2px; font-size: 12px; color: #FFFFFF; }

#footer-links a, #footer-links a:visited { text-decoration: none; color: #FFFFFF; }

#footer-links a:hover { text-decoration: none; color: #000000; }

.bold { font-weight: bold; }