/* CSS Document */
/***** Global Settings *****/

html, body {
	height: 100%;
	min-height: 100%;
}
body {
	font:80%/1.25 Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	background: url(images/bg.jpg) repeat-x top left #fff;
	color: #282525;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

.doc{ background: url(images/entry_16.gif) no-repeat center left; padding: 2px 0 2px 18px;} 

/***** Links *****/

a, a:visited {
	text-decoration:none;
	color:#555;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#000;
	outline: none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
	width:598px;
}
table tr td {
	padding:2px;
}

/***** Wrapper *****/

#container{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.wrap {
	width:960px;
	margin: 0 auto;
	padding: 0;
	height: auto;
	min-height: 100%;
}

/***** Global Classes *****/

.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.img-left { float:left; 
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.border { border:1px solid #396240; }
.right-dan { float:right;margin:0 30px 0px 12px; }
.strong{ font-weight: bold;}


/**** estilos quavitas ****/
 
body {
	background:transparent url(images/bgBody.png) repeat center top;
	color:#322f2f;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.25;
	margin:0;
	padding:0;
}
#container {
	display:block;
	width:100%;
 	height:100% !important;
	margin:0;
	padding:0;
}

#container .wrap{
	background:#fff url(images/bgHeader.png) repeat-x left top;
	display:block;
	width:960px;
 	height:100% !important;
	margin:10px auto 0;
	padding:0;
}

/***** Header Classes *****/
#header {
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:160px;
	margin:0;
	padding:0;
}
#header #logo {
	background:transparent url(images/logo.png) no-repeat left top;
	display:block;
	float:left;
	clear:left;
	width:222px;
	height:129px;
	margin:19px 0 0 30px;
	padding:0;
	text-indent:-5000px;
}
*html #header #logo {margin-left/***/:/***/15px;}

#header .imgHerramientas{
	display:block;
	float:left;
	margin:34px 0 0;
}
#header ul#idiomas{
	display:block;
	float:right;
	width:auto;
	height:auto;
	margin:38px 20px 30px 0;
	padding:0;
}
*html #header ul#idiomas{margin-right/***/:/***/10px;}

#header ul#idiomas li{
	display:block;
	float:left;
}
#header ul#idiomas li a{
	display:block;
	float:left;
	clear:both;
	width:auto;
	height:100%;
	margin:0;
	padding:0 6px 0 20px;
	font-size:12px;
	color:#818682;
}
#header ul#idiomas li a:hover{text-decoration:none;}
#header ul#idiomas li a.ned{background:url(images/langNed.png) no-repeat left 2px;}
#header ul#idiomas li a.eng{background:url(images/langEng.png) no-repeat left 2px;}
#header ul#idiomas li.splitter{
	margin:0; 
	padding:1px 9px 0 0;
}
#header ul#navi {
	background:url(images/bgNavi.png) no-repeat left top;
	display:block;
	float:right;
	clear:right;
	width:494px;
	height:33px;
	margin:0 17px 0 0;
	padding:0 19px;
}
*html #header ul#navi {margin-right/***/:/***/8px;}

#header ul#navi li {
	display:block;
	float:left;
	clear:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
#header ul#navi li a {
	background:transparent url(images/splitterNavi.png) no-repeat scroll left 12px;
	display:block;
	float:left;
	clear:both;
	width:auto;
	height:100%;
	margin:0;
	padding:8px 7px 8px 8px;
	font-size:14px;
	font-style:normal;
	color:#757a77;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul#navi li a:visited{}
#header ul#navi li a:hover{color:#fa6c0d}
#header ul#navi li a:active{}

#header ul#navi li a.activo{color:#fa6c0d}

#header ul#navi li a.first {background:none;}

body#index #header ul#navi li.welkom a,
body#products #header ul#navi li.producten a,
body#projects #header ul#navi li.projecten a,
body#quote #header ul#navi li.offerte a,
body#contact #header ul#navi li.contact a,
body#links #header ul#navi li.links a{color:#fa6c0d}

/***** Main Classes *****/

#main{
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#main ul#attn{
	display:block;
	float:left;
	width:888px;
	height:126px;
	margin:0;
	padding:11px 36px 12px;
}
#main ul#attn li{
	background:url(images/bgLiAttn.png) no-repeat left top;
	display:block;
	float:left;
	position:relative;
	width:272px;
	height:126px;
	margin:0 36px 0 0;
}
#main ul#attn li.last{margin:0;}

