@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial;
	background: #dfe0e1 repeat-y center url("img/pozadi.png");
	font-size: 80%;
}

/* GLOBAL STYLE DEFINITION */
a, a:link, #nahoru a { color: #800033; text-decoration: none; }
a:hover, #nahoru a:hover { color: #916f8a; }
a:visited { color: #164450; }
a img { border: none; }
p {	padding-bottom: 10px; }
dt { font-size: 120%; font-weight: bold; margin:10px 0 5px 0; }
p, dd { text-align: justify; }


h1 {
	font-size: 140%;
	color: white;
}

h2 {
	font-size: 135%;
	padding-top: 10px;
}
/* LAYOUT */
#width-define {
	width: 886px;
	margin: 0 auto;
	text-align: left;
}

/* HEADER */
#header {
	width: 781px;
	height: 165px;
	margin: 0 auto;
	background: url("img/header.png") no-repeat center;
}

/* MENU */
#menu-container {
	float: left;
	width: 277px;
}

#menu-beasts {
	margin-top: 40px;
	float: left;
	width: 50px;
	height: 396px;
}
#menu-beasts {
	margin-top: 40px;
	float: left;
	width: 50px;
	height: 396px;
}
#menu-beasts div.beast-cage {
	width: 45px;  height:45px;
	margin: 0 auto;
}
#menu-beasts div.beast {
	width: 45px;  height:45px;
	background-image: url('menu-sprite.png');
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}
#menu-beasts #img-o-nas { background-position: -816px top; top: 10px;}
#menu-beasts #img-zamestnanci { background-position: -272px top; top: 25px; }
#menu-beasts #img-akce { background-position: -0px top; top: 35px; }
#menu-beasts #img-plakaty { background-position: -1360px top; top: 42px; }
#menu-beasts #img-krouzky { background-position: -1632px top; top: 53px; }
#menu-beasts #img-fotogalerie { background-position: -1088px top; top: 65px; }
#menu-beasts #img-odkazy { background-position: -544px top; top: 78px; }

#menu {
	float: left;
	width: 227px;
	margin-top: 40px;
	height: 396px;
	
/* 
	dalsi roky zmenit url('');
	2009 - img/menu_0910.png
	2010 - img/menu_1011.png
	2011 - img/menu_1112.png
	2012 - img/menu_1213.png
	2013 - img/menu_1314.png
*/
	background: url("img/menu_1112.png") no-repeat top center;
}

#menu a { display: block; height: 30px; width: 180px; margin: 0 auto; position: relative; outline: none; }
#menu a span { display: none; }

#menu #o-nas a#link-o-nas { top: 15px; }
#menu #o-nas { background-position: -861px top; }

#menu #zamestnanci a#link-zamestnanci { top: 45px; }
#menu #zamestnanci { background-position: -1405px 57px; }

#menu #akce a#link-akce { top: 69px; }
#menu #akce { background-position: -45px 114px; }

#menu #plakaty a#link-plakaty { top: 94px; }
#menu #plakaty { background-position: -1133px 171px; }

/* 
	dalsi roky zmenit background-position: -XXXX 225px;
	2009 - 1362px
	2010 - 1904px
	2011 - 2131px
	2012 - 2358px
	2013 - 2585px
*/
#menu #krouzky a#link-krouzky { top: 118px; }
#menu #krouzky { background-position: -2131px 225px; }

#menu #fotogalerie a#link-fotogalerie { top: 145px; }
#menu #fotogalerie { background-position: -317px 279px; }

#menu #odkazy a#link-odkazy { top: 166px; }
#menu #odkazy {	background-position: -589px 334px; }

#menu div.menu {
	width: 227px;
	background-repeat: no-repeat;
	background-color: transparent;
	/*
	background-image: url('menu-sprite.png');
	*/
	background-image: none;
	height: 396px;
}

/* LOGO */
#logo {
	position: relative;
	top: 51px;
	margin-left: 50px;
	height: 72px;
	background: url("img/logo.jpg") no-repeat top left;
}

/* CONTENT */
#content {
	float: left;
	width: 520px;
	height: 522px;
	margin-left: 35px;
	margin-top: 45px;
	color: white;
	font-family: verdana;
}

#content .c1, #content .c2, #content .c3 { 
	padding: 20px 15px 20px 25px;
}

.flower { background: url("img/siluety/flower.png") no-repeat 480px bottom; }
.hejno { background: url("img/siluety/ptaci-hejno.png") no-repeat 340px bottom; }
.zobzob { background: url("img/siluety/zobzob.png") no-repeat 400px bottom; }
.kyti { background: url("img/siluety/kyti.png") no-repeat 400px bottom; }
.dash-akce { background: url("img/siluety/dash.png") no-repeat 315px bottom; }
.handstand-akce { background: url("img/siluety/handstand.png") no-repeat center bottom; padding-bottom: 75px !important;}
.gymnastka { background: url("img/siluety/gym.png") no-repeat 420px bottom; }
.kapric3 { background: url("img/siluety/carp-c3.png") no-repeat 250px bottom; }
.kapri { background: url("img/siluety/carp.png") no-repeat 250px bottom; }
.datel { background: url("img/siluety/woodpecker.png") no-repeat right center; }

#content .c1 { background-color: #f29400; }
#content .c2 { background-color: #e7501e; }
#content .c3 { background-color: #e5302d; }

#nahoru {
	text-align: right;
	padding: 5px;
}


/* O NAS */

#myTabs #aktuality {
	min-height: 250px;
}

#myTabs #aktuality ul li {
	padding-bottom: 10px;
}

#myTabs #doba {
	min-height: 250px;
	_height: 250px;
}

/* ZAMESTNANCI */

.zamestnanec {
	margin-bottom: 15px;
}
.zamestnanec a {
	outline: none;
	float: left;
	padding: 0 15px 10px 0;
}

/* OBRAZKY */

div.plakat {
	padding: 10px;
	margin: 10px;
	text-align: center;
}

/* GALERIE */

h2.gallery-header {
	font-size: 90%;
	margin-bottom: 10px;
}

/* AKCE */

h2.akce-header {
}

#pripravovane-akce-menu {
	width: 150px;
	float: right;
	margin-left: 10px;
}

.pripravovane-akce {
	padding:10px 15px 20px 20px;
}
.pripravovane-akce h3 {
	margin-top: 15px;	
	margin-bottom: 5px;	
}
.pripravovane-akce p {
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
}


.pripravovane-akce p.bring-with {
	background: url("img/exclamation.png") no-repeat 5px top;
}
.pripravovane-akce p.time {
	background: url("img/calendar_view_day.png") no-repeat 5px top;
}
.pripravovane-akce p.description {
	background: url("img/help.png") no-repeat 5px top;
}
.pripravovane-akce p.info {
	background: url("img/information.png") no-repeat 5px top;
}

/* TABS */
/* ----------------------------------*/
.ui-tabs { margin: 0; padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { /*float: left;*/ position: relative; border-bottom-width: 0 !important; margin: 0 30px 5px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li a:hover { /*font-weight: bold;*/ text-decoration: underline; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
/*.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }*/
.ui-tabs .ui-tabs-hide { display: none !important; }