@charset "utf-8";

body, html {
	margin:0;
	padding:0;
	color:#000;
	background:#f9f9f9;
	font-family:Arial, Helvetica, sans-serif;
}

a img {
	border:0;
	border-style:none;
}

#wrap {
	width:1024px;
	margin:0 auto;
}

#content-wrap {
	float:left;
	background:#848484;
	margin-top:-4px;
}

#header {
	height:29px;
	background:#666;
}

#header select {
    font-size: 12px;
    float:right;
    margin-top:6px;
    margin-right:1em;
    width:110px;
    background-color: white;
    padding:0;
    border:0;
}

#banner {
	width:1024px;
	height:110px;
	float:left;
	background:#656D91;
}

#banner img {
	margin:0;
	padding:0;
	border:0;
}

#bannerlinks {
	width:344px;
	height:110px;
	float:right;
	background:white;
	text-align:center;
}

#bannerlinks .left a img {
	border-style:none;
	text-decoration:none;
}

#bannerlinks .left {
    padding: 5px;
    padding-top: 46px;
	float:left;
}

#bannerlinks .right {
	float:right;
	padding:5px;
    padding-top: 65px;
}

#nav {
	padding:0;
	margin:0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	float:left;
	margin:0;
	padding:0;
	margin-left:-25px;
}

#nav li:first-child {
	  margin-left:0px !important;
}

#leftcol {
	float:left;
	width:172px;
	background:#848484;
	display:inline;
  margin-top:1em;
}

#leftcol ul {
	list-style:none;
	padding-left:15px;
  margin:0;
}

#leftcol li {
	border-bottom:1px solid white;
	padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
}

#leftcol a {
	text-decoration:none;
	font-weight:normal;
	color:white;
	font-size:15px;
	font-weight:bold;
}

#leftcol a:hover {
	color:#dde7f0;
}

#main {
	float:left;
	width:852px;
	background:white;
//	min-height:675px;
}
#main2 {
	float:left;
	width:1024px;
	background:white;
//	min-height:675px;
}


#rightcol {
	height: 1025px;
	width: 174px;
	float: right;
	margin-bottom: -150px;
	padding-bottom: 150px;
}

#footer {
	clear:both;
	text-align:center;
	font-size:11px;
	padding-bottom:20px;
	background-image:url(../imgs/ombra3_web.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#footer #update {
	background:#656d91;
	color:white;
	text-align:right;
	margin:0;
	padding:0;
	margin-top:-3px;
}

#footer p {
	color:#222;
	margin:1px;
	padding:1px;
}

#footer a {
	text-decoration:none;
	color:#222;
}

#footer a:hover {
	color:lightgray;
}

/*** products ***/
#products {
    margin:0 20px 0 20px;
    margin-right:30px;
	width:220px;
	float:right;
}
#title_products {
    padding-left:23px;
}
.menu_prod {
    background:#ddd;
	padding-top:25px;
    padding-bottom:25px;
    border: 1px solid #777;
    border-radius: 12px;
    box-shadow: 5px 5px 5px #ddd;
}
.menu_prod ul {
    list-style:none;
    font-size:11px;
    margin-left:25px;
    margin-right:25px;
    padding:0;
}
.menu_prod li {
    border-bottom: 1px solid #777;
    padding-top:6px;
    padding-bottom:6px;
}

.quadre-esq {
    margin-bottom: 1em;
    clear:both;
	margin-left:122px;
	float:left;
	width:275px;
    border: 1px solid #777;
    border-radius: 12px;
	font-size: 11px;
	padding: 5px;
}

.quadre-dret {
    margin-bottom: 1em;
	margin-right:134px;
	float:right;
	width:275px;
    border: 1px solid #777;
    border-radius: 12px;
	font-size: 11px;
	padding: 5px;
}

.quadre-esq2 {
    margin-bottom: 1em;
    margin-top: 4em;
    clear:both;
	margin-left:122px;
	float:left;
	width:275px;
    border: 1px solid #777;
    border-radius: 12px;
	font-size: 11px;
	padding: 5px;
}

.quadre-dret2 {
    margin-bottom: 1em;
    margin-top: 4em;
	margin-right:134px;
	float:right;
	width:275px;
    border: 1px solid #777;
    border-radius: 12px;
	font-size: 11px;
	padding: 5px;
}

/*** query stock ***/
.query-stock {
	width:570px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	padding:20px 20px;
	background:#eee;
	border-radius:5px;
	border:solid #ccc 1px;
	border-top:solid #ccc 3px;
}

.query-stock label {
	margin-right: 10px;
	font-weight:bold;
}

.query-stock input {
	margin-right: 10px;
	padding: 4px 8px;
}

.query-stock input:nth-last-child(1) {
	margin-right:0;
}

/*** table results ***/
table.results {
	color:#222;
	margin-top:20px;
	margin-bottom:20px;
	border:solid #ccc 1px;
	border-radius:5px;
	border:solid #ccc 1px;
	border-bottom:solid #ccc 3px;
}

table.results tr {
	border:solid transparent 2px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

table.results tr:hover {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,222,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,222,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,222,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,222,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,222,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,222,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddeff',GradientType=0 );
}

table.results tr:first-child td {
	font-weight:bold;
	color:white;
	border-bottom:solid #ddd 4px;
	padding-top:8px;
	background: rgb(106,108,146);
	background: -moz-linear-gradient(top,  rgba(106,108,146,1) 0%, rgba(74,75,102,1) 65%, rgba(61,62,84,1) 65%, rgba(22,22,30,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,108,146,1)), color-stop(65%,rgba(74,75,102,1)), color-stop(65%,rgba(61,62,84,1)), color-stop(100%,rgba(22,22,30,1)));
	background: -webkit-linear-gradient(top,  rgba(106,108,146,1) 0%,rgba(74,75,102,1) 65%,rgba(61,62,84,1) 65%,rgba(22,22,30,1) 100%);
	background: -o-linear-gradient(top,  rgba(106,108,146,1) 0%,rgba(74,75,102,1) 65%,rgba(61,62,84,1) 65%,rgba(22,22,30,1) 100%);
	background: -ms-linear-gradient(top,  rgba(106,108,146,1) 0%,rgba(74,75,102,1) 65%,rgba(61,62,84,1) 65%,rgba(22,22,30,1) 100%);
	background: linear-gradient(to bottom,  rgba(106,108,146,1) 0%,rgba(74,75,102,1) 65%,rgba(61,62,84,1) 65%,rgba(22,22,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6c92', endColorstr='#16161e',GradientType=0 );
}

table.results td {
	padding:4px 10px;
}

table.results td:first-child {
    font-weight:bold;
}

table.results td.dreta {
	text-align:right;
}
table.results td.centrat {
	text-align:center;
}

#catalogue-box {
    margin-top: 15px;
    padding:10px;
    border: 1px solid #955;
    border-radius: 10px;
    background: #fcc;
    box-shadow: 5px 5px 5px #fcc;
}

#catalogue {
    height: 125px;
}
#catalogue2 {
	position: relative;
	top: -103px;
	left: 13px;
}

/*** jobs ***/
div.jobs {
    margin: 2em;
    line-height: 24px;
}
.jobs h1 {
    font-size: 18px;
    border-bottom: 1px solid #bbb;
    color: #a44;
    margin: 0;
}
.jobs a {
    text-decoration: none;
    color: #003b79;
}
.jobs td {
    font-size: 14px;
    padding: 1em;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8;
}
.jobs tr:nth-child(odd) td {
    background: white;
}