#main ul#attn li a.imagen {
	display:block; 
	float:left;
	/*position:relative;*/
	width:259px;
	height:112px;
	margin:0;
	padding:6px 6px 8px 7px;
}
#main ul#attn li a.imagen img{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#main ul#attn li a.etiqueta{
	display:block;
	float:left;
	width:140px;
	height:24px;
	position:absolute;
	left:7px;
	top:80px;
	color:#4d5452;
	text-transform:uppercase;
	font-size:14px;
	padding:7px 0 0 10px;
}
*html #main ul#attn li a.etiqueta{position/***/:/***/static; margin/***/:/***/-46px 0 0 3px;}
#main ul#attn li a.etiqueta:hover{text-decoration:none;}
#main ul#attn li a.producten{background:url(images/bgProducten.png) no-repeat left top;}
#main ul#attn li a.projecten{background:url(images/bgProjecten.png) no-repeat left top;}
#main ul#attn li a.prijsOfferte{background:url(images/bgPrijsOfferte.png) no-repeat left top;}

#main div.contenido{
	background:#fff url(images/bgMain.png) no-repeat 697px 285px;
	display:block;
	float:left;
	width:885px;
	height:auto;
	min-height:390px;
	margin:0;
	padding:35px 36px 35px 39px;
}
*html #main div.contenido{height/***/:/***/400px; padding/***/:/***/32px 35px 32px 38px;}

#main div.contenido .left{
	display:block;
	float:left;
	width:577px;
	height:auto;
	padding:0 35px 0 0;
}
#main div.contenido .left p{
	display:block;
	float:left;
	clear:left;
	width:577px;
	color:#323131;
	font-size:13px;
	line-height:18px;
}
#main div.contenido .left p.titulo{
	display:block;
	float:left;
	color:#ff3d09;
	font-size:21px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 0;
}
#main div.contenido .left hr {
	background-color:#D1D0D0;
	display:block;
	float:left;
	clear:both;
	width:575px;
	height:1px;
	margin:15px 0 0;
	padding:0;
	border:medium none;
}
#main div.contenido .right{
	display:block;
	float:right;
	height:auto;
	margin:0;
	padding:0;
}
#main div.contenido .right .contacto{
	display:block;
	float:right;
	background:url(images/bgContacto.png) no-repeat left top;
	width:213px;
	height:185px;
	margin:5px 0 0;
	padding:22px 30px;
}
#main div.contenido .right .contacto p{
	display:block;
	float:left;
	clear:left;
	width:215px;
	color:#fff;
	font-size:14px;
	line-height:17px;
	padding:0 0 16px 0;
}
#main div.contenido .right .contacto p.nombre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:15px;
}
#main div.contenido .right .contacto p a{color:#fff; cursor:pointer;}

/***** Footer Classes *****/

#footer{
	display:block;
	float:left;
	clear:both;
	background:url(images/bgFooter.png) repeat-x left top;
	width:880px;
	height:17px;
	margin:0;
	padding:45px 40px 35px;
}
#footer ul.navi {
	display:block;
	float:left;
	width:880px;
	height:auto;
	margin:0;
	padding:0;
}

#footer ul.navi li {
	display:block;
	float:left;
	clear:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
}
#footer ul.navi li.copy{padding-right:15px;}
#footer ul.navi li.siteBy{color:#96775d; float:right;}
#footer ul.navi li a {
	background:transparent url(images/splitterNaviFoot.png) no-repeat scroll left 3px;
	display:block;
	float:left;
	clear:both;
	width:auto;
	height:100%;
	margin:0;
	padding:0 5px 0 7px;
	font-style:normal;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#footer ul.navi li a.first{background:none;}

/*** estilos ficha producto ***/
#main div.contenido .left a.volver{
	background:url(images/flechaVolver.png) no-repeat left center;
	display:block;
	float:left;
	width:550px;
	height:19px;
	color:#ff3d09;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
	margin:0 0 10px;
	padding:2px 0 0 27px;
}
#main div.contenido .left a.volver:visited{}
#main div.contenido .left a.volver:hover{}
#main div.contenido .left a.volver:active{}

