/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
/* platne pro vsechny objekty */
a { 
	color: #0099ff;
	background-color: transparent;
	text-decoration: none; 
}
a:hover { 
	color: #0099ff;
	background-color: transparent;
	text-decoration: underline;
}
body {
	background-color: #e1ddd9;
	font-family: Verdana,"Geneva CE",sans-serif;
	font-size: 10px;
}



/* hlavni ramecek + hlavni objekty v nem */
#all {
	/*border: 1px solid #564b47;*/
	background-color: #336699;
	height: 545px;
	margin: 0px auto;
	width: 715px;
}
.yellow {background-color: #ffff00;}
.orange {background-color: #ff9900;}
.blue {background-color: #0099ff;}
.blueT {color: #0099ff;}
.green {background-color: #33cc33;}
.white {background-color: #fff;}
.dark {background-color: #336699;}
#redT {color: #ff0000;}
.deli {
	float:left;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 1px;
}
img {
	border: 0px;
}
.back {
	background: #fff url("http://espoo-ce.info/web/pix/back.png") 145px 145px no-repeat;
	height: 389px;
}


/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#place {
	margin: 10px 10px 10px 10px;
	float: left;
}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#top {
	float:none;
	margin: 0;
	padding: 0;
}
#logo {
	float:left;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 141px;
	text-align: center;
	color: #fff;
}
#logo a {
	color: #fff;
	border: 0px;
}
#caption {
	float:left;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 550px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#tabsbar {
	float:left;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 550px;
}
#nothing {
	float:left;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 142px;
	text-align: center;
	border:1px;
}
#tabslist {
	margin: 0;
	padding: 0;
	width: 549px;
	height: 20px;
	border: 0px;
	float: left;
}
#tabslist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: left;
	color: #000;
}
#tabslist a {
	display: block;

	color: #000;
	width: 182px;
	height: 20px;
	font-weight: bold;
}
#tabslist a:hover {
	text-decoration: underline;
	color: #000;

	width: 182px;
	height: 20px;
}
#tabslist li.one a, #tabslist li.two a, #tabslist li.three a {color: #fff;}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#middle {
	float: none;
	margin: 0;
	padding: 0;
}
#menu {
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 420px;
}
#leftlist {
	margin: 0;
	padding: 0;
	width: 140px;
	height: 420px;
	border: 0px;
	float: left;
}
#leftlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}
#leftlist a {
	display: block;
	width: 140px;
	height: 105px;
	border: 0px;
	font-weight: bold;
}
#leftlist a:hover {
	text-decoration: underline;
}
#leftlist li.yellow {background-color: #ffff00;}
#leftlist li.orange {background-color: #ff9900;}
#leftlist li.blue {background-color: #0099ff;}
#leftlist li.green {background-color: #33cc33;}
#leftlist li.yellow a, #leftlist li.orange a, #leftlist li.blue a, #leftlist li.green a {color: #000;}
#main {
	float: left;
	margin: 0;
	padding: 0;
	height: 420px;
	width: 550px;
}
#wire {
	float: left;
	margin: 5px 2px 5px 5px;
	_margin: 5px 2px 5px 2px;
	padding: 0;
	height: 410px;
	width: 540px;
	z-index: 0;
	overflow: auto;
}
#content {
	text-align: justify;
	padding: 10px;
	font-size: 11px;
}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#bottom {
	float: none;
	margin: 0;
	padding: 0;
}

#back {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 141px
}
#bar {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 550px;
}
#downlist {
	margin: 0;
	padding: 0;
	width: 549px;
	height: 24px;
	border: 0px;
	float: left;
}
#downlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
}
#downlist a {
	display: block;
	width: 107px;
	height: 23px;
	border: 0px;
	font-weight: bold;
}
#downlist a:hover {
	text-decoration: underline;
	border: 0px;
	width: 107px;
	height: 23px;
}
#downlist li.one a, #downlist li.two a, #downlist li.three a, #downlist li.four a, #downlist li.five a {color: #fff;}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */
#footer {
	text-align: center;
}
#footer a {
	border: 1px;
}
#footer a:hover {
	border: 1px solid #0099ff;
}



/* ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* 
   *                                                                             *
   ******* ******* ******* ******* ******* ******* ******* ******* ******* ******* */



/* prepracovat kod uvedeny nize, je to z bety */








/*
  osm polozek v kulatem menu
*/

#submenu1 {
	position: absolute;
	margin: 30px 0px 0px 200px;
	font-size: 10px;
}

#submenu2 {
	position: absolute;
	margin: 80px 0px 0px 330px;
	font-size: 10px;
}

#submenu3 {
	position: absolute;
	margin: 200px 0px 0px 420px;
	font-size: 10px;
}

#submenu4 {
	position: absolute;
	margin: 320px 0px 0px 330px;
	font-size: 10px;
}

#submenu5 {
	position: absolute;
	margin: 350px 0px 0px 200px;
	font-size: 10px;
}

#submenu6 {
	position: absolute;
	margin: 320px 0px 0px 70px;
	font-size: 10px;
}

#submenu7 {
	position: absolute;
	margin: 200px 0px 0px 20px;
	font-size: 10px;
}

#submenu8 {
	position: absolute;
	margin: 80px 0px 0px 70px;
	font-size: 10px;
}





/* fotky */

.card {
float: left;
width: 170px;
margin: 0 15px 15px 0;
padding: 10px 0;
text-align: center;
background: white;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
font-size: 70%;
}

.card-title {
margin: 0 0 5px 0;
font-size: 130%;
color: green;
}

.card-photo {
margin:0 auto; padding:0;
border: none;
}

.card-desc {
margin: 5px 10px; padding:0;
text-align: left;
font-size: 100%;
color: #000000;
}

.card-info {
margin: 5px 10px 0 10px; padding:0;
text-align: right;
font-size: 90%;
color: #666;
}











p {
  margin: 0px;
  padding: 20px;
  text-align: justify;
}

h1 {
  font-size: 200%;
  text-transform: uppercase;
  color: #000000;
  padding: 0px 5px;
  margin: 0px;
  background-color: transparent;
}

#eu-logo-text {
  font-size: 65%;
  padding: 5px 10px;
  text-transform: uppercase;
  color: #000000;
  background-color: transparent;
}

#noel-logo-text {
  font-size: 65%;
  padding: 5px 5px;
  text-transform: uppercase;
  color: #000000;
  background-color: transparent;
}

h2 {
  font-size: 150%;
  padding: 5px 10px;
  text-transform: uppercase;
  color: #000000;
  background-color: transparent;
}




























































#enter {
	border: 1px solid #564b47; 
	background-color: #ffffff;
	width: 715px;
	margin: 0px auto;
	height: 535px;
	background: #fff url("http://espoo-ce.info/web/pix/back.png") 250px 180px no-repeat;
}

#enter #enter1 a, #enter #enter2 a {
	color: #336699;
}

#enter #enter1 {
	position: absolute;
	margin: 360px 0px 0px 170px;
	color: #336699;
	font-weight: bold;
	text-align: center;
}

#enter #enter2 {
	position: absolute;
	margin: 420px 0px 0px 170px;
	color: #336699;
	font-weight: bold;
	text-align: center;
}

#titlede {
	position: absolute;
	margin: 50px 0px 0px 110px;
	color: red;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	width: 500px;
}

#titlecs {
	position: absolute;
	margin: 85px 0px 0px 120px;
	color: blue;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	width: 500px;
}

#titlesk {
	position: absolute;
	margin: 120px 0px 0px 110px;
	color: green;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	width: 500px;
}

#stop {
	position: absolute;
	margin: 120px 0px 0px 110px;
	color: green;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	width: 500px;
}