/***********************************************************************
 
	Web:           http://www.amanita-design.net
	Version:       28. ledna 2011
	 
	Copyright:     (C) mo.cz - Martin Odehnal, 2011
	Author:        MgA. Martin Odehnal  
	Web:           http://www.mo.cz/
  
***********************************************************************/

/* Deklarace pro patičku stránky */

html,
body,
#container { height: 100%; }

body > #container {
	height: auto;
	min-height: 100%;
}

body {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #B9B8B5;
	background-color: #181815;
}

/**** 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: #777674; } 

p {
	margin-bottom: 20px;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

h2 {
	font-size: 16px;
	margin-bottom: 20px;
	color: #F8F3E5;
	line-height: 1.3em;
}

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

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

h3 {
	font-size: 16px;
	margin-bottom: 12px;
	color: #F8F3E5;
}

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

h3.wallpaper,
h3.contact {
	padding: 20px 0 10px 0;
	border-bottom: 3px solid #2C2B2A;
	font-weight:normal;
	margin: 20px 0 0 0;
}

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

hr { display: none; }

/**** HEADER A MENU ****/

#wrap-header {
	height: 110px;
	background-color: #181815;
}

#header {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	background-color: #181815;
}

#logo {
	float: left;
	width: 340px;
}

#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
	color: #FFF;
}

#logo a {
	display: block;
	width: 340px;
	height: 60px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	color: #000;
}

#logo span {
	background-image: url(../amanita-design-logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#logo a:hover { visibility: visible; /* --- IE6 bugfix --- */ }

#logo a:hover span { background-position: right top; }

/** Menu **/

.mainmenu {
	width: 441px;
	float: right;
	margin: 5px 0;
}

.mainmenu li {
	float: left;
	list-style-type: none;
	position: relative;
}

.mainmenu a {
	color: #666;
	float: left;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
}

.mainmenu span {
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.mainmenu .active span { background-position: right top; }

.mainmenu a:hover { visibility: visible; /* --- IE6 bugfix --- */ }

.mainmenu a:hover span { background-position: right top; }

/** Menu jednotlivá tlačítka **/

.menu01 { width: 76px; }

.menu01 span { background-image: url(../home.png); }

.menu02 { width: 84px; }

.menu02 span { background-image: url(../games.png); }

.menu03 { width: 79px; }

.menu03 span { background-image: url(../about.png); }

.menu04 { width: 74px; }

.menu04 span { background-image: url(../store.png); }

.menu05 { width: 62px; }

.menu05 span { background-image: url(../blog.png); }

.menu06 { width: 66px; }

.menu06 span { background-image: url(../forum.png); }

/**** SLOUPCE ****/

.grid-2,
.grid-3,
.grid-4,
.grid-6,
.grid-9,
.grid-12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid-2 { width: 140px; }

.grid-3 { width: 220px; }

.grid-4 { width: 300px; }

.grid-6 { width: 460px; }

.grid-9 { width: 700px; }

.grid-12 {
	width: 940px;
	margin-bottom: 20px;
}

.grid-12-960 {
	float: left;
	width: 960px;
	margin-bottom: 20px;
}

/**** WRAP-CONTENT CONTENT ****/

#wrap-content {
	background-color: #181815;
	/* Patička ve spod pořebuje 10px */
	padding: 0px 0 10px 0;
}

#content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 6px 0;
}

/**** SIDEBAR ****/

.sidebar {
	float: left;
	overflow: hidden;
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
}

.sidebar p { padding-right: 40px; }

.button {
	margin: 0 0 20px 0;
	line-height: 20px;
}

.button a { font-size: 14px; }

.awards {
	list-style-type: disc;
	padding-left: 15px;
	color: #999;
	line-height: 1.5em;
}

/**** CONTENT MAIN ****/

.content-main {
	float: left;
	overflow: hidden;
	width: 620px;
	margin: 0 10px 20px 10px;
}

/** SLOGAN **/

.slogan h2 {
	font-size: 17px;
	line-height: 1.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	margin-bottom: 15px;
}
/** SLIDESHOW **/

#slideshow {
	margin-bottom: 10px;
	width: 940px;
	height: 380px;
}
#slideshow img.first { display: block; }

.slide {
	position:relative;
	text-align:left;
}

