/* --------------------------------------------------------- 
 *	basic settings
 */

* {
	font-size: 100%;
	padding: 0; margin: 0;
	list-style: none;
}

body, td, th, input, textarea, select {
	font-family: "Arial CE", Arial, sans-serif;
	color: #FFF;
}
html {
	padding: 0; margin: 0;
}
body {
	background: #00baf2;
	font-size: 70%;
}
a {
	color: #FFC20E;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

.hide {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.cleaner {
	clear: both;
}

/* --------------------------------------------------------- 
 *	scrollbar hack
 */ 
 
html {
	overflow-y: scroll; 
} 
/* --------------------------------------------------------- 
 *	clearfix hack
 */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* --------------------------------------------------------- 
 *	layout
 */

#page {
	width: 904px;
	background-repeat: no-repeat;
	min-height: 720px; 
}

* html #page {
	height: 720px;
}

body.background-01 #page {
	background-image: url('../clip/bg-homepage-01.jpg');
}

body.background-02 #page {
	background-image: url('../clip/bg-homepage-02.jpg');
}

#right {
	width: 317px;
	float: right;
}

#content {
	position: relative;
	width: 364px;
	float: left;
}

#main {
	width: 681px;
	float: right;
}

#left {
	width: 223px; height: 480px;
	background: #FFF url('../clip/bg-left.png') no-repeat 0 bottom;
	float: left;
}
body.homepage #left {
	background-color: transparent;
}

#right, #content {
	min-height: 480px;
}

#right-logo {
	position: relative;
	height: 480px;
	background: url('../clip/banner-right.png') 100% 0 no-repeat;
}

* html #right,
* html #content {
	height: 480px;
}



/* --------------------------------------------------------- 
 *	top
 */
#top {
	height: 191px;
}
#top a.logo {
	display: block;
	height: 167px;
	background: #FFF url('../clip/logo.png');
}

* html #top a.logo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/clip/logo.png');
}

body.homepage #top a.logo {
	background-color: transparent;
}
body.homepage #top #subtop {
	background-color: transparent;
}

#top a.logo img {
	display: none;
}
#subtop {
	height: 24px;
	background: #FFF url('../clip/logo.png') 0 -167px;
}

/* --------------------------------------------------------- 
 *	news banner
 */

.news-banner {
	position: absolute;
	left: 0; top: 264px;
	font-size: 125%;
	padding: 13px 13px 13px 13px;
	width: 225px;
	height: 70px;
	background: #FFC20E;
}
.news-banner a {
	display: block;
	font-weight: bold;
	color: #a14a9c;
}
.news-banner a:hover {
	color: #000;
	text-decoration: none;
}


/* --------------------------------------------------------- 
 *	news banner
 */
 
.navigation {
	width: 152px;
	margin-left: 71px;
	font-size: 120%;
}
/*
.navigation li {
	height: 1%;
	float: left;
}
*/
.navigation li a {
	/*float: left;*/
	display: block;
	background: #000;
	height: 24px; line-height: 24px;
	color: #FFF;
	font-weight: bold;
	padding: 0 26px 0 18px;
	white-space: nowrap;
}

.navigation li a:hover, .navigation li.nav-active a {
	background: #00baf2;
	text-decoration: none;
}
.navigation li.nav-active a {
}
/*
.navigation li.no-full a:hover, .navigation li.no-full a {
	width: auto;
}
*/
.navigation li.nav-novinky a {
	background: #ffc20e;
	color: #000;
}
.navigation li.nav-novinky a:hover, .navigation li.nav-active.nav-novinky a {
	background: #ffc20e;
	color: #00baf2;
}
/*
.navigation li.no-full.nav-seznam a:hover, .navigation li.no-full.nav-seznam a {
	width: 84px;
}
*/
* html .navigation li.no-full.nav-akce a:hover, * html .navigation li.no-full.nav-akce a {
	padding-right: 24px;
}

