@charset "utf-8";
/*------------------------------------------------------------------
Project:	DREMEC
Version:	0.09
Last change:	18/06/10
Author:   T
Corporate:   EAE
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

0. Body
1. Left
	1.1. Logo
	1.2. Menu
2.Right
	2.1 Homepage
	2.2 Product
		2.2.1 Crumbs
		2.2.2 Search	
	2.3 Partners
	2.4 Contact
	2.5 Way 
3. Footer
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Reset]
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
body {line-height: 1; font-size:12px;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	margin: 10px 0;
	float: left;
}
table th,table td{ padding:0; text-align: left; line-height: 16px;}
table td{ border-bottom: 1px solid #ddd;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/*------------------------------------------------------------------
[0. Body]
*/
body{background:#f9f9f9 url(../images/bg.png) repeat-y 0 0;}
p{ font-size: 12px; line-height: 20px; padding: 0 0 20px 0;}
h1{ font-size:24px; font-weight: bold; margin:20px 0;}
h4{ font-size:14px; font-weight: bold; margin:10px 0;}

.clear{clear: both;}
.fleft{float: left;}
.fright{float: right;}

.wrapper{ display: block; float: left; position: relative;}

/*------------------------------------------------------------------
[1. LEFT]
*/
#left{
	width: 250px;
	padding:0 25px 25px 0;
	position: relative;
	
	float: left;
}
/*------------------------------------------------------------------
[1.1 LOGO]
*/
#logo{
	width: 250px;
	height: 170px;
	display: block;
	background:#ededed url(../images/bg_logo.png) no-repeat 0 0;}
#logo img.logo{margin: 25px;}

.select_small{
	width:250px;
	height:26px;
	text-align: right;
	position: relative;
}
.select_small ul.select_hidden{
	display:none;
	margin:0 0 0 124px;
	width:50px;
}
.select_small:hover ul.select_hidden{
	display:inline;
	position:absolute;
	right:5px;
	z-index: 1500;
	background-color:#dbdbdb;
	border:1px solid #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#6c6c6c;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}
.select_small ul.select_hidden li{ padding:4px; text-align: left; display: block; height: 14px;}
.select_small ul.select_hidden li a{display: block; color: #333; text-decoration: none;}
.select_small ul.select_hidden li a span{ margin: 3px 2px 0 0; float: left;}
.select_small ul.select_hidden li a img{ float: right;}
.select_small ul.select_hidden li:Hover,
.select_small ul.select_hidden li:Hover a{ display: block;  background-color:#FFF;color: #333;}

.language_txt{
	margin: 5px 5px 0 0;
	float: right;
}
.language_bg{
	width: 40px;
	height: 14px;
	padding: 5px;
	margin: 0 5px 0 0;
	background: transparent url(../images/language_bg.png) no-repeat 0 0;
	float: right;
}

/*------------------------------------------------------------------
[1.2 MENU]
*/
ul#menu{ border-top: 1px solid #dedede;}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li img.menu_arrow{ position: relative; z-index: 2; margin:0 3px 0 -17px;}
ul#menu li img.menu_pdf{ position: relative; z-index: 2; margin:-2px 0 -3px -20px;}
ul#menu li a {
  background: #dfdfdf url(../images/bg_menu.png) repeat-x 0 0;
  color: #666;
	text-shadow: 0 1px 0 #fff;
	font-size: 13px;
  padding: 7px 6px 7px 25px;
}


ul#menu li ul li ul li a{
	background: #dfdfdf url(../images/bg_menu_li_inside.png) repeat-x 0 bottom;
	color: #666;
	text-shadow: 0 1px 0 #fff;
	font-size: 11px;
	padding: 7px 6px 10px 40px;
}

ul#menu li a:hover { background: #dedede;}

ul#menu li ul li a {
  background: #dfdfdf url(../images/bg_menu_li.png) repeat-x 0 0;
  color: #666;
	text-shadow: 0 1px 0 #fff;
	font-size: 12px;
  padding-left: 40px;
  border-bottom: 1px solid #dedede;
}

ul#menu li ul li a:hover {
  background: #aaa;
  text-shadow: 0 1px 0 #dfdfdf;
  padding-left: 40px;
}
ul#menu li ul li ul li a:hover {
  background: #aaa;
  padding-left: 40px;
}

