html{
	text-align:center;
	height:100%;
	}

body {
    min-height:100%;
	height:auto; 
	position:relative;
	text-align:left;
	font:normal .75em Arial, Helvetica, sans-serif;
	color:#514F53;
	line-height:140%;
	background:url(../i/header-bg.jpg) repeat-x top left;
	}
	
/********************************************/	
/*  TAGS  ***********************************/	
*{
	margin:0;
	padding:0;
	}
		
img {
	border:none;
	}
	img.border-img {
		border:solid 1px #E5E5E5;
		padding:4px;
		float:left;
		margin:10px 15px 15px 0;
		}
		img.border-img-right {
			float:right;
			margin:10px 0 15px 15px;
			border:solid 1px #E5E5E5;
			padding:4px;
			}
p {
	padding:0 0 .5em 0;
	text-align:justify;
	}
a {
	color:#FF6D02;
	text-decoration:underline;
	outline:none;
	}


ul,ol {
	padding:5px 5px 1.5em 10px;
	}
	 li {
	 	margin:0 0 0 10px;
		padding:2px 0;
		}
h1 {
	font-size:1.5em;
	line-height:100%;	
	font-weight: normal;
	margin-bottom:1em;
	}

h2 {
	font-size:1.2em;
	font-weight:bold;
	padding: .5em 0 .3em 0;
	clear:both;
	}
	
h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:.4em 0 .2em 0;
	clear:both;
	}
	
h4 {
	font-size:1em;
	font-weight:bold;
	padding:5px 0 2px 0;
	clear:both;
	}
	
table {
	border-collapse:collapse;
	vertical-align:top;
	margin:5px;
	}
	td {
		padding:2px 4px;
		margin:0;
		border:none;
		}
	blockquote {
		font-style:italic;
		}
	

 
/** Formatting  *********************************************/

 .small {
	font-size: .9em;
	}
 .notify {
 	padding:1em 0 0 0;
	color:#FF6600;
	font-size:.9em;
	}
.fl_left {
	float:left;
	}
.fl_right {
	float:right;
	}
	
.clear:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/************************************************************/
/************************************************************/
/*  Header  *****************************************/
#header {
	 height:31em;
	 background:url(../i/header-book.jpg) no-repeat 0 0;
	 }
#index-nav {
	margin:30px 0 30px 70px;
	height:11px;
	padding:0;
	font-size:0px;
	}
	#index-nav img {
		margin-right:40px;
		}
#logo {
	margin-left:-11px;
	position:relative;
	}
	
/**************************************************************/
/**  Navigation  **********************************************/
#nav {
	margin-top:30px;
	margin-left:-10px;
	position:relative;
	padding-top:0;
	z-index:1;
	width:160px;	
	}
	#nav li {
		list-style:none;
		margin:0;
		padding:0;
		height:2.6em;		
		}
		#nav li a {		
			color:#514F53;
			font-weight:bold;
			font-size:1.1em;
			padding-left:10px;
			display:block;
			height:100%;
			line-height:220%;
			text-decoration:none;
			}
			#nav li a:hover {
				background:url(../i/nav-item-hover-bg.gif) no-repeat 2px 0;
				}
			#nav li a.active, #nav li a.active:hover {
				background:url(../i/nav-item-active-bg.gif) no-repeat 2px 0;
				color:#fff;
				}
				
/*****************************************************/
/**  Navigation catalogue ************************/				
		#nav li.catalogue {
			background: url(../i/nav-item-catalog-li-bg.gif) no-repeat top left;
			margin-bottom:-1px;
			}
			#nav li.catalogue a:hover {
				background:url(../i/nav-item-catalog-hover-bg.gif) no-repeat 2px 2px;
				}
			#nav li.catalogue a.active, #nav li.catalogue a.active:hover {
				background:url(../i/nav-item-catalog-active-bg.gif) no-repeat 2px 2px;
				}
				
			#nav .subnav {
				position:absolute;
				top:0;
				left:229px;	
				z-index:-1;								
				}
				#nav .subnav ul {
					padding:0;
					border-left:#c5c5c5 solid 1px;
					}
				#nav .subnav li{
					height:auto;
					width:300px;
					}
					#nav .subnav a {
						font-size:.9em;
						font-weight:normal;
						padding-left: 10px;
						line-height:200%;
						display:inline;
						}
						#nav .subnav a:hover {
							background:none;
							text-decoration:underline;
							}
						#nav .subnav a.active, #nav .subnav a.active:hover {
							text-decoration:none;
							background:none;							
							color:#FE842A;
							}
							
							