.navigation li ul {
	display: none;
}
.navigation li.nav-active ul {
	display: block;
}
.navigation li.nav-active ul li {
	position: relative;
}
.navigation li.nav-active ul li a { 
	background: #808285;
	color: #FFF;
}
.navigation li.nav-active ul li a:hover, .navigation li.nav-active ul li.nav-active a {
	color: #00baf2;
	background: #808285;
}
.navigation li a.nav-akce-link {
	float: none;
	display: block;
}
.navigation li.nav-active ul li ul {
	display: none;
	left: 152px; top: 0;
	position: absolute;
}
.navigation li.nav-active ul li.show-submenu ul {
	display: block;
}
.navigation li.nav-active ul li ul li a {
	background: #808285;
	color: #FFF;
}
.navigation li.nav-active ul li ul li a:hover {
	color: #00baf2;
}
.navigation li.nav-active ul li.nav-active ul li a {
	color: #FFF;
	background: #808285;
}
.navigation li.nav-active ul li.nav-active ul li.nav-active a, .navigation li.nav-active ul li.nav-active ul li a:hover  {
	color: #00baf2;
}

.navigation li.nav-active ul li:hover ul {
	display: block;
}

/* --------------------------------------------------------- 
 *	language
 */
.language {
	font-weight: bold;
	background: #000;
	color: #FFF;
	height: 24px; width: 48px;
	text-align: center;
	position: absolute;
	top: 167px; left: 659px;
	line-height: 24px;
}
.language a {
	color: #FFF;
}
/* --------------------------------------------------------- 
 *	copyright
 */

.copyright {
	background: #00baf2;
	color: #FFF;
	font-size: 85%;
	line-height: 150%;
	padding-top: 4px;
	padding-left: 5px;
}

#content .photo-copyright {
	position: absolute;
	top: 452px; left: 20px;
	color: #FFF;
	font-size: 80%;
	line-height: 130%;
}

#right-logo .photo-copyright {
	position: absolute;
	bottom: 15px; left: 40px;
	color: #FFF;
	font-size: 80%;
	line-height: 130%;
}


/* --------------------------------------------------------- 
 *	content
 */

 
.content {
	padding: 20px 20px 12px 20px; 
}
* html .content {
	overflow: visible;
	width: auto;
	zoom: 1;
}

.content h1 {
	color: #ffc20e;
	font-size: 125%;
	margin-bottom: 12px;
}
.content h1 span {
}

.separator-line {
	font-size: 125%;
	height: 24px; line-height: 24px;
	background: #d50000;
	color: #FFF;
}

.content p {
	line-height: 145%;
	margin-bottom: 18px;
}

.content strong, .content em {
	color: #ffc20e;
}

/* --------------------------------------------------------- 
 *	novinky - link
 */

.link-novinky {
	width: 164px; height: 26px; line-height: 26px;
	background: #fff200;
	text-align: center;
	text-transform: uppercase; 
	color: #000;
	font-size: 140%; font-weight: bold;
	float: right;
	margin-right: 187px;
}
* html .link-novinky {
	display: inline;
}

/* --------------------------------------------------------- 
 *	novinky
 */

.news a:hover {
	text-decoration: none;
}
.news li {
	position: relative;	
	width: 364px;
	background: url('../clip/bg-dot-line2.png') 0 100% repeat-x;
	padding: 20px 0 10px;
	float: left;
}
.news li a.news-hover {
	position: absolute;
	top: 0; left: 0;
	width: 364px;
	opacity: 0;
}
.news li a.news-hover:hover {
	background: #a1499c;
	visibility: visible;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity = 30);
}

.news-image {
	width: 159px;
	float: left;
}
.news-content {
	margin-left: 12px;
	width: 187px;
	float: left;
}
.news-content a:hover {
	text-decoration: none;
}
.news-content a {
	color: #231f20;
}
.news-content a strong {
	color: #dc1b22;
}
.news-content h2 {
	font-size: 125%;
	margin-bottom: 3px;
}
.news-content h2 a {
	color: #dc1b22;
}
.news-content h2 span {
	font-weight: normal;
}
.news-content .news-arrow {
	background: url('../clip/bg-arrow.png') 2px 50% no-repeat;
	padding: 0 4px;
}

/* --------------------------------------------------------- 
 *	calendar
 */

.calendar {
	
}
.calendar li {
	position: relative;	
	width: 364px;
	background: url('../clip/bg-dot-line.png') 0 100% repeat-x;
	padding: 20px 0 10px;
	float: left;
}
.calendar li a.calendar-hover {
	position: absolute;
	top: 0; left: 0;
	width: 364px;
	opacity: 0;
}
.calendar li a.calendar-hover:hover {
	background: #00baf2;
	visibility: visible;
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity = 30);
}

