@import url("reset.css");
@import url("menus.css");
@import url("typo.css");
@import url("forms.css");
@import url("gallery.css");




body{
	background:#95c7eb;
	font-family: sans-serif;
	color:#0072bc;
	}
#page{
	width:965px;
	margin:0 auto;
	border-top:13px solid #95c7eb;
	}
#bg{
	background:#fff;
	width:951px;
	padding:0 14px 0 0;
	float:left;
	}
.imageOver{
	background:url(zoom.gif) no-repeat 50% 50%;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:10
}
#header{
	background:url(../images/eu_header_090722.jpg);
	width:930px;
	height:163px;
	float:left;
	padding:35px 0 0 35px;
	position:relative
	}
#header #languages{
	position:absolute;
	top:175px;
	right:20px;
	}
#header #languages a.czech{
	background:url(../images/cz.gif) no-repeat;
	width:22px;
	height:11px;
	text-indent:-999px;
	float:left;
	overflow:hidden;
	display:block
	}
#header #languages a.english{
	background:url(../images/en.gif) no-repeat;
	width:18px;
	height:11px;
	text-indent:-999px;
	float:left;
	overflow:hidden;
	display:block
	}
#header #navigace{
	position:absolute;
	top:175px;
	left:20px;
	font-size:1.2em
	}
#navigace a{
	color:#00a8df
	}
#navigace a:hover{
	text-decoration:underline
	}
.content{
	width:725px;
	float:left
	}
