@charset "UTF-8";
/* CSS Document */

body {
	font-family:"微软雅黑", Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #CCC;
	background-image:url(../imgs/background/templateBg940.gif);
	background-position:center;
	background-repeat:repeat-y;
	padding:0px;
	margin:0px;
}
/**** FORM脕TOV脕N脥 ODSTAVCE, H1, H2, H3, LINK ****/


a:link,
a:visited {
	text-decoration: none;
	color: #33CC99;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

a:hover { color: #ffaa00; }

p {
	font-size: 1.2em;
	line-height: 1.6em;
}

h1{ font-size:18px; padding:18px 24px 2px 24px; color:#666666;}
h2 {
	font-size:1.4em;
	margin-bottom: 20px;
	color: #777674;
	line-height: 1.4em;
}

h2 span {
	display: block;
	font-size: 13px;
	color: #777674;
	line-height: 18px;
	margin-top: 1px;
}

.sidebar h2 { font-size: 18px; }

h3 {
	font-size:1.4em;
	margin-bottom: 12px;
	color: #666;
}

h4 {
	font-size: 14px;
	margin-bottom: 12px;
	color: #F8F3E5;
}

h3.wallpaper,
h3.contact {
	padding: 20px 0 10px 0;
	border-bottom: 3px solid rgba(44, 43, 42, 0.9);
	font-weight:normal;
	margin: 20px 0 0 0;
}

h3.contact { margin: 40px 0 0 0; }

.title{ margin-top:20px; width:100%; height:50px; background:url(../imgs/background/listBgTop.gif) repeat-x top; color:#666;}
.title h2{ line-height:55px; margin:0px 0px 0px 24px; float:left;}
.title a{ float:right; margin:16px 24px 0px 0px; font-size:1.1em;}
.noTitle{ margin-top:20px; width:100%; height:30px; background:url(../imgs/background/listBgTop.gif) repeat-x top;}
.baseFrame{width:940px; margin:0px auto; padding:0px 0px 10px 0px; background: url(../imgs/background/listBgBottom.gif) repeat-x bottom; background-color:#f9f9fb;}

/***** icon *****/
.bottomLink ul{ float:right; height:24px; margin:5px 24px; padding: 0; list-style: none; overflow: hidden;}
.bottomLink ul li{float:left; height:24px; margin: 0; margin-left:8px; padding: 0; font-size:1em; line-height:1em;}
.bottomLink ul li a{ vertical-align: middle; margin-left:20px; vertical-align: bottom;}
.bottomLink ul li a:hover{text-decoration:underline;}
.liGuide { background:url(../imgs/buttons/i_profile.gif) top left no-repeat;}
.liCommunity { background: url(../imgs/buttons/i_community.gif) top left no-repeat;}
.liService { background: url(../imgs/buttons/i_service.gif) top left no-repeat;}
.liForum { background: url(../imgs/buttons/i_forum.gif) top left no-repeat;}
.liGallery { background: url(../imgs/buttons/i_image.gif) top left no-repeat;}
.liFaq { background: url(../imgs/buttons/i_what.gif) top left no-repeat;}

/** floatMenu
.floatMenu{float:left; position:fixed; top:0px; text-align:center; padding:15px 0px 15px 0px; background:#999; height:100%; line-height:100%;}
.floatMenu ul{list-style:none; margin:0px; padding:0px;}
.floatMenu li{line-height:50px; text-align:center;}
.floatMenu li a{ width:50px; height:50px; display:block; color: #333;}
.floatMenu li a:hover{background:#ccc; color:#CC6633;}
 **/
 
/**** HEADER ****/
#header{margin: 0px auto ; width:940px; height:91px; padding:0px; border-bottom:#e2ecf5 solid 1px; background:#8aadcc url(../imgs/background/headerBg1.gif) repeat-x;}
#logo{ float:left; margin:24px 0px 0px 30px; width:244px; height:54px;}
#header h1{ float:right; padding:0; margin:35px 10px 3px 0px; color:#FFFFFF; font-family:"微软雅黑", "黑体"; font-weight:normal;}
#header h2{ clear:right; float:right; margin:0; margin:0px 10px 0px 0px; padding:0; font-size: 1.1em; line-height:1.2em; font-weight:normal; color:#c5d6e6;}


/** Menu **/
#mainmenu {
	width: 940px;
	height: 50px;
	margin: auto;
	padding: 0px;
	overflow: hidden;
	background:#000000 url(../imgs/background/navBg.gif) repeat-x bottom;
}
#mainmenu .language{float:right; height:50px; margin-right:24px; line-height:55px;}
#mainmenu ul {
	float:left;
	margin: 0px; 
	padding: 0px;
	list-style: none;
	overflow: hidden;
	}
#mainmenu ul li {
	float: left;
	margin: 0px;
	padding: 0px 1px;
	width:100px;
	height:50px;
	line-height:55px;
	background:url(../imgs/background/navJoin.gif) right bottom no-repeat;
	font-family:"微软雅黑", "黑体"; 
	font-size: 1.2em;
	text-align:center;
	}
#mainmenu ul li a {
	float: left;
	width:100px;
	display: block;
	height:50px;
	padding:0;
	margin: 0;
	text-decoration: none;
	color: #97acbf;
	border: none;
	}
#mainmenu li a:hover {
	background:#101010;
	color:#CC6633;
	}
#mainmenu .active a {
	background:#101010;
	color:#97acbf;
	}
