/*-- RESET CSS --*/
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, select, input,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i 
{   margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:normal;
    font-style:normal;
    vertical-align:baseline;
    list-style:none;
}
:focus { outline:0; }
table { border-spacing:0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
input, textarea
{   margin:0;
    padding:0;
}
hr
{   border:0 none;
    color:#000000;
    background-color:#000000;
    height:1px;
}
/*-- END RESET CSS --*/
/* CSS Document */
body
{    font-family:Arial, Helvetica, sans-serif;
    font-size:0.63em;
    color:#816D62;
    background: #FBFAF8 
}
#global-container {
    margin: 0 auto;
    width: 1000px;
    text-align: left;
    color:#816d62;
    background: #fbfaf8 url(/img/fondo_body.jpg) repeat-y top;
}
h2 {
    font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
    font-weight:bold
}

p {
color:#666666;
line-height:1.308;
margin-bottom:16px;
}

p {
color:#666666;
line-height:1.308;
margin-bottom:16px;
}
ul {
color:#666666;
line-height:1.308;
margin-bottom:16px;
}

.clear {
    clear: both;
}
.left {
    float:left;
}
.right {
    float: right;
}
.textright {
    text-align:right
}
.textleft {
    text-align:left
}
.bold {
    font-weight:bold;
}
label {
    color: #816d62;
}
.line {
    display:inline
}
.none {
    display:none !important;
}
.center {
    text-align:center;
    margin-bottom:5px
}
select {
    color:#816d62;
    font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}
.titular {
    font: bold italic 1.8em/1.3 Arial, Helvetica, sans-serif;
    color:#ec6a0c
}


.titular_promo {
    font: bold italic 1.8em/1.3 Arial, Helvetica, sans-serif;
    color:#ec6a0c
    margin-left:25px;
}

.pag_promo{
    margin-top: 30px;
    margin-left: 40px;     
	margin-right:25px;
}


.bold {font-weight:bold;
}
.petita {    font: normal 0.8em/1.3 Arial, Helvetica, sans-serif;
}
.taronja {
    color:#ec6a0c
}
.taronja a {
    color:#ec6a0c !important
}
a.taronja  {
    color:#ec6a0c !important;
}
.negre {
    color:#000000
}
.pl5 {
    padding:35px 5px 35px 35px !important
}
.ml_15 {
    margin-left:15px
}

.ml_5 {
    margin-left:5px
}
.ml_20 {
    margin-left:20px
}
.mt_5 { 
    margin-top:5px
}
.mt_20 { 
    margin-top:20px
}
.mb_5 { 
    margin-bottom:5px
}
.width100 {
    width:100px
}
    
.box_small{
    float:left;
    margin-right:40px;
    width:40%;}

width_100%{
    width:100%;
}

.width120 {
    width:120px
}
.width150 {
    width:150px
}
.width200 {
    width:200px
}
.height_55{
    height:55px !important;
}
img, div, input { behavior: url("css/iepngfix.htc") } /* Clase para visualizar correctamente las imagenes PNG en IE6 */


/***************************************** MARGIN *****************************************/

.margin_left05{
margin-left:0.5em
}


/***************************************** LINKS *****************************************/
a img {
    border: 0;
}
/***************************************** HEADER *****************************************/
#header
{    margin:0 auto;
     width:920px;
}
#header #logo
{   position:absolute;
    width:149px;
}
#header #logo span
{   position:absolute;
    width:245px;
    height:144px;
}
#header .links
{    text-align:right;
  vertical-align:top;
    height:37px;
    margin-right:32px;
    _margin-right:29px;
}
#header .links input {
    background:url(/img/css_img/fondo_combo.gif) no-repeat;
    border:none;
    color:#816d62;
    font: normal 1.2em/1.3 Arial, Helvetica, sans-serif;
    padding-left:5px;
    height:18px;
    width:129px
}
#header .links ul {
    margin: 0 16px 0 0;
    color:#816d62
}
#header .links ul a {
    color:#816d62
}
#header .links ul a.active {
    text-decoration:underline
}
#header .links ul a:hover {
    color:#816d62
}
#header .links ul li {
    display: inline;
    padding: 0 2px 0 2px;
    font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}
#header .links img {
    position:relative;
    top:12px
}
/**********Menu***********/
#nav {
    /*margin:20px 30px 0 0px;
    _margin:20px 19px 0 0px;*/
    margin:20px 50px 0 0px;
    _margin:20px 39px 0 0px;
    list-style:none;
    height:50px;
    z-index:200;
    float:right;
    }
