/* import files */
@import url(left.boxes.css);
@import url(page.css);


/* basic settings */
html
{
	height: 100%;
}
	
body
{
	background-color: #fff;
	color: #000;
	font: 80%/1.44 Verdana, "Geneva CE", lucida, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
}

pre
{
	border: 1px solid #a6a6a6;
}

a
{
	color: #00367b;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	color: #000;
	text-decoration: underline;
}

img
{
	border: none;
}

form
{
	margin: 0;
	padding: 0;
}

textarea
{
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
}

input, select, textarea
{
	font-size: 1em;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
}

button
{
	background-color: transparent;
	border: none;
}
ul{
	margin: 0px;
	padding: 0px;
}
hr,.accessibility
{
	display: none;
}

.noVisual {display: none;}

.cleaner
{
	clear: both;
	width: 99%;
	height: 1px !important;
	line-height: 1px !important;
	margin: 0px;
	padding: 0px;
}

.noborder{
	border: 0px none !important;
}

table
{
	font-size: 1em;
}
/* end: basic settings */

/* h1 */
h1, h1.green, h1.orange, h1.blue, h2.green, h2.orange, h2.blue{
	font-size: 1.0em;
	text-indent: 26px;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 4px 0px 6px 0px;
/*	padding-top: -3px;*/
	font-weight: bold;
/*	height: 1.2em;*/
	min-height: 17px;
}
h1.green, h2.green{
	background-image: url("./../img/layout/h1_green.png");
	color: #57a60c;
}
h1, h1.orange{
	background-image: url("./../img/layout/h1_orange.png");
	color: #fd7018;
}
h1.blue, h2.blue{
	background-image: url("./../img/layout/h1_blue.png");
	color: #3762ae;
}

.h3{
	font-size: 0.9em;
	color: #00367B;
	margin-bottom: 4px;
}

/* /h1 */


/* page */
#page
{
	width: 99.9%;
	text-align: center;
	position: relative;
	height: 100%;
	min-width: 997px;
	_width: expression(document.body.clientWidth < 995? "995" : "auto" );
	border: 0px none;
}

#pageCont
{
	margin: 0px auto;
	text-align: left;
	width: 977px;
	position: relative;
	margin-bottom: 20px;
}

#topImage{
	width: 977px;
	margin-bottom: 12px;
}
#topImage #topLogo{
	width: 215px;
	height: 140px;
	background: url("./../img/layout/logo.png") top left no-repeat;
	float: left;
	margin-right: 2px;
}
#topImage #topLogo a{
	display: block;
	width: 215px;
	height: 140px;
	color: $fff;
}
#topImage #topLogo2{
	width: 760px;
	height: 140px;
	background: url("./../img/layout/top_image.jpg") top left no-repeat;
	float: left;
}
#topImage #topBar{
	width: 977px;
	height: 34px!important;
	background: url("./../img/layout/top_bar.png") top left repeat-x;
	margin-top: 1px;
	position: relative;
	top: -1px;
	_top: -3px;
	*top: -3px;
}
#topImage #topBar_2{
	width: 977px;
	height: 11px!important;
	background: url("./../img/layout/top_bar_2.gif") top left repeat-x;
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
	top: 1px;
	_top: -3px;
	*top: -3px;
}
.wsw{
	padding: 6px 0px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}
.wsw hr{
	display: block;
}
.wsw table.splatky td{
	text-align: center;	
}
/* end: page */


/* header */
#header
{
	width: 100%;
	height: 6em;
	position: relative;
	background: black url("../img/layout/header_back.png") top left repeat-x;
	margin-bottom: 2px;
}
#headerBottom{
	background: url("../img/layout/header_bottom.png") bottom left repeat-x;
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 99.9%;
	height: 4px !important;	
}
/* end: header */

/* main menu*/
#mainMenu
{
	position: absolute;
	top: -2.05em;
	*top: -2.2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	right: 0px;
}

#mainMenu li
{
	margin: 0px 2px 0px 2px;
	padding: 0;
	display: block;
	float: left;
	border: 0px;
}

#mainMenu a
{
	margin: 0;
	padding: 0px 10px 0px 10px;
	display: block;
	background: #55a60c url(./../img/layout/menu_top_back.png) top left repeat-x;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	border: 2px solid #55a60c;
	border-bottom: 4px solid #55a60c;
	padding-bottom: 1px;
}
#mainMenu a:hover
{
	text-decoration: none;
	background: #55a60c url(./../img/layout/menu_top_back_hover.png) top left repeat-x;
}
/* end: main menu*/


/* headerLink */
#headerLink, #headerLink_2
{
	color: #adadad !important;
	text-decoration: none;
	position: absolute;
	top: -216px;
	_top: -222px;
	*top: -222px;
	left: 0px;
	padding-left: 12px;
	width: 16em;
}
#headerLink_2{
	top: -192px;
	*top: -198px;
	_top: -200px;
}
#headerLink a:visited, #headerLink_2 a:visited
{
	color: #adadad !important;
}
#headerLink a.first, #headerLink_2 a.first{
	padding-right: 6px;
	border-right: 1px solid #92d536;
}
/* end: headerLink */

/* navigator */
#navigator
{
	position: absolute;
	left: 0px;
	top: -40px;
}
#navigator .arrow{
	text-align: center;
	margin: 0px 8px 0px 8px;
}
#navigator a{
	color: #00367b !important;	
}
#navigator span{
	color: white;	
}
/* end: navigator */



/* content */
#content
{
	float: right;
	width: 746px!important;
	height: auto;
	overflow: visible;
	margin: 0px;
	margin-left: 12px;
	padding: 0px;
	text-align: left;
	position: relative;
	height: 100%;
}
/* end: content */

