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

/* ---------------------- BIG BOYS ---------------------- */
body { font-family:Geneva, Arial, Helvetica, sans-serif; background:#FFF url(../img/bg_web.gif); font-size:.75em; padding:0; margin:0; }

strong	{ font-weight:bold;}
h1		{ color:#FFF; font-size:1.7em; }
h2		{ font-size:1.3em; margin-bottom: 10px; color:#333333; font-weight:bold; }
h3		{ font-size:1.2em; margin-bottom: 10px; color:#333333; font-weight:bold; }
a 		{ text-decoration:none; }
b		{ color:#000000}
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */

#web 		{ width:900px; min-height:600px; background:#FFF; margin:20px auto; }
#cap		{ width:950px; background-color:#000; }
#logo		{ float:left; margin:47px 0 60px 20px; }
#peu 		{ width:900px; height:90px; color:#fff; background:#FFF; margin:0 auto; position:relative; }
#twitter	{ position:absolute;  float:right; margin-top:8px; margin-left:866px}

#idiomes	{ float:right; margin-right:145px; margin-top:83px; }
#idiomes a	{ font-size:.9em; color:#000; }
#idiomes a.actiu	{ color:#d40927; }

#menu 		{ float:left; position:relative; height:400px; width:258px; font-size:.9em; }
#menu ul { margin:0; margin-left:91px; }
#menu ul li { text-align:left; font-weight:bold; }
#menu ul li a  { color:#000; text-transform:uppercase; line-height:1.6em; }
#menu ul li a.actiu  { color:#d40927; }
#menu ul li a:hover  { color:#CCC; }

#menu ul li ul { margin:0; padding:0;  padding-left:10px; margin-bottom:10px; }
#menu ul li ul li{ }
#menu ul li ul li a { text-transform:none; font-weight:normal }
#menu ul li ul li a.actiue{ color:#d40927;  }

.premi			{ margin-left:10px; margin-bottom:5px; margin-top:50px; }

#menu .menu_bottom{ bottom:0pt; position:absolute; }

#quisom			{ background:#c32230; color:#FFFFFF; font-size:1.2em; padding:40px; height:377px; text-align:justify}

#clients						{ font-size:.90em; line-height:1.2em; background:#000000; padding-top:20px;padding-left:20px; padding-bottom:20px; height:360px; }
#clients #clients_esquerra		{ width:160px; float:left; }
#clients #clients_esquerra p	{ margin:0; padding:0; margin-bottom:8px; margin-left:20px; color:#FFF; }
#clients #clients_dreta			{ width:180px; float:left; }
#clients #clients_dreta p		{ margin:0; padding:0; margin-bottom:8px; margin-left:20px; color:#FFF; }
#clients strong					{ color:#999999; font-weight:normal; }
#clients img.mes				{ float:right; margin-top:340px; padding-right:10px}

#cont		{ background-color:#c32230; height:400px; }

#contingut #mapa { background-color:#CCC; height:400px; }

.forminner	{ padding:20px; }
.forminner p{ padding-left:100px; line-height:.6em; color:#FFF; }
.informulari { padding-left:105px; margin-bottom:25px; margin-top:10px; }

#loader			{ width:400px; text-align:center; height:400px; }
.showcase		{ margin: 0 auto; }


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

#contingut		{ float:left; width:400px; height:400px }
#contingut_infolegal { font-size:.9em; float:left; width:630px; }
#contingut_infolegal p { margin-top:0; margin-right:30px; text-align:justify; }
#contingut_infolegal li{ list-style:circle; }
#contingut_infolegal strong { font-weight:bold; color:#a7a7a7; }

#contingut a {color:#745E45; }
#contingut a:hover { color:#CDAA32 }
#contingut p		{ margin:0; padding:0; margin-bottom:10px; }

#menu_dreta 		{ float:left; width:230px; padding-left:10px; height:400px; position: relative; }
#menu_dreta p		{ margin:0;padding:0; margin-left:10px; padding-right:30px; color:#959595; font-size:.9em;  }
#menu_dreta p.premis{ margin-bottom:180px; color:#d40927; }



#paginacio			{ bottom: 0pt; width:100%; font-size:.85em; position: absolute;  }
#paginacio p		{ margin:0;padding:0; margin-top:10px;  }
#paginacio a 		{ color:#959595; font-size:1em; font-weight:bold; padding:5px; margin:2px; margin-right:10px; }
#paginacio a:hover	{ color:#666666; }

/* Formularis */
#contacte		{ padding-left:18px; }
#contacte p		{ padding-left:20px; }		
#contacte label { display:block; float:left; width:70px; color:#FFF; font-weight:bold; margin-bottom:5px; }
#contacte input.text { width:200px; border:1px solid #fff; padding:1px; 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:200px; height:70px; border:1px solid #fff; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#contacte .formbtn	{ float:right; margin-right:46px; }
#ClientValidationSummary { clear:both; width:200px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }
#ClientValidationSummary ul { margin:0; padding:0; margin-top:10px; }
#ClientValidationSummary li { margin:0; padding:0; margin-top:5px; }
#ClientValidationSummary a 	{ color:#FF0000; }

#peu p	{ width:100%; text-align:center; bottom:0pt; position:absolute; color:#7e7f81; font-size:.75em; margin-bottom:20px;  }
#peu a  { color:#7e7f81; }
#peu a:hover  { color:#000; }
#peu a.actiu { color:#d40927; }