#nav li.top {
    display:block;
    float:left;
}
#nav li a {
    display:block;
    float:left;
    padding:0;
    cursor:pointer;
    padding:5px 0 6px 15px; 
    _padding:3px 0 3px 15px; 
    _width:106px; 
    _height:42px
}
#nav li a b {
    margin-left:-9999px;
}
#nav li a:hover {
    color:#FFFFFF
}
#nav li a.menu1 {
    background: url(/img/css_img/sobreaffinity_1.jpg) 0 0;
    width:106px;
}
#nav li a.menu1_eng {
    background: url(/img/css_img/sobreaffinity_1_eng.jpg) 0 0;
    width:106px;
}


#nav li a.menu1:hover {
    _background: url(/img/css_img/sobreaffinity_1.jpg) 0 42px;
    width:106px;
}

#nav li a.menu1_eng:hover {
    _background: url(/img/css_img/sobreaffinity_1_eng.jpg) 0 42px;
    width:106px;
}
#nav li a.menu1.active {
    background: url(/img/css_img/sobreaffinity.jpg) 0px 0px no-repeat;
    height:42px !important;
    width:106px;
}
#nav li a.menu1_eng.active {
    background: url(/img/css_img/sobreaffinity_eng.jpg) 0px 0px no-repeat;
    height:42px !important;
    width:106px;
}
#nav li a.menu2 {
    background: url(/img/css_img/productos_1.jpg);
    height:21px ;
    width:80px
}
#nav li a.menu2:hover {
    _background: url(/img/css_img/productos_1.jpg) 0 42px;
}
#nav li a.menu2.active2 {
    background: url(/img/css_img/productos.jpg) 0 0 no-repeat;
    height:21px !important;
    width:80px !important
}
#nav li a.menu3 {
    background: url(/img/css_img/mejoramigo_1.jpg);
    _height:21px ;
    width:106px !important
}
#nav li a.menu3:hover {
    _background: url(/img/css_img/mejoramigo_1.jpg) 0 42px;
}
#nav li a.menu3.active3 {
    background: url(/img/css_img/mejoramigo.jpg) 0 0 no-repeat !important;
    height:42px !important;
    width:106px
}
#nav li a.menu4 {
    background: url(/img/css_img/prensayeventos_1.jpg) ;
    _height:21px ;
    width:118px;    
}
#nav li a.menu4:hover {
    _background: url(/img/css_img/prensayeventos_1.jpg) 0 42px;
}
#nav li a.menu4.active4 {
    background: url(/img/css_img/prensayeventos.jpg) 0 0 no-repeat !important;
    height:42px !important;
    width:118px
}
#nav li a.menu5 {
    background: url(/img/css_img/descargas_1.jpg) ;
    _height:21px ;
    width:79px !important
}
#nav li a.menu5:hover {
    _background: url(/img/css_img/descargas_1.jpg) 0 42px;
}
#nav li a.menu5.active5 {
    background: url(/img/css_img/descargas.jpg) 0 0 no-repeat !important;
    height:42px !important;
    width:79px
}
#nav li:hover a, #nav a:hover {
    background-position: 0 42px; 
}
#nav table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
    padding:0;
    width:0;
    height:0;
    margin:-1px;
}
#nav .sub {
    position:absolute;
    left:-9999px;
    top:24px;
    width:118px;
    height:auto;
    z-index:300;
    font: normal 1.2em/1.3 Arial, Helvetica, sans-serif;
    
    /******* 
    _font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
    top:-9999px;
    width:0;
    height:0;
    margin:0;
    padding:0;
    list-style:none;
 
    **********/
}
#nav li:hover {
    position:relative;
    z-index:200;
}
#nav a:hover {
    position:relative;
    white-space:normal;
    z-index:200;
}
#nav :hover ul.sub {
    left:0;
    }
