/* ~-~ open art web ~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Verdana CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, lucida, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #000;
	background-color: #F2F2DB;
}

/* ~-~ vseobecne ~-~ */
* { margin: 0; padding: 0; }

h1, h2, h3, h4 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	color: #09529C;
	font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
	border-bottom: 1px solid #09529C;
}
h1 span, h2 span, h3 span, h4 span { font-size: .75em; }
h1 {
	font-size: 180%;
/*	color: #377F13; border-bottom: 1px solid #377F13; */
}
.no-border { border-bottom: none; }
h2 a { text-decoration: none; }

p {
	margin: .2em 0 .6em 0;
	padding: 0;
	line-height: 150%;
	font-size: .9em;
}

ul, li { margin: 0;	padding: 0; line-height: 150%; }

img { border: 0; }

hr, .hr {	display: none; }

q { font-style: italic; }

address { margin-bottom: .5em; font-style: normal; }

a { text-decoration: underline; font-weight: normal; color: #069; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #000; }

/* ~-~ design obsahu ~-~ */
#container-tile { /*margin-top: 113px;*/ margin-top: 80px; background: #FFF url("./images/bg-tile.gif") 50% 0 repeat; }

#container {
	margin: 0 auto;
	padding-top: 96px;
	width: 750px;
	text-align: left;	
}

#web { background: url("./images/bg-web.gif") no-repeat; }

#content {
	position: relative;
	z-index: 1;
	margin-left: 12px;
	border: 1px solid #D4D4D4;
	padding: 1px 1px 10px 1px;
	width: 722px;
	min-height: 625px;
	background: #fff url("./images/bg-web-shadow.gif") bottom repeat-x;
}

#space { position: relative; height: 88px; }

#logo {
	position: absolute;
	z-index: 2;
	top: 0;
	margin: 27px 0 0 0;
	width: 100%;
}
#logo-txt, #logo-txt a span, #logo-txt div span {
	margin: 0 auto;
	width: 177px;
	height: 139px;
	overflow: hidden;
	background: url("./images/logo-open-art.gif");
}
#logo-txt { position: relative; top: 0;	left: 0; }
#logo-txt a span, #logo-txt div span {
	position: absolute;
	top: 0;
	left: 0;
	background: url("./images/logo-open-art.gif");
}
#logo-txt a { color: #000; }

#accesslink { position: absolute; z-index: -1; top: 100%; width: 1px; height: 1px;margin: 0;overflow: hidden; }

/* ~-~ text a obsah dokumentu ~-~ */
#text, #text-first-page {
	margin: 7px 7px 0 230px;
	padding: 0;
	min-height: 630px;
}
#text-first-page {
	min-height: 346px;
}
#text p, #text-first-page p { font-size: .9em; }
#text ul, #text-first-page ul { margin: 0 0 1em 2em; font-size: .9em; }

.news {
	margin-bottom: 1px;
	display: block;
	position: relative;
	background: #F7F7EC;
}

.news h2 {
	margin: 0;
	padding: 2px 5px;
	/* padding-bottom: 0; */
	font-size: 1.3em;
	border: none;
	color: #008000;
	background-color: #DEEFD3;
}

.news p { margin: 0; padding: 5px; padding-top: 0; font-size: .9em; line-height: 130%; }
.news p.link {	padding: 1px 5px 5px 5px; background-color: #E9E9DB; overflow: hidden; }

#first-page-scroll { margin: 110px 0 0 0; }
#first-page { position: absolute; top: 95px; margin-left: 230px; }

.foto img { border: 1px solid #DADADA; }
.foto a:hover img {	border: 1px solid #999; }

.img-left { float: left; margin: 0 1em 5px 0; }

#bar {
	position: absolute;
	top: 95px;
	margin-left: 1px;
	width: 220px;
	overflow: hidden;
}

h4 {
	margin: 0 0 1px 0;
	padding: 4px 5px 3px 5px;
	font-size: 130%;
	background: #F6F6F6 url("./images/bg-heading.gif") bottom repeat-x;
	border-bottom: none;
}

#search { font-size: .85em; background: url("./images/bg-search.gif") top repeat-x; }
#search div { padding: .5em 0 .5em 1em; }
#search p { padding-left: 1em; }
.search-form { margin-bottom: 3px; }

#bar li {
	margin-bottom: 1px;
	list-style-type: none;
	font-size: .9em;
	background-color: #F6F6F6;
	/* background: #A3BFDD url("./images/bg-bar-list.gif") top repeat-y; */
}
#bar li.sec {
	background-color: #EBEBEB;
}

