HTML {
	BACKGROUND-COLOR: #FFFFFF;
}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: center;
	background: url(bg_page.gif) repeat-x top;
}
BODY, TD {
	FONT-SIZE: 68%;
	COLOR: Gray;
}
P, BLOCKQUOTE {
	FONT-SIZE: 110%;
	text-align: justify;
}

/**** OBECNE ***/
ul.links{
	margin: 50px;
	list-style-image: url(arrow_blue.gif);
}
.red{
	color: #E60000;
	font-weight: bold;
}
.clear {
	CLEAR: both; FONT-SIZE: 1px;
}
.clearL {
	CLEAR: left; FONT-SIZE: 1px;
}
.clearR {
	CLEAR: right; FONT-SIZE: 1px;
}
.R {
	float: right;
}
.L {
	float: left;
}
.imgR {
	float: right;
	margin-left: 8px;
}
.imgL {
	float: left;
	margin-right: 8px;
}
.imgL, .imgR  {
	margin-top: 5px;
	margin-bottom: 5px;
}
.left {
	text-align: left; 
}
.right {
	text-align: right; 
}
.justify {
	text-align: justify; 
}
.textRed {
	COLOR: #ff0000;
}
.textOrange {
	COLOR: #fc954b
}
.arial {
font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, "Verdana CE", Verdana, sans-serif;
}

A {
	COLOR: #8CB6DC;
	TEXT-DECORATION: none;
	font-weight: bold;
	FONT-SIZE: 100%;
}
A:hover {
	COLOR: #074B88;
	TEXT-DECORATION: underline;
}
H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
H2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 15px;
}
H3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
H4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
H4 A {
	COLOR: #9E8A57;
}
H5 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-SIZE: 110%;
}
H6 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-SIZE: 80%;
	font-weight: normal;
}
FORM {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
DIV {
	MARGIN: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	text-align: justify;
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
IMG.noBorder {
	border: 0px solid Black;
	margin-left: 25px;
	margin-right: 25px;
}



#areaL {
	MARGIN: 0px;
	WIDTH: 200px;
	BACKGROUND-COLOR: #FFFFFF;
	height: 100%;
	background-image: url(u-bg_page_left.gif);
	background-repeat: repeat;
	background: top;
	float: left;
}#area {
	MARGIN: 0px auto;
	WIDTH: 770px;
	BACKGROUND-COLOR: #D5E6F4;
	TEXT-ALIGN: left;
	overflow: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	height: auto;
	background-image: url(bg_area.gif);
	background-repeat: repeat-y;
	position: relative;
}
#areaFoot {
/*
	MARGIN: 0px auto;
	WIDTH: 900px;
	position: relative;
	*/
}
/***** CONTENT *****/
#content {
	/*padding: 10px 10px 10px 10x; /*border: 0px dashed Blue;*/*/
	border: 0px dotted Aqua;
	POSITION: relative;
}
#col1 {
	width: 155px;
	border: 0px solid aqua;
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #8CB6DC;
}
#col1 #keyproducts_menu,
#col1 #reference_menu{
	width: 150px;
	border: 0px solid red;
	position: relative;
	padding-left: 10px;
	float: left;
	overflow: hidden;
	margin: 15px;
	margin-right: 0px;
	padding: 0px;
	color: #C6DBEE;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
#col1 #keyproducts_menu #nadpis,
#col1 #reference_menu  #nadpis {
	margin-bottom: 4px;
	font-size: 11px;
}
#col1 #keyproducts_menu A,
#col1 #reference_menu A {
	color: #EEF4FB;
	text-decoration: none;
	display: block;
	font-size: 90%;
	text-transform: none;
}
#col1 #keyproducts_menu A {
	margin-bottom: 2px;
}
#col1 #keyproducts_menu A:hover,
#col1 #reference_menu A:hover {
	color: white;
	text-decoration: underline;
}
#col2 {
	width: 555px;
	width= 570px; /* IE hack */
	padding-left: 15px;
	padding-top: 15px;
	border: 0px solid Gray;
	position: relative;
	left: 20px;
	float: left;
}
/***** TOP *****/
#top_navig {
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	width: 770px;
	height: 97px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	background-color: #D9E7F4;
	color: #FFFFFF;
	background: url(bg_topmenu.gif);
	position: relative;
	overflow: hidden;
}
#top_navig A {
	color: #FFFFFF;
}
#top_navig A:hover {
	color: #7CAFDD;
	text-decoration: none;
}
#top_menu {
	color: navy;
	height: 15px;
	width: 610px;
	position: absolute;
	top: 70px;
	left: 168px;
	z-index: 100;
	border: 0px solid;
}
#top_menu DIV.button {
	float: left;
	width: 121px;
	text-align: center;
}
#languages {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
	width: 576px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 101px;
	left: 165px;
	z-index: 99;
	border: 0px solid;
	overflow: hidden;
}
#languages A {
	color: #FFFFFF;
}
#languages A:hover {
	text-decoration: underline;
}
#languages DIV.language {
	float: right;
	width: 65px;
	text-align: right;
	border: 0px solid;
	position: relative;
}
#languages DIV.language IMG {
	border: 0px solid;
	position: relative;
	top: 2px;
	margin-right: 5px;
}


