/* Common */
BODY {background: #038ad4 url(../img/voda.jpg) repeat-x center 200px; text-align: center; padding: 0; margin: 0; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; color: #000000;}
P {margin: 0;}
FORM {margin: 0}
SELECT, INPUT, TEXTAREA {font: 11px "Arial", sans-serif;}
IMG {border: 0}
H1 {margin: 0}
H2 {margin: 0 0 10px; font-size: 18px;}
H3 {margin: 18px 0 6px 0; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: white}


A {text-decoration:underline; color:#A94E4B}
A:visited {text-decoration:underline; color:#A94E4B}
A:hover {text-decoration:underline; color: #ffd281}

.break {font-size: 1px; height: 1px; visibility: hidden; clear: both;}
.default {color: black; font-weight: normal}

#root {text-align: left; width: 890px; margin: auto; position: relative; }


/* Header */
#header {padding: 0 8px; height: 295px; position: relative;}
#header #logo {display: block; position: relative; top: 20px; left: 78px}



/* Navibar */
#navibar {width: 192px; position: relative; right: 5px}
#navibar A {color: white; text-decoration: none; font-size: 13px !important; display: block}
#navibar .odd-item {background-color: #00aeff; padding: 5px 10px 5px 17px; text-transform: uppercase}
#navibar .even-item {background-color: #437cbc; padding: 5px 10px 5px 17px; text-transform: uppercase}
#navibar .top-navi {}
#navibar .bottom-navi {}

#weather {width: 192px; position: relative; right: 5px; margin-top: 5px}
#weather #include {background-color: #ffffff; padding: 5px 10px 5px 17px;}
#weather .top-weather {}
#weather .bottom-weather {}

#opens {width: 192px; position: relative; right: 5px; margin-top: 5px}
#opens #text {background-color: #ffffff; padding: 5px 10px 5px 17px;}
#opens .top-weather {}
#opens .bottom-weather {}


/* Page */
#page {text-align: left; width: 890px; background: #FFFFFF url('../img/pozadi.gif') repeat-y right top; padding: 0;}
#page UL {margin-top: 0}

#page .paragraph {color: white}

#page A {font-weight: bold; font-size: 13px}
#page P {margin: 4px 0 15px 0}
#page #mirror {}
#page #mirror .left-column {width: 200px; float: left; padding: 15px 0 20px 0}

.left-column #include {text-align: center;}

#page #mirror .right-column {width: 640px; float: right; padding: 15px 30px 20px 0}

.right-column .big-picture {border: 2px solid white; clear:both; margin-bottom: 15px; width: 621px; height: 522px; overflow: hidden; position: relative; background: white}
.right-column .big-picture #pic-nav {display: none}
.right-column .big-picture .go-for {position: absolute; top: 35px; right:25px;}
.right-column .big-picture .go-back {position: absolute; top: 35px; left:25px;}
.right-column .big-picture #image-film {width:620px; height: 125px; background: white; overflow: auto; position: absolute; bottom: 0; left: 0; border-top: 1px solid #0e83aa}
.right-column .small-picture {border: 2px solid white; float: left; margin: 0 15px 15px 0; text-align: center; width: 109px; height: 81px; overflow: hidden}

.right-column .page-text {color: white}


.right-column .novinky-nadpis {margin-top: 25px}
.right-column .novinky-text {margin-top: 25px}
.right-column .mapa-koupaliste {border: 4px solid white}
.right-column .zobrazit-mapu {text-align: center; padding: 6px 0}

.right-column .emailTable {color: white}
.right-column .email {width: 400px}
.right-column .email-dotaz {width: 500px; height: 200px}

.right-column .obcerstveni TH {padding-top: 20px}

/* Footer */
#footer {width: 890px; background: #038ad4 url('../img/paticka.gif') no-repeat left top; padding-top: 10px; text-align: center}
#footer IMG {border: 0; margin: 0}
#footer-navibar {color: #ffffff; padding-bottom: 6px; font-size: 12px}
#footer-address {color: #a2e2fd; padding-bottom: 20px; font-size: 12px}

#footer A {text-decoration:underline; color:white}
#footer A:hover {text-decoration:underline; color: white}

/* Admin */
#admin-header {background: #FFFFFF url('../img/admin.gif') no-repeat left bottom; height: 99px; margin: 0 8px; position: relative}
#admin-header #logo {display: block; position: relative; top: 8px; left: 20px}
#admin-header #admin-name {display: block; position: absolute; top: 46px; right: 20px; font-weight: bold; font-size: 16px; color: #54778c}
#page #admin-mirror {padding: 15px 35px 20px 25px}
.infobox {display: block; text-align: center; font-weight: bold; font-size: 16px; border: 1px solid white; background: #00cc00; color: white;  padding: 5px; margin: 6px 120px 12px}
.redInfobox {display: block; text-align: center; font-weight: bold; font-size: 16px; border: 1px solid white; background: #ff552e; color: white; padding: 5px; margin: 6px 120px 12px}
	.headline1-admin {color: white}
  .fontik1 	{color: #000000; font-size: 14px; font-family: Arial,Helvetica, sans-serif; text-decoration: none }
	.darkerColumn	{padding:5px; border:1px solid gray; width:150px; background-color:#A00000; color:white; font-weight:bold}
	.galLeftCol	{background-color:#ffbe5f;}
	.galLeftCol img	{border:1px solid gray}
	.galMiddleCol	{background-color:#ffffff;}
	.galRightCol	{background-color:#ffbe5f;}
	.gal		{}
	.galEdit	{}
	.galDelete	{}
	.galInsertTable {background: #FFFFFF url('../img/admin.gif') no-repeat left bottom;}
	.galInsertNews {background: #FFFFFF url('../img/admin.gif') no-repeat left bottom;}
  .galInsertNews .headNews {width: 600px}
  .galInsertNews .textNews {width: 600px; height: 200px}
  .newsReview {width:820px;}
	.newsLeftCol	{background-color:#ffbe5f; width: 130px}
	.newsLeftCol img	{border:1px solid gray;}
	.newsMiddleCol	{background-color:#ffbe5f;}
	.newsRightCol	{background-color:#ffbe5f;}
  .newsHeadCol {background-color:#ffffff;}
  .newsHead {font-weight: bold}