#nav ul.sub li {
    display:block;
    position:relative;
    float:left;
    width:118px;
    font-weight:normal;
}
#nav ul.sub li a {
    display:block;
    height:14px;
    width:118px;
    padding-left:15px;
    cursor:pointer;
}
#nav ul li a.arriba {
    background: url(/img/css_img/menu_top.png) 0 0;
   _background: url(/img/css_img/menu_top.gif) 0 0;
    color:#FFFFFF;    
}
#nav ul li a.middle {
    _background: url(/img/css_img/menu_middle.gif) 0 0;
    background:#9D8374;
    color:#FFFFFF;
}
#nav ul li a.bottom {
    background:  url(/img/css_img/menu_bottom.png) 0 0;
    _background:  url(/img/css_img/menu_bottom.gif) 0 0;
    color:#FFFFFF;    
}
#nav ul.sub li a.middle:hover {
    background: #FFFFFF;
    color:#F47320;
    _position:relative;
    _background:  url  (/img/css_img/menu_middle.gif) 0 -25px;    
}
#nav ul li a.bottom:hover {
    background-position: 0 -25px;
    color:#F47320;
    _position:relative;    
}
#nav ul li a.arriba:hover {
    background-position: 0 -25px;
    color:#F47320;
    _position:relative;    
}

/**********Menu2***********/
#nav2 {
    padding:4px 0 0 20px;
    list-style:none;
    height:20px;
    position:relative;
    z-index:200; 
}
.nav2_left { 
    background: #e6ded3 url(/img/css_img/fondo_barra.gif) no-repeat left; 
    float:left; 
    margin:20px 0 0 30px !important;
    margin:20px 0 0 15px; 
}
.nav2_right { 
    background: #e6ded3 url(/img/css_img/fondo_barra2.gif) no-repeat right; 
    height:24px;
    width:15px ; 
    float:left; 
    margin:20px 0 0 0;
}
#nav2 li.top {
    display:block;
    float:left;
}
#nav2 li a {
    display:block;
    float:left;
    height:5px;
    width:50px;
    cursor:pointer;
    padding:5px 0 6px 15px; 
    _padding:1px 0 2px 15px; 
    _width:60px; 
    _height:12px; 
}
#nav2 li a strong {
    margin-left:-9999px;
}
#nav2 li a:hover {
    color:#FFFFFF
}

/**********Advance-Menu1*******/

#nav2 li a.menu1_advance {
    background: url(/img/css_img/advance.png) ;    
    _background: url(/img/css_img/advance3.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_advance:hover {
    _background: url(/img/css_img/advance3.gif) 0 16px;
}
#nav2 li a.menu1_advance.active1 {
    background: url(/img/css_img/advance.gif) 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_mini{
    background: url(/img/css_img/mini.png) ;    
    _background: url(/img/css_img/mini.gif) ;
    width:45px !important; 
    _height:16px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_mini:hover {
    _background: url(/img/css_img/mini.gif) 0 16px;
}
#nav2 li a.menu1_mini.active1 {
    background: url(/img/css_img/mini.gif) 0 0 no-repeat;
    width:60px !important
}

#nav2 li a.menu1_medium{
    background: url(/img/css_img/medium.png) ;    
    _background: url(/img/css_img/medium2.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_advance_medium:hover {
    _background: url(/img/css_img/medium2.gif) 0 16px;
}
#nav2 li a.menu1_medium.active1 {
    background: url(/img/css_img/medium.gif) 0 0 no-repeat;
    width:60px !important
}

#nav2 li a.menu1_maxi{
    background: url(/img/css_img/maxi.png) ;    
    _background: url(/img/css_img/maxi2.gif) ;
    width:45px !important; 
    _height:16px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_maxi:hover {
    _background: url(/img/css_img/maxi2.gif) 0 16px;
}
#nav2 li a.menu1_maxi.active1 {
    background: url(/img/css_img/maxi.gif) 0 0 no-repeat;
    width:60px !important
}