.calendar-image {
	width: 166px;
	float: left;
}
.calendar-content {
	margin-left: 14px;
	width: 175px;
	float: left;
}
.calendar a:hover {
	text-decoration: none;
}
.calendar-content a {
	color: #FFF;
}
.calendar-content a strong {
	color: #ffc20e;
}
.calendar-content h2 {
	font-size: 125%;
	margin-bottom: 3px;
}
.calendar-content h2 a {
	color: #ffc20e;
}
.calendar-content h2 span {
	font-weight: normal;
}
.calendar-content .calendar-arrow {
	background: url('../clip/bg-arrow.png') 2px 50% no-repeat;
	padding: 0 4px;
}

.cal {
	width: 293px;
	margin-left: 24px;
	position: absolute;
	left: 0; bottom: 0;
}

.cal table {
	border-collapse: collapse;
	background: #a1499c;
	width: 100%;
}
.cal table th {
	background: #000;
	color: #FFF;
}
.cal table th.cal-day {
	color: #FFC20E;
}
.cal table th.header-top {
	color: #fff;
	border-top: none;
	border-left: none;
	border-right: none;
	text-align: left;
	padding-left: 30px;
	text-transform: uppercase;
}
.cal table th.header a {
	color: #A1499C;
}
.cal table th.header a.month-previous {
	padding-right: 5px;
	background: url('../clip/bg-previous.png') no-repeat 100% 50%;
}
.cal table th.header a.month-next {
	margin-left: 5px;
	padding-left: 5px;
	background: url('../clip/bg-next.png') no-repeat 0 50%;
}
.cal table th.header span.right {
	padding-right: 85px;
}
.cal table th.header {
	padding-left: 30px;
	border-left: none;
	border-right: none;
	text-align: left;
	background: #a1499c;

}
.cal table td.cal-selected a {
	font-weight: bold;
}
.cal table td.cal-today a {
	color: #FFC20E;
	font-weight: bold;
}
.cal table th, .cal table td {
	font-size: 125%;
	padding: 5px 0px;
		text-transform: lowercase;
}
.cal table td {
	text-align: center;
	color: #FFF;
}
.cal table td a {
	padding: 5px;
	color: #FFF;
}
.cal table td.empty {
	background: #a1499c;
}

.cal table td.first, .cal table th.first {
	padding-left: 20px;
}
.cal table td.last, .cal table th.last {
	padding-right: 85px;
}
.cal table td.bottom {
}
/* --------------------------------------------------------- 
 *	galerie
 */

.galerie {
	
}
.galerie li {
	float: left;
	margin-bottom: 24px;
}
.galerie-image {
	position: relative;
	width: 210px;
	float: left;
}
.galerie-image img {
	width: 210px;
	height: 168px;
}
	
.galerie-image .galerie-matrix {
	position: absolute;
	top: 0; left: 0;
	width: 210px;
	cursor: pointer;
}

.galerie-image:hover .galerie-matrix  {
	background: url('../clip/bg-dot-matrix.png');
}
.galerie-image img {
	display: block;
}
.galerie-content {
	margin-left: 24px;
	width: 186px;
	float: left;
}
.galerie-content a:hover {
	text-decoration: none;
}
.galerie-content a {
	color: #FFC20E;
}
.galerie-content h2 {
	font-size: 125%;
	background: #000;
	padding: 10px 5px 4px 16px;
	margin-bottom: 3px;
	color: #ffc20e;
}
.galerie-content h2 a {
	color: #ffc20e;
}
.galerie-content h2 span {
	font-weight: normal;
}
.galerie-content p {
	padding: 0 16px;
	overflow: hidden;
}

.galerie-images {
	width: 210px;
	float: left;
}
.galerie-images li {
	float: left;
	margin-bottom: 24px;
}

.eng-message {
	position: absolute;
	width: 208px;
	padding-left: 10px;
	line-height: 26px;
	height: 24px;
	background: #A1499C;
	display: none;
	top: 167px; left: 243px;
	font-size: 80%;
	color: #FFC20E;
}


