@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:0px 0px 0px 20px; border:#e4e4e4 solid 6px; float: right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; }  
img.dretanomarc	 	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }

img.galeria { margin: 0px 0px 0px 0px; width: 220px; height: 165px; margin-bottom: 15px}

/* ---------------------- BIG BOYS ---------------------- */
body { font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size:.8em; padding:0; margin:0; background:#604c3f url(../img/bg_body.png) top left no-repeat}
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 }
h3		{ font-size:1.3em; margin-bottom: 10px; color:#333333; font-weight:bold; }
p		{ font-size:1em; line-height:1.6em; padding-bottom:15px }
a 		{ text-decoration:none;}
li		{ text-align:left}
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:960px; min-height: 800px;  margin:0 auto; background:#FFFFFF}

#logo 		{ float:left; padding-left:20px}
#cap		{ height:195px; background:url(../img/bg_cap.png) no-repeat }
#menu		{ float:left;  width:180px; min-height:450px; margin:20px; margin-top:35px}
#contingut 	{ width:670px; float:right; display:block; margin-top:20px; margin-right:20px; padding:15px }
#peu 		{ width:960px; height:268px; color:#fff; margin:0 auto; background:#604c3f url(../img/bg_web.png) top no-repeat; padding-top:100px}
#idiomes	{ float:right; width: 520px;}

#contingut a { color:#745E45; }
#contingut a:hover { color:#CDAA32 }

/* ---------------------- CAP ---------------------- */

/* ---------------------- LOGO ---------------------- */

/* --------------------------    MENU ------------------------------------------*/

#menu li { margin-bottom: 5px; padding:5px; border: #fabe5d solid 1px; background:#604c3f url(../img/bg_menu.png) top repeat-x; font-weight:bold; font-size:.95em}
#menu li a  { color:#FFFFFF;}
#menu li a:hover  { color:#fabe5d;}

/* Idiomes */

#idiomes 						{ margin: 8px 25px 0 0; font-size:.8em;}
#idiomes a 						{ display:block; padding:5px 0 3px 28px; background-position:6px center; background-repeat:no-repeat }
#idiomes span.general			{ float:right; }
#idiomes span.inactiu a 			{ width:55px; background-color:#FFFFFF; color:#000000 }
#idiomes span.actiu a			{ width:60px; background-color:#FFFFFF; font-weight:bold; color:#000000 }
#idiomes a.es 					{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 					{ background-image:url(../img/bandera_ca.gif) }
#idiomes a.ro 					{ background-image:url(../img/bandera_ro.gif) }
#idiomes a.en 					{ background-image:url(../img/bandera_en.gif) }
#idiomes a.fr					{ background-image:url(../img/bandera_fr.gif) }

#implements 					{  }

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

/* ---------------------- CONTINGUT ---------------------- */

/* 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; }

#contingut .butomesmaquines { padding:8px; border:#fabe5d solid 1px; color:#FFF; background-color:#e4e4e4; float:left; }
#contingut a.butomesmaquines { color:#000000; font-weight:bold; }
#contingut a:hover.butomesmaquines { color:#FF0000; }

.desc { padding:20px 25px 0px 30px; }
.imgpetita { margin-right:15px; max-width:85px; margin-bottom:5px; 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; }

#reserva .submit			 	{ display:block; text-align:right; margin-bottom:15px }
#reserva input.boto    			{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }
#ClientValidationSummary 		{ background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 		{ font-weight:normal }

#ClientValidationSummaryDOS 		{ background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummaryDOS a 		{ font-weight:normal }

#contacte				{ width:600px; margin:20px auto; font-size:1em; color: #494949 }
#contacte label { display:block; float:left; width:150px; font-weight:bold }
#contacte input.text { width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:right; margin-right:39px; }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte textarea { width:395px; 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; width:600px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }

#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:#dfa445; font-size:.95em; text-align:center; line-height:1.6em; }
#peu a 		{ color:#dfa445; text-decoration:none} 
#peu a:hover 		{ color:#ff9900; text-decoration:underline} 
.q 			{ display:block; font-size:.85em; text-align:right; margin:6px 10px }
.q, .q a 	{ color:#e3d8cb }

#pagination { width:100%; 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; }