/* 
layout
======
total: 928

colors
======
- granate 1 BA2953 (efecte hover)

- taronja 1 FFCC00 
- taronja 2 FFA531

- vermell 1 E0351E 

- gris 1 5A686E (text caixa família) 
- gris 2 B5BFC4 (ver productos)

- groc 1 FDBC2B
- groc 2 FEE09B (fons menu)
- groc 3 FED06B (hover menu)
- groc 4 FFF2D5 (fons caixa home i cataleg)

- blau 1 003C72 (text fons nom familia) 

 */
 
/* general */ 

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
margin:0;
padding:0 0 2em 0;
background:url(../img/fons_home.jpg) #236798 no-repeat top center;
} 

div#contenidor_01{background:url(../img/fons_capcalera.jpg) no-repeat; margin:0 auto; /*width:1064px;*/width:990px; padding-top:20px}
div#contenidor_02{width:950px; margin:0 auto; background-color:#FFFFFF; padding-bottom:20px;}

h1 {
width:270px;
height:40px;
background:white url(../img/2011/logo_benmayor.gif) 0 0 no-repeat;
margin-left:50px;
margin-top:30px
} 

h1 a:link, h1 a:visited {
text-decoration:none;
display:block;
width:93px;
height:79px;
text-indent:-10000px;

}
 
/* layout */
div#contenidor {
width:926px;
margin:0 auto;
border:1px solid #7298C1;
position:relative;

}

div#mapa_i_contacte, div#seleccio_idioma, div#acces_usuaris {
height:8em;
float:right;
}

div#mapa_i_contacte {
width:10em;
padding-left:15px;
}

div#seleccio_idioma {
border-right:1px solid #ACB3B6;
width:8.5em;
text-align:center;
}

div#acces_usuaris {
border-right:1px solid #ACB3B6;
padding-right:1.3em;
}

td#primera_columna {
width:205px;
background:white url(../img/fons_01.gif);
}

	ul.menu_principal, ul.menu_principal li {
	list-style:none;
	margin:0;
	padding:0;
	}
	
	ul.menu_principal li {
	display:inline;
	font-size:0.9em;
	}
	
	ul.menu_principal li a:link, ul.menu_principal li a:visited, ul.menu_principal li span {
	display:block;
	color:#003C72;
	text-decoration:none;
	padding:4px 10px;
	margin-bottom:10px;
	text-align:right;
	}
	
	ul.menu_principal li a:hover,  ul.menu_principal li a.triat {
	background-color:#FED06B;
	font-weight:bold;
	}
	
	ul.menu_principal li a.cerca:link,ul.menu_principal li a.cerca:visited,ul.menu_principal li a.cerca:hover {
	display:inline;
	background:transparent;
	margin:0;
	padding:0;
	}

td#segona_columna {
width:678px;
}

	div#presentacio_portada {
	height:870px;
	background:url(../img/fons_04.gif) 0 0 no-repeat;
	}
	
	div#navegacio_portada_es {
	background:transparent url(../img/los_conoces_es.gif) 0 0 no-repeat;
	height:28px;
	}
	
	div#navegacio_portada_en {
	background:transparent url(../img/los_conoces_en.gif) 0 0 no-repeat;
	height:28px;
	}
	
	div#productes_portada {
	width:672px;
	height:17em;
	overflow:hidden;
	position:relative;
	margin-top:10px;
	}
	
	div#porta_productes {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	}
	
	div#porta_productes table {height:100%;}

div.porta_titular {
background:#E0351E url(../img/fons_02.gif) 20px center no-repeat;
padding:3px 20px 3px 40px;
}

	div.porta_titular  h2,	div.porta_titular  span.familia {
	font-size:20px;
	color:white;
	}
	
	div.porta_titular  span.codi_familia {
	font-size:20px;
	color:#FFCC00;
	}


div.interrogant {
background-image:url(../img/fons_10.gif);
background-position:right 200px;
background-repeat:no-repeat;
}

div#caixa_requerits {
border:1px solid #FFCC00;
}


div#mapa_europa {background:transparent url(../img/mapa_europa.gif) right top no-repeat;}

table#index_cataleg td {border-bottom:10px solid white; }

table#index_cataleg a.foto_familia:link, table#index_cataleg a.foto_familia:visited {
display:block;
text-decoration:none;
border:1px solid #E0351E;
margin:3px;
}

table#index_cataleg a.foto_familia:hover {
border:4px solid #E0351E;
margin:0;
}

table#index_cataleg div.familia {
margin-bottom:12px;
width:130px;
}

div#menu_botiga {
text-align:center;
background:transparent url(../img/fons_05.gif) right top no-repeat;
padding:8px 0;
}

