@charset "utf-8";

/* Hoja de estilos de Cofrutos 
Diseñada por Pedro Antonio, diseñador de esdide.es
Rojo : #d11d1d
*/

body {
    margin:0.5em;
    margin-bottom:1em;
    background-color:#a8e000;
    background-repeat:repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em; /* en px son 12px */
   
}

#contenedor_global {
    width:81em;
    margin:0 auto;
    }

#cont_arriba {
    width:81em;
    height:4em;
    background-image:url(../img/cont_borde_arriba.gif);

    }
#cont_arriba_der {
    background-image:url(../img/cont_borde_der.gif);
    width:4.5em;
    height:4em;
    float:right;
    }

#cont_arriba_izq {
    background-image:url(../img/cont_borde_izq.gif);
    width:4.5em;
    height:4em;
    float:left;
}


#cont_centro {
    width:100%;
    background-image:url(../img/cont_centro.gif);
}

#cont_medio_izq {
    background-image:url(../img/cont_medio_izq.gif);
    width:4em;
    height:45em;
    float:left;

}

#cont_medio_der {
    background-image:url(../img/cont_medio_der.gif);
    width:4em;
    height:45em;
    float:right;
}

#cont_centro_izq {
    width:4em;
    float:left;
}
#cont_centro {
    width:100%;
}

#cont_abajo_arriba{
    width:100%;
    height:2.333333em;
    background-image:url(../img/cont_abajo_arriba.gif);

}
#cont_abajo_abajo{
    width:100%;
    height:3.5em;
    background-image:url(../img/cont_abajo_abajo.gif);

}
#cont_abajo_centro{
    width:100%;
    background-image:url(../img/cont_abajo_centro.gif);

}




#contenedor{
    width:73em;
    background-color:#FFF;
    position:relative;
    margin:0 auto;
    z-index:80;

    }





/*   ENCABEZADO : PARTE SUPERIOR DEL CONTENEDOR GLOBAL     */
#encabezado {
    width:100%;
    padding-bottom:1em;
}
#encabezado #logo #idi { 
    width:65.583em;
    text-align:right;
    position:absolute;
    z-index: 2;
}

#encabezado #logo {
    width:65.583em;
    height:22.666em;
    position:relative;
    margin-left:2em;
    margin-right:2em;
    margin:0 auto;

}
#encabezado #logo a {
    text-decoration:none;
    border:0em solid #fff;
}
#encabezado #logo a img {
    position:relative;
    margin:0 auto;
    padding:0;
    border:0em solid #fff;
}

/********************** MENU PRINCIPAL ************************/
#encabezado #menu {
    width:71.1em;
    height:4.75em;
    padding-top:0em;
    position:relative;
    background-color:#d11d1d;
    background-image:url(../img/menu_centro.gif);
    background-repeat:repeat-x;
    margin:0 auto;
}
#encabezado #menu #menu_izq {
    width:1.08333em;
    height:4.75em;
    background-image:url(../img/menu_izq.gif);
    float:left;
}

#encabezado #menu #menu_der {
    width:1.08333em;
    height:4.75em;
    background-image:url(../img/menu_der.gif);
    float:right;
}

.txt_menu {
    padding-top:1.2em;
}

.txt_menu ul{
    margin:0px;
    padding:0px;
    list-style: none;
    text-decoration:none;
}

.txt_menu li{
    float:left;
    margin:0em 0.8em 0.8em 0.5em;
    padding:4px 4px 4px 4px;
    color: #FFF;
    font-size:1.5em;
    text-decoration:none;
}

.txt_menu li a {
    text-decoration:none;
    color:#FFF;
}
.txt_menu li a:hover{
    color:#FFF;
    border-bottom: #FFF solid 0.15em;

}	

/********************** FIN MENU PRINCIPAL ********************/


/********************** CUERPO ********************************/
#migas {
    margin-left:1em;
    margin-right:2.5em;
    overflow:hidden;
}
.migas ul{
    margin:0px;
    padding:0px;
    list-style: none;
    text-decoration:none;
}

.migas li{
    float:left;
    margin:0em 0.5em 0em 0.2em;
    /*padding:4px 6px 4px 6px;*/
    color:#d11d1d;
    font-size:1em;
    text-decoration:none;
}

.migas li a {
    text-decoration:none;
    color:#d11d1d;
}
.migas li a:hover{
    color:#d11d1d;;
    font-weight:bold;
}
.migas li .selecionada {
    color:#d11d1d;;
    font-weight:bold;
}

#cuerpo {
    margin-top:1.2em;
    margin-left:1em;
    margin-right:1em;
    padding:1em;
    margin:0 auto;
    overflow:hidden;

}
#bienvenidoynoticias{
    width:71em;
    overflow:hidden;
    position:relative;

}
/*  *********************** CUERPO : CREAMOS LA CAJA DE BIENVENIDO ************************/
#caja_bien { width:45em;  float:left; }