/*************************************************************/
/** Content  *************************************************/
#content {
	padding-bottom:125px;	
	}
	
/*************************************************************/
/** News list ************************************************/
dl.news {
	padding:0 0 20px 0px;
	}
	dl.news dt{
		color:#999;	
		padding-bottom:5px;
		clear:both;
		}	
		dl.news dt img {
			float:left;
			margin:.4em 0 0 -70px;
			padding-bottom:20px;
			}		
	dl.news dd {
		padding-bottom:20px;
		}
		dl.news .article-brief {
			padding:5px 0 0 0;
			}	

/*************************************************************/
/** News-article  ********************************************/
.article-brief {
	padding:10px 0 20px 80px;
	font-size: .9em;
	}
	.article-brief img {
		float:left;
		margin:0 0 0 -80px;
		padding:3px;
		border:#d8d8d8 solid 1px;
		}
	.article-brief .article-date {
		color:#999;
		display:block;
		padding-bottom:5px;
		}
.article-content img {
	display:block;
	padding:3px;
	border:#d8d8d8 solid 1px;
	margin:1em 10px 2em 0;
	}
/*************************************************************/
/** Catalogue ************************************************/
h2.catalogue-name {
	background: url(../i/catalogue_h2_bg.gif) repeat-x 0 1.1em;
	}
	h2.catalogue-name span {
		background:#fff;
		padding:0 1em 0 0;
		}
div.catalogue {
	padding:50px 0 10px 0 ;
	margin-left:-78px;
	width:848px;
	}
.catalogue dl  {
	float:left;
	width:170px;
	margin:0 25px 25px 0;
	padding:0 0 0 78px;
	height:11em;
	position:relative;
	}
	.catalogue dl dt {
		font-size:1.2em;
		font-weight:bold;
		}
		.catalogue dl dt img {
			top:4px;
			left:0;
			position:absolute;
			}
		.catalogue dl dd h3{
			font-size:1em;
			color:#999;
			line-height:120%;
			padding-bottom:5px;
			}


/*************************************************************/
/** Special propoition catalogue *****************************/
.special_proposition {
		background: url(../i/special-prop-bg-middle.gif) repeat-y top left;
		width:860px;
		margin:0 0 50px -95px;
		padding:0 16px;
		position:relative;
		}
	.special_proposition .catalogue {
		margin-left:0;
		}
		.special_proposition .catalogue dl {
			margin: 1em 25px 1em 0;
			}
		.special_proposition .catalogue dl dd {
			height:auto;
			}
	.special_proposition h1 {
		background:#fff;
		padding:0 6px;
		display:inline;
		position:absolute;
		left:86px;
		top:-.5em;
		}
	.special_proposition .top_bg {
		display:block;
		width:860px;
		height:8px;
		margin-left:-16px;
		background:url(../i/special-prop-bg-top.gif) no-repeat top left;
		}
	.special_proposition .bottom_bg {
		display:block;
		width:860px;
		height:8px;
		margin-left:-16px;
		background:url(../i/special-prop-bg-bottom.gif) no-repeat bottom left;
		}
		
		
/************************************************************/
/** Product description  ************************************/

.catItem {
	margin:1em 3em;
	width:auto;	
	}
.catItem img {
	float:right;
	margin:0 0 2em 2em;
		}
/*************************************************************/
/** Contacts  ************************************************/
.form-question {
	margin:2em 0 0 0;
	width:100%;
	width:750px;
	}
.form-question td {
	border-color:#fff;
	padding:.5em 0;
	vertical-align:top;
	}
	.form-question td.empty {
		width:92px;
		}
	.form-question td p {
		padding:.2em 5px .2em 0;
		}
	.form-question td input {
		width:265px;
		}
	.form-question td textarea {
		width:695px;		
		}
	.form-question td input.submit {
		width:auto;
		}
				
/*************************************************************/
/** Footer ************************************************/

#footer {
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:125px;
	
	}
	#footer .container {
		background:url(../i/footer-bg.jpg) no-repeat 0 0;
		height:100%;
		}
		#footer .container .column {
			padding-top:40px;
			}
a.qb { 
	position: absolute;
	bottom: 0;
	right: 5px;
	}