/* Main styles */
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Palatino Linotype", Palatino, Constantia, Georgia, "Times New Roman", serif;
  text-align: center;
  behavior:url('./skins/css/cssHoverFix.htc');
}

body, input, textarea {
  font-family: "Palatino Linotype", Palatino, Constantia, Georgia, "Times New Roman", serif;
}

/* Page */
#page {
  background: url('../images/mainbg.gif') repeat-y center;
  margin: 0 auto;
  text-align: left;
}

#page-in {
  margin: 0 auto;
  width: 1000px;
}

#top {
  height: 120px;
  position: relative;
  background: url('../images/top.jpg') no-repeat;
}

#logo {
  position: absolute;
  top: 25px;
  left: 48px;
  display: block;
  width: 300px;
  height: 28px;
}

#logo span {
  display: none;
}

#top #search {
  position: absolute;
  font-size: 0.8em;
  top: 60px;
  left: 335px;
}

#top #search input.search {
  border: 1px solid #333;
}

#top .top-nav {
  position: absolute;
  top: 85px;
  right: 170px;
}

#top .goBack, #top .goGal {
  float: left;
} 

#top .goBack a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.9em;
  padding: 2px 0 2px 50px;
  background: url('../images/sipka_zpet.gif') no-repeat left center;
}

#top .goGal a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.9em;
  padding: 2px 20px 2px 50px;
  background: url('../images/sipka_galery.gif') no-repeat left center;
}

.paging {
  font-size: 0.75em;
  text-align: center;
  color: #810000;
  padding: 10px 0;
}

.paging a {
  text-decoration: none;
  color: #810000;
  font-weight: bold;
}

.paging a:hover, .paging a.curent {
  color: #000;
}

/* Gallery List */
#galeryList {
  padding: 0 42px;
}

#galeryList .galItem {
  float: left;
  position: relative;
  text-align: center;
  width: 199px;
  height: 205px;
  margin: 0 15px;
  background: url('../images/photoItem.gif') no-repeat top left;  
}

#galeryList .galItem:hover {
  background: url('../images/photoItem.gif') no-repeat top right;
}

#galeryList .galItemLock {
  float: left;
  position: relative;
  text-align: center;
  width: 199px;
  height: 205px;
  margin: 0 15px;
  background: url('../images/photoItemPass.gif') no-repeat top left;  
}

#galeryList .galItemLock:hover {
  background: url('../images/photoItemPass.gif') no-repeat top right;
}

#galeryList .galPass {
  width: 100px;
  height: 200px;
  position: absolute;
  top: 130px;
  left: 46px;
}

#galeryList .galPass a {
  display: block;
  height: 23px;
  width: 107px;
}

#galeryList .galPass a span {
  display: none;
}

#galeryList .galItem .galPhoto {
  width: 150px;
  height: 100px;
  position: absolute;
  top: 24px;
  left: 24px;
}

#galeryList .galItem .galPhoto a {
  display: block;
  height: 125px;
  width: 150px;
}

#galeryList .galItem .galPhoto img {
  border: 0;
}

#galeryList .galItem:hover .galPhoto img {
}

#galeryList .galItem .galTitle, #galeryList .galItemLock .galTitle {
  width: 199px;
  font-size: 0.8em;
  font-weight: bold;
  color: #810000;
  position: absolute;
  top: 170px;
  left: 0px;
}

#galeryList .galItem .galTitle a, #galeryList .galItemLock .galTitle a {
  color: #810000;
  text-decoration: none;
}

/* Enter password to gallery */

#galeryPassword {
  position: relative;
  margin: 25px auto 55px auto;
  width: 405px;
  height: 275px;
  background: url('../images/passBox.gif') no-repeat;
}

#galeryPassword-in {
  padding-top: 70px;
}

#galeryPassword span {
  display: block;
  width: 405px;
  text-align: center;
  padding: 10px 0;
}

#galeryPassword span.galPass input {
  border: 1px solid #333;
  padding: 5px;
  width: 200px;
}

/* Admin login */
#galeryLogin {
  position: relative;
  margin: 25px auto 55px auto;
  width: 405px;
  height: 275px;
  background: url('../images/passBox.gif') no-repeat;
}

#galeryLogin-in {
  padding-top: 5px;
  text-align: center;
}

#galeryLogin span {
  display: block;
  width: 405px;
  text-align: center;
  padding: 10px 0;
}

#galeryLogin input[type="text"], #galeryLogin input[type="password"] {
  border: 1px solid #333;
  padding: 5px;
  width: 200px;
}