#nav2 li a.menu1_biscuits{
    background: url(/img/css_img/biscuits.png) ;    
    _background: url(/img/css_img/biscuits2.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_biscuits:hover{
    _background: url(/img/css_img/biscuits2.gif) 0 16px;
}
#nav2 li a.menu1_biscuits.active1{
    background: url(/img/css_img/biscuits.gif) 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_seco{
    background: url(/img/css_img/seco.png) ;    
    _background: url(/img/css_img/seco2.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_seco:hover {
    _background: url(/img/css_img/seco2.gif)  0 16px;
}
#nav2 li a.menu1_seco.active1 {
    background: url(/img/css_img/seco.gif) 0 0 no-repeat;
    width:60px !important
}

#nav2 li a.menu1_humedo{
    background: url(/img/css_img/humedo.png) ;    
    _background: url(/img/css_img/humedo2.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_humedo:hover {
    _background: url(/img/css_img/humedo2.gif) 0 16px;
}
#nav2 li a.menu1_humedo.active1 {
    background: url(/img/css_img/humedo.gif) 0 0 no-repeat;
    width:60px !important
}



#nav2 li a.menu1_premium{
    background: url(/img/css_img/premium.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important;     _padding:0 0 0 15px
}
#nav2 li a.menu1_premium:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_premium.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_adultos{
    background: url(/img/css_img/adultos.png) ;    
    _background: url(/img/css_img/adultos2.gif) ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_adultos:hover {
    _background: url(/img/css_img/adultos2.gif)  0 16px;
}
#nav2 li a.menu1_adultos.active1 {
    background: url(/img/adultos.gif) 0 0 no-repeat;
    width:60px !important
}



#nav2 li a.menu1_complet{
    background: url(/img/css_img/complet.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_complet:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_complet.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_sabores{
    background: url(/img/css_img/sabores.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_sabores:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_sabores.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_rolls{
    background: url(/img/css_img/rolls.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_rolls:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_rolls.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_mix{
    background: url(/img/css_img/mix.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_mix:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_mix.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}



#nav2 li a.menu1_delice{
    background: url(/img/css_img/delice.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_delice:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_delice.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}






#nav2 li a.menu1_adult{
    background: url(/img/css_img/adult.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_adult:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_adult.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}

#nav2 li a.menu1_light{
    background: url(/img/css_img/light.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_light:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_light.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_galletas{
    background: url(/img/css_img/galletas.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_galletas:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_galletas.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_huesos{
    background: url(/img/css_img/huesos.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_huesos:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_huesos.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}


#nav2 li a.menu1_rubadub{
    background: url(/img/css_img/rubadub.png) ;    
    _background: url() ;
    width:45px !important; 
    _height:14px !important; 
    _padding:0 0 0 15px
}
#nav2 li a.menu1_rubadub:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu1_rubadub.active1 {
    background: url() 0 0 no-repeat;
    width:60px !important
}

/**********Advance-Menu2*******/


#nav2 li a.menu2_puppy_care{
    background: url(/img/css_img/special_puppy_care.png); 
    _background: url(/img/css_img/special_puppy_care.gif); 
    width:96px !important;
    _height:13px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_puppy_care:hover {
    _background: url(/img/css_img/special_puppy_care.gif) 0 16px;
}
#nav2 li a.menu2_puppy_care.active2 {
    background: url(/img/css_img/special_puppy_care.gif) 0 0 no-repeat;
    width:96px !important
}


#nav2 li a.menu2_tamaño_perro{
    background: url(/img/css_img/tamano_de_perro.png); 
     width:96px !important;
    _height:13px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_tamaño_perro:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu2_tamaño_perro.active2 {
   background: url() 0 0 no-repeat;
   width:96px !important
}


#nav2 li a.menu2_les_repas_complet{
    background: url(/img/css_img/les_repas_complet.png); 
    _background: url(); 
    width:96px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_les_repas_complet:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu2_les_repas_complet.active2 {
   background: url() 0 0 no-repeat;
   width:96px !important
}


#nav2 li a.menu2_les_repas_equilibre{
    background: url(/img/css_img/les_repas_esquilibre.png); 
    _background: url(); 
    width:96px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_les_repas_equilibre:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu2_les_repas_equilibre.active2 {
   background: url() 0 0 no-repeat;
   width:96px !important
}

#nav2 li a.menu2_advance_biscuits{
    background: url(/img/css_img/advance_biscuits.png); 
    _background: url(); 
    width:85px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_advance_biscuits:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu2_advance_biscuits.active2 {
   background: url() 0 0 no-repeat;
   width:85px !important
}


#nav2 li a.menu2_ultima_biscuits{
    background: url(/img/css_img/ultima_biscuits.png); 
    _background: url(); 
    width:85px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu2_ultima_biscuits:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu2_ultima_biscuits.active2 {
   background: url() 0 0 no-repeat;
   width:85px !important
}
/**********Advance-Menu3*******/



#nav2 li a.menu3_duo_effect {
    background: url(/img/css_img/duo_effect.png); 
    _background: url(/img/css_img/duo_effect.gif); 
    width:63px !important;
    _height:16px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_duo_effect:hover {
    _background: url(/img/css_img/duo_effect.gif) 0 16px;
}
#nav2 li a.menu3_duo_effect.active3 {
    background: url(/img/css_img/duo_effect.gif) 0 0 no-repeat;
    width:63px !important
}


#nav2 li a.menu3_real_carnivors{
    background: url(/img/css_img/real_carnivors.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px

}
#nav2 li a.menu3_real_carnivors:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_real_carnivors.active2 {
    background: url() 0 0 no-repeat;
    width:63px !important
}
#nav2 li a.menu3_comfort_cat{
    background: url(/img/css_img/comfort_cat.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}

#nav2 li a.menu3_comfort_cat:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_comfort_cat.active2 {
    background: url() 0 0 no-repeat;
    width:63px !important
}


#nav2 li a.menu3_etapas_vida{
    background: url(/img/css_img/etapas_vida.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_etapas_vida:hover{
    _background: url() 0 16px;
}
#nav2 li a.menu3_etapas_vida.active2{
    background: url() 0 0 no-repeat;
    width:63px !important
}

#nav2 li a.menu3_tradicional{
    background: url(/img/css_img/tradicional.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_tradicional:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_tradicional.active3 {
    background: url() 0 0 no-repeat;
    width:63px !important
}

#nav2 li a.menu3_campesina{
    background: url(/img/css_img/campesina.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_campesina:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_campesina.active3 {
    background: url() 0 0 no-repeat;
    width:63px !important
}


#nav2 li a.menu3_mediterranea{
    background: url(/img/css_img/mediterranea.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_mediterranea:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_mediterranea.active3 {
    background: url() 0 0 no-repeat;
    width:63px !important
}

#nav2 li a.menu3_brekkies_excel{
    background: url(/img/css_img/breakkies_excel.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_brekkies_excel:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_brekkies_excel.active3 {
    background: url() 0 0 no-repeat;
    width:63px !important
}


#nav2 li a.menu3_humedo_delice{
    background: url(/img/css_img/humedo_delice.png); 
    _background: url(); 
    width:63px !important;
    _height:15px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_humedo_delice:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_humedo_delice.active2 {
    background: url() 0 0 no-repeat;
    width:63px !important
}

#nav2 li a.menu3_golosinas {
    background: url(/img/css_img/golosinas.png); 
    _background: url(); 
    width:63px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_golosinas:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_golosinas.active2 {
    background: url() 0 0 no-repeat;
    width:63px !important
}


#nav2 li a.menu3_super_premium {
    background: url(/img/css_img/super_premium.png); 
    _background: url(); 
    width:63px !important;
    _height:15px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_super_premium :hover {
    _background: url() 0 16px;
}
#nav2 li a.menu3_super_premium .active2 {
    background: url() 0 0 no-repeat;
    width:63px !important
}

#nav2 li a.menu3_especialidades {
    background: url(/img/css_img/especialidades.png); 
    _background: url(/img/css_img/especialidades.gif); 
    width:63px !important;
    _height:15px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu3_especialidades:hover {
    _background: url(/img/css_img/especialidades.gif) 0 16px;
}
#nav2 li a.menu3_especialidades.active2 {
    background: url(/img/css_img/especialidades.gif) 0 0 no-repeat;
    width:63px !important
}


/**********Advance-Menu4*******/

#nav2 li a.menu4_biscuits_obesity {
    background: url(/img/css_img/biscuits_obesity.png); 
    _background: url(); 
    width:135px !important;
    _height:9px !important;
    _padding:0 0 0 15px
}
#nav2 li a.menu4_biscuits_obesity:hover {
    _background: url() 0 16px;
}
#nav2 li a.menu4_biscuits_obesity .active2 {
    background: url() 0 0 no-repeat;
    width:135px !important
}


/**********End-Menu4*******/



#nav2 li:hover a, #nav a:hover {
    background-position: 0 16px;
}
#nav2 table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
    padding:0;
    width:0;
    height:0;
    margin:-1px;
}
#nav2 .sub {
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0; 
    margin:1px 0 0 0;
    _margin:2px 0 0 0;
    padding:0;
    list-style:none;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
}
#nav2 li:hover {
    position:relative;
    z-index:200;
}
#nav2 a:hover {
    position:relative;
    white-space:normal;
    z-index:200;
}
#nav2 :hover ul.sub {
    left:0;
    top:16px;
    width:123px;
    height:auto;
    z-index:300;
}
#nav2 :hover ul.sub li {
    display:block;
    position:relative;
    float:left;
    width:123px;
    font-weight:normal;
}
#nav2 :hover ul.sub li a {
    display:block;
    height:9px;
    width:123px;
    padding-left:15px;
    cursor:pointer;
}
#nav2 :hover ul.sub li a b {
    position:absolute;
    left:-9999px;
    margin:0;
}
#nav2 :hover ul li a.top {
    /*background: url(/img/css_img/menu_top.png) 0 0;*/
    background: url(/img/css_img/menu_top.gif) 0 0;
    color:#eb6b0a
}
#nav2 :hover ul li a.middle {
    /*background: url(/img/css_img/menu_middle.png) 0 0;*/
    background: url(/img/css_img/menu_middle.gif) 0 0;
    color:#eb6b0a;
}
#nav2 :hover ul li a.bottom {
    /*background:  url(/img/css_img/menu_bottom.png) 0 0;*/
    background:  url(/img/css_img/menu_bottom.gif) 0 0;
    color:#eb6b0a
}
#nav2 :hover ul li a.bottom:hover {
    background-position: 0 -20px;
    color:#fff
}
#nav2 :hover ul li a.middle:hover {
    background-position: 0 -20px;
    color:#fff
}
#nav2 :hover ul li a.top:hover {
    background-position: 0 -20px;
    color:#fff
}
/***************************************** CONTENEDOR PRINCIPAL *****************************************/
#content-container {
    clear: both;
    overflow:hidden;
    font: normal 1.1em/1.3 Arial, Helvetica, sans-serif; 
    margin:0 auto;
    color:#473E37;
    width:921px;
}