/***** HEADER *****/
#header {
	width: 770px;	
	BACKGROUND: #C3D7EF url(header.jpg) no-repeat top;
	height: 152px;
	margin-bottom: 0px;
	position: relative;
}
#header #logo {
	width:165px;
	height: 93px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: -95px;
	cursor: pointer;
}
#header H2 {
	padding-top: 10px;
	margin-left: 25px;
	color: Gray;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
}
H1 {
	color: #ECF2FA;
	/*color: #C3D7EF;*/
	font-size: 17px;
	font-weight: lighter;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0px;
	width: 570px;
	height: 30px;
	position: absolute;
	top: -25px;
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	
}

/*****************************************/


/***** MAIN *****/
#main { 
	width: 100%;
}
#main H2 {
	/*color: Gray;*/
	color: #7CAFDD;
	font-size: 100%;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#main .reference H2 {
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 1px solid White;
}
#main .reference H2.first {
	margin-top: 0px;
	padding-top: 0px;
}
#main .reference H2 SPAN {
	/*margin-left: 30px;*/
	float: left;
}
#main .reference H2 SMALL {
	/*color: #2E74B1;*/
	color: Silver;
	font-size: 80%;
	/*margin-left: 30px;*/
	float: right;
	text-align: right;
	text-transform: none;
}
#main .reference H2:hover,
#main .reference H2.hover {
	text-decoration: underline;
}
/* klient */
#main .reference H3 {
	font-size: 85%;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;
}


/*** PUJCOVNA FORM ***/
#main .reference H4 {
	margin-top: 25px;
	margin-bottom: 5px;
}
#main .reference H4.hidden {
	margin-top: 3px;
	margin-bottom: 3px;
}
#main .reference DIV.hidden {
	background-color: #F9F9F9;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 20px;
}


#main H2.link {
	color: #7CAFDD;
	font-size: 80%;
	letter-spacing: 0px;
	text-transform: none;
}
#main H3 {
	font-size: 120%;
	margin-bottom: 5px;
}
#main H4 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
	top: 7px;
}
#foot {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 1.3em;
	border: 0px solid green;
	float: left;
	clear: both;
	position: relative;
}

/*** obecne ***/
TD {
	vertical-align: top;
}
DT, DD {	
	margin-bottom: 10px;
}
DT {
	width: 200px;
	display: block;
	float: left;
}
DD {
	width: 180px;
	display: block;
	float: left;
	clear: right;
}
P {
	margin-bottom: 10px;
}



/**********  FOOT  ***********/
#foot {
	background-color: #245A89;
	color: #846E32;
	margin-top: 30px;
	background: url(header.jpg) 40px;
}
#foot #footContent {
	float: right;
	margin-left: 1em;
	margin-right: 25px;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: transparent;
}
#foot #footContent, #foot #footContent A {
	color: #7CAFDD;
}
#foot #footContent A:hover {
	color: #ECE5CE;
}
#foot #footContent.author {
	visibility: hidden;
}




/*
#aktualne H3,
#reference H3 {
	padding: 3px;
	padding-left: 16px;
	font-size: 100%;
	text-align: left; 
	display: block;
	margin: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
#aktualne H4 {
	padding: 3px;
	padding-left: 5px;
	font-size: 100%;
	text-align: left;
	display: block;
	margin: 0px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
#aktualne H7.datum {
	font-size: 80%;
	margin-bottom: 5px;
	display: block;
}
#reference H3 {
	letter-spacing: 0px;
	padding-left: 10px;
}
*/



