﻿/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-09-09 24:00                                                    */
/* Last changed by: Michal Pelech                                                       */
/*                                                                                      */
/****************************************************************************************/

.textRight
{
	text-align: right;
}

.textCenter
{
	text-align: center;
}

#middlePanel
{
	margin: 0 0 20px 0;
	position: relative;
}

#middlePanel .leftPanel
{
	width: 1000px;
}

#middlePanel .leftPanel h1,
#middlePanel .leftPanel h2
{
	margin: 0 0 25px 0;
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Sans-Serif;
}

#middlePanel .leftPanel h2.slogan
{
	width: 645px;
	margin: 10px 0 5px 55px;
	font-size: 18px;
}

#content .leftPanel .services h2,
#content .leftPanel .photogallery h2
{
	margin: 0 0 10px 0;
	font-size: 20px;
}

#content .leftPanel .photogallery .photos
{
	margin: 0 0 0 20px;
}

#content .leftPanel .photoList
{
	width: 580px;
	padding: 0 20px;
	height: 120px;
	position: relative;
	overflow: hidden;
}

#content .leftPanel .photoList ul
{
	margin: 0;
	list-style-type: none;
}

#content .leftPanel .photoList ul li
{
	margin: 0 10px 0 0;
	float: left;
}

#content .leftPanel .photogallery h2
{
	margin: 5px 0 10px 0;
}

#content .leftPanel h2.topIndent
{
	margin: 25px 0 25px 0;
}

#content .rightPanel h2.training
{
	margin: 20px 0 25px 0;
}

#middlePanel .leftPanel .left
{
	width: 300px;
	margin: 0 0 0 55px;
	float: left;
	display: inline;
}

#middlePanel .leftPanel .left p
{
	margin: 10px 0;
}

#middlePanel .leftPanel .left .more
{
	float: right;
}

#middlePanel .leftPanel .right
{
	width: 260px;
	padding: 0 0 0 65px;
	float: left;
}

#middlePanel .leftPanel .right ul
{
	margin: 2px 0 5px 15px;
}

#middlePanel .leftPanel .right .more
{
	float: right;
}

#middlePanel .leftPanel .photo
{
	width: 646px;
	height: 153px;
	margin: 20px 0 25px 0;
	padding: 0 0 0 55px;
	background: #689618 url(images/photo-background.png) no-repeat left top;
	overflow: hidden;
}

#middlePanel .leftPanel .photo h2
{
	margin: 20px 0;
	font-size: 25px;
	font-weight: normal;
	font-family: Arial, Sans-Serif;
}

#middlePanel .leftPanel .photo img
{
	margin: 0 5px 0 10px;	
}

#middlePanel .leftPanel p.info
{
	padding: 0 300px 0 65px;
	line-height: 18px;
}

#middlePanel .rightPanel
{
	width: 210px;
	position: absolute;
	right: 55px;
	top: 0;
}

.newsItem,
.newsItemLast
{
	width: 100%;
	margin: 0 0 25px 0;
	clear: both;
}

.newsItemLast
{
	margin: 0 0 10px 0;
}

.newsItem .photos,
.newsItemLast .photos
{
	padding: 10px 0 0 10px;
}

.newsItem .photos img,
.newsItemLast .photos img
{
	margin: 0 10px 0 0;
}

#content .newsItem h2,
#content .newsItemLast h2
{
	font-size: 20px;
	margin: 0 0 10px 0;
}

#content .newsItem p.date,
#content .newsItemLast p.date
{
	margin: 0;
	font-weight: bold;
}

#middlePanel .rightPanel h2
{
	margin: 0 0 25px 0;
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Sans-Serif;
}

#middlePanel .rightPanel h3
{
	margin: 10px 0 0 0;
}

#middlePanel .rightPanel .date
{
	font-weight: bold;
}

/*======================================================================================*/
/* CONTENT		                                                                        */
/*======================================================================================*/

#content
{
	width: 100%;
}

#content .leftPanel
{
	width: 625px;
	margin: 0 0 0 55px;
	float: left;
	/*position: relative;*/
	display: inline;
}

#content .leftPanel .breadcrumbs
{
	width: 625px;
	height: 20px;
	position: absolute;
	left: 55px;
	top: -20px;
	font-size: 11px;
}

#content .leftPanel .breadcrumbs strong.position
{
	font-weight: normal;
}

#content .leftPanel p
{
	margin: 0 0 15px 0;
}