.content.narrow{
	float:left;
	width:530px;
	}
	#outer .holder {padding:0 0 0.5em 0; margin:0 0 10px 0; background:url(../images/border_1.gif) repeat-x bottom; position:relative}
	#outer .holder p {padding:5px 0 0 0; margin:0; background:url(../images/question.gif) no-repeat right bottom; font-weight:normal;}
	#outer .holder p.bold {font-weight:bold;}
	#outer .holder h5 {margin:0; padding:0 0 0 15px; background:url(../images/stars_04.gif) no-repeat left 0.4em; color:#0c4da2; width:400px}

	/* unclicked style div.more */
	#outer div.more i {float:right; margin-right:0 10px 0 0; cursor:pointer; color:#00aeef; font-weight:bold; position:absolute; top:0; right:0}
	#outer div.more i.hide {display:none;}
	#outer div.more p {display:none;}
	#outer div.more img {display:none;}

	/* clicked style div.click */
	#outer div.click i.show {display:none;}
	#outer div.click i.hide {display:block;}
	#outer div.click p {display:block;}
	#outer div.click img {display:block; float:left; padding-right:10px;}

	#map{
		background:url(../images/mapa_03.gif);
		width:525px;
		height:245px;
		margin-bottom:10px;
		position:relative
		}
	#map a{
		color:#80d4ef;
		text-align:center;
		position:absolute;
		display:block;
		overflow:hidden;
		line-height:1.3em;
		font-weight:bold;
		text-decoration:none
		}
	#map a:hover{
		color:#fff
		}
	#map a.pardubice{
		background:url(../images/mapa-star_03.gif) no-repeat top center;
		padding-top:13px;
		width:80px;
		top:87px;
		left:196px;
		}
	#map a.dvurkr{
		background:url(../images/mapa-star_03.gif) no-repeat 50px bottom;
		width:80px;
		padding-bottom:13px;
		top:48px;
		left:178px;
		}
	#map a.most{
		background:url(../images/mapa-star_03.gif) no-repeat left center;
		padding-left:13px;
		width:40px;
		top:57px;
		left:105px;
		}
	#map a.plzen{
		background:url(../images/mapa-star_03.gif) no-repeat center top;
		padding-top:15px;
		width:60px;
		top:115px;
		left:72px;
		}
	#map a.sokolov{
		background:url(../images/mapa-star_03.gif) no-repeat left center;
		padding-left:13px;
		width:60px;
		top:77px;
		left:65px;
		}
	#map a.jihlava{
		background:url(../images/mapa-star_03.gif) no-repeat right center;
		padding-right:18px;
		text-align:right;
		width:60px;
		top:145px;
		left:160px;
		}
	#map a.ceskebudejovice{
		background:url(../images/mapa-star_03.gif) no-repeat 40px bottom;
		padding-bottom:13px;
		width:130px;
		top:166px;
		left:116px;
		}
	#map a.brno{
		background:url(../images/mapa-star_03.gif) no-repeat 40px bottom;
		width:50px;
		padding-right:40px;
		top:162px;
		left:240px;
		}
	#map a.olomouc{
		background:url(../images/mapa-star_03.gif) no-repeat 30px top;
		padding-top:13px;
		width:50px;
		top:129px;
		left:276px;
		}
	#map a.uherskehradiste{
		background:url(../images/mapa-star_03.gif) no-repeat center right;
		padding-right:17px;
		width:102px;
		top:179px;
		left:211px;
		}
	#map a.novyjicin{
		background:url(../images/mapa-star_03.gif) no-repeat 60px bottom;
		padding-bottom:17px;
		width:100px;
		top:100px;
		left:274px;
		}
	#map #click{
		background:url(../images/a_13.gif) no-repeat;
		width:156px;
		padding-top:6px;
		position:absolute;
		right:30px;
		top:15px
		}
	#map #click span{
		background:url(../images/a_19.gif) no-repeat left bottom #00aeef;
		padding:0 0 23px 0;
		width:156px;
		float:left;
		text-align:center;
		font-weight:bold;
		color:#fff
		}
	.bubble-left{
		background:url(../images/a_26.gif) no-repeat #00aeef;
		color:#fff;
		width:405px;
		padding:17px 0 0 0;
		margin:0 0 1.3em 0;
		font-size:1.5em;
		line-height:1.2em;
		position:relative;
		}
	.bubble-left strong{
		color:#fff;
		background:url(../images/a_29.gif) no-repeat left bottom;
		display:block;
		padding:0 0 17px 20px;
		}
	.bubble-left h1{
		color:#fff;
		background:url(../images/a_29.gif) no-repeat left bottom;
		display:block;
		font-size:1em;
		font-weight:bold;
		margin:0px;
		padding:0 0 17px 20px;
		}
	.bubble-left .speakstar{
		position:absolute;
		background:url(../images/a_27.gif);
		right:-132px;
		top:0px;
		width:133px;
		height:101px;
		}
	.bubble-left .speakstar.small{
		background:url(../images/smallstar.gif) no-repeat;
		}
	.bubble-right{
		background:url(../images/a_43.gif) no-repeat #00aeef;
		color:#fff;
		width:405px;
		padding:17px 0 0 0;
		margin:0 0 1.3em 125px;
		font-size:1.5em;
		line-height:1.2em;
		position:relative;
		}
	.bubble-right strong{
		color:#fff;
		background:url(../images/a_29.gif) no-repeat left bottom;
		display:block;
		padding:0 0 17px 20px;
		}
	.bubble-right .speakstar{
		position:absolute;
		background:url(../images/a_40.gif);
		left:-132px;
		top:0px;
		width:133px;
		height:101px;
		}
	.half-left{
		width:260px;
		padding-right:10px;
		float:left
		}
	.half-left h3, .half-right h3{
		margin-top:0
		}
		.half-left .bubble-left, .half-right .bubble-left{
			background:url(../images/xsmallbuble_02.gif) no-repeat left top;
			width:166px;
			padding-right:10px;
			}
		.half-left .bubble-left h3, .half-right .bubble-left h3{
			color:#fff;
			background:url(../images/xsmallbuble_04.gif) no-repeat left bottom #00aeef;
			display:block;
			font-size:0.9em;
			font-weight:bold;
			margin:0px;
			padding:0 0 17px 10px;
			}
		.half-left .bubble-left .speakstar, .half-right .bubble-left .speakstar{
			right:-123px;
			}
		.half-left .bubble-left .speakstar.small, .half-right .bubble-left .speakstar.small{
			background:url(../images/smallstar.gif) no-repeat;
			}
	.half-right{
		width:260px;
		float:right
		}