/* --------------------------------------------------------- 
 *	sekce
 */

#page.page-o-oprojektu #content { background: #a1499c; }
#page.page-o-oprojektu #right { background: url('../clip/bg-o-projektu.jpg') no-repeat; }

#page.page-novinky #content { background: #ffc114; }
#page.page-novinky #right { background: url('../clip/bg-novinky.jpg') no-repeat; }
#page.page-novinky .content { padding: 0; }
#page.page-novinky .news-content h2 a { color: #a14a9c; text-decoration: underline; }

#page.page-novinky-detail #content h1 { color: #a1499c }
#page.page-novinky-detail #content { background: #ffc114; color: #000; }
#page.page-novinky-detail #content a { color: #a14a9c; }
#page.page-novinky-detail #content strong, #page.page-novinky-detail  #content em { color: #a14a9c; }
#page.page-novinky-detail #right { background: url('../clip/bg-novinky-detail.jpg') no-repeat; }

#page.page-links #content { background: #a1499c; }
#page.page-links #right { background: url('../clip/bg-links.jpg') no-repeat; }
#page.page-links .content  { padding-top: 20px; }
#page.page-links .content p { line-height: 150%; }
#page.page-links .content  h2 { color: #ffc20e; margin-bottom: 10px; font-size: 125%; }

#page.page-kontakt #content { background: #a1499c; }
#page.page-kontakt #right { background: url('../clip/bg-kontakt.jpg') no-repeat; }
#page.page-kontakt h1 { margin-bottom: 3px; }
#page.page-kontakt h3 { margin-bottom: 10px; color: #ffc20e; font-size: 125%; }
#page.page-kontakt #content .content p { padding-top: 0; padding-bottom: 0; }
#page.page-kontakt #content a { color: #FFF; }
#page.page-kontakt #content a.red { color: #ffc20e; font-weight: bold; }

#page.page-press #content { background: #a1499c; }
#page.page-press #right { background: url('../clip/bg-press.jpg') no-repeat; }
#page.page-press h1 { margin-bottom: 0; }
#page.page-press #content a { color: #FFF; }
#page.page-press #content a.red { color: #ffc20e; font-weight: bold;
	background: url('../clip/ico-pdf.png') no-repeat 100% 0;
	padding-right: 20px;
	line-height: 22px;
}

#page.page-soutez #content { background: #acc7db; }
#page.page-soutez #right { background: url('../clip/bg-soutez.jpg') no-repeat; }

#page.page-partneri #content { background: #a1499c; }
#page.page-partneri #right { background: url('../clip/bg-partneri.jpg') no-repeat; }
#page.page-partneri .content  { padding-left: 0; padding-right: 0; }	
#page.page-partneri #content h1 { padding-left: 20px;}
#page.page-partneri .content li { font-size: 110%; padding-left: 20px; padding-bottom: 5px; background: url('../clip/bg-dot-line.png') repeat-x 0 100%; }
#page.page-partneri .content li a { font-weight: bold; display: block;  }
#page.page-partneri .content li.partneri-last { background: none; }

#page.page-galerie #main { background: url('../clip/bg-main-galerie.png') repeat-x; }
#page.page-galerie #content { margin-left: 70px; width: 420px; padding: 0 24px; background: #000 url('../clip/bg-content-galerie.png') repeat-y; display: inline;}
#page.page-galerie #right { width: 143px; background: url('../clip/bg-right-small.png') no-repeat; }
#page.page-galerie .content { padding: 0; }

#page.page-kalendar #content { background: #a1499c; }
#page.page-kalendar #right { background: url('../clip/bg-kalendar.jpg') no-repeat; }
#page.page-kalendar .content { padding: 0; }
#page.page-kalendar .content h1 { position: absolute; right: 36px; top: -24px; line-height: 24px; padding: 0 15px; background: #808285; color: #00baf2; text-transform: lowercase; text-align: center; }

#page.page-kalendar-detail #content { background: #a1499c; }
#page.page-kalendar-detail #right { background: no-repeat; }
#page.page-kalendar-detail .content ul {
		padding-left: 20px;
		margin-bottom: 15px;
}
#page.page-kalendar-detail .eng-message {
	display: block
}