/* ORFEA CSS  */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	behavior: url(../css/csshover.htc);
}

#obsah	{
	width:960px;
	text-align:center;
	margin:auto;
	}

#hlavicka {
	/*background-color: #FFC*;*/
	text-align: center;
	height: 120px;
}

	
#hlavicka #logo {
	text-align:left; float:left; width:620px; height:100%;margin-top:-20px; 
	}
	

#hlavicka #lan {
	text-align:right; float:right; width:330px; height:50px; margin-top:-20px; 
}

#hlavicka #lan a {
	background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;	
}

#hlavicka #lan a:hover {
	background-color: #00a08a; border: 1px solid #00a08a; color: #fff;	
}
#hlavicka #lan .aktiv {
	background-color: #089ed5; border: 1px solid #089ed5; color: white; 
}

#hlavicka #vyhledavani {
	text-align:right; float:right; width:330px; height:50%;
}
#menu	{
		background-color:#eee;
		border-bottom:1px solid #ddd;
		border-top:1px solid #ddd;
		text-align:left;
		height:60px;
}
#menu ul {float:left;
	padding:0;

	}

#menu li{
	position:relative;
	margin-top:-19px;
	list-style:none;
	display:inline;
	line-height:60px;
	font-size:18px;
	float:left;
}

#menu li:hover{
	background-color:#00a08a;
}

#menu li a{	
	padding: 0 15px;
	color: black;
	display:block;
	text-decoration:none;
}	

#menu li a:hover{
	color:white;
}

#menu .aktiv {
	background-color: #089ed5; color: white;
	}

#menu>ul a {width: auto;}

#menu ul ul {position: absolute; display: none; }
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
#menu ul.level2 
	{top: 59px;
	left: 0px;
	margin-top: 1px;
	text-align:left;}

#menu ul.level2 li
	{width: 100%;
	margin:0px;
	float:left;
	font-size:13px;
	line-height:1.5em;
	padding: 0px;
	background-color: #aaa;
	opacity:0.95;
	border: 1px solid #999;
	border-width: 1px 0px 0px 0px;
	text-align:left;}

#menu ul.level2  li.dolni
	{border-width: 1px 1px 1px 1px;}	

#menu ul.level2 li a
	{padding:8px 15px;
	width: auto;
	display:block;
	color: white;
	text-decoration:none;}

#menu ul.level2 li a:hover
	{background-color:#089ed5;}	






#top-akce {
	margin-top:30px;
	text-align:left;
	}

#top-akce #foto {
	width:662px;
	float:left;}

#top-akce #foto img{
	border: 1px solid silver;
	float:left;}	

#top-akce #perex{
	width: 280px;
	float: right;
	margin: 0px;
	border: 0px solid black;
	padding-left:15px;	
	}

/*#top-akce #perex a
	{display:block;
	text-decoration:none;
	color:white;
	width:100%;
	}
#top-akce #perex a:hover
	{background-color:#09F;
	color:white;
	}*/	

.but-info a
	{
		background-color:#089ed5;
		background-image:url(../images-sys/icon-i.png);
		background-position: 20px 50%;
		background-repeat:no-repeat;
		font-size:20px;
		line-height:50px;
		color: white;
		text-align:left;
		padding-left:60px;
		clear:both;
		display:block;
		text-decoration:none;	
	/*Firefox*/
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	/*Safari, Chrome*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; }	
.but-info a:hover
	{background-color:#00a08a;}

.but-prihlasky a
	{
		background-color:#ccc;
		background-image:url(../images-sys/icon-prihlasky.png);
		background-position: 20px 50%;
		background-repeat:no-repeat;
		width: 100px;
		font-size:20px;
		line-height:50px;
		color: white;
		text-align:left;
		padding-left:60px;
		float:left;
		text-decoration:none;
		/*Firefox*/
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	/*Safari, Chrome*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; }

.but-prihlasky a:hover
	{background-color:#3b5998;}

.but-facebook a
	{
		background-color:#ccc;
		background-image:url(../images-sys/icon-facebook.png);
		background-position: 50% 50%;
		background-repeat:no-repeat;
		width: 110px;
		font-size:20px;
		line-height:50px;
		color: white;
		text-decoration:none;
		text-align:left;
		float:right;
		/*Firefox*/
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	/*Safari, Chrome*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; }
.but-facebook a:hover
	{background-color:#3b5998;}	

.but-info2
	{
		position:absolute;
		bottom: 10px;
		width: 230px;}	
			

.but-info2 a
	{	background-color:#089ed5;
		background-image:url(../images-sys/icon-i.png);
		background-position: 20px 50%;
		background-repeat:no-repeat;
		font-size:20px;
		line-height:40px;
		color: white;
		text-align:left;
		padding-left:60px;
		clear:both;
		display:block;
		text-decoration:none;	
	/*Firefox*/
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	/*Safari, Chrome*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; }	

.but-info2 a:hover
	{background-color:#00a08a;}




H1 {
	color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px;}
H2 {
	color:#00a08a; font-weight:normal; font-size:20px;}
H3 {
	color:#00a08a; font-weight:normal; font-size:15px;}
H4 {
	color:#333; font-weight:normal; font-size:13px;}
p,ul	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;}



/* ---------------------- paticka ------------------------- */
#paticka
	{margin:0px;
	background-color:#3a3a3a;
	width: 100%;
	min-height:200px;}

.dolni-box
	{	
		padding: 5px 25px;

		width:220px;
		text-align:left;
		color: white;
		float:left;}
.dolni-box p
	{margin-left: 20px;}
.info-paticka
	{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}	
.info-paticka span
	{color: white; font-size: 13 px;}
/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:15px auto 15px auto;
	width:860px;
	height:400px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:285px;
	height:100%;
	text-align:center;
}

.ca-item-main{
	padding:14px;
	position:absolute;
	top:20px;
	left:14px;
	right:14px;
	bottom:20px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

.ca-item-main img  
	{border: 1px solid #ccc;}



.ca-item h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	color:#00a08a;
	margin-bottom:20px;
	/*height:85px;*/
	text-align:left;
}
.ca-item h4{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	text-align:left;

	position:relative;
}


.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images-sys/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-30px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-30px;
}
.ca-nav span:hover{
	opacity:1.0;
}