#bar li a, #bar li strong {
	display: block;
	padding: 3px 3px 5px 10px;
	text-decoration: underline;
	font-weight: normal;
	color: #09529C;
}
#bar li a:hover, #bar li a:active {
	text-decoration: underline;
	color: #000;
	background-color: #DEEFD3;
}
#bar li strong { text-decoration: none; font-weight: bold; }

span.link-out, span.link-out-2 { padding: 0 7px 0 8px; background: url("./images/link-out-2.gif") 100% 3px no-repeat; }
span.link-out-2 { padding: 0 6px 0 8px; background: url("./images/link-out-2.gif") 100% 4px no-repeat; }

.cleaner {
	clear: both;
}

#support-list {
	margin: .1em .2em .6em .2em;
	padding: .2em .1em;
	line-height: 190%;
}
#support-list strong { font-size: 1.4em; }
#support-list span { font-weight: bold; }


/* ~-~ hlavicka / hlavni nabidka ~-~ */
#menu {
	position: absolute;
	z-index: 2;
	top: 178px;
	margin-left: 14px;
	height: 88px;
	width: 722px;
	background-color: #069;
}

#menu li { float: left; list-style-type: none; }

#menu a, #menu strong { color: #FFF; }

#aktuality, #aktuality a, #aktuality strong, #aktuality a span, #aktuality a:hover span, #aktuality strong span {
	height: 88px;
	width: 145px;
	display: block;
	overflow: hidden;
	background: url("./images/aktuality.gif") 0 -88px;
}
#aktuality { position: relative; top: 0; left: 0; }
#aktuality a span {	position: absolute;	top: 0; left: 0; background: url("./images/aktuality.gif") 0 -88px; }
#aktuality a:hover span, #aktuality strong span {	position: absolute;	top: 0; left: 0; background: url("./images/aktuality.gif"); }

#o-nas, #o-nas a, #o-nas strong, #o-nas a span, #o-nas a:hover span, #o-nas strong span {
	height: 88px;
	width: 137px;
	display: block;
	overflow: hidden;
	background: url("./images/o-nas.gif") 0 -88px;
}
#o-nas { position: relative; top: 0; left: 0; }
#o-nas a span { position: absolute; top: 0; left: 0; background: url("./images/o-nas.gif") 0 -88px; }
#o-nas a:hover span, #o-nas strong span { position: absolute; top: 0; left: 0; background: url("./images/o-nas.gif"); }

#akce, #akce a, #akce strong, #akce a span, #akce a:hover span, #akce strong span {
	height: 88px;
	width: 137px;
	display: block;
	overflow: hidden;
	background: url("./images/akce.gif") 0 -88px;
}
#akce { position: relative; top: 0; left: 0; }
#akce a span {	position: absolute; top: 0; left: 0; background: url("./images/akce.gif") 0 -88px; }
#akce a:hover span, #akce strong span {	position: absolute;	top: 0; left: 0; background: url("./images/akce.gif"); }

#podporuji-nas, #podporuji-nas a, #podporuji-nas strong, #podporuji-nas a span, #podporuji-nas a:hover span, #podporuji-nas strong span {
	height: 88px;
	width: 159px;
	display: block;
	overflow: hidden;
	background: url("./images/podporuji-nas.gif") 0 -88px;
}
#podporuji-nas { position: relative; top: 0; left: 0; }
#podporuji-nas a span { position: absolute; top: 0; left: 0; background: url("./images/podporuji-nas.gif") 0 -88px; }
#podporuji-nas a:hover span, #podporuji-nas strong span { position: absolute; top: 0; left: 0; background: url("./images/podporuji-nas.gif"); }

#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span {
	height: 88px;
	width: 144px;
	display: block;
	overflow: hidden;
	background: url("./images/kontakty.gif") 0 -88px;
}
#kontakty { position: relative; top: 0; left: 0; }
#kontakty a span { position: absolute; top: 0; left: 0; background: url("./images/kontakty.gif") 0 -88px; }
#kontakty a:hover span, #kontakty strong span { position: absolute; top: 0; left: 0;	background: url("./images/kontakty.gif"); }