#mainmenu ul li#language{ float:right; width:275px;}
#mainmenu ul li#language a {
	float: right;
	width:90px;
	}
#mainmenu ul li#language a:hover{color:#79838c; background:none;}


/* shadow*/
.shadowBottom{ clear:both; position: relative; top:0px; width:940px; height:20px; margin:auto; background:url(../imgs/background/shadow2.png) repeat-x; z-index:99999999;}
/** SLIDESHOW **/
#slideshow {
	clear:both;
	margin: -20px auto 0px;
	width: 940px;
	height: 300px;
	padding: 0px;
}
#slideshow img.first { display: block;}
.slide h3 {
	position:absolute;
	left: 0px;
	bottom: 0px;
	/*background-color: rgba(0, 0, 0, 0.7); 
	border-top: 2px solid #F00; */
	padding: 0 10px 0 10px;
	font-size: 14px;
	line-height:30px;
	margin:auto;
	color: #ccc;
}

/* Navigace Slideshow */
.nav-slideshow {
	width: 940px;
	height:24px;
	padding:0px;
	margin: 0 auto;
	background:#151515;
	border-bottom:#666 solid 1px;
	border-top:#000 solid 1px;
}
#nav-button {
	height: 16px;
	width: 134px;
	margin: 0 auto;
}
#nav-button a {
	text-decoration: none;
	padding:3px;
	background: url(../imgs/buttons/slideshow-button.png) no-repeat center center;
	display: block;
	width: 16px;
	float: left;
	text-indent: -9999px;
}
#nav-button a.activeSlide {
	color: #666;
	background-image: url(../imgs/buttons/slideshow-button-active.png);
}
#nav-button a:focus { background-image: url(../imgs/buttons/slideshow-button-active.png); }

/* Welcome*/
#welcome{  height:120px;}
#welcome p{ color:#333; margin:0px 24px 5px 24px; clear:both;}

/* News */
#recommended{height:320px;}
#recommended ul{ width:918px; margin:0px auto; padding:0px; clear:both;}
#recommended li {
	width: 288px;
	float: left;
	margin: 0px 9px;
	padding:0px;
	overflow: hidden;
	text-align: center;
	list-style:none;
}
/** LOADER and TRANSITION **/
.news-gallery img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: #FFFFFF;
	padding:3px;
	border:#ccc solid 1px;
}
.news-gallery img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.news-gallery h2 {
	padding: 0px 0 8px 0;
	margin: 5px 0 20px 0;
	line-height: 1.6em;
}

/* Osada akce RollOver **/
.news-gallery {
	background: url(../img/home-news/botanicula-coming-soon.jpg) no-repeat left top;
	display:block;
	width: 282px;
	height: 198px;
}

.news-gallery:hover { background: url(../img/home-news/botanicula-coming-soon.jpg) no-repeat right top; }

/* game */
.game{ height:220px;}
.game p{ margin:10px 0px 10px 0px;  padding-bottom:18px; border-bottom:#999999 dotted 1px;}
.game h3{ width:200px; margin:0px;}
.gameIntro { float:right; width: 700px; margin-right:30px;}
.icon{ width:145px; height:190px; margin-left:40px; float:left;}
.icon img{ width:145px; height:145px; background:#009900; margin-bottom:10px;}
.genre{height:26px; background:url(../imgs/background/genre.jpg) no-repeat center; text-align:center; line-height:26px;}
.download{text-align:right; float:right;}

/* about */
#about{ height:380px; clear:both;}
#introduction{width:440px; height:290px; float:left; margin:5px 0px 10px 24px; clear:both;}
#introduction p{ margin-top:0px; }
#aboutUsPhoto{ width:430px; height:290px; background:#FFFFFF; border:#CCCCCC solid 1px; float:right; margin:5px 24px 10px 0px;}
#aboutUsPhoto img{ width:420px; height:280px; padding:5px;}

/* contact */
#contact{ height:360px; clear:both;}
#contact .contactInfo{ float:right; width:540px; height:270px; background:#FFFFFF; border:#EEE solid 1px; border-right:none; padding-left:20px;}
#contact p{ font-size:1.2em;}
#map{ float:left; width:320px; height:240px; padding:15px 15px 15px 0px; margin-right:30px; border:solid 1px #CCCCCC; border-left:none; background:#FFFFFF; clear:both;}

/* Jobs*/
#jobs{}
.section{ margin:0px 24px 0px 24px; padding:24px; background:#FFFFFF; border-bottom:#999999 dotted 1px;}
.jobTitle{margin:0px;}
.jobTitle h3{ margin:0px;}
.section ul{ padding:0px; list-style:none;}
.section ul li { line-height:30px; }

/* bottomMenu */
#bottomMenu{ width:940px; height:40px; margin:auto; border-bottom:#787878 solid 1px; overflow:hidden;}
#bottomMenu ul {
    margin:0px;
    width:48em;
	padding:0;
    list-style: none;
	overflow: hidden;
	height:40px;
	}
#bottomMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	height:40px;
	line-height:40px;
	}
#bottomMenu ul li a {
	float: left;
	display: block;
	width: 8em;
	height:40px;
	font-size: 1em;
	text-decoration: none;
	color: #dce7f0;
	border: none;
	}

/* footer */
#footer{margin:auto; width:940px; height:58px; background:#202020; clear:both; text-align:center;}
#footer p{color: #5b6a77;  line-height:58px; padding:0; margin:0;}
#footer a{ color: #5b6a77;}
#footer a:hover {color:#79838c;}