@charset "utf-8";

/* CSS Document */

/* 

	R E S E T (Por Eric Meyer)

*/

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: top;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

:focus {

	outline: 0;

}

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border:none

}

/* 

	C L A S E S   P R E S E N T A C I O N A L E S

*/

.aligncenter {

	display:block;

	margin:0 auto

}

.alignleft {

	float:left;

	display:inline;

}

.alignright {

	float:right;

	display:inline;

}

br.clear {

	clear:both;

	display:block;

	height:1px;

	margin:-1px 0 0 0

}

/*

	E S T I L O S    G E N E R A L E S

*/

	html, body {

	margin: 0;

	padding: 0;

	text-align: center;

	width: 100%;

}

body {

	background-color:#498198;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 1.7em;

	text-align: left;



}

a{color:#498198; text-decoration:underline;}

a:hover{ text-decoration:none;}

h1, h2, h3, h5, h5, h6 {

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

}

p {

	font-size:13px;

	color:#5a5a5a;

	line-height:15px;

}

select{

	font-family:Arial, Helvetica, sans-serif;

	border:#e6e6e6 1px solid;

	width:100px;

	color:#5a5a5a;

}

input{

	font-family:Arial, Helvetica, sans-serif;

	border:#e6e6e6 1px solid;

	width:166px;

	color:#5a5a5a;

}

a:link, a:visited {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

.mida_max {width:954px;margin:0 auto;background:transparent;}

.colum_esq {width:283px;float:left;display:inline;background-color:#FFF; position:relative; z-index:2;padding-bottom:15px;}

.colum_dre {width:671px;float:left;display:inline;background-color:#FFF; position:relative; z-index:1;min-height:850px;}

.logo {height:109px;}



.capcalera {

	height:108px; width:15px;

	float:left;	display:inline;

	background:url(../imgs/cap.jpg) no-repeat left top;

}

.idioma {

	height:28px; width:626px;

	float:left;	display:inline;

	background:#498198 url(../imgs/telefon.gif) no-repeat 4px 10px;

	text-align:right;

	color:#FFF;

	font-size:11px;

	padding-right:30px;

	padding-top:5px;

	z-index:4000;

}

.idioma a {color:#c9dee7;text-decoration:underline;}

.idioma a:hover { text-decoration:none }



/*MENU*/

div.colum_esq div.menu li{padding-left:72px; height:32px; color:#444;padding-top:18px;background:url(../imgs/fons_li.png) no-repeat; font-weight:bold;} 

div.colum_esq div.menu li a{font-size:13px; font-weight:bold;}

div.colum_esq div.menu li a:hover{color:#444;}



div.colum_esq div.servei{ background:#c0dde9 url(../imgs/fons_servei.png) repeat-y; height:83px; margin:15px 0 0 15px; padding:21px 0 0 20px; color:#3b697c; font-weight:bold; font-size:16px;	font-family: Arial, sans-serif;

-moz-border-radius: 8px; 

-webkit-border-radius: 8px; 

border-radius:8px;

}

div.colum_esq div.servei li.separador { height:2px; line-height:2px; background:url(../imgs/separador.gif) repeat-x; margin:3px 20px 0 3px;}

div.colum_esq div.servei li.text {color:#56889c; font-size:12px; font-weight:normal;margin-right:20px; line-height:13px; padding-top:10px;}



div.colum_esq div.prop{ background:#c0dde9 url(../imgs/fons_prop.png) repeat-y; height:33px; margin:15px 0 0 15px;  padding:14px 0 0 20px; color:#3b697c; font-weight:bold; font-size:16px;	font-family: Arial, sans-serif;

-moz-border-radius: 8px; 

-webkit-border-radius: 8px; 

border-radius:8px;

}

div.colum_esq div.prop li.separador { height:2px; line-height:2px; background:url(../imgs/separador.gif) repeat-x; margin:3px 20px 0 3px;}

div.colum_esq div.prop li.text {color:#56889c; font-size:12px; font-weight:normal;margin-right:20px; line-height:13px; padding-top:10px;}



div.mapa_pobles{ background:url(../imgs/mapa.png) no-repeat; height:293px; width:268px; margin-left:15px;}

div.mapa_pobles div{ float:left; display:inline; position:relative;color:#7c7c7c; font-weight:bold; font-size:11px;}

div.mapa_pobles div.ter{top:29px;left:26px;}

div.mapa_pobles div.sab{top:65px;left:146px;}

div.mapa_pobles div.tra{top:70px;left:-2px; height:16px; color:#FFF; text-transform:uppercase; font-size:9px; padding:0 3px; margin:0;}

div.mapa_pobles div.stq{top:86px;left:-72px;}

div.mapa_pobles div.bad{top:127px;left:-13px;}

div.mapa_pobles div.cer{top:142px;left:197px;}

div.mapa_pobles div.rub{top:133px;left:22px;}

div.mapa_pobles div.bel{top:127px;left:63px;}

div.mapa_pobles div.stc{top:181px;left:-18px;}

div.mapa_pobles div.bcn{top:246px;left:2px;}



/*HOME*/

div.imatge_home{ width:641px; float:left; display:inline; padding-top:15px;}

div.text{ width:656px;  margin-left:-283px; padding-left:298px; background:#fff; float:left; display:inline;  font-size:13px; color:#5a5a5a; font-family:Arial, sans-serif;  line-height:15px; }

div.text div.pastilla{ float:left; display:inline; margin:15px 15px 0 0; width:293px; height:452px; background:url(../imgs/fons_index.png) no-repeat; padding:25px 0 0 20px; color:#fff; font-weight:bold; font-size:16px;line-height:18px;}

div.text div.pastilla li.separador { height:2px; line-height:2px; margin:6px 66px 12px 0; background:url(../imgs/separador2.gif) repeat-x;}

div.text div.pastilla li img{border:4px solid #FFF;}

div.text div.pastilla li.text{color:#ddecf2; font-size:12px; font-weight:normal;margin:10px 20px 0 0; line-height:14px; padding-top:10px;font-weight:bold;}

div.text div.pastilla li.info{background:url(../imgs/info.png) no-repeat; height:30px; margin:11px 0 0 104px; padding:7px 0 0 46px;}

div.text div.pastilla li a{color:#fff; font-size:12px; font-weight:normal; text-decoration:none;}

div.text div.pastilla li a:hover{text-decoration:underline;}

h1{ display: inline; float: left; font-size: 12px; margin: -46px 10px 0 0;}
h1 a{ color:#5A5A5A;}
h1 a:hover{ text-decoration:underline}

/*QUE SOM*/

div.quesom{ width:656px;  margin-left:-283px; padding-left:298px; background:#fff; float:left; display:inline; font-size:13px; color:#5a5a5a; line-height:15px;height:494px;}

div.quesom div{float:left; display:inline;}

div.quesom div.pastilla{  margin:15px 15px 0 0; width:621px; height:32px; background:url(../imgs/fons_interior.png) no-repeat;padding:15px 0 0 20px; color:#56889c; font-weight:bold; font-size:16px; font-family: Arial, sans-serif;line-height:18px;}

div.quesom div.text_foto{width:306px; padding:20px 20px 0 20px}

div.quesom div.text_foto a{ text-decoration:underline}

div.quesom div.text_foto a:hover{ text-decoration:none}

div.quesom div.imatge{border:#a2bfc7 1px solid; width:273px; margin-top:12px;}

div.quesom div.imatge img{border:#FFF 4px solid;}

div.quesom div.text{ width:595px; padding-left:303px; padding-right:40px;}



/*TRASTERS*/

div.trasters{ width:656px;  margin-left:-283px; padding-left:298px; padding-bottom:15px; background:#fff; float:left; display:inline; font-size:13px; color:#5a5a5a; line-height:15px;position:relative; z-index:30;}

div.trasters div{float:left; display:inline;}

div.trasters div.pastilla{  margin:15px 15px 0 0; width:621px; height:32px; background:url(../imgs/fons_interior.png) no-repeat;padding:15px 0 0 20px; color:#56889c; font-weight:bold; font-size:16px; font-family: Arial, sans-serif;line-height:18px;}

div.trasters div.text_foto{width:306px; padding:20px 20px 0 20px}

div.trasters div.text{ width:615px; padding-left:283px; padding-right:30px; text-align:center;}

div.trasters div.imatges{ width:600px; padding-left:25px; padding-bottom:10px; }

div.trasters div.imatges div.imatge { height:220px; width:299px; text-align:left; font-size:11px;}

div.trasters div.imatges div.imatge div.border,div.trasters div.imatges div.imatge_v div.border{ border:#a2bfc7 1px solid; margin:12px;}

div.trasters div.imatges div.imatge div.peu_foto,div.trasters div.imatges div.imatge_v div.peu_foto{ margin:-8px 0 0 12px; }

div.trasters div.imatges div.imatge_v { height:220px; width:200px; text-align:left; font-size:11px; }



div.trasters div.imatges img{border:#FFF 4px solid;}



div.trasters div.text_foto ul li{ padding:5px 20px 5px 0px;}

div.trasters div.taules {width:268px; padding-top:15px;}

div.trasters div.taules div.preus ul{padding-top:8px; background:url(../imgs/fons_serveiIE.png) no-repeat; height:96px; text-align:left}

div.trasters div.taules div.ofertes ul{ margin-left:0px; padding-top:8px; background:url(../imgs/fons_oferta.jpg) no-repeat; height:60px;}

div.trasters div.taules div.ofertes strong{ color:#3b697c; line-height:25px; font-size:20px;}

div.trasters div.taules div.ofertes ul li{ font-size:13px; font-weight:bold;}

div.trasters div.taules div.iva ul{ text-align:right; font-size:10px; line-height:10px; height:27px; padding:4px 0 8px 0;}

div.trasters div.taules div.iva li{ width:267px; padding:0;}

div.trasters div.taules ul li{ padding:2px 18px; width:257px;}



div.trasters div.taules ul li strong{ color:#000; line-height:25px;}

div.trasters div.text {margin-top:18px;margin-bottom:5px;font-weight:bold; text-align:center; font-size:25px; line-height:30px; color:#56889c}



/*MAGATZEMS*/



div.magatzems{ width:656px;  margin-left:-283px; padding-left:298px; padding-bottom:15px; background:#fff; float:left; display:inline; font-size:13px; color:#5a5a5a; line-height:15px; position:relative; z-index:30;}

div.magatzems div{float:left; display:inline;}

div.magatzems div.separador{ width:640px; height:2px; font-size:2px; line-height:2px; margin:20px 0px 5px 0; background:url(../imgs/separador2.gif) repeat-x;}



div.magatzems div.pastilla{  margin:15px 15px 0 0; width:621px; height:32px; background:url(../imgs/fons_interior.png) no-repeat;padding:15px 0 0 20px; color:#56889c; font-weight:bold; font-size:16px; font-family: Arial, sans-serif;line-height:18px;}

div.magatzems div.text_foto{width:306px; padding:20px 20px 0 20px}

div.magatzems div.text_foto strong{font-size:15px}

div.magatzems div.text{ width:615px; padding-left:283px; padding-right:30px; text-align:center;}

div.magatzems div.imatges{ width:600px; padding-left:25px; padding-bottom:10px; }

div.magatzems div.imatges div.imatge { height:220px; width:299px; text-align:left; font-size:11px;}

div.magatzems div.imatges div.imatge div.border{ border:#a2bfc7 1px solid; margin:12px;}

div.magatzems div.imatges div.imatge div.peu_foto{ margin:-8px 0 0 12px; }



div.magatzems div.imatges img{border:#FFF 4px solid;}



div.magatzems div.text_foto ul li{ padding:5px 20px 5px 0px;}

div.magatzems div.taules {width:268px; padding-top:53px;}

div.magatzems div.taules div.preus ul{padding-top:8px; background:url(../imgs/fons_oferta.jpg) no-repeat; height:60px; text-align:left}

div.magatzems div.taules div.ofertes ul.oferta1{ margin-left:0px; padding-top:8px; background:url(../imgs/fons_oferta1.png) no-repeat; height:80px;}

div.magatzems div.taules div.ofertes ul.oferta2{ margin-left:0px; padding-top:8px; background:url(../imgs/fons_oferta2.png) no-repeat; height:115px;}

div.magatzems div.taules div.ofertes strong{ color:#3b697c; line-height:25px; font-size:20px;}

div.magatzems div.taules div.ofertes span{ font-weight:normal;}

div.magatzems div.taules div.ofertes ul li{ font-size:13px; font-weight:bold;}

div.magatzems div.taules div.iva ul{ text-align:right; font-size:10px; line-height:10px; height:27px; padding:4px 0 8px 0;}

div.magatzems div.taules div.iva li{ width:267px; padding:0;}

div.magatzems div.taules ul li{ padding:2px 18px; width:257px;}



div.magatzems div.taules ul li strong{ color:#000; line-height:25px;}

div.magatzems div.text {margin-top:18px;margin-bottom:5px;font-weight:bold; text-align:center; font-size:25px; line-height:30px; color:#56889c}



/*CONTACTE*/

div.contacte{ width:656px;  margin-left:-283px; padding-left:298px; padding-bottom:15px; background:#fff; float:left; display:inline; font-size:13px; color:#5a5a5a; line-height:15px;position:relative; z-index:30; height:494px;}

div.contacte div{float:left; display:inline;}

div.contacte div.pastilla{  margin:15px 15px 0 0; width:621px; height:32px; background:url(../imgs/fons_interior.png) no-repeat;padding:15px 0 0 20px; color:#56889c; font-weight:bold; font-size:16px;font-family: Arial, sans-serif;line-height:18px;}

div.contacte div.text_foto{width:601px; padding:20px 20px 0 20px;}

div.contacte div.text_foto li{float:left; display:inline; height:42px; font-size:11px; font-weight:bold}

div.contacte div.text_foto li.direccio{ background:url(../imgs/contacte1.png) no-repeat; padding:2px 35px 0 50px; }

div.contacte div.text_foto li.telefon{ background:url(../imgs/contacte2.png) no-repeat; padding:7px 44px 0 50px; }

div.contacte div.text_foto li.mail{ background:url(../imgs/contacte5.png) no-repeat; padding:15px 0 0 50px; }

div.contacte div.text_foto li.mail a:hover{ text-decoration:underline;}

div.contacte div.mapa{border:#a2bfc7 1px solid; margin-top:12px; margin-left:20px;}

div.contacte div.mapa iframe{border:#FFF 4px solid;}





/*PEU*/

div.peu{background: transparent;width:954px;font-size:11px; color:#c9dee7; float:left;	display:inline;	text-align:center;padding-top:12px;}

div.peu a{color:#c9dee7;font-size:11px;text-decoration:underline;}

div.peu a:hover{text-decoration:none;}



div.peu a.dwb{ text-decoration:none}



div.peu a.dwb:hover{ text-decoration:underline}