* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-size: small; font-family: sans-serif; line-height: 1.7em; background: white url(../images/bg.gif) top center repeat-x;}

a:link {color: #dd6500;}
a:visited {color: #dd6500;}
a:hover {color: #ff0000;}
p {padding: 0.7em 0;}
strong {color: #0077c0;}
.right {float: right;}
.red {color: red;}

h1 {overflow: hidden; font-size: 1.9em;}
h1, h1 span {position: relative; top: 35px; width: 249px; height: 91px;}
h1 span {position: absolute; top: 0; left: 0; background: url(../images/logo.png) top left no-repeat;}
h1 a:hover span {cursor: pointer;}
h2 {font-size: 1.5em; color: white; margin-top: 55px; font-weight: normal; padding-left: 10px; background: #00b9f2; width: 340px;}
h3 {font-size: 1.5em; font-weight: normal; color: #FF7400; margin: 0.7em 0 0.5em 0;}

body>#page {height: auto;}
#page {margin: 0 auto; min-height: 100%; height: 100%; position: relative;}

#header {width: 770px; margin: 0 auto; height: 210px; background: url(../images/boat.jpg) 340px 0 no-repeat;}

#nav {width: 770px; height: 54px; margin: 0 auto; margin-top: 27px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif}
#nav ul {list-style: none;}
#nav ul li {width: 150px; float: left; padding-left: 5px; background: #0077c0;}
#nav ul li#uvod {width: 90px; padding-left: 0;}
#nav ul li#zabava {width: 180px;}
#nav ul li#margo {width: 160px;}
#nav ul li#faq {width: 180px;}
#nav ul li#kontakt {width: 110px;}
#nav ul li#kontakt span {font-family: sans-serif;}
#nav ul li a {font-size: 1.2em; display: block; height: 40px; line-height: 40px; color: white; text-align: center; border: 3px solid #0077c0; border-width: 3px 3px 0 3px; overflow: hidden;}
#nav ul li a:hover {text-decoration: none; color: #fea358;}
#nav ul li a.active {text-decoration: none; background: white; color: #de6500; border: 3px solid #e5e5e5; border-width: 3px 3px 0 3px;}

#main {width: 770px; margin: 0 auto; padding: 0 10px 110px 10px;}
#main img.left {float: left; padding: 10px 30px 10px 0;}
#main ul.info {width: 150px; float: left; list-style: none; border: 5px solid #b9e1f7; margin-top: 10px; padding: 10px;}
#main ul.tech {width: 400px; float: left; border: 5px solid #b9e1f7; margin-top: 10px; padding: 10px 10px 10px 30px;}
#main ul.tech ul {list-style: circle; padding-left: 20px;}
#main ul.tech ul li {list-style: circle; padding-left: 20px;}
#main ul.fun {list-style: none; width: 350px; float: left; border: 5px solid #b9e1f7; margin: 10px 0 30px 0; padding: 10px;}
#main ul.fun li {background: url(../images/arrow.gif) 0 6px no-repeat; padding-left: 22px;}
#main img.foto {width: 200px; height: 150px; margin: 0 20px;}
#main a.pcs img {border: 3px solid #ececec;}
#main a.pcs:hover img {border: 3px solid #00b9f2;}

.front-box1 {float: left; width: 380px; padding-right: 20px;}
.front-box2 {float: right; width: 350px;}
#main ul.front {list-style: none; width: 300px; border: 5px solid #b9e1f7; margin: 10px 0 0 0; padding: 10px;}
#main ul.front li {background: url(../images/arrow.gif) 0 6px no-repeat; padding-left: 22px;}

#content {width: 510px; float: left; padding: 0 30px 0 0;}
#content ul {list-style: none; border: 1px solid #dd6500; border-width: 1px 0; padding: 5px 0 10px 0;}

#column {width: 210px; float: right; padding: 10px 0;}
#column img.foto1 {width: 200px; height: 150px;}
#column img.foto2 {width: 200px; height: 267px;}
#column a.pcs img {border: 3px solid #ececec;}
#column a.pcs:hover img {border: 3px solid #00b9f2;}

#footer {height: 90px; background: #1d95de url(../images/bg-footer.gif) top center repeat-x; margin-top: 20px; position: absolute; left: 0; bottom: 0; width: 100%;}
#footer p {text-align: center; color: white; padding-top: 34px;}
#footer p a {color: #ffd4b1;}
#footer p a:hover {text-decoration: none;}

address {font-style: normal; border: 1px solid #00b9f2; padding: 5px 10px; margin: 10px 0;}
legend {font-size: 1.4em; padding: 0 10px 0 5px; color: #0077c0;}
fieldset {padding: 10px 10px 5px 10px; border: 1px solid #00b9f2;}
fieldset span {color: black;}
td {padding: 5px 5px 5px 0;}
#button {margin-left: 52px; background: #1d95de; color: white; width: 70px; height: 25px;}

br.cleaner {clear: both; visibility: hidden;}