#medalla #content-container {
    background-color:#FFFFFF;
}

a:link {
    color:#816d62;
    text-decoration:none;
}
a:visited {
    color:#473E37;
    text-decoration:none;
}
a:hover {
    color:#473E37;
    text-decoration: none;
}
a:active {
    color:#473E37;
}
#content-container .promo {
    text-align:center;
    width:921px
}
/***************************************** MID *****************************************/
#mid {
    margin:0;
    padding:0;
    overflow:hidden;
	
}
#mid_calendar {
height:1250px;
margin:0;
overflow:hidden;
padding:0;
}
#mid .migajas {
    margin:25px 0 0 35px;
    text-align:left;
    font:  normal 1.2em/1.3 Arial, Helvetica, sans-serif;
}
#mid .textleft {
    padding:10px 35px;
    float:left;
    width:50%;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    text-align:left;
}
#mid .textleft2 {
    padding:35px;
    float:left;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    text-align:left;
}
#mid .textright {
    float:right; 
    width:35%; 
    font: normal 1em/1.3 Arial, Helvetica, sans-serif; 
    margin-top:-25px; 
    text-align:left;    
    padding: 20px 30px; 
    background-image:url(/img/css_img/fondo_caja_derecha.png); 
    background-repeat:no-repeat; 
    height:315px;
    margin-top:25px;
}
#mid .promo_p {
    margin:15px 5px 0 30px;
    _margin:10px 10px 10px 15px;
    float:left; 
}
#mid .promo_p_2 {
    margin:15px 20px 0 10px;
    _margin:10px 10px 10px 10px;
    float:left;
}