#caja_bien #bien_borde_top{ height:0.833em; background-image:url(../img/caja_arriba_cen.gif); background-repeat:repeat-x;}
#caja_bien #bien_borde_top #bien_borde_izq{ width:0.75em; height:0.833em; float:left; background-image:url(../img/caja_arriba_izq.gif); }
#caja_bien #bien_borde_top #bien_borde_der{ width:0.75em; height:0.833em; float:right; background-image:url(../img/caja_arriba_der.gif); }

#caja_bien #bien_cuerpo_caja{border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em; padding-top:0.8em;overflow:hidden}
#caja_bien #bien_cuerpo_caja #bien_contenido{padding:0.5em; overflow:hidden}

#caja_bien #bien_borde_buttom{ height:0.9em; background-image:url(../img/caja_abajo_cen.gif); background-repeat:repeat-x; }
#caja_bien #bien_borde_buttom #bien_borde_izq_buttom{ width:0.833em; height:0.9em; float:left; background-image:url(../img/caja_abajo_izq.gif); }
#caja_bien #bien_borde_buttom #bien_borde_der_buttom{ width:0.833em; height:0.9em; float:right; background-image:url(../img/caja_abajo_der.gif); }

#caja_bien #bien_cuerpo_caja #bien_titulo {
    width:44.70em; height:3.5em;
    background-color:#d11d1d;
    color:#FFFFFF;
    text-align:center;
    position:relative;
    margin:0 auto;
    border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em;
}

#caja_bien #bien_cuerpo_caja #bien_titulo h1 { font-size:1.5em;  font-weight:100; margin:0; padding:0; padding-top:0.5em; }

/*  *********************** CUERPO : FIN DE LA CAJA DE BIENVENIDO ************************/

/*  *********************** CUERPO : CREAMOS LA CAJA DE NOTICIAS ************************/

#caja_noticias {width:23em;  float:left; float:right;}

#caja_noticias #not_borde_top{ height:0.833em; background-image:url(../img/caja_arriba_cen.gif); background-repeat:repeat-x;}
#caja_noticias #not_borde_top #not_borde_izq{ width:0.75em; height:0.833em; float:left; background-image:url(../img/caja_arriba_izq.gif); }
#caja_noticias #not_borde_top #not_borde_der{ width:0.75em; height:0.833em; float:right; background-image:url(../img/caja_arriba_der.gif); }

#caja_noticias #not_cuerpo_caja{border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em; padding-top:0.8em}
#caja_noticias #not_cuerpo_caja #not_contenido{padding-top:1em;}

#caja_noticias #not_borde_buttom{ height:0.9em; background-image:url(../img/caja_abajo_cen.gif); background-repeat:repeat-x;}
#caja_noticias #not_borde_buttom #not_borde_izq_buttom{ width:0.833em; height:0.9em; float:left; background-image:url(../img/caja_abajo_izq.gif); }
#caja_noticias #not_borde_buttom #not_borde_der_buttom{ width:0.833em; height:0.9em; float:right; background-image:url(../img/caja_abajo_der.gif); }

#caja_noticias #not_cuerpo_caja #not_titulo {
    width:22.70em; height:3.5em;
    background-color:#d11d1d;
    color:#FFFFFF;
    text-align:center;
    position:relative;
    margin:0 auto;
    border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em;
}

#caja_noticias #not_cuerpo_caja #not_titulo h1 { font-size:1.5em;  font-weight:100; margin:0; padding:0; padding-top:0.5em; }



/*  *********************** CUERPO : FIN DE LA CAJA DE NOTICIAS ************************/

/*  *********************** CUERPO : CREAMOS LA CAJA DE PRODUCTOS ************************/
#productos {width:71em; }

#caja_pro #borde_top{ height:0.833em; background-image:url(../img/caja_arriba_cen.gif); background-repeat:repeat-x;}
#caja_pro #borde_top #borde_izq{ width:0.75em; height:0.833em; float:left; background-image:url(../img/caja_arriba_izq.gif); }
#caja_pro #borde_top #borde_der{ width:0.75em; height:0.833em; float:right; background-image:url(../img/caja_arriba_der.gif); }

#caja_pro #cuerpo_caja{border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em; padding-top:0.8em}
#caja_pro #cuerpo_caja #contenido{padding-left:2em;padding-right:2em; overflow:hidden}
#caja_pro #borde_buttom{ height:1em; background-image:url(../img/caja_abajo_cen.gif); background-repeat:repeat-x;}
#caja_pro #borde_buttom #borde_izq_buttom{ width:0.833em; height:1em; float:left; background-image:url(../img/caja_abajo_izq.gif); }
#caja_pro #borde_buttom #borde_der_buttom{ width:0.833em; height:1em; float:right; background-image:url(../img/caja_abajo_der.gif); }


#caja_pro #cuerpo_caja #titulo {
    width:22.70em; height:3.5em;
    background-color:#d11d1d;
    color:#FFFFFF;
    text-align:center;
    position:relative;
    margin:0 auto;
    border-left:solid #d11d1d 0.12em; border-right:solid #d11d1d 0.12em;
}


