@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);/* tipografia https://www.google.com/fonts */
@charset "UTF-8";

body {
/* TIPOGRAFIA */
font-family: 'Josefin Sans', sans-serif;
background-color: #6C624B; /*color de fondo */
} 

/*
header, footer {
	background-image: url(../pics/fondos/fondo_body.jpg);
	background-repeat: repeat;
	}
*/

/* ancho de pagina */
.page {max-width:100%; margin: 0px auto 0px auto; position:relative;}

.fondo_blanco_contenidos
{background-color: rgba(255, 255, 255, 1);}


/* MENU NAV ====================================*/

#cssmenu /* FONDO */ 
{ background-color: rgba(110,149,177, 1);} 

#cssmenu ul ul li a /* FONDO en over submenus */ 
{ background-color: rgba(110,149,177, .9);} 

#cssmenu > ul > li > a, #cssmenu ul ul li a /*Textos */
{color: rgba(255,255,255, .75);} 

#cssmenu > ul > li:hover > a, #cssmenu ul ul li a:hover  /* Textos en over */
{color: rgba(255,255,255, 1);}


#cssmenu ul li form input[type=text] /* fondo texto buscador */
{ background-color: rgba(255,255,255, 1);}

#cssmenu ul li form input[type=image] /* fondo lupa buscador */
{ background-color: rgba(110,149,177, 1);}

#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before,  /*menu nav signo mas*/
#cssmenu ul ul li.has-sub > a:after, #cssmenu ul ul li.has-sub > a:before /*menu nav signo mas*/
{ background-color: rgba(255,255,255, 1);}


#cssmenu ul li form input[type=text] /* Textos buscador */
{color: rgba(110,149,177, 1);}

#cssmenu ul ul li a {border-bottom-color: rgba(110,149,177, 1);} /* BORDE INFERIOR submenus over*/

#cssmenu ul li form /* fondo buscador */ 
{ background-color: rgba(110,149,177, 1);} 



/* NEGRO TEXTOS  ====================================*/
/* 100%*/
 footer,input, textarea, .prodinfo_container_nombre_producto, header .texto_promo, 
.prodinfo_container_infopromocional, .prodinfo_container_redes_compartir
{color: rgba(108,98,75, 1);}  

/* 70%*/
.prodinfo_container_codigo, .prodinfo_container_descripcion, .page 
{color: rgba(108,98,75, .8);}

footer a, header .ligas_promo a
{color:rgba(110,149,177, 1)}


.boton_enviar, .boton_regresar, .titulos_catalogo,
figure /* f slide */ 
{ background-color: rgba(110,149,177, 1);} 

.departamento h4, .cabeza_departamento h4, .producto h4
{ background-color: rgba(110,149,177, 1);}

/* 80%*/
 figure.slider figure figcaption /* fondo textos slide */ 
{ background-color: rgba(110,149,177, .7);} 


/* 1% */
.article_b
{background-color: rgba(110,149,177, .1);}


/* BLANCO TEXTOS ====================================*/

/* 100%*/
.boton_enviar, .boton_regresar a, .titulos_catalogo h3
{color: rgba(255, 255, 255, 1);} 

.boton_regresar a:hover
{color: rgba(255, 255, 255, .8);} 

.departamento h4, .cabeza_departamento h4, .producto h4,
figure.slider figure figcaption /*slide */
{color: rgba(255, 255, 255, 1);} 




/* BLANCO FONDOS ====================================*/

/* 100% */
.formulario, footer, header
{ background-color: #FFF;}

 
 
/* CORPORATIVO  TEXTOS ====================================*/
 
/* 100%*/
a, footer a:hover, .prodinfo_container_titulo_seccion, header .ligas_promo a:hover,
.prodinfo_container_precio, .prodinfo_container_telefonos
{color: rgba(108,98,75, 1);}

/* 75%*/
a:hover 
{color:rgba(108,98,75, .75);}






/* REGLAS PARA MENU EN MOVILES*/
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


#cssmenu .submenu-button /*  borde*/
{border-left: 1px solid rgba(110,149,177, 1);} 

/* 100% TEXTOS*/
#cssmenu ul ul li a, #cssmenu #menu-button  
{color: rgba(255, 255, 255, 1);} 

 
/* 100% FONDOS*/
#cssmenu #menu-button:before, #cssmenu #menu-button.menu-opened:after,
#cssmenu #menu-button.menu-opened:before, #cssmenu .submenu-button:after,
#cssmenu .submenu-button.submenu-opened:after, #cssmenu .submenu-button:before      
{ background-color: rgba(255, 255, 255, 1);}


#cssmenu #menu-button:after /* color del signo de agrandar menu*/
{
    border-top: 2px solid rgba(255, 255, 255, 1);
    border-bottom: 2px solid rgba(255, 255, 255, 1);
  }
  
/* 100% TEXTOS */
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a 
{color: rgba(255,255,255, .75);}


/* 100% FONDOS*/
#cssmenu .submenu-button.submenu-opened	
{ background-color: rgba(110,149,177, .7);}
}