body {
	background: #002f3a url(img/bg_tile.png) repeat; color: #9dc5ca;
	text-align: center;
}
#header, #body, #footer {
	text-align: left;
}
a {
	color: #9dc5ca;
}
#header {
	width: 100%; height: 269px; overflow: hidden;
	background: #002f3a url(img/header_bg2.jpg) no-repeat center;
}
#header div {
	width: 960px; height: 269px; overflow: hidden;
	position: relative;
	margin: 0px auto;
	background: #002f3a url(img/header_bg.jpg);
}
#poznamka {
    position: absolute; left: 0; top: 240px; width: 960px; font-size: 14px; font-weight: bold; text-align: center;
}
#logo {
	width: 269px; height: 66px;
	position: absolute; top: 21px; left: 409px;
	overflow: hidden;
}
#logo a {
	display: block; width: 269px; height: 66px;
	border: none;
	font-size: 32px; font-weight: normal; line-height: 66px;
}
#logo a span {
	width: 269px; height: 66px;
	position: absolute; top: 0; left: 0;
	background-image: url(img/logo.png);
	cursor: pointer;
}
#slogan {
	display: block; width: 284px; height: 19px;
	position: absolute; left: 250px; top: 80px;
	color: #FFF;
	padding: 0;
	background-color: #6b81a8;
	font-size: 150%; font-weight: normal;
}
#slogan span {
	display: block; width: 284px; height: 19px;
	position: absolute; left: 0; top: 0;
	background-image: url(img/slogan.gif);
}
#adresa {
	position: absolute; left: 700px; top: 35px;
	font-size: 90%;
}
#hlavicka {
	width: 960px; height: 500px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}
#menu {
	position: absolute; left: 705px; top: 10px;
}
#menu li, #lang li {
	float: left;
	height: 30px;
}
.bio {
	width: 40px;
}
.kontakt {
	width: 70px;
}
#menu li a, #lang li a {
	font-size: 1.8em; font-weight: normal;
}
#lang {
	position: absolute; left: 845px; top: 10px;
}
#lang li {
	width: 30px;
}

#body {
	width: 100%;
}
.panel, .panel2, .panel3 {
	width: 960px;
	position: relative; 
	background: #174455 url(img/body_bg.jpg);
}
.panel, .panel2 {
	height: 230px;
}
#content, #content2 {
	width: 727px; overflow: hidden;
	padding: 20px 20px 50px 20px;
	margin-left: 190px;
}
#content {
	background: #174655 url(img/content.jpg) no-repeat bottom;
}
.panel2 {
	background: #174455 url(img/kontakt_bg.jpg);
}
.panel3 {
	background: url(img/panel3.jpg) no-repeat;
}
.panel h2.velky, .panel3 h2.velky, .panel2 h2.velky {
	width: 150px; height: 80px; display: block;
	text-align: left; font-size: 2.0em; line-height: 30px; font-weight: normal;
	position: absolute; left: 25px; top: 28px;
}
.celagal, .vzad {
	width: 130px; height: 35px; display: block;
	position: absolute; left: 20px; top: 135px;
	padding: 6px 0 0 20px;
	background: url(img/cela_gal.jpg);
}
.vzad {
	background: url(img/nazad.jpg);
}
#footer {
	width: 100%; height: 279px; overflow: hidden;
	background: #002538 url(img/footer_bg.jpg) no-repeat center;
}

#footer div {
	width: 960px; height: 279px; overflow: hidden;
	position: relative;
	margin: 0px auto;
}

#footer ul {
	position: absolute; left: 200px; top: 150px;
}
#footer ul li {
	float: left; width: 125px; overflow: hidden;
	margin-right: 20px; text-align: left;
}
#footer ul li a {
	font-size: 1.4em; font-weight: normal;
}
#copyright {
	position: absolute; left: 400px; top: 255px;
	font-size: 1.4em;
	color: #4f7a8c;
}

#js_contf {
	position: absolute;
	left: 20px; top: 20px;
}
#js_contf label {
	width: 200px; height: 30px; display: block; float: left;
}
#js_contf input {
	padding: 6px;
	width: 334px; height: 15px; overflow: hidden;
	color: #FFF;
	background: url(img/input.jpg);
	border: none;
}
#js_contf textarea {
	width: 334px; height: 51px;
	padding: 6px;
	color: #FFF; background: url(img/textarea.jpg);
	border: none;
	font-size: 1.1em;
}
.odoslat {
	width: 96px !important;	height: 27px !important;
	position: absolute; left: 620px; top: 99px;
	padding: 0 !important;
}
.wrong {
	background-image: none !important;
	background-color: red !important;
}
#bw {
	position: absolute; right: 10px; top: 252px;
}

.gallery-icon a {
	float: left; margin: 0 10px 10px 0;
}

#gallery_container1, #gallery_container2, #gallery_container3, #gallery_container4 {
	width: 742px; height: 168px;
	position: absolute; left: 210px; top: 10px;
}
#thumb_container1, #thumb_container2, #thumb_container3, #thumb_container4 { position:relative; overflow:hidden; height:168px; margin:0px auto 0px;  }
#thumbs1, #thumbs2, #thumbs3, #thumbs4 { white-space:nowrap; display:block; position:relative; height: 168px; }

#thumbs1 a, #thumbs2 a, #thumbs3 a, #thumbs4 a { padding:0px; margin: 0 3px 0 0; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:158px; top:0px; right:0px;  background:url(img/sipka_r.jpg) no-repeat center;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:158px; top:0px; left:0px; background:url(img/sipka_l.jpg) no-repeat center; }
/* thumbnail slider end */

/* sifr */

/* sifr-screen.css */



/*****************************************************************************

scalable Inman Flash Replacement (sIFR) version 3.



Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>



Older versions:

* IFR by Shaun Inman

* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin

* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben



See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.



This software is licensed and provided under the CC-GNU LGPL.

See <http://creativecommons.org/licenses/LGPL/2.1/>

*****************************************************************************/



@media screen {

  .sIFR-flash {

    visibility: visible !important;

    margin: 0;

    padding: 0;

  }

  

  .sIFR-replaced, .sIFR-ignore {

    visibility: visible !important;

  }

  

  .sIFR-alternate {

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 0;

    display: block;

    overflow: hidden;

  }

  

  .sIFR-replaced div.sIFR-fixfocus {

    margin: 0pt; 

    padding: 0pt; 

    overflow: auto; 

    letter-spacing: 0px; 

    float: none;

  }

}



@media print {

  .sIFR-flash {

    display    : none !important;

    height     : 0;

    width      : 0;

    position   : absolute;

    overflow   : hidden;

  }

  

  .sIFR-alternate {

    visibility : visible !important;

    display    : block   !important;

    position   : static  !important;

    left       : auto    !important;

    top        : auto    !important;

    width      : auto    !important;

    height     : auto    !important;

  }

}



/*

Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active

so they only apply if sIFR is active. Make sure to limit the CSS to the screen

media type, in order not to have the printed text come out weird.

*/

@media screen {

  /* Example:

  .sIFR-active h1 {

    font-family: Verdana;

    visibility: hidden;

  }

  */

}