#innerContent{
	float: left;
	width: 543px;
	_width: 558px;
	margin: 0px;
	padding: 0px;
	padding-right: 18px;
	overflow: hidden;
}
#innerContent p
{
	padding-right: 10px;
}

/* leftColumn */
#leftColumn
{
	width: 216px!important;
	overflow: visible;
	float: left;
	margin: 0px;
}
#leftColumn .banner img{
	margin: 6px 0px 6px 0px;
}
/* end: leftColumn */

	
/* footer */
#footer
{
	position: relative;
	bottom: 0;
	left: 0px;
	height: 6em;
	width: 99.9%;
	text-align: center;
	background: url("../img/layout/footer_back.png") top left repeat-x;
	text-align: center;
	padding-top: 4px;
}
	#footerCenter{
		text-align: center;
		margin: 0px auto;
		width: 977px;
		position: relative;
	}

	#footerLink, #footerLink_2
	{
		height: 4em;
		margin: 0px auto;
		position: relative;
		padding-top: 2px;
		left: 40px;
		_left: 0px;
		*left: 0px;
		top: 0px;
	}
	#footerLogo{
		position: absolute;
		left: 0px;
	}
	#footerText
	{
		height: 40px;
		font-size: 0.8em;
		font-weight: bold;
		color: #adadad;
		margin: 0px;
		margin: 0px auto;
		position: relative;
		top: -22px;
		/*left: 42px;*/
		text-align: center;
	}
	#footerText p{
		margin: 0px;
		padding: 0px;
	}
	#footerMenu{
		display: block;
		list-style: none;
		padding: 0px;
		width: 90%;
	}
	#footerMenu li{
		display: inline;
		font-weight: bold;
		border-left: 1px solid #adadad;
	}
	#footerMenu li.first{
		border: 0px;
	}
	#footerMenu li a{
		text-align: center;
		margin: 0px 16px 0px 16px;
		font-stretch: 80%;
	}
/* end: footer */

/* link settings */
	#headerLink a,#headerLink_2 a,
	#footerLink a
	{
		font-size: .85em;
		text-decoration: none;
	}
	#headerLink a,#headerLink_2 a{
		color: #adadad
	}
	
		#headerLink a:hover, #headerLink_2 a:hover,
		#footerLink a:hover
		{
			color: #adadad;
			text-decoration: underline;
		}

/* end: link settings */

/* styl novinek */
#rightColumn {
/*	float: left;*/
	width: 182px!important;
	overflow: hidden;
	height: 100%;
	margin: 0px;
}
#newsArea{
	background-color: #f0f6ff;
	border: 1px solid #b6d2f6;
	padding: 6px;
}
	
#newsArea .news {
	overflow: hidden;
	margin-bottom: 8px;
	_margin-bottom: 12px;
}
	
#newsArea .wide {width: auto}

#newsArea .news .newsDate {font-size: 0.9em; color: #989898;}
#newsArea .news h4 {font-size: 1.0em; color: #FD4C2E; margin: 6px 2px 2px 0px;}
#newsArea .news p {line-height: 120%; margin: 2px 2px 2px 0;}

#newsArea .news .moreLink a {padding: 0px;}

#newsArea .news .moreText {display: none;}
/* END: styl novinek */

/** form */
.form_table .error{
	color: red;
}
.form_table{
	margin-bottom: 12px;
}
.form_table .formTdLabel{
	width: 170px;
	text-align: right;
	padding-right: 6px;
	vertical-align: top;
	padding-top: 2px;
}
.form_table .formTdInput{
	width: 364px;
	text-align: left;
	padding-right: 6px;
	padding-left: 6px;
}
.form_table .formTdInput input, textarea{
	width: 352px;
}
.form_table .formTdInput input{
	width: 264px;
}
.form_table .formTdInput input.password{
	width: 150px;
}
.form_table .formTdInput input.cena{
	width: 230px;
}
.form_table_2{
	margin-bottom: 12px;
	width: 510px;
}
.form_table_2 .second input{
	width: 98%;
/*	_width: auto;
	*width: auto;*/
}
.form_table_2 .first{
/*	width: 130px;*/
	text-align: right;
	padding-right: 6px;
	padding-left: 6px;
	_font-size: 0.9em;
}
.form_table_2 .second{
	width: 130px;
	*width: 128px;
}
.form_table_2 textarea{
/*	width: 09.5%;
	_width: 99%;
	*width: 99%;*/
/*	width: 370px;*/
	*width: 340px;
	_width: 340px;
}
.form_table_2 .note, .form_table .note{
	font-size: 0.8em;
	color: #00367B;
}
.form_table .note{
	padding-left: 24px;
	color: #00367B;
}
.button_next{
	border: 1px solid #DF5600;
	background: #FFCD9B url("/img/layout/button.gif") bottom left repeat-x;
	position: relative;
	padding-right: 24px;
	padding-left: 10px;
	float: right;
	color: black;
	text-decoration: none;
	margin-right: 2px;
}
.button_next img{
	right: 6px;
/*	_right: 16px;*/
	top: 0.2em;
	position: absolute;
}
.button_prev{
	border: 1px solid #DF5600;
	background: #FFCD9B url("/img/layout/button.gif") bottom left repeat-x;
	position: relative;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	color: black;
	text-decoration: none;
}
.button_prev img{
	left: 6px;
	top: 0.2em;
	position: absolute;
}
.error{
	color: red;
	margin-bottom: 12px;
}

/** wsw */
.wsw table
{
	border: 1px solid #FBAB67;
}

.wsw table th
{
	border: 3px solid #FBAB67;
	background-color: #FDD3B0;
	padding: 4px 10px 4px 10px;
	text-align: center;
}

.wsw table td
{
	background-color: #FFF5E9;
	padding: 4px 10px 4px 10px;
	text-align: center;
}