* { margin: 0; padding: 0; }

body					{  margin-top: 0px !important;background: url("../images/black/bg-top.png")  0 0 repeat-x;  background-color: #3484d2; }
div#body-container {  min-height:600px;   width:800px;  z-index: -30; margin: 0 auto;float: none;}

div#bg-top 	{ background: url("../images/bg-top.png") 	  0 0 repeat-x; width: 100%; height: 265px; z-index: -40; position: absolute; float:left; }
div#bg-bottom-1 	{ background: url('../images/bg-bottom-sea.png') repeat-x; width: 100%; height: 500px; bottom:0px;left:0px; z-index: -39; border:0px solid; position: fixed; }
div#bg-bottom-2	{ background: url('../images/bg-bottom-joshua.png') repeat-x; width: 100%; height: 500px; bottom:0px;left:0px; z-index: -39; border:0px solid;position: fixed; }
div#bg-bottom-3	{ background: url('../images/bg-bottom-thai.png') no-repeat;   width: 100%; height: 500px; bottom:0px;left:0px; z-index: -39;background-position: center; border:0px solid;position: fixed; }
div#bg-bottom-4	{ background: url('../images/bg-bottom-sydney.png') repeat-x;  width: 100%; height: 500px; bottom:0px;left:0px; z-index: -38;background-position:left; border:0px solid;position: fixed; }
div#cloud-1 	{ background: url('../images/cloud-bg.png') no-repeat; width: 475px; height: 315px; top:30%;left:25px; z-index: -40; border:0px solid; position: absolute;float:left;}
div#cloud-2 	{ background: url('../images/cloud-bg.png') no-repeat; width: 475px; height: 315px; top:15%;right:10%; z-index: -40; border:0px solid; position: absolute;float:left;}
div#cites {  	position: fixed; top:0px;right:0px; padding:5px;  }
div#cites_1 { color:white; font-weight: bold;font-size: 12px;}

div#header { background: url("../images/black/bg-header.png"); background-position: left; background-repeat: no-repeat; height: 90px; width:100%; float:left;position: relative;}
div#navigation { background: url("../images/black/tabs.png"); background-position: left; background-repeat: no-repeat; height: 51px;width:100%;float:left;clear: both;}
div#content-container {  background: url("../images/black/bg-page.png") ; background-position: left; background-repeat: repeat-y; width:100%; position: relative;float:left;clear: both;}
div#content-wrapper { width:100%; height: 30px; background: url("../images/black/bg-footer.png") ; background-position: left top; background-repeat: no-repeat; float:left;clear: both;}
div#content { padding: 10px 40px 10px 40px; border: 0px solid;clear: both;width: 715px;float:left; min-height: 400px;z-index: 10;}

div#header h1 { margin:0; font-size: 15px; position: absolute; margin-left:25px; margin-top:30px;color:transparent; }
div#header h1 em {  background: url("../images/black/logo-century.png") no-repeat; background-position: left top; width:227px; height:63px; position: absolute; left:0px; top:0px;}

div#langs { position: absolute; top:60px;right:35px;}
div#langs img { border: 1px solid #003366;}

div.share { margin-top:30px; margin-left:325px;}
div.share a {position: relative; font-size: 1px; color:transparent; display: block; padding:0px;  float: left;  width: 40px; height: 40px; margin-left:5px; }
div.share a.fb em { position: absolute;top: 0px; left: 0px; background: url("../images/share-fb.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.3;  }
div.share a.yt em { position: absolute;top: 0px; left: 0px; background: url("../images/share-yt.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.3; }
div.share a.tw em { position: absolute;top: 0px; left: 0px; background: url("../images/share-twitter.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px;  opacity:0.3;}
div.share a.si em { position: absolute;top: 0px; left: 0px; background: url("../images/share-stumble.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px;  opacity:0.3;}
div.share a.go em { position: absolute;top: 0px; left: 0px; background: url("../images/share-google.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px;  opacity:0.3;}
div.share a.rss em { position: absolute;top: 0px; left: 0px; background: url("../images/share-rss.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px;  opacity:0.3;}
div.share a.fb:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-fb-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.8 ;}
div.share a.yt:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-yt-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.8 ;}
div.share a.tw:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-twitter-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.8; }
div.share a.si:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-stumble-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.8; }
div.share a.go:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-google-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px; opacity:0.8; }
div.share a.rss:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/share-rss-active.png") ; background-position:left top; background-repeat:no-repeat; width: 40px; height: 40px;  opacity:0.8;}

div.day-night { top:30px; right:35px ;position:absolute; }
div.day-night a {position: relative; font-size: 10px; color:white; padding:0px;   }
div.day-night a.day em , div.day-night a.night:hover em { position: absolute;top: 0px; left: 0px; background: url("../images/day.png") ; background-position:left top; background-repeat:no-repeat; width: 50px; height: 50px; ;  }
div.day-night a.day:hover em ,   div.day-night a.night em { position: absolute;top: 0px; left: 0px; background: url("../images/night.png") ; background-position:left top; background-repeat:no-repeat; width: 50px; height: 50px;   }



/* Navigation Start */

div#breadcrumbs { padding:10px 40px; float:left;}

#navigation				{ float:left; font-weight: bold; font-family:"Century Gothic",Verdana,"Lucida Sans Unicode";}
#navigation ul				{ position: relative;	width: 100%; 	height: 51px;	margin: 0; padding: 0; list-style: none; }
#navigation li				{ position: absolute; display: block; 	height: 51px;	margin: 0; padding: 0; }
#navigation li:hover 		{background:  url("../images/black/tabs-active.png") 0 0 no-repeat;opacity:0.5; }
#navigation li:hover a 		{color:#036; }
#navigation li.active 		{background:  url("../images/black/tabs-active.png") 0 0 no-repeat; }
#navigation li.active:hover 		{opacity:1;}
#navigation li a 			{ position: relative; display: block; 	width: 100%; padding-top:13px; text-align:center; 	height: 51px;	text-decoration: none; color:#FFF;  font-size: 16px;}
#navigation li.active a				{ color:#036; font-size: 23px; padding-top: 17px;}

#navigation li#tab-sluzby			{ left: 20px; width:156px;}
#navigation li#tab-sluzby a:hover 	{  }
#navigation li#tab-sluzby:hover	, #navigation li#tab-sluzby:focus,#navigation li#tab-sluzby.active	{ background-position: -20px	-0px; }

#navigation li#tab-blog			{ left: 176px; width:150px; }
#navigation li#tab-blog:hover	, #navigation li#tab-blog:focus,#navigation li#tab-blog.active	{ background-position: -176px	-0px; }

#navigation li#tab-o-mne			{ left: 326px;  width:146px;}
#navigation li#tab-o-mne:hover	, #navigation li#tab-o-mne:focus,#navigation li#tab-o-mne.active	{ background-position: -326px	-0px; }

#navigation li#tab-hudba			{ left: 472px;  width:150px;}
#navigation li#tab-hudba:hover	, #navigation li#tab-hudba:focus,#navigation li#tab-hudba.active	{ background-position: -472px	-0px; }

#navigation li#tab-kontakt			{ left: 622px;  width:156px;}
#navigation li#tab-kontakt:hover	, #navigation li#tab-kontakt:focus,#navigation li#tab-kontakt.active	{ background-position: -622px	-0px; }

#bottom-navigation {text-align: center; padding-left:15px; width: 770px;}

/* Navigation End */

div#actions {  position: absolute; right:45px; top:0px; height: 25px; min-width: 450px;}
div#actions input { float:right;}

div#footer {  width: 775px;   height: 87px;position: relative; color:#DDD;float:left; margin: 25px 0px 25px 10px; }
div#footer a { color:#DDD;  display:block; height:87px; text-decoration: none; width:100%;}
div#footer a:hover { color:white; }

/*
div#footer div.zf { width:200px; height: 71px;float:left;}
div#footer a.zf em { background: url("../images/zf.png") ; display:block; float:left; background-position:left top; background-repeat:no-repeat; width: 80px; height: 71px;}
div#footer a.zf:hover em { background: url("../images/zf-active.png") ; display:block; background-position:left top; background-repeat:no-repeat; width: 80px; height: 71px; }
*/
div#footer div.zf { width:204px; height: 87px; float:left;clear:none;font-size: 11px; }
div#footer a.zf{  background: url("../images/zend_bg.png") no-repeat; padding-left: 80px; padding-top:25px;  width:124px; height: 62px; }
div#footer a.zf:hover {background: url("../images/zend_bg_hover.png") no-repeat; }


div#footer div.recycle { width:205px; height: 87px; float:left;  clear:none;margin-left: 35px;font-size: 11px;}
div#footer a.recycle  { background: url("../images/recycle_bg.png") ;padding-left: 100px; padding-top:18px;  width:105px; height: 69px;}
div#footer a.recycle:hover  { background: url("../images/recycle_bg_hover.png") ;  }

div#footer div.copyright { width:276px; height: 67px; padding:20px 20px 0px 0px; text-align: right;float:right; color: white; background: url("../images/copy_bg.png") right top no-repeat ;clear:none; font-size: 11px;}

div#linkCn { position: fixed; left:0px; bottom:0px; width:200px; height: 200px; z-index: 1; }
div#linkCn em { position: absolute; left:0px; top:0px; width:200px; height: 200px; display:block; background:url("../images/contamination.png");  }
div#linkCn a { color:transparent;display: block;}
div#linkCn em:hover {position: absolute; left:0px; top:0px; width:200px; height: 200px; display:block;background:url("../images/contamination-active.png");  }