#titulo_pro h1 { font-size:1.5em;  font-weight:100; color:#d11d1d; margin-bottom:0em; margin-left:0.5em;}
#titulo_emp h1 { font-size:1.5em;  font-weight:100; color:#d11d1d; margin-bottom:0em; margin-left:0.5em;}
/*  *********************** CUERPO : FIN DE LA CAJA DE PRODUCTOS ************************/

/*  *********************** CUERPO : CARRUSEL ************************/

#carousel {
    position: relative; /* Necesario */
    overflow: hidden; /* Necesario */
    height: 150px;
    margin-left:35px;
    /*background:#5B5B5B url(carousel-bg.png) bottom left repeat-x;*/
}

#carousel .belt {
    position: absolute; /* Necesario */
    left: 0;
    top: 0;
    margin:0;
}

#carousel .panel {
    width:225px;
    height:110px;
    float: left; /* Necesario */
    overflow: hidden;
    margin:15px;
    margin-top: 7px;

    padding:7px;
    border:0.01em solid #FFAFAF;
    /*background:#383838 url(carousel-panel-bg.png) bottom left repeat-x;*/
}

#carousel .panel .panel-text {
    padding-top:5px;
    font-size:12px;
    color:#d11d1d;
}

#carousel .panel .panel-text a {
    color:#d11d1d;
    text-decoration:none;
}

#carousel .panel .panel-text a:hover {
    color:#d22d2d;
    text-decoration:underline;
}

/* Botones del carousel */
.button-prev {
    height:150px;
    width:35px;
    float:left;
}

.button-prev a {
    display:block;
    padding:5px;
    padding-left:15px;
    margin-top:55px;
}

.button-next {
    height:150px;
    width:35px;
    float:right;

}

.button-next a {
    display:block;
    padding:5px;
    margin-top:55px;
}

a img {
    border:none;
}

/*  *********************** CUERPO : FIN DEL CARRUSEL ************************/

/********************** FIN CUERPO ****************************/

/********************** PIE ***********************************/
#pie {
    margin-left:2.5em;
    margin-right:2.5em;
    margin-top:2em;
    margin-bottom:0.5em;
    overflow:hidden;
}

#pie #pie_menu {
    width:51.1em;
    margin:0 auto;
    margin-left:12em;
    text-align:center;
    overflow:hidden;
}

#pie #pie_menu ul {
    margin:0 auto;
    padding:0;
    list-style: none;
    text-decoration:none;
}

#pie #pie_menu li {
    float:left;
    margin:0em 0.6em 0em 0.6em;
    padding:0.1em;
    color: #FFF;
    font-size:1em;
}

#pie #pie_menu a {
    text-decoration:none;
    color:#d11d1d;
    border-bottom:#d11d1d solid 0.1em;
    font-weight:600;
    font-size:1em;
}

/********************* VALIDACIONES ******************************/
#validaciones {
    padding-top:0.0em;
    padding-bottom:0.2em;
    text-align:center;
    text-decoration:none;
    float:left;
}

#validaciones img{
    padding-top:0.3em;
    /*width:5.2em;
    height:1.333333em;*/
    text-decoration:none;
    border:0em;
    overflow:hidden;
}
.validar {
    color:#ccc;
    padding-right:0.5em;
    font-size:0.9em;
    padding-top:0.1em;
    float:left;
    margin-left:0.3em;
    font-weight:bold;

}
.validar:hover {
    color:#fff;
    
}

#validaciones a {text-decoration:none; border:0em;}

#pie #pie_logo {margin:1em; padding:1em; text-align:center; padding-top:1em; padding-bottom:0em; margin-bottom:0em; padding-top:2em;   }
#pie #pie_logo img {margin:0 2.5em 0 2.5em; }

/********************** FIN: PIE ******************************/

#dise {
    overflow:hidden;
    width:40em;
    margin-right:3em;
    padding-top:0.3em;
    float:right;

}

#dide{
    color:#ccc;
    padding-top:0.8em;
    float:right;
    overflow:hidden;
}

#dide a {
    text-decoration:none; border:0em; color:#aaa;
}

h1 {
    font-size:1em;
}

.enca {
    margin-bottom:0.1em;
    font-size:2em;
    color:#fff;
    padding-right:0.5em;
    font-weight:bold;
    text-align:right;
    margin-right:1em;
    margin-left:1.6em;
    margin-bottom:1.6em;
    background-color:#d11d1d;
}


/*  ROTADOR DE IMAGENES CREADO Y DISEÑADO POR ESTUDIO DIDE  */
#rota {
    width:43em;
    height:22em;
   }

.rotacion img{
    border:0.01em solid #FD7D7D;
    width:41em;
    height:20em;
    margin:0 auto;
    padding:0.3em;
    margin:1em;
    background-color:#fff;
    margin-top:0em;
}

.rotatcion {
    background-color:#fff;
    overflow:hidden;
}

.todos{
   font-weight:bold;
   text-align:center;
   margin-left:0.8em;
   padding:0.2em;
}
#contador{
    float:left;
    margin-left:4.3em;
    margin-top:1.2em;
    color:#fff;
}