@CHARSET "ISO-8859-1";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 1, 2011 */
@font-face {
    font-family: 'tipoexterna';
    src: url('fonts/dinmittelschriftstd-webfont-webfont.eot');
    src: url('fonts/dinmittelschriftstd-webfont-webfont.eot?iefix') format('eot'),
         url('fonts/dinmittelschriftstd-webfont-webfont.woff') format('woff'),
         url('fonts/dinmittelschriftstd-webfont-webfont.ttf') format('truetype'),
         url('fonts/dinmittelschriftstd-webfont-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tipoexterna';
    src: url('fonts/dinmittelschriftstd-webfont.eot');
    src: url('fonts/dinmittelschriftstd-webfont.eot?iefix') format('eot'),
         url('fonts/dinmittelschriftstd-webfont.woff') format('woff'),
         url('fonts/dinmittelschriftstd-webfont.ttf') format('truetype'),
         url('fonts/dinmittelschriftstd-webfont.svg#webfont3siEgypN') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{
  text-align:center;
  align:center;
  font-family: tipoexterna,Arial;
  font-size:12px;
  color: #a5a5a5;
  background-color: #ffffff;
  margin: 0;
}

table{
  font-family: tipoexterna,Arial;
  font-size:12px;
  color: #a5a5a5;
}

a{
  font-family: tipoexterna,Arial;
  font-size: 12px;
  color: #767676;
  font-weight: normal;
  text-decoration:none;
}

a:link{
  font-family: tipoexterna,Arial !important;
  font-size: 12px;
  color: #767676;
  font-weight: normal;
  text-decoration:none;
}

a:visited{
  font-family: tipoexterna,Arial !important;
  font-size: 12px;
  color: #767676;
  font-weight: normal;
  text-decoration:none;
}

a:active{
  font-family: tipoexterna,Arial !important;
  font-size: 12px;
  color: #767676;
  font-weight: normal;
  text-decoration:none;
}

a:hover{
  font-family: tipoexterna,Arial;
  font-size: 12px;
  color: #000000;
  font-weight: regular;
  text-decoration: none;
}

input,select{
  border: 0px;
  background-color: #c5c5c5;
  font-size: 12px;
  color: #000000;
  padding: 3px;
  font-family: tipoexterna,Arial;
  margin-bottom: 5px;
}

textarea{
  border: 0px;
  background-color: #c5c5c5;
  font-size: 12px;
  color: #000000;
  padding: 3px;
  font-family: tipoexterna,Arial;
}

h1 { font-family: tipoexterna; color: #FFFFFF; margin: 0; padding: 0; font-size: 24px; text-transform: uppercase}

/* mides i colors */

.font24{
  font-size: 24px;
}

.font18{
  font-size: 18px;
}

.vermell{
  color: #FF0000;
}

.negre{
  color: #000000;
}

.grisfort{
  color: #6d6e71;
}

.blanc{
  color: #FFFFFF;
}

.w300{
  width: 300px;
}

.w434{
  width: 434px;
}

.w464{
  width: 464px;
}

.w60{
  width: 60px;
}

.w46{
  width: 46px;
}

.w125{
	width: 125px;
}

.w185{
	width: 185px;
}

.w290{
	width: 290px;
}

.h75{
  height: 75px;
}

.h40{
  height: 40px;
}

.h100cent{
  height: 100%;
}

.h467{
  height: 467px;
}

.h430{
    height: 430px;
}

.h396{
	height:396px
}

.h438 { height: 438px}

.h100{
	height:100px;
}
.p5{
	padding: 5px;
}

.pr10{
	padding-right:10px
}

/* fi de mides i colors */

#tot{
  width:955px;
  height:600px;
  margin:auto;
  text-align:center;
}

/* pagina inici amb flash i tria d'idiomes */

#topinici{
  width: 955px;
  height: 276px;
}

#inici{
  width: 967px;
  height: 226px;
  background-image: URL(img/fonsinici.gif);
  /*margin-top:48px;*/
  /*padding-top:68px;*/
  text-align: center;
}

#flash { margin-top: 10px; margin-left: 1px}

#sloganinici{
  width: 275px;
  height: 108px;
  float: left;
  color: #000000;
  text-align: center;
}

#idiomes{
  width: 480px;
  height: 108px;
  float: right;
  text-align: center;
}

#idiomes a{
  font-size: 18px;
  color: #000000;
  font-weight: regular;
  text-decoration: none;
  font-family: tipoexterna;
}

#idiomes a:link{
  font-size: 18px;
  color: #000000;
  font-weight: regular;
  text-decoration: none;
}

#idiomes a:hover{
  font-size: 18px;
  color: #FF0000;
  font-weight: regular;
  text-decoration: none;
}

/*fi pagina inici*/

/* top */

#top{
  width: 955px;
  height: 80px;
  text-align:left;
}

#top img { margin-top: 20px;}

#menu{
  float: right;
  height: 80px;
}

#menu ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
  align:right;
  vertical-align:bottom;
}

#menu li{
  margin-top:60px;
  margin-bottom:0px;
  margin-left:20px;
  margin-right:25px;
  float:left;
  align:right;
  text-align:center;
}

#menu a{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  font-family: tipoexterna;
  font-size: 14px;
  line-height: 16px;
}

#menu a:link{
  color: #000000;
  font-weight: normal;
  font-family: tipoexterna;
  text-decoration: none;
}

#menu a:hover{
  color: #ff0000;
  font-weight: normal;
  font-family: tipoexterna;
  text-decoration: none;
}

#menu a.actiu{
  color: #ff0000;
  font-weight: normal;
  text-decoration: none;
  font-family: tipoexterna;
}

#menu a.actiu:link{
  color: #ff0000;
  font-weight: normal;
  text-decoration: none;
  font-family: tipoexterna;
}

#menu a.actiu:hover{
  color: #ff0000;
  font-weight: normal;
  text-decoration: none;
  font-family: tipoexterna;
}
/* fi del top */

#main{
  width: 960px;
  /*padding: 14px 0 14px 0;*/
  height: 543px;
  min-height: 543px;
  background-image: URL(img/fonsmain.png);
  /*background-color: #666666;*/
  background-repeat: repeat-x;
  margin: auto;
  text-align: left;
  /*border: 1px solid #6d6c6c;*/
  display: table;
}

.main_content { margin: 17px 12px 18px 18px}

/* seccio productes */

table.families {
  border-bottom: 1px solid #373737;
  border-right: 1px solid #373737;
}

.tdfamilia{
  width: 309px;
  height: 237px;
  *height: 253px;
  vertical-align: top;
  text-align: center;
  background-color: #000000;
  /*cursor: pointer;*/
  border-top: 1px solid #373737;
  border-left: 1px solid #373737;
}

.nomfam{
  width: 275px;
  text-align: left;
  margin: 16px 0 0 16px
}

a.nomfam,
a.nomfam:link{
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  margin: 0 !important;
  font-family: tipoexterna;
}

a.nomfam:hover{
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
}
.fam_content { position: relative; width: 100%; height: 100%; text-align: left}
.fam_subfam { width: 100%; text-align: left; bottom: 8px; position: absolute}
.fam_subfam a {
    display: block;
    font-family: Arial !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: bold;
    clear: both;
}

.colorsubfam {
    display: block;
    float: left;
    width: 56px;
    height: 12px;
    margin-top: 4px;
}

.nomsubfam { padding-left: 62px; display: block}

#fotoGran{
  width: 629px;
  height: 507px;
  float: left;
}

#llSubFam{
  width: 301px;
  height: 507px;
  float: right;
}

.tbUnaFamilia{
  width: 629px;
  height: 507px;
}

a.blvermell,a.blvermell:link{
  color:#FFFFFF;
}

a.blvermell:hover{
  color:#FF0000;
}

a.vermell,a.vermell:link,a.vermell:hover{
  color:#FF0000;
}

a.grisvermell,a.grisvermell:link{
  color:#626262;
}

a.grisvermell:hover{
  color:#FF0000;
}

a.vermellgris,a.vermellgris:link{
  color:#FF0000;
}

a.vermellgris:hover{
  color:#626262;
}

a.blnegre,a.blnegre:link{
  color:#FFFFFF;
  font-family: Arial !important;
  font-size: 11px !important;
}

a.blnegre:hover{
  color:#000000;
}

a.blanc,a.blanc:link{
  color:#FFFFFF;
}

a.blanc:hover{
  color:#FFFFFF;
}

#subFamNom{
  width: 919px;
  height: 48px;
  margin: auto;
  padding-left: 11px;
  font-size: 28px;
  position: relative;
}

#subFamNom div { position: absolute; bottom: -8px}

#prod{
  width: 930px;
  height: 124px;
}

.tdprod{
  width:124px;
  /*border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;*/
  cursor: pointer;
}

a.fletxaleft{
  background-image:URL(img/fletxa-left.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 25px;
  height: 52px;
  display: block;
}

a.fletxaleft:link{
  background-image:URL(img/fletxa-left.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 25px;
  height: 52px;
  display: block;
}

a.fletxaleft:hover{
  background-image:URL(img/fletxa-left.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 25px;
  height: 52px;
  display: block;
}

a.fletxaright{
  background-image:URL(img/fletxa-right.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 25px;
  height: 52px;
  display: block;
}

a.fletxaright:link{
  background-image:URL(img/fletxa-right.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 25px;
  height: 52px;
  display: block;
}

a.fletxaright:hover{
  background-image:URL(img/fletxa-right.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 25px;
  height: 52px;
  display: block;
}

#nomprod{
  width: 930px;
  background-color: #FFFFFF;
  padding-top: 19px;
  font-size: 28px;
}

.nomprod2 { display: block; margin-left: 11px}

#tros{
  width: 13px;
  height: 100%;
}

#peuFami{
  width: 930px;
  height: 22px;
  z-index: 3;
  background-color: #000000;
}

#peuFami a,
#peuFami a:link{
  line-height: 14px;
  display: block;
  font-size: 11px !important;
  text-align: center;
  font-weight: normal;
}

.nomfam_peu { font-family: Arial; font-size: 11px; font-weight: bold; text-align: center}
.peufam_subfam { }
.peufam_subfam a{
    text-align: left !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #494949;
    margin: 0 2px 0 2px;
    padding: 3px 0 3px 0;
}

.peufam_subfam a span{
    display: block;
    padding-left: 12px
}
.pestanyaon{
  height: 34px;
  /*width: 93px;*/
  text-align: center;
  cursor: pointer;
}

.pestanyaoff{
  height: 18px;
  /*width: 93px;*/
  cursor: pointer;
}

#prod{
  width: 930px;
  height: 124px;
}

#infoprod{
  width: 890px;
  height: 256px;
  padding-right: 40px;
  display: table;
  background-color: #FFFFFF;
  padding-bottom: 10px;
}

#infoprod thead{
  font-weight: bold;
  border-top: 1px solid #c6c7c7;
  border-bottom: 2px solid #f03d3f;
  font-size: 11px;
}

#infoprod tr{
  border-bottom: 1px solid #f03d3f;
}

#infoprod tbody{
  border-bottom: 2px solid #f03d3f;
  font-size: 12px;
}

/*fi seccio productes*/

/*seccio contactar*/

#mapa{
  width: 575px;
  height: 506px;
  float: left;
  position: relative;
}

.adrecamapa{
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 15px;
}

.fons_adrecamapa{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity:0.8;filter:alpha(opacity=80);
}

.content_adrecamapa {margin: 5px; color: #FFFFFF; font-family: Arial}
.content_adrecamapa a,
.content_adrecamapa a:link { font-weight: normal; color: #FFFFFF !important; font-family: Arial !important}
.content_adrecamapa a:hover { text-decoration: underline}

.titcontactar { font-size: 24px; color: #FFFFFF; border-bottom: 1px dashed #797979; padding-bottom: 5px}

#contactar{
  width: 354px;
  height: 506px;
  float: right;
  text-align: center;
}

input.submit{
  border: 0px;
  background-color: #FFFFFF;
}

#botons{
  margin-right:15px;
  margin-top:5px;
}

.brb5gris{
  border-bottom: 5px solid #d4d4d4;
}

/*fi de la seccio contactar*/

/* seccio noticies */
.mainnotis{
  background-image: URL(img/fonsmain.jpg);
}

#mnotis{
	width: 207px;
	height: 489px;
	float: left;
        background-color: #e9e9e9;
        padding-top: 19px;
	/*margin-left: 36px;*/
}

#cnotis{
	width: 723px;
	height: 508px;
	float: right;
	background-color: #e9e9e9;
}

.llnotis{
	width: 100%;
	height: 160px;
	text-align:left;
}

.unanotis{
	width: 677px;
	height: 507px;
	text-align:left;
}

.brb6gris{
	border-bottom:6px solid #d4d4d4;
}

a.tornar{
	display: block;
	float: right;
	margin-right: 5px;
}

#mnotis h3 { margin-top: 5px; width: 156px; background-color: #000000; font-family: tipoexterna; padding: 4px 0 4px 10px; color: #FFFFFF; font-size: 16px;
    font-weight: normal; margin-left: 20px; margin-bottom: 5px}
#mnotis a { margin-bottom: 1px; font-weight: normal; display: block; width: 156px; padding: 3px 0 3px 10px; margin-left: 20px; font-family: tipoexterna; font-size: 14px; color: #FFFFFF; background-color: #878787}
#mnotis a:hover { background-color: #000000}

#mnotis a.actiu,#mnotis a.actiu:hover { margin-bottom: 1px; font-weight: normal; display: block; width: 156px; padding: 3px 0 3px 10px; margin-left: 20px; font-family: tipoexterna; font-size: 14px; color: #FFFFFF; background-color: #000000}

.titolnoti { line-height: 23px; border-bottom: 1px dashed #747474; padding-bottom: 4px}
.textnoti table,.textnoti { font-family: Arial !important; color: #000000 }
.textnoti a, .textnoti a:link { font-weight: normal; font-family: Arial; color: #ff0000; font-size: 12px}
.textnoti a:hover { text-decoration: underline}

.fonsimatge { background-image: URL(img/fonsfoto.png); width: 118px; height: 115px}
/* fi seccio noticies */

/* seccio descarregues */

#titdesca{
	/*width: 912px;*/
	height: 38px;
	padding-top: 15px;
	padding-left: 20px;
        padding-right: 20px;
        background-color: #e9e9e9;
}

#titdesca span {
    display: block;
    border-bottom: 1px dashed #747474;
    padding-bottom: 4px;
}

.trdesca{
	float: left;
        width: 287px;
        height: 202px;
        background-image: URL(img/fonsdescarga.jpg);
        margin-left: 17px;
        margin-bottom: 17px;
        cursor: pointer;
        position: relative;
}

.trdesca span { display: block; color: #FFFFFF; padding-left: 16px; text-transform: uppercase}
.trdesca span.descanom { font-size: 24px; line-height: 30px}
.trdesca span.descaarxiu { font-size: 14px }
.trdesca td { }

.tddesca{
		border-bottom: 1px solid #d4d4d4;
}

.textdesca { position: absolute; bottom: 5px; z-index: 10; width: 288px;}
.opacitatdesca { background-color: #000000; opacity:0.57;filter:alpha(opacity=57); height: 83px; bottom: 0 }

#paginacio{
	width: 900px;
        margin: auto;
        margin-top: -12px;
        *margin-top: -5px;
	height: 16px;
	background-color: #a7a7a7;
	/*padding-top: 17px;*/
	color: #FFFFFF;
        font-family: tipoexterna;
        font-size: 12px;
        padding-top: 3px;
}

#paginacio a,a:link{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
        font-family: tipoexterna;
        font-size: 12px;
}

#paginacio a:hover{
	color: #6D6E71;
	font-weight: bold;
	text-decoration: none;
}
/* fi de la seccio descarregues */

/* seccio empreses */
.txtempresa{
	background-image: url(img/fonsempresa.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 508px;
}

.franjagris{
	width: 912px;
	height: 24px;
	padding-top: 15px;
	padding-left: 18px;
	background-color: #d4d4d4;
}

.tdtxtempresa{
	line-height:15px;
	padding-right:20px;
        padding-top: 35px;
        font-family: Arial;
        font-size: 11px;
        line-height: 16px;
        color: #FFFFFF;
}

/*peu de pàgina */
#peu{color: #000000; font-size: 10px; padding-bottom: 5px}
#peu a { color: #000000; font-weight: normal; font-size: 10px}
#peu a:hover { text-decoration: underline }

.padpeu_explorer { *padding-top: 35px}

/*taules dels productes*/
.tdcapsalera{
	border-top: 1px solid #c6c7c7;
}

.tableprod{
	color: #6c6e6e !important;
        margin-right: 35px
}

/* pel llistat de les fotos*/
/* Horizontal Carousel */
#horizontal_carousel {
  /*float: left;*/
  width: 100%;
  height: 150px;
  position: relative;
  background-image: URL(img/fonscarrousel.jpg);
}

#horizontal_carousel .container {
  float: left;
  width: 870px;
  height: 100%;
  position: relative;    
  overflow: hidden;
  margin-left: 5px;
  margin-right: 5px;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  /*height: 124px;*/
  height: 100%;
}                      

#horizontal_carousel ul li {
  width: 140px;
  /*height: 124px;*/
  text-align: center; 
  list-style:none;   
  float:left;
  height: 100%;
}

#horizontal_carousel .previous_button {
  float:left;  
  background-image:URL(img/fletxa-left.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 20px;
  height: 52px;
  z-index: 100;
  cursor: pointer;
  margin-top: 30px;
}

#horizontal_carousel .previous_button_over {
  background-image:URL(img/fletxa-left.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#horizontal_carousel .previous_button_disabled {
  background-image:URL(img/fletxa-left-off.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  background-image:URL(img/fletxa-right.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 30px;
  height: 52px;
  z-index: 100;
  margin-top: 30px;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background-image:URL(img/fletxa-right.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
}

#horizontal_carousel .next_button_disabled {
  background-image:URL(img/fletxa-right-off.gif);
  background-repeat: no-repeat;
  background-position: top center;
  cursor: default;
}

a.carroussel_prod { color: #000000; font-family: Arial !important; font-size: 10px !important; font-weight: bold}

.div_select_prod{
  float: right;
  position: relative !important;
  width: 290px;
  margin-top: 7px;
  bottom: auto !important;
}
.select_prod { 
  background-image: URL(img/bkg_select_prod.png);
  width: 275px;
  height: 17px;
  padding-left: 7px;
  padding-top: 1px;
  font-family: tipoexterna;
  color: #FFFFFF;
  font-size: 12px;
  background-repeat: no-repeat;
  position: relative !important;
  margin-right: 7px;
  cursor: pointer;
}

.div_prod{
    background-image: URL(img/bkg_div_prod.png);
    padding-bottom: 10px;
    position: absolute;
    width: 281px;
    height: 254px;
    /*overflow: hidden;*/
    top: 30px;
    z-index: 2;
}

#scrollbar_container a { font-family: tipoexterna !important;
          display: block; font-size: 12px; color: #FFFFFF; border-bottom: 1px solid #d4d4d4;
          font-weight: normal !important; width: 236px; margin: auto; padding-top: 2px; padding-bottom: 2px}

#scrollbar_container {
    width: 281px; position: relative !important;
    bottom: auto !important; z-index:2;
    background-image: URL(img/bkg_div_prod.png); height: 263px; margin-top: 15px;
}
#scrollbar_content { overflow:hidden;  width: 261px; bottom: auto !important;
    height: 250px; position: relative !important; }

#scrollbar_track {
 position:absolute;
 top:5px;
 right:5px;
 height:93%;
 width:10px;
 background-color:transparent;
 cursor:pointer;
 bottom: auto;
}
#scrollbar_handle {
 width:8px;
 background-color:#FFFFFF;
 cursor:pointer;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 opacity:0.9;
 -moz-opacity:0.9;
}

/* cerca top */
#cerca_top{ 
    position: absolute; top: 0; left: 0; border-top: 4px solid #000000; width: 100%; height: 30px
}

#cerca { width: 955px; margin: auto}
.div_cercatop { margin-right: 7px; float: right; background-image: URL(img/bkg_cerca_top.png); width: 296px; height: 26px;
text-align: left; padding-left: 10px; padding-top: 4px; font-size: 16px; color: #a4a4a4;}
.div_cercatop input[type=text] { width: 206px; height: 16px; background-color: #818181 !important}
.div_cercatop input[type=submit] { cursor: pointer; background-color: transparent !important; color: #FFFFFF !important; text-transform: uppercase}

/* resultats de cerca*/
.cerca_totals { text-align: center; text-transform: lowercase; right: 10px;
           font-size: 14px; color: #FFFFFF; bottom: 0; background-image: URL(img/bkg_cerca_total.png);
           width: 129px; height: 24px;
           padding-top: 5px}
.cerca_resul { width: 100%; height: 452px; background-color: #FFFFFF; display: table}
.cerca_resul_un { width: 132px; height: 142px; margin-top: 5px; cursor: pointer}

/* ESCRIU PASS AL DESCARGAR*/
.pwd { cursor: auto; text-transform: none !important; line-height: 18px; padding: 5px; left: 15px; top: 15px; color: #FFFFFF; width: 220px; height: 85px; background-color: #000000; border: 2px solid #FFFFFF }
.pwd input[type=password] { width: 110px !important}
span.error { color: #FF0000 !important; text-transform: none !important; padding-left: 0px !important}

table.imgprod { width: 396px; height: 231px; text-align: center; vertical-align: bottom}

.posicio_prod { color: #FFFFFF !important; font-size: 14px; width: 136px; height: 25px; padding-top: 3px; text-align: center; -moz-border-radius: 7px;
-webkit-border-radius: 7px; position: relative !important; margin-left: 15px;}