@import url("./colors.css");

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

body {text-align: center; background: #003046; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; padding: 0 0 20px 0;}

#page {width: 630px; margin: 0 auto; text-align: left;}

.wrapper {overflow: auto;}
.left {float: left;}
.right {float: right;}
.none {display: none;}

#logo {border: 1px solid #fff; border-width: 0 1px; height: 140px; background: url('../top.jpg') no-repeat -1px 0;}
#logo a {display: block; position: absolute; width: 188px; height: 34px; top: 90px; margin: 0 0 0 13px;}


#menu {border: 1px solid #fff; border-width: 0 1px; overflow: auto; width: 623px; height: 32px; clear: both; padding: 0 0 0 5px; background: url('../menu.jpg') no-repeat -1px 0;}
#menu li {display: inline; float: left; margin: 9px 3px 0 3px;}
#menu li a {}

#line {border: 1px solid #fff; font-weight: bold; border-width: 0 1px; height: 21px; background: url('../aktuality_bar.jpg') no-repeat -1px 0; text-align: right;}
#line span {display: block; padding: 4px 5px 0 0;}


#main {border: 1px solid #fff; overflow: auto; border-width: 0 1px; width: 628px; background: #fff url('../back.jpg') repeat-y -1px 0;}

#main #content {width: 480px; background: url('../boy_corner.jpg') no-repeat bottom left; height: auto !important; height: 250px; min-height: 250px;}
#main #content #content-in {padding: 10px 20px 10px 20px; text-align: justify;}
#main #block {width: 124px; padding: 8px;}

#main #content p {text-indent: 0px; margin: 10px 0;}

#footerAction {border: 1px solid #fff; border-width: 0 1px; width: 628px; background: #08D1FB url('../middle_bar.jpg') no-repeat -1px 0; padding: 7px 0 0 0;}

#footerColumn1 {width: 158px; height: 171px; overflow: auto; background: url('../1stcolumn_bg.jpg') no-repeat -1px 0;}
#footerColumn1 h3 {background: url('../1stcolumn_top_bg.jpg') no-repeat -1px 0;}
#footerColumn1 form {padding: 0 15px 0 15px;}
#footerColumn1 textarea {width: 119px; height: 69px;}
#footerColumn1 input {width: 119px;}
#footerColumn1 input.submit  {width: 52px; margin: 6px 9px 0 0; background: rgb(77,219,255); color: #fff;}
#footerColumn1 p {text-align: right;}

#footerColumn2 {width: 167px; height: 171px; overflow: auto; background: url('../2ndcolumn_bg.jpg') no-repeat 0 0;}
#footerColumn2 h3 {background: url('../2ndcolumn_top_bg.jpg') no-repeat 0 0;}
#footerColumn2 span {padding: 0 6px 0 6px; display: block;}

#footerColumn3 {width: 158px; height: 171px; overflow: auto; background: url('../3rdcolumn_bg.jpg') no-repeat 0 0;}
#footerColumn3 h3 {background: url('../3rdcolumn_top_bg.jpg') no-repeat 0 0;}
#footerColumn3 span {padding: 0 6px 0 6px; display: block;}

#footerColumn4 {width: 145px; height: 171px; overflow: auto; background: #26CCFF url('../kontakt_bg.jpg') no-repeat 0 0;}
#footerColumn4 h3 {padding: 3px 0 7px 7px;}
#footerColumn4 span {display: block; padding: 0 0 0 7px;}

#footer { background: url('../bottom.jpg') no-repeat; width: 630px;}
#footer #contact {margin: 5px 0 0 0; width: 300px;}
#footer #copy {margin: 30px 0 0 0; width: 310px;}

/*Vit Horky - doplneni pro implementaci txt a foto*/
.message
{
display: block;
width: 444px;
height: 64px;
background-image: url('../message-bg.png');
background-repeat: no-repeat;
padding-top: 13px;
padding-left: 15px;
margin-bottom: 0px;
margin-left: 0px;
font-weight: bold;
}

.lsta {
padding:4px 0 4px;
text-align:center;
font-size: 11px !important;
color: #fff;
}