#mid .linkArrow { 
    padding:15px 0 10px 10px;
    font-size:1.2em;
    color:#f87c02
    margin-bottom:7px;
}
#mid .linkArrow2 { 
    padding:10px 0 3px 0;
    font-size:1.2em;
    color:#f87c02
    margin-bottom:7px;
}

#mid .linkArrow a { 
    background: url(/img/css_img/flecha.jpg) no-repeat 0 0; 
    padding: 0.1em 2em;
    color:#F87C02;
    font-weight:bold
}
.arrow{ 
    background: url(/img/css_img/flecha.jpg) no-repeat 0 0; 
    padding: 0.2em 2em;
    color:#F87C02;
    font-weight:bold
}


#mid .linkArrow2 a { 
    background: url(/img/css_img/flecha.jpg) no-repeat 0 0; 
    padding: 0.1em 2em;
    color:#F87C02;
    font-weight:bold
}

#mid .medallas li{
    background: url(/img/css_img/bullet_medalla.png) no-repeat scroll left 1px;    
    list-style-type:none;
    margin-top:8px;
    padding-left:18px;
    font-size:12px;
}
 
.text_arrow{

    color:#473E37;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    margin-left:28px;
}

.lista { 
    
    padding:4px 0 4px 35px;
    font-size:1em;
    color:#473E37;
}


.bloque_promo {
width:425px;
height:192px;
overflow:hidden;
display: table;
cursor:pointer;
}

.bloque_promo_contenido {
float:left;
margin:15px;
margin-right:10px;
_margin:7px;
_margin-right:0px;
width:150px; 
height:165px; 
overflow: hidden; 
margin-top:5px;
}