td#columna_menu_familia {
width:140px;
background:transparent url(../img/fons_06.gif) 0 0 repeat-y;
vertical-align:top;
}

	td#columna_menu_familia ul, td#columna_menu_familia ul li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	td#columna_menu_familia ul li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	td#columna_menu_familia ul li {
	display:inline;
	}
	
	td#columna_menu_familia ul li a:link, td#columna_menu_familia ul li a:visited {
	display:block;
	text-decoration:none;
	color:#5A686E;
	font-size:0.9em;
	text-align:right;
	margin-bottom:3px;
	padding:4px 10px;
	}
	
	td#columna_menu_familia ul li a:hover, td#columna_menu_familia ul li a.categoria_triada {
	background-color:#C2D3E8;
	color:black;
	}
	
	td#columna_menu_familia ul li ul {
	background-color:#C2D3E8;
	font-size:0.9em;
	}
	
	td#columna_menu_familia ul li ul li a {
	padding:2px 10px;
	margin-right:10px;
	}
	
div.paginacio {
text-align:center;
margin-top:15px;
font-size:1.1em;
}	

div.paginacio a:link, div.paginacio a:visited {
color:#0A4377;
padding:2px 5px;
}
div.paginacio a:hover {color:#D13340;}
div.paginacio a.pagina_actual {
color:#D13340 !important;
font-weight:bold;
text-decoration:none;
}



div#peu {
margin-top:1.5em;
font-size:9px;
color:#716F6E;
text-align:center;
padding-bottom:1em;
}
	