.slide dl {
	position: absolute;
	width: 220px;
	/* height: 300px; */
	/* background-color: rgba(0, 0, 0, 0.7); */
	/* border-top: 2px solid #F00; */
	padding: 7px 10px;
	line-height: 1.7em;
	left: 0px;
	bottom: 0px;
}

.slide dt {
	font-size: 50px;
	color: #F8F3E5;
}

.slide dd { color: #CCC; }



/* Navigace Slideshow */

.nav-slideshow {
	width: 940px;
	margin: 0 0 0 0;
}

#nav-button {
	height: 16px;
	width: 234px;
	margin: 0 auto;
}

#nav-button a {
	text-decoration: none;
	padding: 1px;
	background: url(../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(../slideshow-button-active.png);
}

#nav-button a:focus { background-image: url(../slideshow-button-active.png); }


/** WALLPAPER  **/

ul.wallpaper-info {
	font-size: 12px;
	color: #999;
	margin: 10px 0 30px 0;
	line-height: 17px;
	float: left;
	width: 150px;
}

/** BACK NEXT MENU HORNÍ **/

.menu-games-horni {
	height: 23px;
	border-bottom: 2px solid #2C2B2A;
	margin: 0 10px 20px 10px;
	font-size: 12px;
	width: 940px;
	color: #444;
}

ul.back-games { float: left; }

ul.prev-next-games { float: right; }

ul.prev-next-games li { float: left; }

.back-arrow {
	background: url(../back.gif) no-repeat left center;
	padding: 0 0 0 20px;
}

.next-arrow {
	background: url(../next.gif) no-repeat right center;
	padding: 0 20px 0 10px;
}

.prev-arrow {
	background: url(../back.gif) no-repeat left center;
	padding: 0 10px 0 20px;
}

.top-arrow {
	background: url(../top.gif) no-repeat left center;
	padding: 0 0 0 20px;
}

.menu-games-horni a,
.menu-games-dolni a { color: #777674; }

.menu-games-horni a:hover,
.menu-games-dolni a:hover { color: #FFF; }

/* MENU GAMES DOLNÍ */

.menu-games-dolni {
	height: 36px;
	border-top: 2px solid #2C2B2A;
	line-height: 36px;
	margin: 0px 10px 30px 10px;
	font-size: 12px;
	width: 940px;
	color: #444;
	float:left;
}

.back-games-wrap,
.top-games-wrap,
.prev-next-games-wrap {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
}

.prev-next-games-wrap { margin: 0 0 0 0; }

/** GALLERY GAMESE AND NEWS **/

.games-gallery li,
.news-gallery li {
	width: 300px;
	float: left;
	margin: 0 10px 10px 10px;
	overflow: hidden;
	text-align: center;
}

/** LOADER and TRANSITION **/

.games-gallery img,
.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: #2a2a29 url(../loader-pozadi-2A2A29.gif) no-repeat center center;
}

.games-gallery img:hover,
.news-gallery img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}

.games-gallery h2,
.news-gallery h2 {
	border-top: 1px solid #2b2b2a;
	border-bottom: 1px solid #2b2b2a;
	padding: 9px 0 8px 0;
	margin: 10px 0 20px 0;
	line-height: 1.2em;
}

/* Osada akce RollOver */

.news-gallery .osada {
	background: url(../project-1-osada.jpg) no-repeat left top;
	display:block;
	width: 300px;
	height: 190px;
}

.news-gallery .osada:hover { background: url(../project-1-osada.jpg) no-repeat right top; }

/** PROJECT GALLERY **/

