@charset "utf-8";
/* CSS Document */

/*WEBFONTS*/
@import url(https://fonts.googleapis.com/css?family=Share);
@import url(https://fonts.googleapis.com/css?family=Share|Graduate);
@import url('https://fonts.googleapis.com/css?family=Share:400,400i,700,700i');
/*WEBFONTS*/

#scrollbar1 { width: 250px; }
#scrollbar1 .viewport { width: 230px; height: 580px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; padding:20px 0 0; }
#scrollbar1 .scrollbar{ background:#929497; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background:#929497; height: 580px; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background:#00adee url(../../img/bg-scrollbar-thumb-y.png) no-repeat center ; height: 30px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
#scrollbar1 .thumb .end { background:#000 url(../../img/bg-scrollbar-thumb-y.png) no-repeat 0; overflow: hidden; height: 25px; width: 15px; }
#scrollbar1 .disable { display: none; }

/* Generales */
html, body { margin:0; padding:0px; }
body { background:#000; font:normal normal 12px Arial, Helvetica, sans-serif; color:#414041; }
form { margin:0px; padding:0px; }
input, textarea, select { outline:none; }
p { margin:0px; padding:0px; }
a { color:#FFCD03; text-decoration:none; cursor:pointer; }
a:hover { color:#FFC709; }
img { border:0; }
.div { overflow:hidden; }
h1, h2, h3 { margin:0; padding:0; }
.clear { clear:both; }
a.activo { color:#56808F; }

.pad_left { padding:0 0  0 25px; }
.padding { padding:0 25px; }
.seccion { background: url(../../img/general_vinieta_02.png) no-repeat 9px 10px #2B3990; display:inline-block; padding:5px 30px; font:normal bold 18px 'Share', cursive; color:#FFF; margin:10px 0; float:left; }


.general { width:955px; overflow:hidden; margin:0 auto; background:url(../../img/general_header_bg.gif) repeat-x #231F20; font:normal bold 12px 'Share', cursive; color:#FFF; line-height:18px; position:relative; }
.contenedor { overflow:hidden; /*position:relative;*/ }
.header { width:955px; height:130px; background:url(../../img/general_header_pleca.png) no-repeat left 50px; }
.header .logo { width:220px; text-align:center; float:left; overflow:hidden; }

/* Menú general */
.menu { width:414px; height:20px; margin:45px 0 0; float:left; }
.menu a { height:20px; display:block; }
a.uno, a.dos, a.tres, a.cuatro. a.cinco { height:20px; }
.menu a span { display:none; }

/* Imagen de los botones */
.enlace_1, .enlace_2, .enlace_3, .enlace_4, .enlace_1b, .enlace_2b, .enlace_3b, .enlace_4b { width:414px; display:block; background-image: url(../../img/general_menu.png); background-repeat: no-repeat; }

/* Enlaces del menú  en español */
.enlace_1 { background-position:0px 0px; width:61px; height:20px; float:left; }
.enlace_2 { background-position:-61px 0px; width:114px; height:20px; float:left; }
.enlace_3 { background-position:-175px 0px; width:152px; height:20px; float:left; }
.enlace_4 { background-position:-327px 0px; width:87px; height:20px; float:left; }

/* Rollovers del menú en español */
.enlace_1b, .menu#seccion_01 .enlace_1 { background-position:-0px -20px; width:61px; height:20px; float:left; }
.enlace_2b, .menu#seccion_02 .enlace_2 { background-position:-61px -20px; width:114px; height:20px; float:left; }
.enlace_3b, .menu#seccion_03 .enlace_3 { background-position:-175px -20px; width:152px; height:20px; float:left;}
.enlace_4b, .menu#seccion_04 .enlace_4 { background-position:-327px -20px; width:87px; height:20px; float:left; }

/* Index */
.idx_productos { 
    width:660px; 
    overflow:hidden; 
    background:#535456;
    margin:25px 10px 40px 20px;
    float:left; 
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px
}
.idx_productos .imagen { width:310px; overflow:hidden; float:left; position:relative; }

.idx_productos .barras-img { 
    margin:  36px 20px;

}

.ver-mas {
    font-family: 'Share', cursive;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ver-mas span p {
    font-size: 19px;
}
.ver-mas p {
    font-size: 13px;
}

.ver-mas .boton-azul {
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    line-height: 19px;
    margin-top: 20px;
    background: #2A388F;
    width: 250px;
    height: 44px;
    border: none;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px
}


.idx_productos .imagen .nombre { display:inline-block; max-width:155px; padding:10px; position:absolute; bottom:0; right:0; background:url(../../img/idx_bg_01.png); font-size:18px; }
.idx_productos .texto { width:260px; height:130px; overflow:hidden; float:left; font:normal bold 14px 'Share', cursive; color:#FFF; padding:20px 0 0 50px; }
.idx_productos .texto2 { width:260px; height:100px; overflow:hidden; float:left; font:normal bold 14px 'Share', cursive; color:#FFF; padding:50px 0 0 50px; }
.idx_usos { margin-bottom: 20px; width:235px; height:600px; background:#D1D3D4; border-right:#929497 solid 15px; float:left; font-size:14px; /*font:normal bold 14px 'Share', cursive;*/ color:#414041; }
.idx_usos_titulo { width:250px; height:34px; background: url(../../img/idx_usos_titulo.png) no-repeat 10px 10px #2B3990; margin:5px 0 0; float:left; }
a.link { margin:0 20px; padding:0 0 0 15px; color:#414041; display:block; }
a.link:hover { margin:0 20px; background:url(../../img/general_vinieta_01.png) no-repeat left 5px; padding:0 0 0 15px; color:#414041; display:block; }

/* Productos */
.productos { 

    width:660px; 
    overflow:hidden; 
    background:#535456; 
    margin:6px 10px 0 30px ; float:left; 

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px
}
.productos span { color:#FFF; }
.productos .categoria { background: url(../../img/general_vinieta_02.png) no-repeat 9px 10px #2B3990; display:inline-block; padding:5px 30px; font:normal bold 18px 'Share', cursive; color:#FFF; margin:10px 0; float:left; }
.productos .nombre { display:inline-block; float:right; font:normal normal 24px 'Graduate', cursive; color:#FFCD03; padding:5px 25px; margin:10px 0; }
.productos .txt { margin:10px 0; color:#FFF; }
.productos .txt span { color:#FFF; }
.productos .left { width:240px; overflow:hidden; float:left; }
.productos .left select { width:150px; height:23px; background:#FFF; color:#231F20; font:normal normal 14px 'Graduate', cursive; border:none; margin:0 0 25px 0; }
.productos .sep_hor { height:1px; border-bottom:#a5a3a4 dashed 1px; }
.productos .titulo { display:inline-block; background:#424243; padding:5px; font:normal normal 14px 'Graduate', cursive; color:#FFCC02; }
.productos .color { width:50px; height:40px; background:#231F20; margin:10px 0 0;  }
.productos .color2 { width:50px; height:40px; background:#231F20; margin:10px 5px 10px 0; float:left;  }
.productos table { margin:20px 0; }
.productos tr.bg1 { background:#231F20; }
.productos tr.bg2 { background:#404041; }
.productos td { padding:5px 10px;  }
.productos td.borderr { border-right:#cdcccd dashed 1px; }
.productos .imagen { width:310px; height:230px; background:#CCC; float:right; margin:10px 25px 10px 10px; position:relative; }
.productos .ampliar { position:absolute; left:-65px; bottom:0; width:90px; }
.productos a.ampliar { font:normal normal 11px 'Share', cursive; color:#FFF; background:url(../../img/general_btn_lupa.png) no-repeat right center; padding:0 30px 0 0; float:right;  }
.productos a.ampliar:hover { font:normal normal 11px 'Share', cursive; color:#FFCC02; background:url(../../img/general_btn_lupa.png) no-repeat right center; padding:0 30px 0 0; float:right;  }

.productos .menu-productos {
    width:  156px;
    margin-right: 20px

}
.bg-productos {
    padding: 20px;
}

.bg-productos .img-principal {
    margin-top: 20px;  
}

.cont-buscador {
    float: right;
    margin-top: 20px;
}

.buscador-contenido {
    float: right;
    margin-right: 50px;
    margin-top: 10px;
}

.buscador { display:inline-block; position:absolute; top:100px; right:315px; margin:0 0 5px; }
.buscador span { display:inline-block; float:left;  color:#FFF; font:normal normal 14px 'Graduate', cursive; padding:5px 0; }
.buscador input { width:150px; height:20px; background:#535456; border:none; float:left;  color:#FFF; font:normal normal 14px 'Graduate', cursive; margin:0 5px; padding:1px 3px; }
.buscador a { width:10px; height:22px; background:#FFCD03; color:#FFF; font:normal 900 18px 'Graduate', cursive; float:left; padding:0 5px; }
.buscador a:hover { width:10px; height:22px; background:#2b3990; color:#FFF; font:normal 900 18px 'Graduate', cursive; float:left; padding:0 5px; }


td { font:normal bold 12px 'Share', cursive; color:#FFF; }
table.tabla_01 { width:240px; font:normal bold 12px 'Share', cursive; color:#FFF; }
table.tabla_01 tr.bg1 { background:#231F20; }
table.tabla_01 tr.bg2 { background:#404041; }
table.tabla_01 td { padding:5px 10px;  }
table.tabla_01 td.borderr { border-right:#cdcccd dashed 1px; }

table.tabla_02 { width:550px; font:normal bold 12px 'Share', cursive; color:#FFF; }
table.tabla_02 tr.bg1 { background:#231F20; }
table.tabla_02 tr.bg2 { background:#404041; }
table.tabla_02 td { padding:5px 10px;  }
table.tabla_02 td.borderr { border-right:#cdcccd dashed 1px; }

table.tabla_03 { width:550px; font:normal bold 12px 'Share', cursive; color:#FFF; }
table.tabla_03 tr.bg1 { background:#231F20; }
table.tabla_03 tr.bg2 { background:#404041; }
table.tabla_03 td { padding:5px 10px;  }
table.tabla_03 td.borderr { border-right:#cdcccd dashed 1px; }

/* Para saber más */
.psm { width:890px; background:#535456; overflow:hidden; margin:25px; }
.psm .links { width:195px; overflow:hidden; float:left; margin:10px 0 10px 25px; }
.psm .imagen { width:600px; height:135px; float:right; margin:25px; }
.psm a.submenu { padding:0 0 0 15px; font:normal normal 12px 'Graduate', cursive; color:#FFF; }
.psm a.submenu:hover { padding:0 0 0 15px; font:normal normal 12px 'Graduate', cursive; color:#FFCD03; background:url(../../img/general_vinieta_03.png) no-repeat left 4px; }
.psm .activo { padding:0 0 0 15px; font:normal normal 12px 'Graduate', cursive; color:#FFCD03; background:url(../../img/general_vinieta_03.png) no-repeat left 4px; }
.psm .sep_hor { height:1px; border-bottom:#a5a3a4 dashed 1px; }
.psm .titulo { display:inline-block; background:#424243; padding:5px; font:normal normal 14px 'Graduate', cursive; color:#FFCC02; }
.psm .texto { width:510px; overflow:hidden; margin:15px 0; float:left; }
.psm .img { width:260px; overflow:hidden; margin:15px 0; float:right; color:#FFCD03; }

/* Contactto */
.contacto { width:890px; background:#535456; overflow:hidden; margin:25px; }
.contacto .datos { width:400px; overflow:hidden; margin:25px 0 25px 25px; float:left; line-height:20px; }
.contacto .datos .imagen { width:325px; height:185px; overflow:hidden; margin:15px 0 35px; background:url(../../img/contacto_img.jpg) no-repeat; }
.contacto .titulo { font:normal normal 14px 'Graduate', cursive; color:#FFCC02; margin:0 0 10px 0; }
.contacto .datos span { color:#FFCC02; }
.contacto .forma { width:390px; overflow:hidden; border-left:#a5a3a4 dashed 1px; padding:0 0 0 25px; margin:25px 25px 25px 0; float:right; }
.contacto .etiqueta { width:65px; display:inline-block; float:left; padding:8px 5px 0 0; }
.contacto .etiqueta2 { width:70px; display:inline-block; float:left; padding:8px 5px 0 0; }
.contacto .campo1 { margin:3px 0; float:left; width:310px; height:24px; overflow:hidden; }
.contacto .campo2 { margin:3px 0; float:left; width:125px; overflow:hidden; height:24px; }
.contacto .campo3 { margin:3px 0; float:left; width:310px; overflow:hidden; height:104px; }
.contacto .forma .input1 { width:300px; height:20px; background:#FFF; border:none; font:normal normal 14px 'Share', cursive; }
.contacto .forma .input2 { width:105px; height:20px; background:#FFF; border:none; font:normal normal 14px 'Share', cursive; }
.contacto .forma .input1.error { width:296px; height:16px; border:2px solid #1B75BB; }
.contacto .forma .input2.error { width:101px; height:16px; border:2px solid #1B75BB; }
.aviso_correcto { width:275px; overflow:hidden; padding:5px 15px 65px; background:url(../../img/contacto_contacto_ico.png) no-repeat center bottom; color:#FFF; position:absolute; right:10px; top:115px; text-align:center; font-size:14px; }
.container { display:none; width:275px; overflow:hidden; padding:5px 15px 65px; background:url(../../img/contacto_aviso_ico.png) no-repeat center bottom; color:#FFF; position:absolute; right:10px; top:115px; text-align:center; font-size:14px; }

.contacto .forma .select1 { width:205px; height:20px; background:#FFF; border:none; font:normal normal 14px 'Share', cursive; }
.contacto .forma .select2 { width:110px; height:20px; background:#FFF; border:none; font:normal normal 14px 'Share', cursive; }
.contacto .forma .textarea { width:300px; height:100px; background:#FFF; border:none; font:normal normal 14px 'Share', cursive; }
.contacto .forma a.enviar { display:inline-block; background:#2B388F; border:none; font:normal bold 14px 'Share', cursive; color:#FFF; float:right; padding:3px 10px; margin:5px 15px; }
.contacto .forma a.enviar:hover { display:inline-block; background:#FFCC02; border:none; font:normal bold 14px 'Share', cursive; color:#414041; float:right; padding:3px 10px; margin:5px 15px; }

.campo1.error { border:#1B75BB solid 2px; }

.footer { 
    width:955px; 
    height:65px; 
    background:url(../../img/general_footer_bg.gif) no-repeat; 
    /*    font:normal bold 12px 'Share', cursive; */
    color:#FFF; 
}
.footer .contenedor { 
    width:650px; 
    float:left; 
    overflow:hidden; 
}
.footer .direccion { 
    display: inline-block;
    float:left; 
    margin:30px 25px 0; 
    float:left;
    /*    font-size: 16px;*/
}
.footer .leyenda { 
    margin:0 25px; 
    color:white; 
    text-align:right; 
}
.footer .correo { 
    display: inline-block; 
    float:left; 
    margin:30px 25px; 
    border-left: 1px solid white;
    padding-left: 10px;
    /*    font-size: 18px;*/
}

.footer .correo a{
    color: white;
}

.footer .telefonos { 
    display: inline-block; 
    float:left; 
    margin:15px 25px 0 65px; 
    float:left;
    /*    font-size: 19px;*/
}

.lista-productos {
    float: right;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}