/* formularis */
.camps_1 {
background-color:#DFE8F3;
border:0;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.camps_2 {
background-color:white;
border:0;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.camps_3 {
background-color:white;
font-size:0.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0.3em;
border:1px solid #FFCC00;
}

/* llistes */
ul.llista_1 li {
padding-left:20px !important;
margin-bottom:3px !important;
background:transparent url(../img/fons_08.gif) 0 3px no-repeat;
}

/* taules de dades */

table.taula_1, table.taula_1 td, table.taula_1 th { /* per a 'mi lista' */
border-collapse:collapse;
border:0;
}

table.taula_1 td, table.taula_1 th {
border-bottom:4px solid white;
padding:4px 10px;
color:#003C72;
}

table.taula_1 td.vora_groga {
border-bottom-color:#FED375 !important;
border-bottom-width:2px !important;
}


table.taula_2, table.taula_2 td, table.taula_2 th { /* per caractarístiques tècniques */
border-collapse:collapse;
border:2px solid white;
}

table.taula_2 td, table.taula_2 th {
padding:4px 10px;
color:#003C72;
}

table.taula_2 td {
background-color:#EBF1F8;
}

table.taula_2 th {
background-color:#C2D3E8;
text-align:left;
}

/* separadors */ 

div.separador_h_1 {
height:20px;
background:transparent url(../img/fons_07.gif) left center repeat-x;
}

div.separador_h_3 {
height:10px;
background:transparent url(../img/fons_07.gif) left center repeat-x;
}

div.separador_h_2 {
height:20px;
background:transparent url(../img/fons_11.gif) left center repeat-x;
}

td.separador_v_1 {
width:30px;
background:transparent url(../img/fons_09.gif) top center repeat-y;
}
 
/* espaiats */ 
.espaiat_s_0 {padding-bottom:0 !important;}
.espaiat_3 {padding:3px}
 
/* amplades */ 
.w_620 {width:620px} 
.w_533 {width:533px}
.w_400 {width:400px}
.w_250 {width:250px}
.w_168 {width:168px}
.w_187 {width:168px}
.w_140 {width:140px}
.w_130 {width:130px}
.w_35 {width:3.1em}
.w_80x100 {width:80%}

/* alçades */
.h10 {height:10px} 
/* fonts  */
.arial {font-family:Arial, Helvetica, sans-serif}
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif}
.x_llegible {line-height:2em}

/* colors */
.blau_1, a.blau_1:link, a.blau_1:visited {color:#3E74A4}
.blau_4, a.blau_4:link, a.blau_4:visited {color:#205484}
.blau_5, a.blau_5:link, a.blau_5:visited {color:#5684B1}

.gris_1, a.gris_1:link, a.gris_1:visited {color:#5A686E}
.gris_2, a.gris_2:link, a.gris_2:visited {color:#B5BFC4}
.gris_3, a.gris_3:link, a.gris_3:visited {color:#4E4B4A}
.gris_4, a.gris_4:link, a.gris_4:visited {color:#B7B6B6 }

.granate_1,  a.granate_1:link, a.granate_1:visited {color:#BA2953 }

.negre, a.negre:link, a.negre:visited {color:#000000 }

.taronja_1 {color:#FFCC00}
.taronja_2 {color:#FFA531}

.blanc {color:white}

/* colors de fons */

.f_gris_1, a.f_gris_1:link, a.f_gris_1:visited {background-color:#5A686E}
.f_gris_2, a.f_gris_2:link, a.f_gris_2:visited {background-color:#B5BFC4} 
.f_gris_3, a.f_gris_3:link, a.f_gris_3:visited {background-color:#4E4B4A} 

.f_vermell_1, a.f_vermell_1:link, a.f_vermell_1:visited {background-color:#E0351E}  

.f_groc_1, a.f_groc_1:link, a.f_groc_1:visited {background-color:#FDBC2B}
.f_groc_2, a.f_groc_2:link, a.f_groc_2:visited {background-color:#FFF2D5}
.f_groc_3, a.f_groc_3:link, a.f_groc_3:visited {background-color:#FF9F32}
.f_groc_4, a.f_groc_4:link, a.f_groc_4:visited {background-color:#FEDE95}
.f_groc_5, a.f_groc_5:link, a.f_groc_5:visited {background-color:#FFEBC0}
.f_groc_6, a.f_groc_6:link, a.f_groc_6:visited {background-color:#FFCC00}
.f_groc_7, a.f_groc_7:link, a.f_groc_7:visited {background-color:#FFFAE6}



/* vincles */
a.hvr_granate_1:hover {color:#CC3300}
a.hvr_blanc:hover {color:white}
a.hvr_negreta:hover {font-weight:bold}
a.hvr_blau_4:hover {color:#003C72}

a.anterior {
background:transparent url(../img/ico_flecha_01.gif) 0 2px no-repeat;
padding-left:15px;
}

a.siguiente {
background:transparent url(../img/ico_flecha_02.gif) right 2px no-repeat;
padding-right:15px;
}

a.anterior_2 {
background:transparent url(../img/ico_flecha_03.gif) 0 2px no-repeat;
padding-left:15px;
}

a.siguiente_2 {
background:transparent url(../img/ico_flecha_04.gif) right 2px no-repeat;
padding-right:15px;
}

a.mes {
background:transparent url(../img/ico_mes_01.gif) 0 4px no-repeat;
padding-left:15px;
}

a.subir {
background:transparent url(../img/ico_flecha_06.gif) 0 4px no-repeat;
padding-left:15px;
}

a.volver_indice {
background:transparent url(../img/ico_flecha_05.gif) left center no-repeat;
padding-left:20px;
}

a.boto_1:link, a.boto_1:visited {
background:#FFF2D5 url(../img/fons_boto_o.gif) 0 0 no-repeat;
display:block;
text-decoration:none;
color:#5684B1;
font-size:0.8em;
font-weight:bold;
}

a.boto_1:hover {
background-color:#FED06B;
color:#003C72;
cursor:pointer;
}

a.boto_1 span {
background:transparent url(../img/fons_boto_e.gif) top right no-repeat;
line-height:25px;
height:25px;
padding:0 20px;
display:block;
text-align:center;
cursor:pointer;
}

a.ficha_02 {
background:transparent url(../img/ico_flecha_10.gif) right 3px no-repeat;
padding-right:23px;
}

a.accions:link, a.accions:visited {
display:block;
height:24px;
text-indent:-10000px;
background-position:center center;
background-repeat:no-repeat;
background-color:#FFF2D5;
}

a.accions:hover {
background-color:#FEDE95;
}

a.modificar {background-image:url(../img/ico_modificar.gif);}
a.eliminar {background-image:url(../img/ico_esborrar.gif);}

a.sub_menu_triada {font-weight:bold;}


table.sub_menu {background:#EBF1F8;}

table.sub_menu td {padding:10px;}

table.sub_menu td.primera_cela {
border-top:1px solid #95B1D2;
border-bottom:1px solid #95B1D2;
border-right:none;
border-left:1px solid #95B1D2 }


table.sub_menu td.ultima_cela {
border-top:1px solid #95B1D2;
border-bottom:1px solid #95B1D2;
border-right:1px solid #95B1D2;
border-left:none }

table.sub_menu tr {border:1px solid #95B1D2;}

.border_groc {border:1px solid #FFCC00} 

table.fotos tr, table.fotos td {
padding:10px}


div.porta_titular_impressio {
background:#E0351E url(../img/fons_02.gif) 20px center no-repeat;
padding:3px 20px 3px 40px;
	font-size:18px;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
/**************************************************************************************** 
                   These are standard sIFR styles... do not modify 
*****************************************************************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash div.porta_titular h2 {visibility: hidden;}
 
div#bloc_material_base{width:673px; font-size:11px; font-weight:bold}
div#bloc_material_base a{ color:#000 !important; text-decoration:none}
 
div#material_base{font-size:11px}
 
div#material_base table{border-top: solid 1px #B1B1B1;border-right: solid 1px #B1B1B1;}
div#material_base td{border-left: solid 1px #B1B1B1;border-bottom: solid 1px #B1B1B1;}
.w_80_mb{width:145px}
.w_265_mb{width:288px}
.w_245_mb{width:238px}
.w_90_mb{width:90px}
div.columnes_mb{padding:5px 0px 0px 5px;}
div.columnes_mb div{padding:0px 0px 10px 0px;}
 
div.bloc_lista{width:150px; height:35px; line-height:35px; background:#FED06B; text-align:center}
div.bloc_lista a{font-size:12px; color:#003C72 !important; font-weight:bold; text-decoration:none}

div.bloc_pdf_mccl{width:316px; margin-top:20px; float:left; padding-right:10px; padding-left:10px}
div.bloc_pdf_mccl div{width:316px; height:35px; line-height:35px; background:#FED06B; text-align:center; font-size:11px}
div.bloc_pdf_mccl a{color:#003C72 !important}