.bloque_promo_contenido_2 {
float:left;
margin:15px;
margin-bottom:5px;!important
margin-right:10px;
_margin:7px;
_margin-right:0px;
width:150px; 
height:170px; 
overflow: hidden; 
margin-top:5px;
}




.bloque_promo_contenido_tit {
height:100px;
width:100%;
margin-top:10px;
overflow:hidden;
display: table;  
#position: relative;
color:#F47320; 
font-size:22px; 
font-style:italic; 
font-weight:bolder; 
font-family: Helvetica, Arial, sans-serif;
line-height:25px;
}

.bloque_promo_contenido_tit_2 {
width:100%;
height:25px;
margin-top:3px;
overflow:hidden;
display: table;  
position: relative;
color:#F47320; 
font-size:22px; 
font-style:italic; 
font-weight:bolder; 
font-family: Helvetica, Arial, sans-serif;
line-height:25px;
font-size:18px;
}

.bloque_promo_contenido_tit_des {
height:auto;
width:100%;
margin-top:10px;
overflow:hidden;
display: table;  
#position: relative;
color:#F47320; 
font-size:22px; 
font-style:italic; 
font-weight:bolder; 
font-family: Helvetica, Arial, sans-serif;
line-height:25px;
font-size:16px;
}
.bloque_promo_contenido_tit img {
margin-top:10px;
}
.bloque_promo_contenido_logo {
height:100px;
width:100%;
margin-bottom:10px;
overflow:hidden;
display: table;  
#position: relative;
}
.bloque_promo_contenido_logo img {
margin:0 auto;
}
.bloque_promo_contenido_texto{
height:auto;
font-size:11px;
line-height:14px;
font-family: Helvetica, Arial, sans-serif; 
color:#473E37;
}


.bloque_promo_contenido_texto_2{
height:auto;
float:left;
font-size:11px;
line-height:14px;
font-family: Helvetica, Arial, sans-serif; 
color:#473E37;
width:130px;
float:right;
margin-top:50px;
margin-right:15px;
}

.bloque_promo_contenido_bodegon {
float:right;
margin-right:10px;
_margin-right:7px;
margin-top:0px;
_margin-top:1px;
width:230px;
height:182px;
overflow:hidden;
display: table;  
#position: relative;

}
.texto_promo{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:normal;
    font-style:normal;
    vertical-align:baseline;
    list-style:none;
    margin-left:25px;


}

.bloque_promo_contenido_bodegon img {
margin:0 auto;
}

.bloque_promo_contenido_amigo {
float:right;
margin-right:9px;
_margin-right:4px;
margin-top:1px;
_margin-top:1px;
height:182px;
overflow:hidden;
text-align:right;
}
.bloque_promo_contenido_amigo img {
margin:0 auto;
}
.bloque_promo_contenido_alineado_vertical_01{
#position: absolute; 
#top: 50%;
display: table-cell; 
vertical-align: middle; 
text-align:center;
width:100%;
}
.bloque_promo_contenido_alineado_vertical_02{
#position: relative; 
#top: -50%;
}

.degradado_no {
background-image:url(/img/bloque_promo_no_degradado_01.png); background-repeat:no-repeat;
}

.degradado_01 {
background-image:url(/img/css_img/bloque_promo_degradado.png); background-repeat:no-repeat;
}
.degradado_01_video {
background-image:url(/img/css_img/bloque_promo_degradado_descargas.png); background-repeat:no-repeat;
}

.degradado_02 {
background-image:url(/img/css_img/bloque_promo_degradado2.png); background-repeat:no-repeat;
}
.degradado_03 {
background-image:url(/img/css_img/bloque_promo_degradado3.png); background-repeat:no-repeat;
}
.degradado_04 {
background-image:url(/img/css_img/bloque_promo_degradado4.png); background-repeat:no-repeat;
}
.degradado_05 {
background-image:url(/img/css_img/bloque_promo_degradado5.png); background-repeat:no-repeat;
}
.degradado_06 {
background-image:url(/img/css_img/bloque_promo_degradado6.png); background-repeat:no-repeat;
}

.fondo_azul_01{
background-color:#4D7291;
}
.fondo_azul_02{
background-color:#B8CAE4;
}
.fondo_azul_03{
background-color:#A5E4E1;
}
.fondo_marron_01{
background-color:#AD7747;
}
.fondo_naranja_01{
background-color:#FAB407
}
.fondo_naranja_02{
background-color:#F8A974
}
.fondo_verde_01{
background-color: #C2C202
}
.fondo_verde_02{
background-color: #DDDE93
}