#content .leftPanel ul,
#content .leftPanel ol
{
	margin: 0 0 0 20px;
}

#content .rightPanel
{
	width: 210px;
	margin: 0 55px 0 0;
	float: right;
	position: static;
	display: inline;
}

#content .rightPanel ul
{
	margin: 0 0 10px 20px;
}

#content .rightPanel ul li
{
	margin: 5px 0;
}

#content .rightPanel #leftMenu
{
	width: 210px;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
	position: relative;
	float: left;
	background: url(images/left-menu-background-top.png) no-repeat left top;
	list-style-type: none;
}

#content .rightPanel #leftMenu li
{
	width: 100%;
	float: left;
	margin: 0;
}

#content .rightPanel #leftMenu li.last
{
	padding: 0 0 15px 0;
	background: url(images/left-menu-background-bottom.png) no-repeat left bottom;
}

#content .rightPanel #leftMenu li a
{
	margin: 0 0 0 20px;
	padding: 5px 0 5px 20px;
	display: block;
	background: transparent url(images/left-menu-dot.png) no-repeat left center;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

#content .rightPanel #leftMenu li a.active
{
	font-weight: bold;
}
#content .rightPanel #leftMenu li a:hover
{
	text-decoration: underline;
}

#content .rightPanel .photogallery
{
	text-align: center;
}

#content .rightPanel .photogallery img
{
	margin: 0 0 10px 0;
}

.form
{
	width: 440px;
	padding: 10px 0 30px 0;
	float: left;
}
/*
.form span
{
	position: relative;
	top: 8px;
	float: left;
	font-weight: bold;
}
*/
.form span
{
	width: 260px;
	margin: 0 0 10px 170px;
	float: left;
	clear: left;
	font-weight: bold;
}

.form .select,
.form .file
{
	width: 256px;
	height: 23px;
	margin: 0 0 5px 0;
	padding: 5px 2px 2px 2px;
	float: left;
	background: #ffffff;
	border: 1px solid #b3b3b3;
}

.form .select select
{
	width: 256px;
	background: #ffffff;
	border: 1px solid #ffffff;
}

.form .file input
{
	width: 256px;
	background: #ffffff;
	border: 1px solid #b3b3b3;
}

.form label,
.form input,
.form textarea
{
	font-family: Tahoma, Verdana, Arial;
}

.form label
{
	width: 160px;
	float: left;
	clear: left;
	margin: 5px 10px 5px 0;
	text-align: right;
	font-weight: bold;
}

.form label em
{
	display: block;
	font-size: 70%;
	font-weight: normal;
}

.form input
{
	width: 260px;
	height: 22px;
	padding: 8px 0 0 0;
	margin: 0 0 5px 0;
	float: left;
	background: #ffffff;
	color: #000000;
	border: 1px solid #b3b3b3;
	text-transform: none;
}

.form textarea
{
	width: 260px;
	height: 100px;
	padding: 8px 0 0 0;
	margin: 0 0 5px 0;
	float: left;
	background: #ffffff;
	color: #000000;
	border: 1px solid #b3b3b3;
	text-transform: none;
}

.form .sendButton
{
	width: 116px;
	height: 35px;
	padding: 0;
	position: relative;
	left: 70px;
	top: 15px;
	display: block;
	line-height: 35px;
	background: #4C3D0E;
	color: #ffffff;
	border: none;
	font-weight: bold;
	text-transform: none;
}

.form .center
{
	left: 240px;
}

.leftHalf
{
	width: 49%;
	float: left;
}

address
{
	margin: 0 0 25px 0;
	font-style: normal;
}

address strong
{
	display: block;
}

address em
{
	font-style: normal;
	font-weight: bold;
}

.maps
{
	margin: 0 0 20px 0;
}

.map,
.mapLast
{
	width: 620px;
	height: 321px;
	overflow: hidden;
}

.map h3,
.mapLast h3
{
	margin: 0 0 5px 0;
}

.mapLast h3
{
	margin: 10px 0 5px 0;
}

#content .services .textRight
{
	margin: 0;
	text-align: right;
}

#content .contentDetail h2
{
	margin: 0 0 10px 0;
	font-size: 20px;
}

#content .contentDetail h3
{
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
}

code
{
	margin: 10px 0;
	padding: 10px;
	display: block;
	background: #466510;
	color: #ffffff;
	border: 1px dashed #000000;
	font-size: 12px;
}