/*** TOPLIST ***/
#toplist{
	display: none;
}
#navrcholu IMG {
	border:0px;
}



/*** AKTUALNE ***/
.aktualne A {
	font-size: 85%;
}
/*** O FIRME ***/
.aboutUs A {
	font-size: 85%;
}
.aboutUs IMG.produkt {
	width: 210px;	
}

/*** KONTAKT ***/
.kontakt TABLE {
	border:0px;
	position: relative;
	left: 0px;
	top: 0px;
}
.kontakt TABLE TR TD, 
.kontakt TABLE TH {
	padding: 5px;
}
.kontakt TABLE TH {
	padding-top: 0px;
}
.produkt TABLE {
	border: 0px;
	position: relative;
	margin-top: 10px;
	width: 100%;
}
.produkt TABLE TD {
	background-color: #F9F9F9;
	border: 1px solid White;
}
#product_page {
	/*min-height: 350px;
	height=350px; /* IE hack*/
}
#produkt_page P {
	text-align: justify;
}

.produkt SPAN.li {
	display: block;
	padding-left: 25px;
	margin: 0px;
	font-size: 90%;
}

.produkt SPAN.br {
	display: block;
	margin-bottom: 5px;
}
.produkt SPAN.li SPAN.br {
	margin-bottom: 3px;
}
	
	
.produkt TABLE TR TD, 
.produkt TABLE TH {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.produkt TABLE TR TH {
	font-size: 75%;
	background-color: #EAEAEA;
}
#headline {
	/*color: #3483C7;*/
	color: #4E81AC;
	background-color: #F7FAFC;
	padding: 10px;
	text-align: justify;
	font-size: 100%;
}
#headline H3 {
	font-size: 85%;
}
H3.nahrazeny {
	position: relative;
	top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
}
#product_text {
	position: relative;
	float: left;
	text-align: justify;
}
#schema {
	position: relative;
	top: 0px;
	margin-top: 45px;
	float: both;
	clear: right;
	text-align: center;
	font-size:80%;
}
#download_pdf {
	text-align: left;
}

.katalog #text {
	margin-left: 100px
}
.katalog H2.nadpis_kategorie {
	margin-top: 70px;
	margin-bottom: 30px;
	border-bottom: 0px solid #B1D0EB;
	border-left: 7px solid #B1D0EB;
	background-color: #F2F7FB;
	padding: 2px;
	padding-left: 17px;
}
.katalog H2.nadpis_kategorie.prvni {
	margin-top: 10px;
}
.katalog H2.nadpis_kategorie A {
	/*color: #246092;*/
	color: #307EC2;
	letter-spacing: 1px;
	/*text-decoration: none;*/
}
#fotky {
	padding-right: 5px;
	float: right;
	border: 0px solid green;
	width: 258px;
}
#fotky #titulni {
	margin-top: 8px;
	margin-left: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	border: 1px solid #AFAFAF;
}
#fotky #dalsi_foto{
	margin-top:0px;
	width: 258px;
	border: 0px solid red;
}
#fotky #dalsi_foto IMG {
	margin-top: 9px;
	margin-right: 10px;
	border: 3px solid #AFAFAF;
	width: 70px;
	height: 70px;
	float: right;
}

/* KATALOG */

.katalog  H2 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
.katalog  #box {
	margin-bottom: 20px;
}

#product_page.katalog #fotka {
	float: left;
	border: 1px solid #868686;
}

.explanation {
	display: none;
}

/* PRODUKT */
#product_page.produkt H3.download {
	margin: 0px;
}

#product_page.produkt H3.download_pdf,
#product_page.produkt H3.specifikace {
	padding-top: 25px;
}


/* DOWNLOAD */

.download {
	padding: 15px;
	padding-left: 30px;
	padding-right: 0px;
	background-color: White;
	width: 85%;
	float: right;
}
.download H1 {
	left: 155px;
}
.download TABLE{
	width: 100%;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-bottom= 20px;
}
.download TABLE TD,
.download TABLE TH {
	border: 0px solid #FF4500;
	padding: 2px;
	padding-left: 8px;
}
.download TABLE TD.right,
.download TABLE TH.right {
	text-align: right;
	padding-left: 3px;
	padding-right: 12px;
}
.download TABLE TH {
	font-size: 70%;
	background-color: #F4F4F4;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.download TABLE TR {
	background-color: #F8F8F8;
	text-align: left;
	text-align: center;
}