.fondo_blanco{
background-color: #ffffff
}
.fondo_gris_01{
background-color: #CECFCE
}
.fondo_rosa_01{
background-color: #F1B3F4
}
.fondo_rosa_02{
background-color: #CD7CB9
}
.fondo_crema_01{
background-color:#FDE4AA;
}

/***************************************** FOOTER *****************************************/
#footer {
    margin: 0 auto;
    height:93px;
    background: url(/img/css_img/fondo_footer.gif) no-repeat top;
    margin-bottom:20px; 
    overflow:hidden; 
    width:1008px;
    text-align:center;
}
#footer.interior {
    background: url(/img/css_img/fondo_footer_interior.gif) no-repeat top;
    height:241px;
    text-align:center;
    margin: 0px auto;
    overflow:visible;
}
#footer.interior ul {
    padding: 250px 0 20px 15px;
}
#footer ul {
    padding: 80px 0 20px 15px;
}
#footer ul li {
    display: inline;
    padding: 0 4px 0 6px;
    border-right: 1px solid #ec6c0b;
}
#footer ul li.last {
    border-right:none !important
}
#footer a,  #footer a:hover{ 
    color:#816D62
}
/***************************************** form *****************************************/
.textleft form .input, .textright form .input {
    border:#DCC6B8 solid 1px;
    width:200px;
    margin:5px;
    _margin: 1px;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    color:#9D8374;
}
.textleft form .input2 {
    border:#DCC6B8 solid 1px;
    width:100px;
    margin:5px;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    color:#9D8374;
}
.textleft form .input3 {
    border:#DCC6B8 solid 1px;
    margin:5px;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    color:#9D8374;
}
.textleft form .label {
    width:40%;
    margin: 10px;
    _margin: 8px;
    padding:0 13px 0 0;
    font-weight:bold;
    color:#EC6A0C; 
}
.textleft .mascota {
    margin:10px 3px 3px 3px;
    float:left;
    padding:3px;
}
.textleft form .radio {
    position:relative;
    top:3px
}
.textleft form textarea {
    border:#DCC6B8 solid 1px;
    width:400px;
    height:200px;
    margin:5px;
    font: normal 1em/1.3 Arial, Helvetica, sans-serif;
    color:#9D8374;
}
/***************************************** table *****************************************/
#mid .textright table {
    width:100%
}
#mid .textright table, td, th {
    border-collapse:collapse;
    border:none;
    vertical-align:top;
}
#mid .textright caption {
    display:none
}
.par {
background-color:#F2EFEA}
.impar {
background-color:#EEEBE6}
 
/********************************box descargas*********************************************/



#box_descargas{
    float:left;
    height:auto;
    margin-left:45px;
    margin-top:25px;
    width:95%;    
}

.img{width:200x;
     height:120px;
     float:left;
}

.text{
    float:left;
    height:auto;
    padding:12px;
    width:160px;
}

.link{
    color:#F87C02;
    float:left;
    font-size:1.2em;
    height:20px;
    margin-top:5px;
    width:200px;
    padding-left:7px;
}
 
.link a{ 
    background: url(/img/css_img/flecha.jpg) no-repeat 0 0; 
    padding: 0.1em 2em;
    color:#F87C02;
    font-weight:bold
    margin-left:5px;
}
 
.titular_promo {
    font: bold italic 1.8em/1.3 Arial, Helvetica, sans-serif;
    color:#ec6a0c;
    margin-left:40px;
}
.texto_promo{
margin-left:60px;    
}
.box_noticias{
    height:auto;
    margin-bottom:50px;
    margin-left:40px;
    margin-top:10px;
    width:auto;}

.texto_noticias{
    height:auto;
    margin-top:10px;
    text-align:justify;
    width:90%;
}

.recorte{

    float:right;
    height:130px;
    width:90px;
    padding:5px;
}
    
.link_more {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/css_img/leer_mas.gif) no-repeat scroll 0 0;
color:#F87C02;
width:30%;
font-weight:bold;
margin-top:5px;
padding:0.1em 2em;
} 
 
.titular_little {
-x-system-font:none;
color:#EC6A0C;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:1.3;
}
.subtitular {
-x-system-font:none;
color:#EC6A0C;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:1.3;
}

.amagat{
display:none;
}
.visible{
display:block;
}