@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }

/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin-bottom:10px; margin-left:20px; float:right; border:#cdcccc solid 1px; padding:2px }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#cdcccc solid 1px; padding:2px}  
img.dretanomarc	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }
img.foto-noticia-portada	{ float:left; border:#ccc solid 1px; margin-right:10px; padding:3px; width:100px; height:70px; }
img.ample	 	{ margin-bottom:10px; border:#cdcccc solid 1px; padding:2px }
img.galeria { margin: 0px 0px 0px 0px; width: 220px; height: 165px; margin-bottom: 15px}

/* ---------------------- BIG BOYS ---------------------- */
body { font-family: Tahoma, sans-serif; font-size:.8em; padding:0; margin:0; background:url(../img/bg_body.gif) top repeat-x }
strong	{ font-weight:bold;}

h1		{ text-align:center; border-bottom:#dddddd dashed 1px; line-height:1.8em; color:#000000; font-size:1.6em; font-weight:bold; margin-bottom:16px; font-variant:small-caps }
h2		{ color:#000000; font-size:1.4em; font-weight:bold; margin-bottom:16px; }
h3		{ font-size:1em; margin-bottom:10px; color:#333333; font-weight:bold; }
h4		{ color:#000000; font-size:1.4em; font-variant:small-caps; margin-bottom:0px}

p		{ line-height:1.6em; padding-bottom:15px }
a 		{ text-decoration:none;}
li		{ text-align:left}
dl		{ padding-left:16px}
dt		{ font-weight:bold}
dd		{ margin-bottom:16px; font-size:13px}
blockquote	{ color:#FF9900; text-align:center; font-size:18px; width:350px; display:block; margin:50px auto}

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 			{ width:930px; margin:0 auto; }
#idiomes_header	{ width:470px; padding:0px; margin: 20px auto; height:10px  }
#logo 			{ float:left; }
#frontal		{ float:right; }
#cap			{ height:80px; margin-bottom:25px }
#headerchange	{ width:604px; height:105px; overflow:hidden; }
#menu			{ float:left; display:block; width:180px; min-height:450px; margin-top:10px; background:#ffc98a; margin-bottom:20px }
#contingut 		{ width:552px; float:left; display:block; margin-left:25px; margin-top:12px; text-align:justify; font-size:13px; color:#000000; margin-bottom:30px }
#dreta			{ float:right; width:144px; min-height:300px; margin-top:10px}
#peu 			{ width:930px; height:54px; color:#878686; padding-top:15px; margin-bottom:25px; background:#ebedeb; clear:both }

#contingut a 			{ color:#000000 }
#contingut a:hover 		{ color:#F90 }
#contingut img			{ margin-bottom:20px}

/* ---------------------- CAP ---------------------- */
a.actiu-blanc			{ color:#FFFFFF }


/* ---------------------- CLASSES ---------------------- */

.fotoample			{ background:url(../img/bg_fotoample.gif) top left no-repeat; width:558px; height:251px; margin-bottom:20px; clear:both}
.fotogran			{ padding:14px 0 0 15px}

.fotopetita			{ margin-bottom:10px; margin-left:20px; float:right; border:cdcccc solid 1px; padding:2px}
.foto				{ padding:15px 0 0 20px}
.flash				{ padding:15px 0 0 16px}
.baixa20px			{ margin-top:20px }
.separaampla img	{ margin-top:50px; padding-bottom:40px}
.text-esquerra		{ text-align:left;}
.productes			{ width:552px; background:#d8d7d5}
a.links				{ text-decoration:underline; font-size:14px}

/* --------------------------    MENU ------------------------------------------*/
#menu-bottom 				{ width:180px; background:#ffc98a url(../imatges/fons_taula.gif) top left repeat-y;}

#menu						{ width:180px; padding-top:8px; padding-left:15px}
#menu ul 	 				{  }
#menu ul li 				{ font-size:15px; margin-top:8px; line-height:1.4em;  font-weight:bold }
#menu ul li a  				{ color:#000; }
#menu ul li a:hover  		{ color:#FFFFFF }
#menu ul li a.actiu			{ color:#FFFFFF }

#menu ul li ul li 			{ font-size:12px; margin-left:5px; margin-top:0; font-weight:bold; padding-left:6px}
#menu ul li ul li a  		{ color:#000;  }
#menu ul li ul li a.actiu	{ color:#FFFFFF }
#menu ul li ul li a:hover  	{ color:#FFFFFF }

#menu ul li ul li ul li 			{ font-size:11px; margin-left:10px}
#menu ul li ul li ul li a  			{ color:#535253; font-weight:normal;}
#menu ul li ul li ul li a:hover  	{ color:#fff;}

#dreta_contingut 			{ padding:0 0 0 8px; line-height:22px}
#dreta ul 					{ font-size:14px; list-style:none }
#dreta ul li				{ padding:25px 10px 25px 10px; text-align:center; background:#dcdcdc; margin-bottom:5px }
#dreta ul li a				{ color:#000000 }
#dreta ul li.actiu 			{ font-weight:bold; background:#fcc78a; }
#dreta ul li:hover			{ background:#fcc78a; }

/* --------------------------------------------------------------------------   Idiomes */

#idiomes 						{ position:absolute; width:300px; margin-left:510px; z-index:999; font-size:.8em; height:30px; float:left }
#idiomes li  					{ margin-top:1px; float:left; }
#idiomes li.actiu 				{ outline:none; color:#000;  float:left }
#idiomes li.actiu a 			{ outline:none; color:#000; background-color:transparent; font-weight:bold }
#idiomes a 						{ padding:7px 0 8px 30px; background-position:6px center; background-repeat:no-repeat; color:#000; }
#idiomes li.actiu ul a			{ background-color:#FFF; color:#000 }
#idiomes li.actiu ul a:hover	{ background-color:#fff; text-decoration:underline }
#idiomes a.es 					{ background-image:url(../img/es.gif); color:#000; }
#idiomes a.ca 					{ background-image:url(../img/ca.gif; color:#000;) }
#idiomes a.de					{ background-image:url(../img/de.gif; color:#000;) }
#idiomes a.fr					{ background-image:url(../img/fr.gif); color:#000; }
#idiomes a.en 					{ background-image:url(../img/en.gif); color:#000; }
#idiomes a.cn 					{ background-image:url(../img/cn.gif); color:#000; }
#idiomes a.totes				{ background-image:url(../img/banderes_totes.gif); color:#000; }
#implements 					{  }

.vermell 						{ color:#FF0000; padding-left:2px; padding-bottom:2px; font-size:.90em; font-weight:bold;}


/* ---------------------- portada ---------------------- */

#portada_benvinguda			{ background:url(../img/bg_portada_benvinguda.gif) no-repeat; padding:20px; height:234px}
#portada_benvinguda	p		{ font-size:12px; text-align:left;  }
#portada_benvinguda	strong	{ font-size:12px; color:#FF9900}

#portada_benvinguda2		{ background:url(../img/bg_portada_benvinguda2.gif) no-repeat; padding:20px; height:325px}
#portada_benvinguda2 p		{ font-size:12px; text-align:left;   }
#portada_benvinguda2 strong	{ font-size:12px; color:#FF9900}


/* ---------------------- CONTINGUT ---------------------- */
#contingut p				{ }
#contingut h2				{ padding-top:20px }
#contingut .aproductos		{ float:right; clear:both; margin-top:20px; margin-bottom:50px }
#contingut .aproductos img	{ margin-bottom:10px; padding-left:5px }
#contingut .aproductos a	{ color:#F90; float:right; font-size:11px; padding-right:10px; }


#contingut .submenu ul {  }
#contingut .submenu ul li { font-weight:bold; line-height:46px; }
#contingut .submenu ul li ul li { font-weight:normal; margin-bottom:0px; line-height:20px}

#contingut .menu ul { padding-left:20px; margin-bottom:20px}
#contingut .menu ul li { font-weight:normal; line-height:10px}


.noticia				{ border-bottom:#F90 solid 1px; margin:30px 0; padding-bottom:20px }
.noticia p.categoria	{ color:#F90; text-transform:uppercase; padding:0px; font-weight:bold; font-size:11px}
.noticia p.destacada	{ color:#F90; }
.noticia p	{ text-align:justify; }
.noticia p.titulo		{ font-size:1em; text-transform:uppercase; font-weight:bold; line-height:1.1em; margin:0; padding:0; }
.noticia h2				{ margin:0; padding:0; }
.noticia h1				{ color:#000000; font-size:1.4em; text-align:left; padding:0; margin:0; margin-bottom:15px; }

.noticia_portada				{ border-bottom:#F90 solid 1px; height:100px; }
.noticia_portada p.destacada	{ color:#F90; }
.noticia_portada p	{ text-align:justify; padding:0; margin:0; }
.noticia_portada p.titulo		{ font-size:1em; text-transform:uppercase; font-weight:bold; line-height:1.1em; margin:0; padding:0; }
.noticia_portada h2				{ margin:0; padding:0; }
.noticia_portada h1				{ color:#000000; font-size:1.4em; text-align:left; padding:0; margin:0; margin-bottom:15px; }

#contingut table		{ border-collapse:separate; border-spacing:5px}
#contingut table th		{ background:#fcc78a; font-weight:bold; text-align:center; padding:8px}
#contingut table th.primer	{ background:#fa8f16;}
#contingut table td		{ background:#FFFFFF; padding:8px; text-align:center}
#contingut table td.text-esquerra	{ text-align:left}

#contingut ul		{ margin-left:50px; margin-bottom:40px}
#contingut ul li	{ line-height:1.6em; list-style:disc; list-style-position:outside}
#contingut ul li a	{ text-decoration:underline; font-size:.9em}

/* -------------------------------- Novetats ------------------------------------ */
.tdproducte { font-weight:bold; font-size: 1em; background-color:#e7ddcf; width:350px;   padding:10px;}
.tdproducte_d { font-weight:bold; font-variant:small-caps; font-size: 1em; background-color:#e7ddcf; width:310px;  margin-bottom:6px; margin-left:15px; padding:10px;}
.producte { background-color:#eee7e3; width:350px; border-bottom:#f2ebe8 solid 15px; }
.producte_d { background-color:#eee7e3; width:310px; margin-bottom:8px; margin-left:15px; padding:10px;}
.producte_dh { background-color:#eee7e3; width:310px; margin-bottom:8px; margin-left:15px; padding:10px; }
.producte_dh:hover { background-color:#e7ddcf; }
.implements {padding:15px 0 15px 15px; }

.desc { padding:20px 25px 0px 30px; }
.imgpetita { margin-right:15px; max-width:85px; max-height: 60px; padding:5px; background-color:#FFFFFF; }
.imggran { max-width:290px; margin:20px; padding:10px; background-color:#FFFFFF;}

.maq_comp { margin-bottom:20px; }
.maq_comp_li { list-style-type:square; margin-left:20px; }
p.petit		{ font-size:.90em; color:#CC0000;}
.miniimg {padding:15px; }
#fitxa_makines a{ color:#604c3f }
#fitxa_cataleg { width:320px; margin:15px}

#fitxa_cataleg th { width:95px; padding: 4px;}
#fitxa_cataleg td { padding: 4px;}
#fitxa_fotos { margin-top:10px; float:right; width: 110px; }
#fitxa_fotos td { width: 110px; background-color:#DFDFDF; border:#FFFFFF solid 1px; padding: 11px;  }

#fitxa_makines { margin-top:20px; width: 130px; margin-right: 20px; height:280px; }
#fitxa_makines td {  background-color:#eee7e3; border:#e7ddcf solid 1px; border-bottom:#e7ddcf solid 4px;  border-top:#e7ddcf solid 4px; padding: 11px; vertical-align:top}
#fitxa_makines td:hover {  border:#d6c5b2 solid 1px; border-bottom:#d6c5b2 solid 4px; border-top:#d6c5b2 solid 4px; }
#fitxa_makines li { margin-top:3px;}

#fitxa_makines2 a{ color:#604c3f }
#fitxa_makines2 { margin-top:20px; width: 130px; margin-right: 20px; height:280px; }
#fitxa_makines2 td {  background-color:#e8e1dd; border:#e3d8cb solid 1px; border-bottom:#e3d8cb solid 4px;  border-top:#e3d8cb solid 4px; padding: 11px; vertical-align:top}
#fitxa_makines2 td:hover {  border:#d6c5b2 solid 1px; border-bottom:#d6c5b2 solid 4px;  border-top:#d6c5b2 solid 4px; }
#fitxa_makines2 li { margin-top:3px; }
.min_height { min-height:170px }

#fitxa_makines3 { margin-top:20px; width: 80px; margin-right: 15px; border:#FFFFFF solid 1px;}
#fitxa_makines3 td {  background-color:#e3d8cb; padding: 5px;  }
#fitxa_makines3 li { margin-top:3px; font-size:.85em; }
.min_height2 { min-height:132px }

/* Serveis */

/* Formularis */
#reserva label { display:block; width:180px; font-weight:bold; font-size:1.1em; color:#555; float:left; padding-left:5px }
#reserva textarea, #reserva input.text  { border:1px solid #cdd6df; background-color:#EAEDF1; padding:3px; width:380px; }
#reserva input.text 			{ margin-bottom:8px }
#reserva textarea 				{ height:150px; margin-bottom:8px }

.totals							{ float:left; font-size:12px; font-weight:bold; color:#990000; }

#contacte				{ width:540px; margin:20px 14px; font-size:1em; color: #494949 }
#contacte label { display:block; float:left; font-weight:bold; font-size:12px; margin-bottom:8px }
#contacte input.text { width:530px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:right;  }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte textarea { width:530px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#ClientValidationSummary { background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0 auto 20px auto; padding:10px; font-weight:bold }
#ClientValidationSummary ul { padding:0; margin:0; }
#ClientValidationSummary ul li { list-style:none; }

#ClientValidationSummaryDOS { background-color:#f2f2f2; border:2px solid #C82633; width:280px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }

#contacte2				{ width:330px; margin:20px auto; font-size:1em; color: #494949 }
#contacte2 label { display:block; float:left; width:250px; font-weight:bold }
#contacte2 input.text { width:300px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte2 .submit { display:block; text-align:right }
#contacte2 input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte2 textarea { width:300px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte2 .validation-failed {border:1px solid #C82633;}

#cataleg {text-align:right;}
#cataleg .submit { display:block; text-align:right }
#cataleg input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#cataleg SELECT { border:1px solid #ccc; padding:2px; margin: 2px; font-size:.85em}


/* Laterales */

/* ---------------------- PEU ---------------------- */
#peu p			{ color:#878686; display:block; float:right; font-size:.95em; text-align:right; line-height:1.6em; }
#peu a 			{ color:#fa8f15; text-decoration:none } 
#peu a:hover 	{ color:#fa8f15; text-decoration:underline } 
#peu ul		{ float:right; display:block; margin-right:18px; }
#peu li		{ font-size:.85em; text-align:right; }
#pagination { width:100%; height:20px; float:left; padding:3px; margin:0 auto; text-align:center; font-size:.85em; }

#pagination a {	border: 1px solid #CCCCCC; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de;		
}
#pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }