/* Generics
----------------------------------------------*/
body{font-size:62.5%;background:#4B96F3; font-family:arial,sans-serif; color:#8b8b8b; padding:0; margin:25px 0; line-height:1.4;}

a{color:#3399cc;text-decoration:none;}
a:hover{color:#3399cc;text-decoration:underline;}
h1,h2,h3,h4{color:#f17022;margin:0;padding:0;}
h1 {font:3em arial;padding-bottom:15px}
h2 {font:2.4em arial;padding:10px 0 12px 0}
h3 {font:1.4em arial;}

img{border:0;display:block;}
form,p,li{margin:0;padding:0;}
input{font-family:arial,verdana,sans-serif;color:#000;}
ul{margin:0;padding:0;list-style:none;}
.nodisplay {display:none}
.clear {clear:both}

a.pdf {background:url(../img/i-pdf.gif) 0 0 no-repeat;padding:3px 0 2px 25px;}
.descargapdf {text-align:right;padding:0 30px 10px 0}

/* Layout
----------------------------------------------*/
#contenidor{width:940px;margin:0 auto;background:#fff;border:1px solid #b2b2b2;position:relative;z-index:10;height:}

#capcalera{height:80px;margin:0;overflow:hidden;zoom:1}
#capcalera #idioma{float:right;padding:15px;font:1em verdana; font-weight:bold;text-align:right}
#capcalera #idioma img{padding:10px 0 0 0;font:1em verdana; font-weight:bold;text-align:right}

#capcalera #logo{padding:15px 0 0 20px;width:224px}


#cos{overflow:hidden;background:#fff;zoom:1;padding:40px 20px}

#peu{font:1.2em arial; width:900px;clear:both;margin-top:65px;border-top:1px solid #8B8B8B;padding:15px 0 20px 0; text-align:center;overflow:hidden;}
#peu a{color:#8b8b8b}

/* Menu
----------------------------------------------*/
#menu{background:url(../img/pix_bg_menu.gif) 0 0 repeat-x;padding:0;height:36px;width:940px;}
#menu ul{overflow:hidden;padding:9px 0 0 5px}
#menu li{display:block;float:left; margin:0;padding:0 0 0 10px;font:1.2em arial;}
#menu li a{background:url(../img/flecha_menu.gif) 0 2px no-repeat;display:block;padding:0 0 0 16px; color:#4e4e4e;font:1.2em arial;text-decoration:none;}
#menu li a.on{color:#f17022;}
#menu li a:hover{color:#f17022;}
#menu li a.on:hover{color:#f17022;}

.submenu {display:none;position:absolute;width:158px;background:#e6e6e6;border-right:1px solid #6a6a68;border-bottom:1px solid #6a6a68}
.submenu ul{padding:0 9px}
.submenu li {padding:7px 0;border-bottom:1px solid #f17022;}
.submenu li.ult {padding:7px 0;border-bottom:none}
.submenu li a{font:1.1em verdana;color:#565656}
.submenu li a:hover{color:#f17022;text-decoration:none}

#sub-4 {left:270px;}
#sub-6 {left:520px;}


/* Home
---------------------------------------------- */
#p-home #esq {width:442px;float:left;}
#p-home #dreta {width:436px;float:right;}
.titDestacamos {background:url(../img/flecha_circulo.gif) 0 1px no-repeat;display:block;padding:0 0 5px 20px;
border-bottom:1px solid #f17022;font:1.8em arial;font-weight:normal;color:#f17022;}
#p-home .ent {padding:24px 0 0 0}
#p-home #esq .textfoto {overflow:hidden;zoom:1;padding:20px 0 0 0 }
#p-home #esq .textfoto .fotodreta {float:right;}
#p-home #esq .textfoto .text {width:220px;font-size:1.2em;}

#p-home #dreta .textfoto {overflow:hidden;zoom:1;padding:20px 0 0 0 }
#p-home #dreta .textfoto .fotodreta {float:right;}
#p-home #dreta .textfoto .fotodreta img{border:1px solid #f17022;}
#p-home #dreta .textfoto .text {width:245px;font-size:1.2em;}
.entradilla {font:1.6em arial;font-weight:bold;color:#8b8b8b}
.vervideo {color:#3399cc;background:url(../img/flecha_video.gif) 0 2px no-repeat;display:block;padding:0 0 0 16px;font:1.4em arial;cursor:pointer}

#popvideo {display:none;position:absolute;top:160px;left:160px;width:610px;height:445px;background:#ffe8bf;border:1px solid #646464;padding:10px}
#popvideo #dins {background:#fff;padding:5px}
#popvideo #dins .tancar {width:595px;text-align:right;color:#f17022;cursor:pointer}
#popvideo #dins #contingut {padding:10px}
.titVideo {padding:0 0 3px 0; border-bottom:1px solid #f17022;font:1.8em arial;font-weight:normal;color:#f17022;}
#popvideo #dins #video {margin-top:10px;border:1px solid #626262;width:581px;height:366px}


/* Envasadoras
---------------------------------------------- */
#p-envasadoras #cos{overflow:hidden;background:#fff;zoom:1;padding:35px 20px}
#menuv {background:url(../img/flecha_circulo.gif) 0 10px no-repeat;display:block;width:195px;float:left;padding-top:5px}
#menuv ul {border-top:1px solid #f17022;border-bottom:1px solid #f17022;margin:3px 0 0 20px}
#menuv li {border-bottom:1px solid #8b8b8b;padding:10px 0;}
#menuv li.ult{border-bottom:none}
#menuv li a{font:1.4em arial;color:#8b8b8b}
#menuv li a:hover{;color:#f17022;text-decoration:none}
#menuv li a.on{color:#f17022;text-decoration:none}
#menuv .tit {font:1.8em arial;color:#f17022;padding-left:20px}

#titol-subseccio {font:1.8em arial;color:#f17022;padding-left:40px;background:url(../img/flecha_circulo.gif) 20px 10px no-repeat;display:block;width:195px;float:left;padding-top:5px}


#p-envasadoras #dreta {float:right;width:305px;padding-top:30px}
#p-envasadoras #dreta .foto{padding-bottom:30px}
#p-envasadoras #dreta p{font:1.2em arial;padding-bottom:20px}
#p-envasadoras #mig {float:right;width:330px;padding:0 25px 0 40px;}
#p-envasadoras #mig p{font:1.2em arial;padding-bottom:20px}
#p-envasadoras #mig img{border:1px solid #f17022}
#p-envasadoras #mig ul {overflow:hidden;zoom:1}
#p-envasadoras #mig li {text-align:center;float:left;margin-right:10px}
#p-envasadoras #mig li p{padding-top:5px}
ul.fruitis {padding:0 0 20px 0;overflow:hidden;zoom:1;}
ul.fruitis li.prim {border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;float:left;padding:0 7px}
ul.fruitis li {border-right:1px solid #c2c2c2;float:left;padding:0 7px}

#p-envasadoras #mig .fruitis li {border-right:1px solid #c2c2c2;padding-right:5px;margin-bottom:5px}
#p-envasadoras #mig .fruitis img{border:0}


/* Pesadoras
---------------------------------------------- */
#p-pesadoras #cos{overflow:hidden;background:#fff;zoom:1;padding:35px 20px}
#p-pesadoras #dreta {float:right;width:305px;padding-top:30px}
#p-pesadoras #dreta .foto{padding-bottom:30px}
#p-pesadoras #dreta p{font:1.2em arial;padding-bottom:20px}
#p-pesadoras #mig {float:right;width:330px;padding:0 25px 0 40px;}
#p-pesadoras #mig p{font:1.2em arial;padding-bottom:20px}
#p-pesadoras #mig ul {border:1px solid #f17022;overflow:hidden;zoom:1;display:block}
#p-pesadoras #mig li {float:left;padding:5px 10px}
#p-pesadoras #mig li p{padding-top:5px}

/* Envases
---------------------------------------------- */
#p-envases #cos{overflow:hidden;background:#fff;zoom:1;padding:35px 20px}
#p-envases #dreta {float:right;width:305px;padding-top:30px}
#p-envases #dreta .foto{padding-bottom:30px}
#p-envases #dreta p{font:1.2em arial;padding-bottom:20px}
#p-envases #mig {float:right;width:330px;padding:0 25px 0 40px;}
#p-envases #mig p{font:1.2em arial;padding-bottom:20px}
#p-envases #mig ul {border:1px solid #f17022;overflow:hidden;zoom:1;display:block}
#p-envases #mig li {float:left;padding:5px 10px}
#p-envases #mig li p{padding-top:5px}


/* Distribuidores
---------------------------------------------- */
#p-distribuidores #esq {width:240px;float:left;}
#p-distribuidores #dreta {width:598px;float:right;}
#p-distribuidores #esq .text {;padding:0 0 0 0;font-size:1.2em; }
#p-distribuidores #dreta .textfoto {overflow:hidden;zoom:1;padding:20px 0 0 0 }
#mapaEuropa {position:absolute;top:242px;left:559px;display:none;z-index:150}
#mapaAfrica {position:absolute;top:331px;left:548px;display:none}
#mapaNordAmerica {position:absolute;top:155px;left:321px;display:none}
#mapaSudAmerica {position:absolute;top:358px;left:446px;display:none}
#mapaAustralia {position:absolute;top:360px;left:702px;display:none}
#mapaAsia {position:absolute;top:174px;left:588px;display:none;z-index:100}



#p-paisos #esq {width:240px;float:left;}
#p-paisos #dreta {width:598px;float:right;}
#p-paisos #esq .text {;padding:0 0 0 0;font-size:1.2em; }
#p-paisos h1 {padding:0 0 0 0}
#p-paisos h3 {padding:20px 0 10px 0}

#p-paisos ul.paisos {padding:0;margin:0;width:945px;overflow:hidden;zoom:1}
#p-paisos ul.paisos li {float:left;width:230px;}
#p-paisos ul.paisos li .text {;padding:0 0 0 0;font-size:1.2em; }


/* Mediio ambiente - Consumibles
---------------------------------------------- */
#p-medioambiente #esq {width:442px;float:left;}
#p-medioambiente #dreta {width:436px;float:right;}
#p-medioambiente .ent {padding:24px 0 0 0}
#p-medioambiente #esq .textfoto {overflow:hidden;zoom:1;padding:20px 0 0 0;font-size:1.2em; }
#p-medioambiente #dreta .textfoto {overflow:hidden;zoom:1;padding:20px 0 0 0 }
#p-medioambiente h1 {padding:0 0 0 0}
#p-medioambiente h2 {font:2.4em arial;padding:0 0 12px 0}
#p-medioambiente .texto {overflow:hidden;zoom:1;padding:0 0 20px 0;font-size:1.2em; }


/* Contacto
---------------------------------------------- */
#p-contacto ul.contacto {padding:0;margin:0;width:960px;overflow:hidden;zoom:1;}
#p-contacto ul.contacto li {float:left;width:320px;}
#p-contacto .texto {padding:8px 0 0 0;font-size:1.2em; }

.bgstretcher {
    background: #4B96F3;
    overflow: hidden;
    width: 100%;
    position: fixed !important;
    z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
    margin: 0;
    padding: 0;
    list-style: none;
}

.suport-home {padding:10px 0 0 0;font-size:11px}
#tit-noticias {color:#A1A1A1;font: 2.4em arial;
    padding: 0 0 12px;}
.noticia  {width:860px;margin:0 0 30px 0;overflow:hidden}
.noticia .data {color:#8b8b8b;font-size:1.1em;}
.noticia .esq {width:523px;float:left;padding:0 0 0 20px}
.noticia .dreta {width:200px;float:right;}
.noticia .dreta img {border:1px solid #F17022;width:200px;float:right;margin-top:30px}

.noticia  h3 {font-size:2em;width:350px;padding:5px 0 20px 0;font-weight:bold;}
.noticia p {font-size:1.4em}
.noticia .img-logo {padding:10px 0 0  0}

#imagte-historia {margin:0 0 20px 0}
.any-historia {margin:0 0 5px 20px;font-size:1.4em}
.any-historia .data {font-size:1.4em;color:#F17022}

#fotos-consumibles {margin:0 0 0 20px}
#fotos-consumibles li {float:left;width:166px;height:150px;margin:30px 0 0 40px}
#fotos-consumibles li p{margin:10px 0 0 0;width:166px;font-size:1.4em;text-align:center}