#main div.contenido .left div.fotosProducto{
	display:block;
	float:left;
	background-color:#e5e4e5;
	width:172px;
	height:366px;
	margin:0;
	padding:8px;
}
#main div.contenido .left div.fotosProducto a{
	border:0; 
	text-decoration:none;
}
#main div.contenido .left div.fotosProducto img{
	display:block;
	float:left;
	border:solid 1px #fff;
}
#main div.contenido .left .fotosProducto img.right{float:right;}
#main div.contenido .left .fotosProducto img.big{
	width:170px;
	height:auto;
	margin:0;
	padding:0;
}
#main div.contenido .left .fotosProducto img.small{
	width:81px;
	height:65px;
	margin:5px 0 0;
}
#main div.contenido .left .fotosProducto span.lupa{
	background:url(images/icoLupa.png) no-repeat left center;
	display:block;
	float:left;
	width:125px;
	margin:10px 7px;
	padding:0 0 0 30px;
	font-style:italic;
	font-size:12px;
}
*html #main div.contenido .left .fotosProducto span.lupa{margin/***/:/***/10px 4px;}
#main div.contenido .left .descLarga{
	display:block;
	float:right;
	width:370px;
	height:auto;
	color:#323131;
}
#main div.contenido .left .descLarga p{
	display:block;
	float:left;
	width: 370px;
}
#main div.contenido .left .descLarga .nombreProd{
	clear:none;
	width:auto;
	color:#ff3d09;
	font-size:16px;
}
#main div.contenido .left .descLarga .refProd{
	float:right;
	clear:none;
	width:auto;
	text-align:right;
	margin:1px 5px 0 0;
}
#main div.contenido .left .descLarga .txtDesc{ display: block; float: left; clear: both; width:370px;}
#main div.contenido .left .descLarga .precio{
	font-size:15px; 
	width:auto;
	margin:5px 0 0;
}
#main div.contenido .left .descLarga .precio span{font-weight:bold;}
#main div.contenido .left hr.fichaProd{margin:0;}

/*** estilos listado de productos ***/

#main div.contenido .left ul.listaProductos{
	display:block;
	float:left;
	width:577px;
	margin:0;
	padding:0;
}
#main div.contenido .left ul.listaProductos li{
	display:block;
	float:left;
	clear:left;
	width:100%;
	height:172px;
}
#main div.contenido .left ul.listaProductos li.first{
	height:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ff3d09;
	font-size:20px;
	margin:0 0 10px;
	
}
#main div.contenido .left ul.listaProductos li div.foto{
	display:block;
	float:left;
	width:172px;
	height:154px;
	background-color:#e5e4e5;
	margin:0;
	padding:8px;
}
#main div.contenido .left ul.listaProductos li div.foto a{
	border:0;
	text-decoration:none;
}
#main div.contenido .left ul.listaProductos li div.foto a img{
	display:block;
	float:left;
	border:solid 1px #fff;
	width:170px;
	max-height:136px;  
	vertical-align:middle;
	margin:9px 0 0;
}
#main div.contenido .left ul.listaProductos li div.descCorta{
	display:block;
	float:right;
	width:370px;
	height:auto;
	color:#323131;
	padding:20px 0 0;
}
#main div.contenido .left ul.listaProductos li div.descCorta p{
	display:block;
	float:left;
	margin:0;
	padding: 0;
	width: 370px;
}
#main div.contenido .left ul.listaProductos li div.descCorta p.nombreProd{
	clear:none;
	width:auto;
	color:#ff2b00;
	font-size:16px;
	margin:0;
	padding:0;
	width: 280px;
	float: left;
}
#main div.contenido .left ul.listaProductos li div.descCorta p.refProd{
	float:right;
	clear:none;
	width:auto;
	text-align:right;
	margin:1px 5px 0 0;
	padding:0;
}
#main div.contenido .left ul.listaProductos li div.descCorta .txtDesc{
	display: block;
	float: right;
	clear:both;
	width:370px;
	height: 60px;
	margin:12px 0 0;
	padding:0 0 12px;
}
#main div.contenido .left ul.listaProductos li div.descCorta p.precio{
	font-size:15px; 
	width:auto;
	margin:5px 0 0;
}
#main div.contenido .left ul.listaProductos li div.descCorta p.precio span{font-weight:bold;}
#main div.contenido .left ul.listaProductos li div.descCorta a.masInfo{
	background:url(images/btnMasInfo.png) no-repeat left top;
	display:block;
	float:right;
	clear:none;
	width:98px;
	height:26px;
	color:#646263;
	text-decoration:none;
	font-size:14px;
	margin:0;
	padding:8px 0 0 13px;
}
#main div.contenido .left ul.listaProductos li div.descCorta a.masInfo:link{}
#main div.contenido .left ul.listaProductos li div.descCorta a.masInfo:visited{}
#main div.contenido .left ul.listaProductos li div.descCorta a.masInfo:hover{}
#main div.contenido .left ul.listaProductos li div.descCorta a.masInfo:active{}

