/* CSS Document */

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;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
:focus {
outline: 0;
}
/* En HTML añadir cellspacing=”0? */
table {
border-collapse: collapse;
border-spacing: 0;
}
@charset "utf-8";
/* CSS Document */

/*****************************************************************
	ELEMENTS
******************************************************************/

body
{
	font-family:"Trebuchet MS";	
}

#tot
{
	margin:0 auto;
	width:100%;
	height:auto;	
	padding-bottom:0px;
	background:#fafafa;
	
}

#cap
{
	margin:0 auto;
	width:100%;
	height:auto;
    	border-bottom:solid 0px #9c9a9b;
}

#contingut
{
	margin:0 auto;
	width:945px;
	min-height:300px;
	height:auto;
	
}

#peu
{
	margin:0 auto;
	width:100%;	
	background:url('../img/fons_peu.jpg') center;
	border-top:solid 1px #9c9a9b;	
	padding-top:30px;
	padding-bottom:30px;
	height:200px;
}




.neteja{clear:both;}

h2 {font-size:15px; color:#4D4D4D; width:100%; border-bottom:solid 1px #CCC; line-height:25px;}
.text {font-size:12px; color:#3C393D; text-align:justify; line-height:20px; font-family:"Trebuchet MS"}
.text p {margin-top:10px;}
.text ul {margin-left:25px;}
.text li { list-style-type:square;}


.boto {height:20px; padding: 8px 15px 0px 15px; font-size:11px; text-align:center; font-style:italic; text-decoration:underline; color:#fff; display:block; background:#3F3F3F; border:solid 1px #3F3F3F; cursor:pointer;
	-moz-box-shadow: 2px 2px 2px #999;
  	-webkit-box-shadow: 2px 2px 2px #999;
  	box-shadow: 2px 2px 2px #999;
}
.boto:hover {background:#fff; color:#5E5E5E; border:solid 1px #5E5E5E;}
.boto2 {height:20px; padding: 8px 15px 0px 15px; font-size:11px; font-style:italic; text-decoration:underline; color:#5E5E5E; display:block; background:#fff; border:solid 1px #5E5E5E;}
.botoGris {height:15px; padding: 5px 10px 0px 10px; font-size:11px; font-style:italic; text-decoration:underline; cursor:pointer; color:#fff; display:block; background:#808080;; border:solid 1px #808080; width:52px; margin-left:15px; margin-top:8px;}
#enviar {cursor:pointer; height:25px; font-size:11px; font-style:italic; color:#fff; display:block; background:#3F3F3F; border:solid 1px #3F3F3F; width:100%}
#enviar:hover {background:#fff; color:#5E5E5E; border:solid 1px #5E5E5E;}

/*****************************************************************
	CAP
******************************************************************/

.contingutCap {margin: 0 auto; width:945px; height:80px; padding-top:20px;}
.franja { height:100px; background:#19171c;}
.logotip {display:block; float:left; cursor:pointer; height:60px; width:180px; background-image:url(../img/base.png); background-position:-0px -130px; background-repeat:no-repeat; }
.idioma {float:right; color:#fff; text-align:right;}
.idioma a {}
.fonsplayer { height:277px; background:url('../img/fons.jpg') center; border-bottom:solid 1px #9c9a9b;}
.player { height:277px; background:#f4f4f4; margin:0 auto; width:945px;}
.textrecanvis { height:20px; margin:0 auto; width:945px;}
.block_home { width:945px; height:277px; position:absolute; display:none; }

.barramenu
{
	float:right;
	height:40px;
	width:auto;
	position:relative;
	z-index:16;
	background-image:url(../img/fons_menu.png);
	background-repeat:repeat-x;			
}

.idioma {font-size:10px; color:#9a989b; font-style:italic; width:200px;}
.idioma a{color:#9a989b; text-decoration:none; }
.idioma a:hover {color:#fff;}


/*****************************************************************
	MENU
******************************************************************/

.barramenu a
{
	display:block;	
	float:right;
	margin-top:1px;
	height:23px;
	float:right;
	color:#333;	
	border-left: solid 1px #b0b0b0;	
	color:#333;	
	letter-spacing:0px;	
	font-size:12px; font-style:italic; font-weight:bold;
	text-decoration:none;	
}

.barramenu a:hover {color:#9C9C9C;}
.caseta {float:right; cursor:pointer; height:12px; width:12px; background-image:url(../img/base.png); background-position:-768px -135px; background-repeat:no-repeat; margin:13px 10px 0px 10px; }

.caseta:hover {background-position:-781px -135px;}


/*****************************************************************
	PEU
******************************************************************/
#peu_esq { float:left; width:200px; height:auto;}
.logoPeu { width:0px; height:0px; background-image:url(../img/base.png); background-position:-619px -180px; background-repeat:no-repeat;}
#peu_esq p, #peu_esq a {font-weight:bold; color:#3C393D; font-size:12px; line-height:20px;}

#peu_dre {float:right; width:700px; height:auto; }
.marquesPeu {width:700px; border-top:solid 1px #a2a2a2; padding-top:15px; height:auto; margin-top:-10px;}

.marcaPeu { width:135px; height:90px; border: solid 1px #a2a2a2; float:left; }
.separadorPeu {width:3px; height:100px; float:left;}
.logo6tems {display:block; margin-top:30px; width:134px; height:15px; background-image:url(../img/base.png);  background-position:-2px -299px; background-repeat:no-repeat;}
.logo6tems:hover {background-position:-2px -315px;}




/*****************************************************************
	INICI
******************************************************************/
 
#col_esq {	width:575px; height:auto; padding-top:20px; display:block; float:left; }
.quadreMaqIniciEsq,.quadreMaqIniciDre { display:block; width:265px; height:125px; float:left; background:white; text-decoration:none;}
.quadreMaqIniciEsq {background-image:url(../img/base.png); background-position: -3px -2px; background-repeat:no-repeat;}
.quadreMaqIniciDre {margin-left:45px; background-image:url(../img/base.png);background-position:-275px -2px; background-repeat:no-repeat;}
.quadreMaqIniciEsq:hover,.quadreMaqIniciDre:hover { background-position:-548px -2px; }

.quadreMaqLletresGrans { color:#fff; font-size:26px; font-weight:bold; margin-left:22px; }
.quadreMaqLletresPetites{color:#fff; font-size:20px; margin-top:22px; margin-left:22px;}
.quadreMaqPetit {display:block; width:68px; height:20px; background:#5E5E5E; text-align:center; margin-left:22px; margin-top:10px; color:#fff; font-size:11px; padding-top:7px; font-style:italic; text-decoration:underline;}

.marcOcasioInici {width:138px; height:auto; min-height:150px; display:block; border:solid 1px #EAE8E8; float:left; margin-left:3px; text-decoration:none;}
.marcOcasioIniciImg {width:130px; height:85px; display:block; border:solid 1px #CCC; margin:3px; }
.marcOcasioInici:hover {border:solid 1px #3F3F3F;}

.iniMarca {font-size:14px; color:#3C393D; margin-left:10px; margin-top:5px; display:block; line-height:18px;}
.iniModel {font-size:12px; color:#4D4D4D; margin-left:10px; display:block;  line-height:18px;}
.iniPreu {font-size:10px; color:#808080; margin-left:10px; display:block;  line-height:18px;}


#col_dre {	width:330px; height:auto; margin-left:0px; display:block; float:right; padding-top:20px; }
.triangle{height:50px; width:99px; background-image:url(../img/base.png);background-position:-191px -130px; background-repeat:no-repeat; float:left;}
.triLletPetita { font-weight:bold; font-size:20px; color:#4D4D4D;}
.triLletGran { font-weight:bold; font-size:25px; color:#808080;}

#recanvis {	width:auto; height:auto; margin-left:0px; display:block; float:left; padding-top:20px; border-top:solid 1px #9c9a9b; }

.quadreNoticia{width:300px; height:auto; padding:5px 10px 5px 10px; font-size:11px; background:#EBEBEB; line-height:20px; margin-top:5px; color:#3C393D; text-decoration:none; margin-left:20px; display:block;}

.quadreNoticia:hover span { background-position:-321px -306px; }

.miniatura { display:block; width:100px; height:70px; float:left; margin-right:15px;}


/*****************************************************************
	EMPRESA
******************************************************************/
#emp_esq { width:430px; height:auto; float:left; }
.anys {float:left; width:50px; font-weight:bold; color:#FF9817; font-size:16px; padding-top:5px}
.textAnys {float:right; width:370px; padding:5px; background:#EBEBEB; font-size:12px; color:#3C393D; text-align:justify; line-height:15px; margin-top:8px;}

#emp_dre {float:right; height:auto; position:relative; top:75px;}
.quality {height:112px; width:114px; background-repeat:no-repeat; z-index:10; position:absolute; top:-45px; left:-60px;}
.emp_img { height:250px; width:440px; border:solid 1px #CCC; z-index:5;}
.separadorEmp {width:10px; height:100px; float:left;}

.marcMarquesEmpresa {width:138px; height:150px; display:block; border:solid 1px #F7F7F7; float:left; margin-left:3px;}
.marcMarquesEmpresaImg {width:130px; height:85px; display:block; border:solid 1px #F7F7F7; margin:3px; }

/*****************************************************************
	MAQUINARIA
******************************************************************/
.itemMaq {display:block; width:181px; height:auto; float:left; text-decoration:none;  }
.imgItemMaq {width:180px; height:124px; display:block; border:solid 1px #CCC; margin-bottom:10px;}
.textItemMaq {font-size:12px; color:#3C393D; text-align:justify; line-height:15px; display:block; height:80px; }
.separadorItemMaq { width:30px; height:100px; float:left; }
    


/*****************************************************************
	OCASIÓ
******************************************************************/
#oca_esq { width:250px; height:auto; float:left; }
.telefon {margin-top:8px; display:block; height:99px; width:244px; background-image:url(../img/base.png);background-position:-247px -200px; background-repeat:no-repeat; text-decoration:none; }
.excavadora {margin-top:8px; display:block; height:92px; width:244px; background-image:url(../img/base.png);background-position:-2px -200px; background-repeat:no-repeat; text-decoration:none; }

.contenidorTriangle {position:relative; width:300px; top:0px; left:0px;}

#oca_dre {float:right; height:auto;  margin-top:75px; width:640px;}
.itemOca {width:630px; height:90px; border:solid 1px #CCC; display:block; text-decoration:none; cursor:pointer; }
.itemOca:hover { width:630px; height:90px; border:solid 1px #3F3F3F;}
.itemOca:hover span { color:#3F3F3F;}

.imgOca { width:135px; float:left; height:88px; padding-top:2px; padding-left:3px; background:#e8e8e8}

.tipusOca
{
	display:block;
	width:154px;
	height:48px;
	float:left;
	margin:1px;
	font-size:13px;
	color:#7A787B;
	padding-top:40px;
	padding-left:5px;

	
}

.marcaOca
{
	display:block;
	width:91px;
	height:48px;
	float:left;
	margin:1px;
	font-size:13px;
	color:#7A787B;
	padding-top:40px;
	padding-left:5px;
	text-align:center;

	
}

.modelOca , .anyOca , .preuOca
{
	display:block;
	width:70px;
	height:48px;
	float:left;
	margin:1px;
	font-size:13px;
	color:#7A787B;
	padding-top:40px;
	padding-left:5px;
	text-align:center;

	
}

.tipusOca, .modelOca , .preuOca
{
	background:#e8e8e8;
}
.marcaOca , .anyOca
{
	background:#eeeeee;
}

.capItemOca{ width:96px; margin-left:2px; height:15px; float:left; font-size:13px; text-decoration:none; display:block; text-align:center;  }
.capItemOcaImg {display:block; margin-left:10px; height:10px; width:10px; background-image:url(../img/base.png);background-position:-780px -152px; background-repeat:no-repeat; text-decoration:none; float:left; }
.capItemOcaImgSel {display:block; margin-left:10px; height:10px; width:10px; background-image:url(../img/base.png);background-position:-769px -152px; background-repeat:no-repeat; text-decoration:none; float:left; }
.capItemOcaText { font-size:12px; color:#646265; float:left; margin-left:5px;}
.capItemOcaTextSel { font-size:12px; color:#3F3F3F; float:left; margin-left:5px;}


.textQuadreLateral { color:#666666; font-weight:bold; font-size:18px; display:block; margin-left:15px;}

.marcPreu { height:28px; width:220px; border:solid 1px #CCC; padding:1px; margin-left:20px; margin-top:20px; }
.preu {background:#ededed; height:20px; text-align:center; font-size:14px; color:#7A787B; font-weight:bold; padding-top:8px;}
.logoAdjunt {display:block; margin-left:10px; height:22px; width:20px; background-image:url(../img/base.png);background-position:-146px -300px; background-repeat:no-repeat; text-decoration:none; float:left; }
.textlogoAdjunt { display:block; float:left; color:#555; font-size:11px; margin-left:10px; font-style:italic; padding-top:5px;}
.adjuntPetit:hover {text-decoration:underline;}

/*****************************************************************
	FITXA 
******************************************************************/

#lateralFitxa { float:left; width:260px; height:auto; }
.menuFitxa {margin-top:8px; display:block; height:44px; width:238px; background-image:url(../img/base.png);background-position:-291px -131px; background-repeat:no-repeat; text-decoration:none;}
.menuFitxa:hover {text-decoration:underline; color:#808080;}
.menuFitxaSel {margin-top:8px; display:block; height:44px; width:238px; background-image:url(../img/base.png);background-position:-529px -131px; background-repeat:no-repeat; text-decoration:none;}

.menuFitxa span{ display:block; font-size:14px; color:#808080; padding-left:25px; padding-top:15px;}
.menuFitxaSel span{display:block; font-size:14px; color:#fff;  padding-left:25px; padding-top:15px;}

#contingutFitxa {float:right; width:640px; height:auto;}
#fitxaConEsq  {float:left; width:300px; height:auto;}
.fitxaConImg { width:300px; height:200px;}
.lupa { float:left; width:28px; height:28px; background-image:url(../img/base.png); background-repeat:no-repeat; background-position:-170px -305px; }
.lupa:hover { background-position:-202px -305px; }

#fitxaConDre  {float:right; width:300px; height:auto;}
.visitar {float:left; font-size:11px; font-style:italic; color:#3F3F3F; margin-top:3px; text-decoration:underline;}
.fletxavisitar {float:left; margin-left:5px; width:12px; height:18px; background-image:url(../img/base.png); background-repeat:no-repeat; background-position:-261px -306px;}
.fletxavisitar:hover {background-position:-273px -306px;}


/* OCASIO */

.taulaTitol {font-size:14px; color:#A4A2A4; float:left; padding:5px 0px 5px 5px; width:160px; border-top: dashed 1px #CCC}
.taulaValor {font-size:14px; color:#6E6B6F; float:left; padding:5px 0px 5px 5px; width:130px; border-top: dashed 1px #CCC}



/*****************************************************************
	SERVEIS	 
******************************************************************/

.contenidorServeis {}
.imgServeis {float:left; width:240px; height:150px; border:solid 1px #CCC;}
.textServeis { float: left; margin-left:30px; width:670px; }


/*****************************************************************
	NOTICIES
******************************************************************/
.dates {font-weight:bold; color:#FF9817; font-size:16px; padding-top:5px}
.noticies {margin-top:8px; display:block; height:auto; width:218px; background:#EBEBEB; text-decoration:none; font-size:11px; color:#3C393D; line-height:15px; padding:10px; }
.veureNoticia {margin-left:5px; width:17px; height:17px; background-image:url(../img/base.png); background-repeat:no-repeat; background-position:-292px -306px; display:block; float:left; }



/*****************************************************************
	CONTACTAR
******************************************************************/
#con_esq { width:400px; height:auto; float:left; }
#con_dre {float:right; width:410px; height:auto; position:relative; top:75px;}
.quadreContacte {width:335px; padding:10px 20px 10px 20px; font-size:12px; background:#F2F2F2; line-height:20px; margin-top:5px; }
.qCTitol {color:#000;}
.qCText { color:#504E51; }
.qCText a { color:#504E51; }

.mapa { width:375px; height:300px; border:solid 1px #CCC; margin-top:15px; }


.formulari input {width: 300px; border:solid 1px #CCC; background:#fff; margin-top:3px;}
.formulari textarea {width: 300px; height:90px; border:solid 1px #CCC; background:#fff; margin-top:3px;}
.formulari label {font-size:11px; color:#747275;}
.titollopd {font-size:11px; color:#666666; padding-top:4px; float:left; margin-left:5px;}
.lopd {font-size:10px; color:#666666; text-align:justify; line-height:15px;}
.obligatori {font-size:10px; color:#666666; text-align:right; padding-top:3px; padding-right:25px; line-height:15px;}

/*****************************************************************
	NOTA LEGAL
******************************************************************/

.capLegal {background:#19171c; padding:20px; width:560px; height:55px;}
.contingutLegal {background:#fff; padding:20px; width:560px; height:auto;}