/* Navigace v administraci */
#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  float: left;
  border: 1px solid #000;
  margin: 8px;
}

#navigation li a {
  display: block;
  color: #fff;
  background: #810000;
  text-decoration: none;
  margin: 2px;
  padding: 5px;
  font-weight: bold;
}

#navigation li.active, #navigation li:hover {
  border: 1px solid #810000;
}

#navigation li.active a, #navigation li a:hover {
  color: #810000;
  background: #f1f1f1;
}

#admin {
  padding: 10px;
}

/* Tlacitka */
a.button {
  margin: 5px 0px;
  padding: 5px;
  border: 1px solid #999;
  background-color: #f1f1f1;
  color: #666;
  text-decoration: none;
}

a.button:hover {
  background-color: #eee;
  border: 1px solid #666;
  color: #333;
}

a.upload {
  background: #f1f1f1 url('/skins/images/image.png') no-repeat 5px 50%;
  padding-left: 32px; 
}


#bottom {
  margin: 0 auto;
  text-align: center;
  height: 31px;
  color: #fff;
  font-size: 10px;
  padding-top: 2px;
  background: url('../images/bottombg.gif') no-repeat center; 
}

/* List of photos */
h1 {
  font-size: 1.4em;
  color: #810000;
  text-align: center;
}

h2 {
  font-size: 1.1em;
}

p.info {
  text-align: center;
  font-weight: bold;
  font-size: 0.8em;
}

#galeryPhoto {
  padding: 0 42px;
}

#galeryPhoto .galItem {
  float: left;
  position: relative;
  text-align: center;
  width: 199px;
  height: 177px;
  margin: 0 15px;
  background: url('../images/smallPhotoItem.gif') no-repeat top left;  
}

#galeryPhoto .galItem:hover {
  background: url('../images/smallPhotoItem.gif') no-repeat top right;
}

#galeryPhoto .galItem .galPhoto {
  width: 150px;
  height: 100px;
  position: absolute;
  top: 24px;
  left: 24px;
}

#galeryPhoto .galItem .galPhoto a {
  display: block;
  height: 100px;
  width: 150px;
}

#galeryPhoto .galItem .galPhoto img {
  border: 0;
}

#galeryPhoto .galItem:hover .galPhoto img {
}

#galeryPhoto .galItem .galTitle {
  width: 199px;
  font-size: 0.8em;
  font-weight: bold;
  color: #810000;
  position: absolute;
  top: 142px;
  left: 0px;
}

/* Hledani */

#mainSearch {
  margin: 25px 0 55px 0;
}

#main p.red {
  color: #810000;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}

#main p.red a.seznam {
  display: block;
  width: 100px;
  margin: 0 auto;
  background: url('../images/sipka_zpet.gif') no-repeat center 5px;
  padding-top: 35px;
  color: #333;
  text-decoration: none;
}


#main p.red a.cervenalhota {
  display: block;
  margin: 0 auto;
  width: 236px;
  height: 18px;
  background: url('../images/cervenalhota_logo.gif') no-repeat center center;
  padding: 3px;
}

#main p.red a.cervenalhota span {
  display: none;
}

#bottom .black {
  color: #000;
}

.clear {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

/** Notification **/
.notification {
  margin: 0 0 15px 0;
  padding: 0;
  border: 1px solid;
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important;
  font-size: 13px;
  width: 99.8%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
	border-radius: 6px;
}

.attention {
  background: #fffbcc url('../images/exclamation.png') 10px 11px no-repeat;
  border-color: #e6db55;
  color: #666452;
}

.information {
  background: #dbe3ff url('../images/information.png');
  border-color: #a2b4ee;
  color: #585b66;
}

.success {
  background: #d5ffce url('../images/tick_circle.png');
  border-color: #9adf8f;
  color: #556652;
}

.error {
  background: #ffcece url('../images/cross_circle.png');
  border-color: #df8f8f;
  color: #665252;
}

.notification div {
  display:block;
  font-style:normal;
  padding: 10px 10px 10px 36px;
  line-height: 1.5em;
}

/** Admin **/
#adminItems {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#adminItems li {
  position: relative;
  float: left;
  border: 1px solid #999;
  width: 150px;
  height: 150px;
  padding: 2px;
  margin: 10px 30px;
  overflow: hidden;
  font-size: 80%;
}

#adminItems li:hover {
  border: 1px solid #666;
  background: #eee;
}

#adminItems .controls {
  position: absolute;
  width: 16px;
  left: 135px;
  top: 3px;
}

#adminItems .controls img {
  border: 0;
}