@charset "utf-8";

body.home {
	padding-top: 3%;
	background: url(images/hp-light.png) no-repeat top center;
}

body.home #Footer {
	background: none;
	padding: 0 0 30px 0;
}

body.home #Footer p {
	margin-top: 9px;
}

#IntroContainer {
	margin: 0 auto;
}

#IntroContainer h1 a {
	display: block;
	width: 190px;
	height: 90px;
	text-indent: -9999px;
	background-image: url(images/biosynteza-logo.png);
	background-repeat: no-repeat;
}

#IntroContainer #LeftColumn, 
#IntroContainer #MiddleColumn, 
#IntroContainer #RightColumn {
	float: left;
}

#IntroContainer #LeftColumn {
	width: 310px;
	margin-right: 25px;
}

#IntroContainer #MiddleColumn {
	width: 270px;
	margin-top: -40px;
	margin-right: 25px;
}

#IntroContainer #RightColumn {
	width: 330px;
}

#IntroContainer #MissingMenu {
	padding-top: 40px;
}

#IntroContainer .menu-container h2 a {
	position: absolute;
	text-indent: -9999px;
}

#IntroContainer .menu-holder {
	width: inherit;
}

#IntroContainer .menu-holder ul {
	position: relative;
	top: 20%;
	text-align: center;
	margin: auto;
	width: 75%;
}

#IntroContainer #Training .menu-holder ul {
	top: 30%;
}

#IntroContainer .menu-holder ul li {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 3px 8px;
}

#IntroContainer .menu-holder ul li:first-child {
	border: none;
}

#IntroContainer .menu-holder ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
}

#IntroContainer .intro-content {
	text-transform: uppercase;
	color: #9A7B4A;
	line-height: 22px;
}

#Actions {
	clear: both;
}

#Actions p {
	padding: 10px 30px;
	background: url(images/arrow-circle.gif) no-repeat center left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

#Actions p span {
	text-transform: uppercase;
}

#Concept,
#Contact,
#Training,
#Biosynthesis,
#Concept .menu-container,
#Contact .menu-container,
#Training .menu-container,
#Biosynthesis .menu-container {
	background-image: url(images/intro-sprite.png);
}

/* ***************************************** */
/* CESKY INSTITUT BIOSYNTEZY                 */
/* ***************************************** */
#Biosynthesis {
	margin-top: 50px;
}

#Biosynthesis, 
#Biosynthesis h2 a, 
#Biosynthesis .menu-container {	
	display: block;
	width: 310px;
	height: 310px;
}

#Biosynthesis {
	background-position: -310px 0;
}

#Biosynthesis .menu-container  {
	background-position: 0 0;
}

#Biosynthesis .menu-holder {
	height: 190px;
}

#Biosynthesis .menu-holder ul {
	top: 10%;
}

#Biosynthesis .menu-holder ul li {
	border-color: #CC354D;
}

#Biosynthesis .menu-holder ul li a:hover {
	color: #F78899;
}

/* ***************************************** */
/* BIOSYNTEZA - KONCEPT                      */
/* ***************************************** */
#Concept, 
#Concept h2 a, 
#Concept .menu-container {	
	display: block;
	width: 270px;
	height: 270px;
}

#Concept {
	background-position: -270px -310px;
}

#Concept .menu-container {	
	background-position: 0 -310px;
}

#Concept .menu-holder {
	height: 150px;
}

#Concept .menu-holder ul li {
	border-color: #2A6A96;
}

#Concept .menu-holder ul li a:hover {
	color: #81B8DC;
}


#Concept .menu-holder ul {
	top: 10%;
}
/* ***************************************** */
/* TERAPEUTICKY VYCVIK                       */
/* ***************************************** */
#Training {
	margin-top: 30px;
}

#Training, 
#Training h2 a, 
#Training .menu-container {	
	display: block;
	width: 250px;
	height: 250px;
}

#Training {
	background-position: -250px -580px;
}

#Training .menu-container {	
	background-position: 0 -580px;
}


#Training .menu-holder {
	height: 145px;
}

#Training .menu-holder ul li {
	border-color: #55A92B;
}

#Training .menu-holder ul li a:hover {
	color: #AAE28F;
}

/* ***************************************** */
/* KONTAKT                                   */
/* ***************************************** */
#Contact {
	margin-left: 80px;
}

#Contact, 
#Contact h2 a, 
#Contact .menu-container {	
	display: block;
	width: 190px;
	height: 190px;
}

#Contact {
	background-position: -190px -830px;
}

#Contact .menu-container {
	background-position: 0 -830px;
}

#Contact .menu-holder {
	height: 105px;
}

#Contact .menu-holder ul li {
	border-color: #DF7E00;
}

#Contact .menu-holder ul li a:hover {
	color: #FFC980;
}