.project-gallery img {
	margin: 0 0 20px 0;
	float: left;
	background: url(../loader-pozadi-2A2A29.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #2a2a29;
}
.project-gallery .youtube-player {
	margin: 0 0 20px 0;
}
/** VIDEO **/

.video { padding-bottom: 20px; }

/**** ABOUT ****/

.about p {
	text-align: left;
	font-size: 15px;
}

.test p { padding: 0 37px 0 0; }

/** about gallery **/

.members dl {
	line-height: 1.5em;
	width: 220px;
	float: left;
	margin: 0 10px 35px 10px;
	overflow: hidden;
}

.members a { color: #777674; }

.members a:hover { color: #FFF; }

.members dt {
	color: #F8F3E5;
	font-size: 14px;
}

.members dd { color: #777674; }

.about-gallery li {
	width: 220px;
	float: left;
	margin: 0 10px 10px 10px;
	overflow: hidden;
	text-align: center;
}

.about-gallery h2 {
	font-size: 14px;
	border-top: 1px solid #2b2b2a;
	border-bottom: 1px solid #2b2b2a;
	padding: 9px 0 8px 0;
	line-height: 1.3em;
	margin: 10px 0 20px 0;
}

.about-gallery h2 span { font-size: 12px; }

.about-gallery img {
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.about-gallery img:hover { 
      opacity: 0.7; 
	filter: alpha(opacity=70);
}

/** STORE **/

.store {
	text-align: center;
	margin-bottom: 60px;
}

.store h2 {
	border-bottom: 1px solid #2b2b2a;
	padding-bottom: 10px;
}

.store .product-foto {
	border-bottom: 1px solid #2b2b2a;
	padding-bottom: 10px;
	height: 300px;
}
.store .product-foto-small {
	border-bottom: 1px solid #2b2b2a;
	padding-bottom: 10px;
	height: 230px;
}

.store dl {
	border-bottom: 1px solid #2b2b2a;
	padding: 10px 0;
}

.store dt,
.store dd { padding: 2px 0; }

.store dt {
	font-size: 16px;
	color: #F8F3E5;
}

.store dd { color:#939393; }

/**** FOOTER ****/

#wrap-footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 100px;
	margin-top: -2000px;
	background-color: #181815;
}

#footer {
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	font-size: 11px;
	text-align: left;
	color: #777674;
	overflow: hidden;
}

#footer p { font-size: 11px; }

#footer .copyright span { color: #333; }

#footer a {
	color: #777674;
	text-decoration: none;
}

#footer a:hover { color: #FFF; }

#footer .design a:hover { color: #FFF; }

#footer .copyright {
	float: left;
	width: 460px;
}

#footer .design {
	float: right;
	width: 300px;
	text-align: right;
}

/**** CLEANER ****/

.cleaner {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/**** SELECTION – VÝBĚR TEXTU MYŠÍ ****/

::-moz-selection {
 background: #f8000E;
 color: #fff;
}

::selection {
	background-color: #F8000E;
	color: #fff;
}

/**** FORMULÁŘ ****/

fieldset { margin: 40px 0 0 0; }

fieldset li {
	display: block;
	width: 220px;
	float: left;
	margin: 0 20px 10px 0;
}

fieldset li.last { margin: 0 0 10px 0; }

fieldset li.form-grid-6 { width: 460px; }

/** LABEL, INPUT, TEXTAREA */

fieldset label {
	color: #F8F3E5;
	font-size: 12px;
	display: block;
	margin: 0 0 7px 0;
}

fieldset input {
	width: 200px;
	background-color: #252525;
	color: #CCC;
	border: 0px;
	font-size: 14px;
	padding: 10px;
}

fieldset input:focus,
fieldset textarea:focus {
	background-color: #9b2725;
}

fieldset input.imput-subject { width: 440px; }

fieldset textarea {
	font-size:12px;
	padding:15px 10px;
	border:1px solid #1A1A1A;
	width:438px;
	height: 160px;
	background-color: #252525;
	color: #CCC;
}

/** Zakulaceni rohů **/ 

textarea,
.button-send,
fieldset input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/** Tlačítko Send **/ 

fieldset .button-send {
	background-color: #444340;
	color: #CCCCCC;
	width: 100px;
	height: 31px;
	font-size: 14px;
	text-align: center;
	line-height: 31px;
	border: 0px;
	cursor: pointer;
	margin: 10px 0 0 0;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

fieldset .button-send:hover { background-color: #2f2f2f; }

/** AKCE FORMULÁŘE **/

.odeslano {
	font-size: 13px;
	color: #CCCCCC;
	background-color: #333333;
	padding: 10px 10px 10px 13px;
	margin-bottom: 20px;
}

.odeslano p.ok {
	color: #CCCCCC;
	background-image: url(../ok.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	margin: 0;
}

.odeslano p.spatne {
	color: #CCCCCC;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../error.png);
	padding-left: 30px;
}