#left-cont{
	padding:0 0 0 14px;
	width:210px;
	float:left
	}
	.left-box{
		float:left;
		width:191px;
		margin:13px 0 0 0;
		padding:0 0 14px 0;
		background:url(../images/a_37.gif) no-repeat left bottom #bee7fb;
		font-size:1.1em;
		position:relative;
		}
	.left-box p{
		line-height:1.5em;
		padding:0 0 5px 0
		}
	.left-box .newsletter{
		color:#0c4da2
		}
	.left-box form{
		padding:0;
		margin:0;
		width:180px;
		float:left
		}
	.left-box form fieldset{
		width:170px;
		padding:0;
		margin:0;
		border:none
		}
	.left-box form label{
		width:120px;
		text-align:left;
		clear:both;
		padding:3px 0 2px 0;
		line-height:1.4em;
		color:#0c4da2;
		font-weight:bold
		}
	.left-box form input{
		float:left;
		width:100px;
		border:0;
		padding:0;
		margin:0 3px 0 0;
		height:20px;
		}
	.left-box form .capcha{
		margin-bottom:4px;
		float:left
		}
	.left-box .cont{
		padding:5px 3px 0px 8px;
		}
	.left-box form .okbutt{
		width:auto;
		height:auto
		}

	.left-box strong.header{
		background:url(../images/a_32.gif) no-repeat #00aeef;
		width:191px;
		display:block;
		line-height:2em;
		padding:4px 0 0 0;
		color:#fff;
		font-size:1.1em;
		text-align:center;
		}
	.left-box strong.header span{
		background:url(../images/a_34.gif) no-repeat;
		display:block;
		font-size:0px;
		height:4px;
		}
	.left-box .poolstar{
		background:url(../images/a_59.gif) no-repeat right top;
		margin-right:10px;
		height:16px;
		display:block
		}
	.left-box .votes{
		font-size:0.9em;
		padding:0 0 5px 0
		}
	.left-box.pool{
		margin-top:59px;
		z-index:10
		}
	.left-box a:link, .left-box a:visited, .left-box a:hover{
		color:#0c4da2;
		text-decoration:none;
		font-weight:bold
		}
	.left-box a:hover{
		text-decoration:underline
		}
	.left-box .line{
		width:auto;
		line-height:1.6em
		}
	.left-box .line .chbox{
		width:auto;
		margin-top:-2px
		}
	.left-box .partners{
		display:block;
		padding-right:8px;
		text-align:center
		}
	.left-box .partners img{
		margin-bottom:5px
		}
	.left-box.pool .speakstar{
		background:url(../images/a_51.gif) no-repeat 15px top;
		width:190px;
		height:60px;
		position:absolute;
		top:-59px;
		z-index:7
		}
.right-cont{
	background:url(../images/a_55.gif) bottom no-repeat #bee7fb;
	float:right;
	width:179px;
	padding:0 0 20px 0;
	text-align:center;
	margin-bottom:10px;
	}
	.right-cont strong.header{
		background:url(../images/a_07.gif) no-repeat #00aeef;
		width:179px;
		display:block;
		line-height:2.0em;
		padding:5px 0 0 0;
		margin:0 0 10px 0;
		color:#fff;
		font-size:1.2em;
		text-align:center;
		}
	.right-cont strong.header span{
		background:url(../images/a_18.gif) no-repeat 0 -5px;
		display:block;
		font-size:0px;
		height:7px;
		}
	.right-cont img{
		margin-bottom:4px;
		}

#footer{
	width:965px;
	float:left;
	font-size:1.2em;
	line-height:1.5em;
	color:#fff;
	background:url(../images/a_62.gif) no-repeat;
	padding-top:30px;
	padding-bottom:10px;
	text-align:center
	}
.outlinks{
	float:right;
	padding:5px 0 0 0
	}
#footer img{
	float:left;
	}
#footer a{
	color:#fff;
	text-decoration:underline
	}
address{
	float:left;
	font-style:normal;
	padding-left:60px;
	margin:0;
	width:100%
	}
#creator{
	float:right;
	width:230px;
	}
#creator img{
	padding-top:3px;
	}
#creator a{
	color:#7f7f7f;
	text-decoration:underline
	}
#content-right{
	float:right;
	width:179px;
	}