#main div.contenido .left ul.listaProductos li hr{
	background-color:#D1D0D0;
	display:block;
	float:left;
	clear:both;
	width:575px;
	height:1px;
	margin:0;
	padding:0;
	border:medium none;
}
#main div.contenido .left div.paginacion{
	display:block;
	float:left;
	width:100%;
	margin:15px 0 0;
}
#main div.contenido .left div.paginacion a{
	display:block;
	float:left;
	width:auto;
	color:#5d5b5d;
	text-decoration:none;
}
#main div.contenido .left div.paginacion a:link{}
#main div.contenido .left div.paginacion a:visited{}
#main div.contenido .left div.paginacion a:hover{color:#ff2b00;}
#main div.contenido .left div.paginacion a:active{}

#main div.contenido .left div.paginacion a.activo,
#main div.contenido .left div.paginacion a.anterior,
#main div.contenido .left div.paginacion a.siguiente{color:#ff2b00;}

#main div.contenido .left div.paginacion a.anterior{
	width:48px;
	margin:0;
	padding:0;
}
#main div.contenido .left div.paginacion a.siguiente{
	float:right;
	width:65px;
	margin:0;
	padding:0;
}
#main div.contenido .left div.paginacion .centro{
	display:block;
	float:left;
	clear:none;
	width:464px;
	text-align:center;
}
#main div.contenido .left div.paginacion .centro a{
	display:inline;
	float:none;
	padding: 5px;
}
#main div.contenido .left div.paginacion .centro span{
	display:inline;
	float:none;
	margin:0;
}

/***** Contact classes *****/

.contenido form{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 460px;
	height: auto;
}
.contenido form fieldset{
	border: none;
	padding: 0;
}
.contenido form fieldset #frmLeft,
.contenido form fieldset #frmRight{
	display: block;
	float: left;
	clear: none;
	margin: 0 0 10px 0;
	padding: 0;
	width: 190px;
	height: auto;
}
.contenido form fieldset #frmLeft{ border-right: solid 1px #d6d4d2;}
.contenido form fieldset #frmRight{ margin-left: 20px;}

.contenido form fieldset span.input{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 4px 0;
	padding: 2px;
	background-color:#ffc77e;
}

.contenido form fieldset label{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 2px 0;
	padding: 0;
	width: 160px;
	font-size: 12px;
	color: #1d1b1b;
}
.contenido form fieldset input{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 2px;
	width: 160px;
	border: solid 1px #6f0015;
}
.contenido form fieldset input.invalid{ background-color: #faa;}
.contenido form fieldset input.valid{ background-color: #afa;}

.contenido form fieldset select{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 6px 0;
	padding: 2px;
	width: 60px;
	border: solid 1px #abadb3;
}
.contenido form fieldset .buttons{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.contenido form fieldset input.submit{
	display: block;
	float: right;
	clear: none;
	margin: 8px 0 0 10px;
	padding: 0;
	width: 93px;
	height: 23px;
	border: 0;
	background-color: #ff4f01;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}
.contenido form fieldset .obli{ color:#990000; font-size: 0.9em;}
.contenido form fieldset textarea{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 5px;
	width: 440px;
	height: 120px;
	border: solid 1px #6f0015;	
}

#main div.contenido p.mOk{
	float: left;
	width: 420px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 8px 20px;
	border: solid 1px #84c371;
	background: #b3eca1;
}
#main div.contenido p.mError{
	float: left;
	width: 420px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 8px 20px;
	border: solid 1px #e67873;
	background: #f19692;
}

/*****    hacks ie6   *****/

*html #header #logo {margin-left/***/:/***/15px;}
*html #header ul#idiomas{margin-right/***/:/***/10px;}
*html #header ul#navi {margin-right/***/:/***/8px;}
*html #main ul#attn li a.etiqueta{position/***/:/***/static; margin/***/:/***/-46px 0 0 3px;}
*html #main div.contenido{height/***/:/***/400px; padding/***/:/***/32px 35px 32px 38px;}
*html #main div.contenido .left .fotosProducto span.lupa{margin/***/:/***/10px 4px;}