/* Menu Colors */
ul#menu li ul li a.brass:Hover { background: #D4C39D; color: #857A62; text-shadow: 0 1px 0 #EDDAB0;}
ul#menu li ul li a.steel:Hover { background: #90C1CE; color: #5C7C84; text-shadow: 0 1px 0 #ACE6F6;}
ul#menu li ul li a.polyamide:Hover { background-color: #e1dab2; color: #9f9a7e; text-shadow: 0 1px 0 #f5edc2;}
ul#menu li ul li a.stainless:Hover { background-color: #7d8585; color: #c4d0d0; text-shadow: none;}
ul#menu li ul li a.aluminium:Hover{ background-color: #adbec9; color: #717c83; text-shadow: 0 1px 0 #c4d8e4;}
ul#menu li ul li a.polystyrol:Hover{ background-color: #aec4b5; color: #728076; text-shadow: 0 1px 0 #cfe9d7;}
ul#menu li ul li a.special:Hover{ background-color: #a8d49e; color: #779670; text-shadow: 0 1px 0 #cfe9d7;}

/*------------------------------------------------------------------
[2. Right]
*/

#right{
width: 675px;
margin-bottom: 50px;
line-height: 16px;
float: left;}
.lead_img{
margin: 0 0 20px 0;
height: 135px;}

/*------------------------------------------------------------------
[2.1 Homepage]
*/
#homepage{}
#homepage h1{}
#homepage .feature{
	padding: 12px;
	background-color: #dfdfdf;
	margin-left: 13px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	float: left;
}
#homepage .feature:Hover{ 
  box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  -webkit-box-shadow: 0 0 5px #666;
}
#homepage .feature.first{ margin: 0}
	
/*------------------------------------------------------------------
[2.2 Product]
*/
#product{}
#product .description table{ width: 675px;}
#product .technical{ margin-bottom: 20px; float: left;}
#product .technical table{width: 325px;}
#product .technical_table{width: 335px; float: left;}
#product .technical_gallery img{max-width: 325px; margin-right: 10px;}
#product .technical_gallery_wrapper{width: 337px; float: left;}


#product h1{ margin: 0 0 5px 0; float: left;}
#product h2{ margin: 0 5px 0 0; float: left;}
#product h3{ margin: 0  0 0 5px; color: #999; float: left;}

/* DEFAULT */
#product .square{ width: 40px; height: 40px; display: block; margin: 0 10px 0 0; background-color: #999; float: left;}
#product .title_wrapper{ margin: 30px 0; float: left;}
#product .title{ width: 310px; float: left;}
#product table thead td{ background-color: #ddd;}

/* STEEL */
#product.steel table thead td{ background-color: #90c1ce; color: #5c7c84; text-shadow: 0 1px 0 #ace6f6;}
#product.steel h1{color: #90c1ce;}
#product.steel h2{ color: #aac7ce;}
#product.steel .square{ background-color: #90c1ce;}

/* BRASS */
#product.brass table thead td{ background-color: #d4c39d; color: #857a62; text-shadow: 0 1px 0 #eddab0;}
#product.brass h1{ color: #d4b97b;}
#product.brass h2{ color: #d4c39d;}
#product.brass .square{ background-color: #d4b97b;}

/* STAINLESS */
#product.stainless table thead td{ background-color: #7d8585; color: #c4d0d0;}
#product.stainless h1{color: #7d8585;}
#product.stainless h2{ color: #adb8b8;}
#product.stainless .square{ background-color: #7d8585;}

/* ALUMINIUM */
#product.aluminium table thead td{ background-color: #adbec9; color: #717c83; text-shadow: 0 1px 0 #c4d8e4;}
#product.aluminium h1{color: #adbec9;}
#product.aluminium h2{ color: #b9cbd7;}
#product.aluminium .square{ background-color: #adbec9;}

/* POLYAMIDE & MESSING */
#product.polyamide table thead td{ background-color: #e1dab2; color: #9f9a7e; text-shadow: 0 1px 0 #f5edc2;}
#product.polyamide h1{color: #cbc5a1;}
#product.polyamide h2{ color: #c3bd9a;}
#product.polyamide .square{ background-color: #e1dab2;}