/* ~-~ hlavicka / preklad ~-~ */
#translate {
	position: absolute;
	top: 154px;
	z-index: 2;
	margin-left: 550px;
	height: 22px;
	width: 188px;
}

#translate ul { margin: 0; padding: 0; text-align: left; }

#translate li { float: left; list-style-type: none; }

#translate a, #translate strong { color: #000; }

#english, #deutsch { margin-left: 4px; }

#cesky, #cesky a, #cesky strong, #cesky a span, #cesky a:hover span, #cesky strong span {
	height: 22px;
	width: 60px;
	display: block;
	overflow: hidden;
	background: url("./images/cesky.gif") 0 -22px;
}
#cesky { position: relative; top: 0; left: 0; }
#cesky a span { position: absolute; top: 0; left: 0; background: url("./images/cesky.gif") 0 -22px; }
#cesky a:hover span, #cesky strong span { position: absolute; top: 0; left: 0; background: url("./images/cesky.gif"); }

#english, #english a, #english strong, #english a span, #english a:hover span, #english strong span {
	height: 22px;
	width: 60px;
	display: block;
	overflow: hidden;
	background: url("./images/english.gif") 0 -22px;
}
#english { position: relative; top: 0; left: 0; }
#english a span { position: absolute; top: 0; left: 0; background: url("./images/english.gif") 0 -22px; }
#english a:hover span, #english strong span { position: absolute; top: 0; left: 0; background: url("./images/english.gif"); }

#deutsch, #deutsch a, #deutsch strong, #deutsch a span, #deutsch a:hover span, #deutsch strong span {
	height: 22px;
	width: 60px;
	display: block;
	overflow: hidden;
	background: url("./images/deutsch.gif") 0 -22px;
}
#deutsch { position: relative; top: 0; left: 0; }
#deutsch a span { position: absolute; top: 0; left: 0;	background: url("./images/deutsch.gif") 0 -22px; }
#deutsch a:hover span, #deutsch strong span { position: absolute; top: 0; left: 0; background: url("./images/deutsch.gif"); }

/* ~-~ paticka ~-~ */
#footer {
	clear: both;
	margin-top: -40px;
 	width: 100%;
	height: 127px;
	background: #f2f2db url("./images/bg-footer.gif") bottom repeat-x;
}

#footer .shadow { margin: 0 auto; width: 750px; background: url("./images/bg-footer-shadow.gif") 12px 0 no-repeat; }

#footer div { padding: 23px 12px 0 12px; }

#footer p, #odkazy {
	margin: 0;
	text-align: right;
	font-size: .7em;
	line-height: 140%;
	color: #999;
}

#footer a { text-decoration: underline; color: #999; }
#footer a:hover, #footer a:active { text-decoration: underline; color: #000; }

#odkazy { padding: 10px 0;}

/* ~-~ doplnky ~-~ */
#top {
	position: absolute;
	top: -33px;
	left: 0;
	width: 100%;
	height: 210px;
	background: url("./images/bg-top.gif") 50% 0 repeat-x;
}

#top div {
	margin: 0 auto;
	width: 100%;
	height: 210px;
	background: url("./images/fluffy-clouds.jpg") 50% 0 no-repeat;
}

p.top { margin-top: 10px; }

.form {
	margin-bottom: 1px;
	padding: 1px;
	border: 1px solid #069;
}
.button {
	padding: 3px 5px 5px 5px;
	font-size: .9em;
	color: #069;
	border: 1px solid #E8E8CD;
	background: #E8E8CD url("./images/bg-button.gif") bottom repeat-x;
}

fieldset {
	margin: 0 0 .5em 0;
	padding: .3em;
	width: 310px;
	border: 1px double #B4B4B4;
}
legend {
	margin: 0 0 0 5px;
	padding: 1px 5px;
	border: 1px solid #B4B4B4;
	background-color: #EDEDED;
}

.mail-form label { display: block; }

.advert {}

/* ~-~ fotky na hlavni strance ~-~ */
.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 402px;
    padding: 0 40px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 402px;
    height: 99px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
    height: 99px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 34px;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("./images/next-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url("./images/prev-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 34px;
    left: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("./images/prev-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url("./images/next-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}