body {
	margin: 0;
	padding: 0;
	background: #fff url(../img/bg.gif) repeat;	
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #303030;
}

h1 { font-size: 16px; color: #ee7f00; }
h2 { color: #2b3a8c; font-size: 14px; }
h3 { color: #313131; font-size: 12px; }
h4 {}

p { color: #303030; line-height: 20px; }
ul {  }
li { padding-bottom: 5px; }

a { color: #ee7f00; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { color: #2b3a8c; }
img { border: none; }

td h2 { padding-bottom: 5px; border-bottom: 2px solid #d2d1d1; }

.col1, .col2 { width: 48%; vertical-align: top; }
.col1 { float: left; }
.col2 { float: right; }

.lft { float: left; margin-left: 0; }
.rgt { float: right; margin-right: 0; }
.w { width: 50%; }
img.border { border: 2px solid #d2d1d1; margin: 5px 30px; }
img.lft { margin-left: 0; }
img.rgt { margin-right: 0; }
.clear { clear: both; }
 
#header { width: 100%; position: absolute; }
#blanc { background-color: #fff; float: left; height: 108px; width: 50%; }
#blau { background: #2b3b8c url(../img/header.jpg) left no-repeat; float: right; height: 108px; width: 50%; position: absolute; top: 0; right: 0; }
#logo { 
	position: relative; 
	top: 0; 
	left: 50%; 
	margin-left: -448px;
	width: 890px; 
	height: 108px;
	background-color: #fff; 
	}
	#logo img { padding-top: 11px; }

#main { width: 890px; margin: 0 auto; }

#content { margin-top: 10px; margin-bottom: 20px; width: 700px; float: left; }

#hotbtns { width: 173px; float: right; margin-top: 10px; }
	#hotbtns a { height: 173px; }
	#hotbtns a:hover { text-decoration: none; }
	#hotbtns h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; color: #8c8b8b; text-transform: uppercase; }
	#hotbtns p { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #dbdbdb; line-height: 15px; }
	#hotbtns #promo { background: url(../img/btn_promo.jpg) top left no-repeat;  }
	#hotbtns #prod { background: url(../img/btn_prod.jpg) top left no-repeat; padding-top: 100px }
	#hotbtns #siemens { background: url(../img/logo_siemens.gif) 12px 13px no-repeat; }
	#hotbtns #promo, #hotbtns #prod, #hotbtns #siemens { padding: 83px 0 0 10px; margin-bottom: 10px; background-color: #313131; width: 163px; height: 91px; border-left: 3px solid #ee7f00; }
	#hotbtns #prod { padding-top: 102px; height: 72px; }
	#hotbtns #promo:hover, #hotbtns #prod:hover, #hotbtns #siemens:hover { background-color: #444;  }
	#hotbtns #promo:hover, #hotbtns #prod:hover { background-position: -174px 0; }
	
#footer { background-color: #313131; width: 100%; }
	#footer p { color: #fff; font-size: 10px; width: 890px; margin: 0 auto; padding: 7px 0; }
	#cert { width: 890px; height: 95px; margin: 10px auto; }
		#cert a { color: #ccc; font-size: 10px; }
		#cert img { float: right; margin-left: 15px;  }
		#rea { padding-top: 17px; }
	

/* PAGINES */

#banner { margin-top: -10px; }

#btns { margin-top: 20px; }
	#btns img { float: left; border: 2px solid #d2d1d1; }
	#btns img:hover { border: 2px solid #afafaf; }
	#btns #alqu, #btns #comp, #btns #mant { float: left; width: 33%; }
	#btns a { float: left; color: #303030; font-size: 11px; }
		#btns a:hover { text-decoration: none; }
	#btns strong { margin-left: 15px; }
		#btns a strong:hover { color: #ee7f00; }
	#btns ul { float: left; vertical-align: top; color: #303030; font-size: 11px; }
	#btns p { margin-bottom: 0; text-align: center; line-height: 60px; border-bottom: 2px solid #e2e2e2; color: #2b3a8c; font-weight: bold; }
	
	
#prodbtns {  }
#prodbtns a { float: left; width: 163px; height: 163px; margin: 20px 30px 0 0; background-color: #fff; border: 2px solid #ee7f00; padding: 10px; text-align: center; }
	#prodbtns a:hover { text-decoration: none; } 
	#prodbtns a:hover strong { color: #ee7f00; } 
#prodbtns a p { margin-top: 0; text-align: left; }
#prodbtns a img { width: 153px; height: 101px; padding-top: 5px; }