/* POLYSTYROL */
#product.polystyrol table thead td{ background-color: #aec4b5; color: #728076; text-shadow: 0 1px 0 #cfe9d7;}
#product.polystyrol h1{color: #aec4b5;}
#product.polystyrol h2{ color: #90a296;}
#product.polystyrol .square{ background-color: #aec4b5;}

/* SPECIAL */
#product.special table thead td{ background-color: #a8d49e; color: #779670; text-shadow: 0 1px 0 #cfe9d7;}
#product.special h1{color: #a8d49e;}
#product.special h2{ color: #93b98a;}
#product.special .square{ background-color: #a8d49e;}

#product .specification{ width: 300px; margin: 0 0 20px 0; text-align: right;line-height: 15px; float: right;}
#product .specification table{ width: 300px; border: 1px solid #ddd; margin: 30px 0 10px 0; float: right;}
#product .specification table thead td,
#product .specification table td{ 
	border: none;
	padding:0 5px;
	font-size: 10px;
}

/*------------------------------------------------------------------
[2.2.1 Crumbs]
*/
.crumbs_wrapper{ 
/* 	width: 560px; */
	float: left;
}
#crumbs {
	height:40px;
	float: left;
	}
#crumbs li {
	float:left;
	line-height:40px;
	font-size: 11px;
	color:#777;
	}
#crumbs li.last {
	background:url(../images/crumbs_last.png) no-repeat right center;
	display:block;
	padding:0 0 0 5px;
	}	
#crumbs li {
	background:url(../images/crumbs.png) no-repeat right center;
	display:block;
	padding:0 17px 0 5px;
	}
						
#crumbs li{
	color:#777;
	text-decoration:none;
}	

.logos_wrapper{	/* width: 100px; */float: right;}
.logos_wrapper img{ margin:0 0 5px 0;}
/*------------------------------------------------------------------
[2.2.2 Search]
*/
#search{ margin-top: 5px; float: right;}
#search .input_search{
	width: 154px;
	height: 20px;
	padding: 5px 8px;
	font-size: 11px;
	color: #666;
	background: transparent url(../images/input_search.png) no-repeat 0 0;
	border: 0;
	float: left;
}
#search .btn_search{
	width: 30px;
	height: 30px;
	background: transparent url(../images/btn_search.png) no-repeat 0 0;
	border: 0;
	margin: 0;
	cursor: pointer;
	float: left;
}
/*------------------------------------------------------------------
[2.3 PARTNERS]
*/
#partners{}
#partners .partner_img{ width: 300px; height: 150px;float:left; margin:0 10px 10px 0;}
#partners .partner_img img{ border:1px solid #dedede;}
#partners .partner_txt{ font-size: 12px; float: left;}

/*------------------------------------------------------------------
[2.4 CONTACT]
*/
#about table{ width: 675px;}
#about table th{ background-color: #ddd;}
#about table td.job{ background-color: #f1f1f1;}

/*------------------------------------------------------------------
[2.5 WAY]
*/
#way .way_wrapper{ float: left;}
#way .way_wrapper .way_img{ margin: 0 10px 10px 0; float: left;}
#way .way_wrapper .way_txt{ width: 250px; float: left;}

/*------------------------------------------------------------------
[2.6 NEWS]
*/
#news h2{ font-size: 16px;}
#news .date{ font-size: 11px; color: #999; padding: 3px 0; font-style: italic;}
#news img{margin: 5px 0;}

/*------------------------------------------------------------------
[3. Footer]
*/
#footer{
	width: 100%;
	height: 70px;
	display: block;
	font-size: 11px;
	bottom: 0;
	background: #eee url(../images/bg_footer.png) repeat-x 0 0;
	border-top:1px solid #c5c5c5;
}
#footer a{ color: #666;}
#footer a:Hover{ color: #333;}
#footer .footer_wrapper{ margin: 17px 25px 0 25px; position: relative; z-index: 4;}
#footer h4{ color: #333;}
#footer ul{ float: left;}
#footer ul li{display: inline;}
#footer ul li.first{ margin-right: 27px;}
#footer img.poweredby{ float: right;}




html, body {height: 100%;}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -73px;
}
#footer, .push { height: 70px;}