@charset "utf-8";
/* CSS Document */
/*--------------------------------------------*/
/*---------------- GENERAL ------------------ */
/*--------------------------------------------*/
html{
	margin:0;
	border:0;
	padding:0;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  box-sizing:border-box;
}
body{
	font-family: 'Roboto', sans-serif;
	background-color:#fff;
	position:relative;
	line-height:1.5;
	font-size:14px;
	width:100%;
	height:auto;
	margin:0;
	border:0;
	padding:0;
	color:#4f4f4f;
	width:100%;
	height:100%;
	max-width: 100%;
 	overflow-x: hidden;
}
h1, h2, h3{	color:#555555; margin:0; padding:0;}

p{	color:#535353; margin:0; padding:0;}

hr{	padding:0; margin:0;}

a{text-decoration:none;	color:#454545;}

.limpiar{clear:both;}
input, select{	font-family: 'Roboto', sans-serif; margin:0; padding:0; border:none;}
a img{border:none;}

ul{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
}
.h_text{
	font-size:.4em;
	color:#EAEAEA;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.proximamente{
	min-height:100px;
	font-size:2em;
	margin-top:100px;
	margin-bottom:50px;
	text-align:center;
}
.padding{padding:5px 10px;}
.hidden{display:none;}
.boton_v1{
	background-color:#b80c10;
	cursor:pointer;
	font-weight:bold;
	color:#FFF;
	border-radius:2px;
	padding:5px 15px;
}
.boton_v1:hover{
	background-color:#FF9900;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
.boton_v2{
	background-color:#fff;
	border:2px solid #009eff;
	cursor:pointer;
	font-weight:bold;
	color:#009eff;
	padding:5px 15px;
	display:block;
	box-sizing:border-box;
}
.boton_v2:hover{
	background-color:#009eff;
	color:#fff;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
.boton_v3{
	background-color:#fff;
	border:1px solid #dbdbdb;
	cursor:pointer;
	color:#868686;
	padding:5px 15px;
}
.boton_v3:hover{
	background-color:#009eff;
	color:#fff;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
.ligas{
	color:#b80c10;
}
.ligas:hover{
	color:#af2d30;
		transition:500ms ease-out;
		-webkit-transition:500ms ease-out;
		-moz-transition:500ms ease-out;	
}
/*--------------------------------------------*/
/*----------------- HEADER ------------------ */
/*--------------------------------------------*/
#header{
	width:100%;
	height:auto;
	min-height:100px;
	background-color:#4c6677;
}
#logo{
	width:auto;
	float:left;
	height:auto;
	margin:10px 0 0 20px;
}
#logo:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
#logo img{
    display: inline-block;
    vertical-align: middle;
	max-width:100%;
	max-height:100%;
}
#nav_contenedor{
	width:280px;
	position:relative;
	top:107px;
	left:10px;
	z-index:8000;
}
#nav_contenedor_detalle{
	width:280px;
	position:relative;
	top:165px;
	left:-100%;
	z-index:8000;
}
#contenedorpalscroll{
	height: auto;
    position: relative;
}
/*--------------------------------------------*/
/*---------------- NAVIGATION --------------- */
/*--------------------------------------------*/
.nav.fixed{
    position: fixed;
	width:280px;
	top:10px;
}
#btn_menu{
	float:right;
	margin:40px 5px 0 0;
	cursor:pointer;
	display:none;
}
/*-------- MENU DROPDOWN CATEGORIAS ---------*/
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.nav_top{
	position:absolute;
	top:40px;
	left:21%;
}
.nav_top a{
	padding:15px;
	transition:300ms ease;
	color:#fff;
	font-weight:bold;

}
.nav_top a:hover{
	padding:15px;
	color:#fff;
	background-color:#FF9900;
}
.nav_down{
	display:none;
}
.nav{
	width:100%;
	height:auto;
	float:left;
	position:absolute;
	text-transform:uppercase;
	border-bottom:10px solid #4c6677;
}
.nav h1,h2{
	font-size:14px;
	display:inline;
}
.nav .acc_categoria, .nav .categoria {
	padding:7px 10px;
	display:block;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
	color:#383838;
	margin-bottom:2px;
	background-color:#e2e3e4;
	line-height:1;
}
.nav .acc_categoria:hover, .nav .categoria:hover, .categoria_active {
	background-color:#FF9900 !important;
	color:#fff !important;
}
.categoria_destacada{
	background-color:#B80C10;
}
.acc_categoria .nav_arrow{
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	display:block;
	height:auto;
	width:auto;
	float:right;
	margin-right:5px;
	color:#383838;
}
.acc_categoria:hover > .nav_arrow{
	color:#fff !important;
}
.nav_arrow_up{
 -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg) !important;
	    transition: ease .500s;
		color:#fff !important;
}
.nav .acc_subcategorias a {
    display: block;
    width: 100%;
    background: #fff;
	padding:3px 0 3px 10px;
    -webkit-transition: ease .500s;
    -moz-transition:ease .500s;
    -o-transition:ease .500s;
    -ms-transition:ease .500s;
    transition: ease .500s;
	text-transform:capitalize;
}
.nav .acc_subcategorias a:hover {
    background: #383838;
	color:#fff;
}
.contenedor_acc_subcategorias2{
	display:none;
}
.contenedor_acc_subcategorias2 a:last-child{
	border-bottom:2px solid #FF9900 !important;
}
.acc_subcategorias2{
	background-color:#f7f7f7 !important;
	width:100%;
	padding:3px 0 3px 20px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}
.acc_subcategorias2:hover{
	background-color:#e7e7e7 !important;
	color:#484848 !important;
}
/*-------- CONTENEDOR BUSCADOR LOGIN CARRITO ---------*/
#contenedor_busca_login_cart{
	float:right;
	z-index:400;
}
/*----------------------------------------------*/
/*----------------------------------------------*/
/*------------------ LOGIN ---------------------*/
/*----------------------------------------------*/
.nav_login{
	float:left;
	position:relative;
}
#btn_nav_login{
	cursor:pointer;
	display:block;
	z-index:9000;
	color:#fff;
	text-align:center;
	width:auto;
	margin:15px 15px 0 0 ;
	font-size:.8em;
}
#icono_usuario{
	width:auto;
	margin:0 auto 5px auto;	
	display:block;
	background-color:#fff;
	border-radius:50px;
	padding:10px;
}
#icono_usuario{
	opacity:.7;
	width:50px;
	transition:ease 300ms;
}
#btn_nav_login:hover > #icono_usuario{
	opacity:1;
}
#contenido_login{
	position:absolute;
	z-index:6000;
	right:0;
	top:100px;
	margin:0;
	border-bottom:5px solid #4c6677;
	padding:35px;
	background-color:#e2e3e4;
	display:none;
	text-align:center;
}
#contenido_login .ligas{
	font-size:.8em;
	text-align:center;
}
#contenido_login input{
	border:none;
	border-bottom:1px solid #c7c7c7;
	margin:0 0 15px 0;
	min-width:200px;
	color:#393939;
	padding:5px 0 4px 10px;
	height:35px;
	border-radius:15px;
}
/*-------- CARRITO ---------*/
#nav_carrito{
	display:block;
	float:left;
}
#nav_carrito a{
	background-color:#fff;
	display:block;
	padding:10px;
	border-radius:50px;
	margin:15px 15px 0 0 ;
	opacity:.7;
	transition:ease 300ms;
}
#nav_carrito a:hover{
	opacity:1;
}
.nav_cart_cantidad{
	float:left;
	padding:5px;
	color:#b80c10;
}
/*LOGIN CARRITO*/
#contenido_login_carrito{
	width:90%;
	margin:3% auto;
	text-align:center;
}
#contenido_login_carrito h2{	font-size:1.7em;}
.login_carrito{
	float:left;
	text-align:center;
	width:48%;
	border-radius:10px;
	padding:3% 5%;
	margin:0 1%;
	min-height:250px;
	border-bottom:5px solid #4c6677;
	background-color:#e2e3e4;
}
.login_carrito_campos{
    border-bottom: 1px solid #c7c7c7;
    width:75%;
    padding: 7px 0px 7px 10px;
    background: #fff;
    border-radius:50px;
    margin: 20px 0 10px 0;
}
.login_carrito .ligas{
	font-size:.8em;
}
.login_carrito .botones{
	margin:20px 0 0 0;
	text-align:center;
}
.login_carrito .botones a{
	padding:5px 10px;
	margin:20px 0px 0 0;
}
.login_carrito_registro{font-size:1.3em;}
.leyenda_registro{
	margin-top:10px;
	display:none;
}
/*----------------------------------------------*/
/*---------------- USUARIO LOGUEADO ----------- */
/*----------------------------------------------*/
#contenido_usuario_logueado{
	float:left;
	margin:15px 10px 0 0 !important;
	padding:11px;
	position:relative;
	background-color:#fff;
	border-radius:50px;
}
#contenido_usuario_logueado #btn_menu_usuario{
	margin:0 0 12px 6px;
	float:right;
}
#bienvenido_usuario{
	cursor:pointer;
	display:block ;
	padding:0 5px ;
	line-height:1;
	text-align:center;
}
#bienvenido_usuario p{
	float:left;
}
#contenido_menu_usuario{
    position: absolute;
    top:50px;
    right:15px;
    background-color:#fff;
    min-width:185px;
    height:175px;
    border-top:none !important;
    border:#1D2225 solid 1px;
    display:none;
    z-index:4000;
}
.menu_usuario{
    position: relative;
}
.menu_usuario li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu_usuario a {
	margin:0;	
	width:100%;
	color:#484848;
	font-size:11px;
    display: block;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #F1F1F1;
			-webkit-transition: background-color 0.5s ease-in;
            -moz-transition: background-color 0.5s ease-in;
            -o-transition: background-color 0.5s ease-in;
            -ms-transition: background-color 0.5s ease-in;
	transition: background-color 0.3s ease;	
}
.noborderbot {
	border-bottom:5px solid #000 !important;
}
.menu_usuario a:hover {
	background-color:#FF9900;
	color:#fff;
	text-decoration:none;
}
.menu_usuario > li > a:before {
    position: absolute;
    content: '';
    width: 23px;
    height: 22px;
    margin: 0 8px 0 -35px;
    background-repeat: no-repeat;
    background-image: url(../images/usuario_icns.png);
    background-position: 0px 0px;
}
.menu_usuario li.u_perfil > a:before { background-position: 0px 0px; }
.menu_usuario li.u_perfil:hover > a:before,
.menu_usuario li.u_perfil:target > a:before { background-position: 0px -22px; }
 
.menu_usuario li.u_cotizaciones > a:before { background-position: -22px 0px; }
.menu_usuario li.u_cotizaciones:hover > a:before,
.menu_usuario li.u_cotizaciones:target > a:before { background-position: -22px -22px; }
 
.menu_usuario li.u_pedidos > a:before { background-position: -42px 0px; }
.menu_usuario li.u_pedidos:hover > a:before,
.menu_usuario li.u_pedidos:target > a:before { background-position: -42px -22px; }
 
.menu_usuario li.u_facturas > a:before { background-position: -65px 0px; }
.menu_usuario li.u_facturas:hover > a:before,
.menu_usuario li.u_facturas:target > a:before { background-position: -65px -22px; }

.menu_usuario li.u_garantias > a:before { background-position: -88px 0px; }
.menu_usuario li.u_garantias:hover > a:before,
.menu_usuario li.u_garantias:target > a:before { background-position: -88px -22px; }
 
.menu_usuario li.u_estadocuenta > a:before { background-position: -110px 0px; }
.menu_usuario li.u_estadocuenta:hover > a:before,
.menu_usuario li.u_estadocuenta:target > a:before { background-position: -110px -22px; }
 
.menu_usuario li.u_salir > a:before { background-position: -130px 0px; }
.menu_usuario li.u_salir:hover > a:before,
.menu_usuario li.u_salir:target > a:before { background-position: -130px -22px; }
/*---------------------- SLIDER HOME -------------------------- */
#slider_home{ margin-bottom:20px;}
#slider_home img{ width:100%;}
.h_slide_grande{ display:block;}
.h_slide_chico{ display:none !important;}
.video_slider{
	position:absolute;
	right:0;
	padding:0 0 0 300px;
	height:100%;
	text-align:center;
}
.video_slider img{
	max-width:100%;
	height:auto;
	text-align:center;
}
.titulo_video{
	position:absolute;
	left:0;
	padding:10px 0 0 310px;
	font-size:1.5em;
	color:#fff;
	text-shadow:2px 2px 3px #000;
}
.btn_yt{
	position:absolute;
	text-align:center;
	left:55%;
	top:38%;
	width:125px !important;
	opacity:.7;
}
.video_slider:hover > .btn_yt{
	opacity:1;
}

/*-------- PRODUCTOS HOME ---------*/
.subtitulo{
	display:block;
	font-size:24px;
	margin:20px 0;
	font-weight:bold;
	color:#4c6677;
	text-align:center;
}
.contenedor_productos_home{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.producto_home{
	position:relative;
	display:inline-block;
	width:14%;
	width:190px !important;
	min-height:315px;
	text-align:center;
	margin:0 5px 10px 5px;
	border:1px solid #CCC;
	border-radius:10px;
}
.img_home{
	bottom:100px;
	margin:0 auto;
}
.producto_titulo{
	position:absolute;
	bottom:43px;
	width:100%;
	margin-bottom:5px;
	height:65px;
	display:block;
	background-color:#ff9900;
	color:#fff;
	padding:5px;
	font-size:13px;
	font-weight:bold;
}
.producto_codigo{
	position:absolute;
	bottom:5px;
	width:100%;
	margin-bottom:10px;
	display:block;
	line-height:15px;
}
/*-------- FIN PRODUCTOS HOME ---------*/

/*-------- CONTENDOR ---------*/
#contenedor{
	width:100%;
	min-height:600px;
	float:left;
	box-sizing:border-box;
	padding:0 0 2% 300px;
}
#contenedor_detalle{
	width:75%;
	min-height:600px;
	float:left;
	box-sizing:border-box;
	padding:0 0 2% 0;
}
#pleca_titulo_seccion{
	background-color:#fff;
	border-bottom:1px solid #c7c7c7;
	width:100%;
	float:right;
	height:auto;
	padding:20px 10px 20px 10px;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:repeat-y;
	background-size:100%;
}
#pleca_titulo_seccion h2{
	float:left;
	font-size:2em;
	padding:0 0 0 3%;
}
#pleca_titulo_seccion #contenedor_buscador{
	margin:0 0 0 20px;
}
#pleca_titulo_seccion #contenedor_buscador span{
	font-weight:bold;
}
#pleca_titulo_seccion .continuar_activo{
	padding:10px 7px;
	color:#fff;
	font-weight:bold;
	float:right;
	margin:0 20px;
}
#pleca_titulo_seccion .continuar_activo:hover{
	color:#4cbf8d;
}
/*PRODUCTOS DETALLE FOOTER*/
.footer_producto{
	color:#F00;
	font-size:11px;
	font-weight:bold;
	margin-top:20px;
}
ul.categorias_lista{
	list-style:circle !important;
}
/*-------- PRODUCTOS DESTACADOS ---------*/
.pleca_destacados{
	width:100%;
	height:auto;
	min-height:70px;
	display:block;
	margin:15px 0 0 0;
}
.pleca_destacados h2{
	font-size:2.5em;
	padding:10px 30px;
	text-align:center;
	color:#1D2225;
}
.pleca_destacados .boton_v3{
	float:left;
	padding:0;
	border:none;
	border-left:1px solid #dbdbdb;
	float:right;
}
.pleca_destacados .boton_v3 h2:hover{	color:#fff;}
.productos_destacados{
	margin-bottom:25px;
}
/*-------- PRODUCTOS DESTACADOS ---------*/
.productos_destacados .producto{	width:23%;}
/*----------------------------------------------*/
/*-----------------BUSCADOR-------------------- */
/*----------------------------------------------*/
#buscador_btn{
	background:url('../images/btn_buscar_home.png') 0 0;
	background-repeat:no-repeat;
	color:#fff;
	width:36px;
	height:36px;
	padding:0;
	float:right;
	margin-left:10px;
	cursor:pointer;
	transition:0.3s;
}
div.campos_busqueda input{
	width:30%;
	height:42px;
	padding:5px;
	margin-top:2px;
	margin-right:10px;
	border-radius:5px;
	font-size:12px;
	color:#000;
	display:inline-block;
}
/*-------- BUSCADOR HOME ---------*/
#home_buscador{
	width:95%;
	height:auto;
	padding:1.5%;
	background-color: #4c6677;
	border-radius: 10px;
	border:2px solid #ff9900;
}
#home_buscador span.titulo{
	display:inline-block;
	font-size:40px;
	font-weight:bold;
	color:#ff9900;
	padding:0;
	margin:0 20px 0 0;
}
#home_buscador div.campos_busqueda{
	float:right;
	width:50%;
	height:50px;
	margin-top:5px;
	overflow:hidden;
}
.contenedor_categorias_home{
	width:65%;
	height:42px;
	padding:2px;
	margin-top:-2px;
	display:inline-block;
	background-color:#fff;
	border-radius:5px;
}
.contenedor_categorias_home select{
	width:80%;
	height:36px;
}
/*-------- FIN BUSCADOR HOME ---------*/
/*-------- COLUMNA CATEGORIAS IMAGES ---------*/
.columna_categoria{
	width:31%;
	height:auto;
	max-height:250px;
	float:left;
	margin:0 1%;
	overflow:hidden;
	position:relative;
}
.columna_categoria a img{
	width:100%;
	height:auto;
}
.columna_categoria a{
	display:block;
}
.columna_categoria a:hover > .btn_columna{
	background-color:#252525;
	font-weight:bold;
	transition:500ms ease-out;
		-webkit-transition: 500ms ease-out;
		-moz-transition: 500ms ease-out;
}
.btn_columna{
	background: repeating-linear-gradient(
	135deg,
	#606dbc,
	#606dbc 10px,
	#465298 10px,
	#465298 20px);	
	padding:15px 0px 15px 20px;
	color:#fff;
	border-bottom:3px solid #fff;
	border-top:3px solid #fff;
	font-weight:bold;
	line-height:1;
	width:100%;
	position:absolute;
	bottom:15%;
	cursor:pointer;
	box-sizing:border-box;
	font-family: 'Oswald', sans-serif;
}
.columna_categoria_b1{
	border-bottom:5px solid #afafaf;
	border-top:5px solid #afafaf;
}
.columna_categoria_b2{
	border-bottom:5px solid #afafaf;
	border-top:5px solid #afafaf;
}
.columna_categoria_b3{
	border-bottom:5px solid #afafaf;
	border-top:5px solid #afafaf;
}
.btn_columna_c1{
	background: repeating-linear-gradient(
	135deg,
	#5f5f5f,
	#5f5f5f 10px,
	#252525 10px,
	#252525 20px);
	background-color:#252525;	
}
.btn_columna_c2{
	background: repeating-linear-gradient(
	135deg,
	#252525,
	#252525 10px,
	#5f5f5f 10px,
	#5f5f5f 20px);	
	background-color:#252525;	
}
.btn_columna_c3{
	background: repeating-linear-gradient(
	135deg,
	#5f5f5f,
	#5f5f5f 10px,
	#252525 10px,
	#252525 20px);
	background-color:#252525;	
}
.btn_columna small{	font-size:1em;}
.btn_columna span{	font-size:2em;
	transition:350ms ease-out;
		-webkit-transition: 350ms ease-out;
		-moz-transition: 350ms ease-out;
}
.columna_categoria a:hover > .btn_columna span{	font-size:2.5em;}
/*---------------------- HOME CONTENIDO -------------------------- */
.seccion_contenido{
	width:90%;
	height:auto;
	margin:1% auto;
	position:relative;
	clear:both;
	padding:0 5%;
}
/*TEXTO HOME*/
.texto_home{
	width:95%;
	margin:20px auto;
}
.right_img{
	float:right;
	width:30%;
	margin-left:2%;
	min-width:300px;
	
}
/*FIN TEXTO HOME*/
/*----------------------------------------------*/
/*-------------------PROMOCIONES--------------- */
/*----------------------------------------------*/
#promociones{
	padding:5%;
	width:90%;
	float:left;
	height:auto;
	font-size:1.5em;
	text-align:center;
	line-height:2;
}
#promociones .boton_verde{
	padding:15px 20px;
}
.promo_columna{
	width:48%;
	margin:0 1% 0 1%;
	height:auto;
	float:left;
	border:1px solid #eee;
	background-color:#fafbff;
    padding: 1rem;
	box-sizing:border-box;	
}
.promo_columna img{
	width:100%;
	max-width:563px;
}
#promociones strong{
	font-size:1.4em;
	display:block;
	color:#FF9F3C;
}
.vencimiento{
	text-align:right;
	font-size:.7em ;
	float:right;
	font-style:italic;
}
.banner_promo {
  background: white;
  border: 1px solid #ccc;
  box-sizing:border-box;
}
.banner_promo h2 {
    padding: 1rem;
	box-sizing:border-box;
}
.stripes{
  color: white;
  background: repeating-linear-gradient(
    -55deg,
    #006982,
    #006982 10px,
    #32869A 10px,
    #32869A 20px );
}
/*----------------------------------------------*/
/*----------------------------------------------*/
/*-------------------FOOTER-------------------- */
/*----------------------------------------------*/
/*----------------------------------------------*/
/*----------------------------------------------*/
#footer{
	width:100%;
	background-color:#4c6677;
	padding:5%;
	border-top:5px solid #FF9900;
	box-sizing:border-box;
	color:#fff;
	font-size:1.2em;
	height:auto;
	margin:50px 0 0 0;
}
.espacio_footer{
	margin-right:50px;
}
.ftr_column{
	float:left;
	margin:0 3% 30px 3%;
}
.titulos_ftr{
	color:#FF9900;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
.ftr_column ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size:.9em;
}
.ftr_column ul li a{
	color:#fff;
}
.ftr_column ul li a:hover{
	color:#b80c10;
}
#redes_sociales{
	float:left;
}
#redes_sociales a{
	float:left;
	margin:0 25px 25px 0;
}
#redes_sociales img{
	opacity:.7;
	width:40px;
	transition:ease 300ms;
}
#redes_sociales img:hover{	opacity:1; margin-top:-5px;}
#redes_sociales span{	float:left;}
.hr_ftr{
	width:1px;
	height:100%;
	min-height:210px;
	color:#383838;
	border-left:#4c6677 1px solid;
	border-right:none;
	float:left;
	margin:0 2%;
}
#contenedor_contactanos{	
	float:left;
	color:#fff;
}
#contenedor_contactanos p{	
	color:#fff;
}
.copyright{
	float:left;
	font-size:.9em;
}
.grupomanati img{
	width:30px; margin:0 0 -10px 10px;
}
/*----------------------------------------------*/
/*----------------------------------------------*/
/*------------------CATALOGO------------------- */
/*----------------------------------------------*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*------------------BANNER--------------------- */
/*----------------------------------------------*/
#banner_seccion{
	border-bottom:5px solid #1D2225;
}
#banner_categoria{
	width:100%;
	position:relative;
	overflow:hidden;
}
#banner_categoria img{	width:100%;}
.texto_banner_catalogo{
	text-align:right;
	position:absolute;
	right:2%;
	left:2%;
	bottom:15px;
	line-height:1.1;
}
#banner_categoria .big_title{
	color:#fff;
	text-shadow: 2px 2px 5px #000;
	font-family: 'Oswald', sans-serif;
}
#banner_categoria .small_title{
	color:#fff;
	text-shadow: 2px 2px 5px #000;
	font-family: 'Oswald', sans-serif;
}
.big_title{	font-size:3.5em; text-transform:uppercase;}
.small_title{	font-size:3em;}
.bn-marca-logo{
/*	position:absolute;*/
	padding:5px;
	z-index: 10;
	max-height: 150px !important;
	top: 5px!important;
	right: 10px!important;
}
/*----------------------------------------------*/
/*---------------------PATH-------------------- */
/*----------------------------------------------*/
.boton_categorias_detalle{/*Botón Categorías Detalle del Producto*/
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:202px;
	height:53px;
	cursor:pointer;
	transition:.3s;
	z-index:2;
}
.push {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.push:hover{
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
#contenedor_path_etc{
	height:auto;
}
#path{
	padding:8px 0 8px 2%;
	width:auto;
	min-height:38px;
	float:left;
	box-sizing:border-box;
	text-transform:uppercase;
}
#path a{
	position: relative;
	text-align:left;
}
#path a:hover{
	color:#1D2225;
	transition:ease 300ms;
}
#path h1,h2{
	font-size:14px;
	display:inline;
}
#path h2{
	font-weight:normal;
}
/*----------------------------------------------*/
/*------------------BUSCADOR------------------- */
/*----------------------------------------------*/
#contenedor_buscador{
	position:relative;
	float:right;
	width:auto;
	margin:0;
}
#buscador_catalogo{
	position:absolute;
	z-index:100;
	padding:25px !important;
	top:40px;
	right:0;
	background-color:#e2e3e4;
	border-bottom:5px solid  #4c6677;
	min-width:230px;
	display:none;
}
#buscador_catalogo label{
	color:#FF9900;
}
#buscador_catalogo .boton_v1{
	float:right;
}
#buscador_catalogo input, #buscador_catalogo select{
	border-bottom:1px solid #c7c7c7;
	margin:0 0 15px 0;
	width:100%;
	color:#393939;
	padding:5px 0 4px 10px;
	height:30px;
	border-radius:50px;
}
#buscador_catalogo input::-webkit-input-placeholder { color: #999999;}
#buscador_catalogo input:-moz-placeholder { color: #999999;}
#buscador_catalogo input::-moz-placeholder { color: #999999;}
#buscador_catalogo input:-ms-input-placeholder { color: #999999;}
/*----------------------------------------------*/
/*---------------- PAGINADOR------------------- */
/*----------------------------------------------*/
.contenedor_paginador{
	height:auto;
	margin:20px auto !important;
	width:auto;
}
.cant_productos{
	padding:5px 0 5px 5%;
	font-size:.9em;
	float:left;
}
.div_paginador{
	width:auto;
	float:none;
	margin:0 auto;
	text-align:center;
}
.paginador {
	margin:0 auto;
}
.page {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 4px;
    border: solid 1px #c0c0c0;
    background: #fff;
    font-size: .875em;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	min-width: 20px;
	min-height: 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.page:hover {
    background: #eee;
}
.page.active {
    background: #FF9900;
    color: #fff;
    border: solid 1px #FF9900 !important;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.page.inactive {
    background: #e9e9e9;
	opacity:.4;
}
.page_dots {
    display: inline-block;
    padding: 0px 2px;
    margin-right: 4px;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}
/*----------------------------------------------*/
/*---------------- PRODUCTOS------------------- */
/*----------------------------------------------*/
.producto{
	display:inline-block;
	width:30% !important;
	min-width:250px;
	margin:15px auto;
	position:relative;
	background-color:#fff;
	border-radius:5px;
	box-sizing:border-box;
}
.producto:hover{
	border:1px solid #CCC;
	box-sizing:border-box;
}
.producto span{
	color:#0084ff;
	font-weight:bold;
}
.producto:hover > .over_producto{
	opacity:1;
	background-color:rgba(255, 166, 0, 0.2) !important;
	transition:500ms ease-out;
		-webkit-transition: 500ms ease-out;
		-moz-transition: 500ms ease-out;
}
.over_producto{
	max-height:220px;
	width:100%;
	height:100%;
	top:0;
	position:absolute;
	z-index:50;
	text-align:center !important;
	opacity:1;
	display:none;
}
.img_producto{
	height:120px;
	width:100%;
	text-align:center;
	position:relative;
}
.img_producto:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
.img_producto img{
	max-width:85%;
	max-height:85%;
	display: inline-block;
	vertical-align: middle;
}
.descripcion_producto{
	text-align:center;
	padding:5px 5px 15px 5px;
	height:auto;
}
.nombre_producto{
	display:block;
	height:40px;
	margin-bottom:5px;
}
.descripcion_producto span{
	color:#484848;
}
.descuento_producto{
	position:absolute;
	right:145px;
	bottom:12px;
	padding:4px 0px 2px 5px;
	height:30px;
	width:auto;
	font-size:.85em;
	font-weight:bold;
	color:#F00;
}
.precio_producto{
	position:absolute;
	right:145px;
	bottom:0;
	padding:4px 0px 20px 5px;
	height:30px;
	width:auto;
	font-size:1em;
	font-weight:bold;
	color:#363636;
	
}
.btns_producto2{
	position:absolute;
	top:3px;
}
.btns_producto{
	float:right;
	margin:0 2px 5px 0;
}
.btns_producto .boton_v1{
	float:left;
	width:auto;
	margin:0 3px 0 0;
}
.no_radious_left{
	border-radius:3px 0 0 3px;
}
.no_radious_right{
	border-radius:0 3px 3px 0;
	background-color:#383838;
}
.btn_vermas{
	float:left;
}
.btn_vermas img{
	width:21px;
}
/*----------------------------------------------*/
/*----------------------------------------------*/
/*---------------- PRODUCTO DETALLE------------ */
/*----------------------------------------------*/
.hr{
	margin:10px 0;
	border-top:none;
	border-bottom:1px dashed #FF9900;
}
.productos_relacionados{
	float:right;
	width:23%;
	height:auto;
	background-color:#efefef;
	padding:1%;
	margin:1% 1% 0 0;
	text-align:center;
}
.productos_relacionados h2{
	font-size:16px;
	text-align:center;
	color:#4c6677;
	padding:0;
}
#no_prod_relacionado{text-align:center;}
#contenedor_galeria_producto , #contenedor_info_producto{
	margin:1%;
}
.btn_agregar_inactivo{
	background:#a9a9a9;
	opacity:.5;
	padding:5px 10px;
	text-transform:lowercase;
	text-align:center;
	width:100%;
}
.producto_leyenda_no_disponible{
	margin-top:10px;
	font-weight:bold;
	float:right;
	text-align:center;
	width:100%;
}
.btn_agregar_inactivo:hover{	background:#a9a9a9;}
.productos_relacionados .producto{	width:23%; font-size:.8em;}
/*-------- GALERIA PRODUCTO ---------*/

#compartir_producto img{ margin:10px 0 0 10px; opacity:.5;}
#compartir_producto img:hover{ opacity:1;}

#contenedor_galeria_producto{
	position:relative;
	float:left;
	width:38%;
}
#imagen_principal{
	height:400px;
	position:relative;
	border:1px dashed #FF9900;
	text-align:center;
}
#imagen_principal:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
#imagen_principal img{
	max-width:95%;
	max-height:95%;
    display: inline-block;
    vertical-align: middle;
}
#foto_principal{
	max-width:100%;
}
#detalle_descripcion ul, #detalle_especificaciones ul{
	list-style:disc;
	margin-left:10px;
	padding-left:15px;
}
#detalle_descripcion ul li ul li, #detalle_especificaciones ul li ul li{
	list-style:circle;
}
/*set a border on the images to prevent shifting*/ 
#foto_thumbs{
	width:100%;
	height:100px;
	text-align:center;
}
#foto_thumbs a{
	border:1px solid #c7c7c7;
	display:block;
	float:left;
	box-sizing:border-box;
	text-align:center;
	margin:0 10px 0 0;
	height:75px;
	width:75px;
	background-color:#fff;
}
#foto_thumbs a:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
#foto_thumbs a img{
    display: inline-block;
    vertical-align: middle;
	max-width:95%;
	max-height:95%;
	padding:5px;
	text-align:center;
}
/*Change the colour*/ 
.active_thumb{border:1px solid #0084ff !important;} 
/*-------- INFO PRODUCTO ---------*/
#contenedor_info_producto{
	width:58%;
	float:left;
	/*border-top:5px solid #f7f7f7;
	border-bottom:5px solid #f7f7f7;
	border-radius:50px;*/
	padding:15px 25px;
}
#contenedor_info_producto h1{
	font-size:2em;
}
.detalle_infoadicional p{
	width:auto;
	float:left;
}
.marca_logo_detalle{
	float:right;
	height:auto;
	width:160px;
	text-align:center;
}
.marca_logo_detalle img{
	max-width:80%;
	max-height:100px;
}
/*-------- PRODUCTO TOTAL ---------*/
.stock, .stock_none{	font-size:1.2em;}
.stock:before{
	content:"";
	display:block;
	height:23px;
	width:23px;
	float:left;
	margin:0 5px 0 0 ;
	background-position: 0px 0px;
	background-image:url(../images/icns_stock.png);
}
.stock_none:before{
	content:"";
	display:block;
	height:23px;
	width:23px;
	float:left;
	margin:0 5px 0 0 ;
	background-position: 0px 22px;
	background-image:url(../images/icns_stock.png);
}
#detalle_total{
	float:left;
	font-size:2.3em;
}
.detalle_precio_lista{
	text-align:left;
	margin:0px 0;
	font-size:1em;
	color:#4f4f4f;
}
.detalle_precio{
	font-size:1.6em;
}
.detalle_precio strong{
	color:#4f4f4f;
}
#contenedor_cant_boton{
	width:240px;
	margin:20px auto 0px auto;
}
#contenido_total .boton_v1{
	float:left;
	font-size:1.5em;
}
#detalle_cantidad{
	display:block;
	text-align:left;
	float:left;
	font-size:1.2em;
	margin:0 0 0 45px;
 -webkit-box-shadow:inset 0px 0px 0px 4px #FF9900;
    -moz-box-shadow:inset 0px 0px 0px 4px #FF9900;
    box-shadow:inset 0px 0px 0px 4px #FF9900;	
	border-radius:50px;
}
#detalle_cantidad input{
	text-align:center;
	font-size:1.5em;
	color:#434343;
	width:50px;
	padding:2px 0;
	margin:0 -3px;
	border-bottom:none;
	border-top:none;
}
#detalle_cantidad .page{
	width:50px;
	text-align:center;
	cursor:pointer;
	font-size:1.3em;
	border-radius:0;
	border:none;
	margin:0;
	background-color:#FF9900;
	border-radius:50px;
    	border: solid 4px #FF9900;
	transition:ease 300ms;
	color:#fff;
}
#detalle_cantidad .page:hover {
	background: #fff;
	color:#FF9900;
}
#detalle_cantidad .page.active {
	border: none;
	background: #616161;
	color: #f0f0f0;
}
#detalle_cantidad .page.inactive {
	background: #e9e9e9;
}
.btn_regresar:hover{
	background-color:#c77700;
}
.btn_regresar{
	float:right;
	margin:5px 5% -1px 0;
	color:#0084ff;
	font-weight:bold;
	padding:5px 10px;
	cursor:pointer;
	font-size:.9em;
	text-align:center;
	background-color:#FF9900;
	border-radius:50px;
}
.btn_regresar a{
	color:#fff;
}
.btn_regresar img{
	width:20px;
	margin:0 5px 0 0;
}
/*-------- PRODUCTO REDES SOCIALES ---------*/
#detalle_redes{
	float:left;
	margin:25px 0 0 2%;
}
#detalle_redes a{
	background-color:#4c6677;
	padding:5px;
-webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  	border-radius:50px;
	transition:ease 300ms;
}
#detalle_redes a:hover{
	background-color:#FF9900;
}
#detalle_redes img{
	width:15px;
	margin:0 5px -3px 5px ;
}
/*----------------------------------------------*/
/*------------------ MODIFICADORES------------- */
/*----------------------------------------------*/
.atributo{
	background-color:#ff9900;
	width:120px;
	height:30px;
	padding-left:10px;
	color:#fff;
	border-radius:2px;
}
.atributo option{
	background-color:#c9d1d6;
	color:#4c6677;
	border:0px !important; 
	border-radius:2px;
}
atributos_filtro{
}
/*FIN MODIFICADORES*/

/*----------------------------------------------*/
/*---------- DISPONIBLIDAD/INVENTARIO---------- */
/*----------------------------------------------*/
#detalle_disponibilidad{
	float:left;
}
#inventario{
	display:block;
}
#inventario ul{
	width:100%;
	height:auto;
	background-color:#FF9900;
	text-align:center;
	display:inline-block;
	margin-bottom:15px;
}
#inventario li{
	width:50%;
	float:left;
	color:#5e3e14;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	height:50px;
	padding:15px 0 0 20px;
	background-color:#eee;
	border-bottom:#F7F7F7 1px solid;
	border-right:#F7F7F7 1px solid;
	box-sizing:border-box;
}
#inventario ul li:first-child{
	height:40px;
	width:100%;
	color:#fff;
	padding:7px 0 0 0;
	font-size:1.3em;
	font-weight:bold;
	background-color:#FF9900;
	text-align:center;
}
#inventario li:nth-child(odd){	background-color:#e3e3e3;}
#inventario li a{color:#fff;}
/*----------------------------------------------*/
/* PESTAÑAS ESPECIFICACIONES,DESCARGAS,VIDEOETC-*/
/*----------------------------------------------*/
#submenu_detalle{
	position:relative;
	margin:20px 0 2% 0;
}
#submenu_detalle ul{
	padding:0;
	border-top:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-bottom:5px solid #FF9F3C;
}
#submenu_detalle ul li{
	display:inline;
}
#submenu_detalle ul li a{
	margin:0;
	display:inline-block;
	width:auto;
	background-color:#fff;
	text-align:center;
	font-size:1.3em;
	font-variant:small-caps;
	font-weight:bold;
	padding:10px 30px;
}
#submenu_detalle ul li a:hover, .active{
	background-color:#FF9F3C;
	color:#fff;	
}
#submenu_detalle ul li a.active{
	background-color:#FF9F3C;
	color:#fff;	
}
.hidden{ display:none;}

.info_producto{
	padding:3% 4% 30px 4%;
	margin:0 0 30px 0;
	height:auto;
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
}
#detalle_galeria img{
	max-height: 300px;
	max-width: 90%;
	text-align:center;
	margin:0 auto;
}
.img_galeria{
	display:inline-block;
	width:120px;
	height:120px;
	padding:5px;
	margin:0 5px;
	text-align:center;
	border:1px solid #CCC;
}
.img_galeria img{
	height:100%;
	width:auto;
	margin:0 auto;
}
#detalle_descargas p{ text-align:center;}
#detalle_descargas a{ width:42%; float:left; margin:0 20px 20px 0;}
#detalle_descargas a:hover{	text-decoration:underline;}
#detalle_descargas img{
	width:12%;
	text-align:center;
	margin:0 3% 0 0;
	min-width:30px;
	float:left;
}
#detalle_video{	text-align:center;}
/* detalle video*/
.video_detalle{
	float:left;
	width:50%;
	min-width:320px;

}
.video_responsivo{
	position:relative;
	padding-bottom:56.25%;/* 16/9 ratio */
	padding-top:30px;/* IE6 workaround*/
	height:0;
	overflow: hidden;
	margin:5px 10px;
}
.video_responsivo iframe,
.video_responsivo object,
.video_responsivo embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*----------------------------------------------*/
/*---------------- PRODUCTO AGREGADO ---------- */
/*----------------------------------------------*/
#info_prod_agregado{
	width:55%;
	height:auto;
	margin:10px 0 0 0;
	padding:0 2%;
	font-size:.9em;
	text-align:left;
	float:left;
	border-right:2px solid #1D2225;
}
#info_prod_agregado span{
	font-family: 'Oswald', sans-serif;	
	color:#FF9900;
	font-weight:bold;
	font-size:2em;
	margin:0 0 0 10px;
	float:left;
}
#info_prod_agregado img{
	margin:0 0 30px 0;
	float:left;
}
#prod_agregado_img{
	width:125px;
	height:150px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}
#prod_agregado_img img{		
	max-width:125px;
	max-height:150px;
}
#info_prod_agregado .marca_cod_producto p{
	text-align:left !important;
	margin:20px 0 ;
}
.prod_agregado_precio strong{
	color:#FF9900;
	font-size:1.2em;
	font-family: 'Oswald', sans-serif;
}
#agregado_carrito{
	float:right;
	width:45%;
	margin:10px 0 0 0;
	padding:1% 2%;
}
#agregado_carrito p{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 25px 0;
}
#agregado_carrito b{
	font-size:1em;
	font-weight:bold;
}
#agregado_carrito strong{
	color:#FF9900;
	font-size:1.3em;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;	
}
#agregado_carrito a{
	float:right;
}
#contenedor_relacionados_agregado .producto{
	width:23%;
}
#contenedor_relacionados_agregado .img_producto{
	height:100px;
}
#contenedor_relacionados_agregado .descripcion_producto{
	padding:5px;
	height:auto;
}
/*----------------------------------------------*/
/*------------------- NOSOTROS ---------------- */
/*----------------------------------------------*/
#nosotros_texto p{
	float:left;
	width:94%;
	margin:25px 3%;
}
#nosotros_texto p img{
	max-width:100%;
}
#nosotros_equipo h2{
	text-align:center;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	margin-top: 20px;
	
}
.right{
	float:right;
}

.columna_nosotros{
	width:31%;
	margin:0 1%;
	float:left;
	text-align:center;
}
.columna_nosotros p{
	padding:5%;
	margin:20px 0 0 0;
	background-color:#f7f7f7;
	border-radius:30px;
}
.round_img{
	width:auto;
	border-radius:50px;
}
.col_equipo{
	padding:5px;
}
.col_equipo span{
	padding:5px;
	display:block;
	color: #FF9900;
	margin:20px 0 5px 0;
	border:1px solid #FF9900;
	border-radius:30px;
	text-align:center;
	font-weight:bold;
}
/*----------------------------------------------*/
/*------------------- MARCAS ---------------- */
/*----------------------------------------------*/
.contenedor_marcas{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.marcas-logo{
	display: inline-block;
	width: 200px;
	height: 200px;
	padding: 20px;
	position: relative;
}
.nombre-marca-logo{
	vertical-align: middle;
	text-align: center;
	position: absolute;
    top: 0px;
    bottom: 0;
    left: 5px;
    right: 5px;
	margin: auto;
	font-size: 1.2em;
	padding-top: 80px;
}
.nombre-marca-logo span{
	border:2px solid lightgray;
	padding:5px 10px;
	color: grey;
}
.marcas-logo img{
    max-height: 85%;
    max-width: 85%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*/-/-/-/-/-/-/-/-/-/-/-/GRIDS/-/-/-/-/-/-/-/-/-/-/-/*/
.row{
}
.col_2{
	width:46%;
	float:left;
	margin:10px 2%;
}
.col_3{
	width:31%;
	float:left;
	margin:10px 1%;
}
.servicio_big_img{
	width:100%;
	text-align:center;
}
.servicio_big_img img{
	max-width:100%;
}
/*----------------------------------------------*/
/*------------------- CONTACTO ---------------- */
/*----------------------------------------------*/
.info_contacto{
#contacto_formulario{
	border:none;
	padding: 10px 20px;
}
	width:31%;
	margin:30px 1%;
	float:left;
	text-align:center;
}
.info_contacto p{
	margin:20px 0 0 0;
	display:block;
	background-color:#f7f7f7;
	border-radius:50px;
	min-height:45px;
	padding:5px;
}
.formulario_contacto input, .formulario_contacto select{
	border:1px solid #CCC;
	width:90%;
	height:30px;
	padding-left:10px;
}
.formulario_contacto textarea{
	width:90%;
	height:50px;
	padding-left:10px;
}
/*----------------------------------------------*/
/*------------------ REGISTRO ----------------- */
/*----------------------------------------------*/
#contenedor_formulario{
	margin:2% 5%;
	color:#4a4a4a;
	height:auto;
}
#contenedor_formulario strong{
	color:#FF9900;
	line-height:3;
}
#seleccion_formulario{
	position:relative;
	height:30px;
}
.titulo_datos_usuario{
	color:#FF9900;
	font-weight:bold;
	font-size:1.7em;
}
#seleccion_formulario a{
	color:#00AFFF;
	font-weight:bold;
	float:right;
	position:relative;
	padding:7px 0 0 0;
}
#seleccion_formulario img{
	height:25px;
	margin:auto 5px;
	position:absolute;
	bottom:0;
	left:-37px;
}
#formulario_usuario{
	width:100%;
	margin:0 0 10% 0;
}
#formulario_usuario p{
	width:100%;
	padding:5px 10px;
	font-weight:bold;
	color:#FF9900;
	text-align:left;
	font-size:1.3em;
}
.contenedor1, .contenedor2, .contenedor3{
	margin:2% auto;
	height:auto;
}
.columna_form{
	float:left;
	width:31%;
	height:auto;
	margin:0 1%;
}
.cat_interes{
	margin:0 0 30px 0;
}
.columna_form input{ float:left; padding:5px;}

.columna_form input, .columna_form select, textarea{
	background-color:#f9f9f9;
	border:1px solid #bdbec4;
	border-radius:2px;	
	margin:0 15px 0 0;
}
.columna_form label{
	float:left;
	clear:both;
}
.botones{
	margin:1% auto;
	text-align:center;
}
.botones a{
	font-size:1.3em;
	margin:10px 25px 0 0;
	padding:10px 40px;
	border-radius:3px;
	text-align:center;
}
.intereses{
	width:auto !important;
}
.sub_formulario{
	padding:3px 0 3px 1%;
	margin:2% 0;
	background-color:#e0e1e5;
	width:50%;
	font-size:1.1em;
}
.columna_form .check input{
	width:20px;
	margin:0 10px 5px 0;
	padding:0;
	clear:both;
}
.check p{
	margin:0 0 5px 0;
	padding:0;
}
/*Botones Formulario*/
.btn_envio {
	float:left !important;
	display:block !important;
	width:110px !important;
	height:40px !important;
	padding: 10px 20px !important;
	margin-right:15px !important;
	background: #ff9900 !important;
	color:#fff !important;
	font-size:14px;
	letter-spacing:2px;
	-webkit-transition: all 0.3s !important;
	-moz-transition: all 0.3s !important;
	-ms-transition: all 0.3s !important;
	-o-transition: all 0.3s !important;
	transition: all 0.3s !important;
	cursor: pointer !important;
}
.btn_envio:hover {background: #C60 !important;}
/*----------------------------------------------*/
/*----------------- USUARIO FINAL ------------- */
/*----------------------------------------------*/
#formulario_usuario .columna_form label, #formulario_usuario .columna_form input{
	float:left;
	width:90%;
}
#formulario_usuario .columna_form input, #formulario_usuario .columna_form select{
	padding:5px 10px;
}
#formulario_usuario .contenedor2{
	float:left;
	width:100%;
}
#formulario_usuario .contenedor2 .columna_form label, #formulario_usuario .contenedor2 .columna_form label{
	float:left;
	width:100%;
}
#formulario_usuario .botones{margin:40px;}
/*----------------------------------------------*/
/*------------- OLVIDO CONTRASEÑA ------------- */
/*----------------------------------------------*/
#contenido_forgot{
	width:90%;
	margin:3% 5%;
	text-align:center;
}
#contenido_forgot h2{	font-size:2em;}
#input_leyenda{
	width:50%;
	margin:3% 25%;
	border-bottom:5px solid #1D2225;
	height:auto;
	background-color:#e2e3e4;
}
#contenido_forgot input{
	margin:5%;
	font-size:1.1em;
	border-bottom:1px solid #c7c7c7;
	padding:10px;
	text-align:center;
	color:#FF9900;
	border-radius:50px;
}
#contenido_forgot p{padding:0 10% 3% 10%;}
/*----------------------------------------------*/
/*------------- POLITICAS DE COMPRA ----------- */
/*----------------------------------------------*/
.seccion_texto ol{
	margin:10px 0 15px 0;
}
.seccion_texto h3{
	color:#FF9900;
}
#como_comprar h3{
	color:#056B84;
	font-weight:normal;
}
.romanos{
	list-style-type:upper-roman  !important;
}
.numeros{
	list-style-type:decimal !important;
}
.letras{
	list-style-type:lower-latin !important;
}
#como_comprar .azul{ 
	color:#036A82;
	font-weight:bold;
}
#como_comprar li { counter-reset:item; }
#como_comprar li:before { color:#000; font-size:2em;}

/*----------------------------------------------*/
/*------------- PREGUNTAS FRECUENTES ---------- */
/*----------------------------------------------*/
.accordion {
	margin: 30px 50px; 
}
.accordion h3 {
	margin-bottom: 0px;
}
.accordion a, .faq_respuesta {
	padding: 10px;
	border-bottom:1px dashed #a7a7a7;
}
.accordion a {
	display: block;
}
.faq_respuesta {
	border-top: 0; 
	font-size: 12px;
	padding: 10px 10px 10px 30px;
}
/*----------------------------------------------*/
/*---------------- VENTANA MODAL -------------- */
/*----------------------------------------------*/
.ventana_modal{
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0, .5);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.contenedor_ventana_modal{
	display:block;
	position:relative;
	width:auto !important;
	height:auto;
	min-width:200px !important;
	max-width:350px !important;
	margin:10% auto 0 auto;
	background-color:#fff;
	border:3px solid #FF9900;
	border-radius:5px;	
	-webkit-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
	-ms-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
	-o-box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.75);
}
.titulo_ventana_modal{
	display:block;
	width:auto;
	height:auto;
	padding:8px 0;
	background-color:#FF9900;
	color:#fff;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}
.contenedor_ventana_modal p.mensaje{
	width:auto;
	margin:25px;
}
.btn_aceptar{
	min-width:80px;
	max-width:100px;
	background-color:#b80c10;
	color:#fff;
	text-align:center;
	margin:20px auto;
	padding:8px 15px;
	font-weight:bold;
	cursor:pointer;
	border-radius:3px;
	transition:ease 300ms;
}
.btn_aceptar:hover{
	min-width:76px;
	max-width:100px;
	background-color:#FF9900;
}
.cerrar{
	background:url(../images/icono_cerrar.png);
	width:30px;
	height:30px;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
.cerrar:hover{
	background:url(../images/icono_cerrar_hover.png);
}
/*----------------------------------------------*/
/*---------------- VIVAMEDIA FIRMA ---------- */
/*----------------------------------------------*/
.vivamedia_firma{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:100;
	overflow:hidden;
	width:30px;
	height:30px;
	background-image:url(../images/vivamedia_firma_icn_off.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:4px 4px;
	background-color:transparent;
	white-space:nowrap;
	margin:5px;
	border-radius:5px;
}
.vivamedia_firma:hover{
	letter-spacing:normal;
	transition: all 0.5s ease;
	background-image:url(../images/vivamedia_firma_icn_on.png);
	background-color:#FFF;
	width:200px;
}
.vivamedia_titulo{
	display:block;
	position:absolute;
	top:6px;
	left:32px;
	font-size:12px;
	color:#453420;
}
/*----------------------------------------------*/
/*---------------- MEDIA ONLY SCREEN ---------- */
/*----------------------------------------------*/
@media screen and (max-width: 90em) {
/*menu usuario logueado*/
#contenido_usuario_logueado{margin:0 150px 0 0;	}
/*---------------------- FOOTER -------------------------- */
#footer{padding:5% 2%;}
}
@media screen and (max-width: 85em) {
/*---------------------- FOOTER -------------------------- */
.ftr_column{	margin:0 1% 20px 1%;}
}
@media screen and (max-width: 81em) {
/*productos catalogo*/
.producto{	width:23%;}
/*-------- banner ---------*/
.big_title{	font-size:3em;}
.small_title{	font-size:2em;}
/*columnas categorias*/
.btn_columna{	padding:8px;}
.btn_columna span{	font-size:1.5em;}
.columna_categoria a:hover > .btn_columna span{	font-size:2em;}
}
@media screen and (max-width: 75em) {
/*-------- MENU DROPDOWN CATEGORIAS ---------*/
.nav > li > a {	padding:40px 10px;}
/*-------- BUSCADOR ---------*/
.searchbox-icon, .searchbox-submit{ width:50px;}
/*-------- PRODUCTOS DESTACADOS ---------*/
.productos_destacados .producto{	width:31%;}
/*---------------------- FOOTER -------------------------- */
.ftr_column{	margin:0 10% 20px 0;}
#redes_sociales{	position:absolute;	bottom:90px;}
#redes_sociales .limpiar{	display:none;}
.hr_ftr{	display:none;}
#contenedor_contactanos{	float:right;	clear:both;	text-align:right;}
.copyright{	text-align:right;}
/*grids*/
.col_3{	width:48%;}
/*slider*/
.btn_yt{	left:60%;}
/*-------- banner ---------*/
.big_title{	font-size:2.7em;}
.small_title{	font-size:1.5em;}
.bn-marca-logo{ width:auto !important;	max-height: 100px !important;top:2px!important;}
}
@media screen and (max-width: 68em) {
/*---HEADER---*/
.nav_top{	position:absolute;top:4px;left:250px; width:250px;}
.nav_top a{	padding:0px;	font-size:12px;}
.nav_top a:hover{	padding:4px;}
/*-------- PRODUCTOS ---------*/
.over_producto{	max-height:150px;}
.img_producto{	height:150px;}
.btns_producto{	top:30%;}
/*-------- PRODUCTOS ---------*/
.producto{	width:31%;	}
/*-------- banner ---------*/
.big_title{	font-size:2em;}
.small_title{	font-size:1.5em;}
}
@media screen and (max-width: 60em) {
/*---/-/-/--- PRODUCTO DETALLE ---/-/-/-/-/- */
/*PROMOCIONES*/
#promociones{padding:5% 2%;width:96%;font-size:1.2em;line-height:1.7;}
.promo_columna{	width:48%;	margin:0 1% 0 1%;	height:auto;	float:left;	border:1px solid #eee;	background-color:#fafbff;    padding: 1rem;	box-sizing:border-box;	}
.promo_columna img{	width:100%;	max-width:563px;}
#promociones strong{	font-size:1.4em;	display:block;	color:#FF9F3C;}
.banner_promo {  background: white;  border: 1px solid #ccc;  box-sizing:border-box;}
.banner_promo h2 {    padding: 1rem;	box-sizing:border-box;}
/* BUSCADOR */
#buscador{	height:70px;}
.searchbox{ height:70px;}
.searchbox-input{ width:90%;}
.searchbox-icon, .searchbox-submit{ height:70px;	border-bottom:1px solid #fff;}
/*---------------------- FOOTER -------------------------- */
}
@media screen and (max-width: 56em) and (min-width: 0px) {
/* HEADER */
#nav_contenedor{	float:none;	width:100%; left:-100%;}
#nav_contenedor_detalle{	float:none;	width:100%; left:-100%; top:100px}
}
@media screen and (max-width: 56em) {
/* MENU DROPDOWN CATEGORIAS */
.boton_categorias_detalle{display:none;}
.nav {    z-index: 500 !important;	margin:0 0 0 0;}
/*-------- HEADER ---------*/
#logo{	height:auto;	margin:10px 0 0 20px;}
#btn_menu{	display:block; margin:15px 20px 0 0;}
.nav{	width:50%;	float:right;	margin:0 15px 0 0;}
/*-------- COLUMNA CATEGORIAS IMAGES ---------*/
.btn_columna span{	font-size:2em;}
.columna_categoria a:hover > .btn_columna span{	font-size:2.5em;}
/*-------- CONTENDOR ---------*/
#contenedor{	padding:0;}
/*prodcutos catalogo*/
.producto{	width:23%;}
/*-------- PRODUCTOS DESTACADOS ---------*/
.pleca_destacados{	min-height:40px;}
.pleca_destacados h2{	font-size:1.8em;	padding:5px 30px;}
/*-------- PRODUCTOS ---------*/
.productos_destacados .producto{	width:23%;}
.contenedor_productos_catalogo .producto{	width:31%;}
.contenedor_productos_catalogo .over_producto{	max-height:200px;}
.contenedor_productos_catalogo .img_producto{	height:200px;}
.contenedor_productos_catalogo .btns_producto{	top:35%;}
/*-------- GENERAL PRODUCTOS ---------*/
#path{	padding-left:10px;}
/*formulario*/
.columna_form{ width:47%;}
/*-------- banner ---------*/
.big_title{	font-size:2.5em;}
.small_title{	font-size:2em;}
/*-------- slider ---------*/
.video_slider{	padding:0;}
.titulo_video{	padding:10px 0 0 10px;	font-size:1.3em;}
.btn_yt{	right:45%;	left:45%;	width:100px !important;}
}
@media screen and (max-width: 51em) {
.nav_top{	display:none;}
/*-------- FOOTER ---------*/
.ftr_column{	width:33%;	float:left;	margin:0 0 20px 0;}
#redes_sociales{	float:right;	margin-top:30px;}
/*-------- PRODUCTOS ---------*/
.producto{	width:31%;	}
}
@media screen and (max-width: 49em) {
/*********** PRODUCTO DETALLE **********/
#contenedor_galeria_producto , #contenedor_info_producto{	margin:0;}
/*-------- GALERIA PRODUCTO -----*/
#contenedor_galeria_producto{	width:100%;}
#imagen_principal{	width:100%; height:auto;}
#foto_principal{	max-width:100%; max-height:100%;	margin:0;}
/*set a border on the images to prevent shifting*/ 
#foto_thumbs{	width:80%;	max-width:100%;	margin:0 auto;}
#foto_thumbs a{	width:70px;	height:70px;}
.owl-carousel{	max-width:100%;}
/*-------- INFO PRODUCTO ---------*/
#contenedor_info_producto{	width:90%;	margin:20px 5% 0 5%;}
}
/*-----------MEDIANO---------------*/
@media screen and (max-width: 48em) {
/*login carrito*/
#contenido_login_carrito{width:100%; margin-top:0;}
.leyenda_registro{
	display:block;
}
/*olvidao contraseña*/
#contenido_forgot{width:100%;margin:3% 0;}
#input_leyenda{	width:90%;	margin:3% 5%;}
/* MENU LOGUEADO */
#contenido_usuario_logueado{width:auto;	font-size:.9em;}
/*-------- banner ---------*/
.big_title{	font-size:2em;}
.small_title{	font-size:1.5em;}
}
@media screen and (max-width: 42em) {
/*---------------- PREGUNTAS FERECUENTES ----------------- */
.accordion {	margin: 0px; }
/*-------- PRODUCTOS ---------*/
.productos_destacados .producto{	width:31%;}
.contenedor_productos_catalogo .producto{	width:48%;}
.contenedor_productos_catalogo .over_producto{	max-height:200px;}
.contenedor_productos_catalogo .img_producto{	height:200px;}
.contenedor_productos_catalogo .btns_producto{	top:35%;}
}
@media screen and (max-width: 40em) {
/*-------- PRODUCTOS DESTACADOS ---------*/
.pleca_destacados{	min-height:30px;}
.pleca_destacados h2{	font-size:1.3em;	padding:10px 10px;}
/*-------- COLUMNA CATEGORIAS IMAGES ---------*/
.columna_categoria{	width:48%;	margin:1%;}
.btn_columna{	padding:10px 10px;	bottom:5%;}
/*------------ CONTACTO ------------ */
.info_contacto{	width:90%;	margin:10px 5%;	padding:15px 0;}
#contenedor_mapa iframe{	height:200px;}
/*---------------------- FOOTER -------------------------- */
.ftr_column{width:100%;text-align:center;}
#redes_sociales{	position:inherit;	width:100%;}
#redes_sociales span{	text-align:center !important;	width:100%;}
#contenedor_contactanos{	text-align:center;	width:100%;}
.copyright{	text-align:center;	width:100%;}
}
@media screen and (max-width: 39em) {
/*promociones*/
.proximamente{ margin:0; font-size:1.8em;}
/* PRODUCTO AGREGADO */
#info_prod_agregado span{	font-size:1.3em;}
#info_prod_agregado img{	width:30px;}
#prod_agregado_img{	width:100px;	height:200px;}
#prod_agregado_img img{	width:100%;}
/* HEADER */
#nav_contenedor{	left:-100%; top:100px;}
/* MENU DROPDOWN CATEGORIAS */
#logo{	margin:10px 0 0 10px;}
#btn_menu{	display:block; margin:15px 20px 0 0;}
.nav_down{	display:block;}
.nav{width:100%;	float:none;}
.nav .acc_categoria, .nav .categoria {	margin-bottom:0;}
/*-------- PRODUCTOS ---------*/
.producto{	width:47%;	}
/*grids*/
.col_2{	width:96%;	margin:5px 2%;}
.col_3{	width:98%;}
/*video slide*/
.titulo_video{	font-size:1em;}
.btn_yt{	right:45%;	left:45%;	width:70px !important;}
/*-------- banner ---------*/
.big_title{	font-size:1.5em;}
.small_title{	font-size:1.2em;}
.bn-marca-logo{	max-height: 68px !important;top:2px!important;}
}
@media screen and (max-width: 35em) {
/*home*/
/*login carrito*/
#contenido_login_carrito{	width:95%;}
#contenido_login_carrito h2{	font-size:1.5em;}
.login_carrito{	width:100%;	padding:30px 5%;	margin:15px 0;	min-height:150px;}	
.login_carrito .botones a{ text-align:center; float:none;}
/* MENU LOGUEADO */
#contenido_usuario_logueado{	max-width:200px;	height:60px;}
#contenido_menu_usuario{	top:55px;}
/* detalle video*/
.video_detalle{
	width:100%;
	margin:0 0 20px 0;
}
/*texto_home*/
.right_img{
	width:100%;
	margin-bottom:20px;
	min-width:150px;
}



}
@media screen and (max-width: 32em) {
/*-------- CONTENEDOR BUSCADOR LOGIN CARRITO ---------*/
#contenedor_busca_login_cart{	height:35px;	width:auto;}
/*-------- LOGIN ---------*/
#btn_nav_login{	padding:0; margin:0;}
#icono_usuario{	display:block; width:38px; margin:5px 10px 0 0;}
#btn_nav_login span{	display:none;}
#btn_menu{	display:block; margin:0; position:absolute; right:10px; bottom:5px; }
#btn_menu img{	width:47px; }
#header{position:relative;}
#header .h_text{	display:none !important;}
/*-------- CaARRITO ---------*/
#nav_carrito{	display:block;	float:right; margin:5px 10px 0 0;}
#nav_carrito img{	width:25px;}
#nav_carrito a{	padding:7px 5px;	margin:0;	background-color:#fff;	display:block;}
.nav_cart_cantidad{	float:left;	margin:-5px 0 0 0 ;	color:red;}
/*-------- COLUMNA CATEGORIAS IMAGES ---------*/
.columna_categoria{	width:100%;	max-height:200px;	margin:0 0 20px 0;}
/*.columna_categoria a img{	margin:-85px 0 0 0;	width:100%;}*/
.btn_columna{	padding:10px 10px;	bottom:5%;}
/*********** PRODUCTO DETALLE **********/
/*-------- INFO PRODUCTO ---------*/
#contenedor_info_producto{	width:100%;	margin:20px 0 0 0;}
#submenu_detalle ul li a{	width:49%;	font-size:1.2em;	padding:10px 0;}
#detalle_descargas a{ width:100%; float:left; margin:0 20px 20px 0;}
/*-------- PRODUCTO TOTAL ---------*/
#detalle_cantidad{	width:auto;}
#contenido_total .boton_v1{	float:right;	clear:right;	margin-top:20px;}
/*-------- FOOTER ---------*/
.ftr_column{	width:100%;	text-align:center;}
#contenedor_contactanos{ margin-bottom:50px;}
/*------------ NOSOTROS ------------ */
#nosotros_texto p{	width:96%;	margin:20px 2% 0 2%;}
.columna_nosotros{	width:100%;	margin:20px 1%;}
.columna_nosotros p{	padding:10px 10%;}
/*-------- GENERAL PRODUCTOS ---------*/
.contenedor_productos_catalogo{	width:100%;}
/*-------- PRODUCTOS ---------*/
.producto{	margin:0 0 20px 0 !important; height:auto !important;}
.producto{	width:100% !important;	margin:0 0 0 0;}
.over_producto{	width:50%;	position:static;	float:left;	opacity:1;	display:none;}
.img_producto{	height:150px !important;	width:45%;	float:left;}
.descripcion_producto{	text-align:left;	padding:5px 5px;	float:left;	width:50%;	font-size:.9em;}
.btns_producto{	float:right;}
.btns_producto .boton_v2{	padding:3px 10px;	margin:3px 0 0 0;}
/*usuario logueado*/
#contenido_usuario_logueado{	width:auto;	height:35px;	margin:5px 10px 0 0 !important;}
#bienvenido_usuario p{	margin:-5px 0 0 0;}
#contenido_menu_usuario{	top:35px;	right:5px;}
/*-------- banner ---------*/
.texto_banner_catalogo{bottom:10px;}
.big_title{	font-size:1.5em;}
.small_title{	font-size:.8em;}
.bn-marca-logo{	max-height: 60px !important;top:1px!important;}
}
@media screen and (max-width: 1110px) {
	/*-------- BUSCADOR HOME ---------*/
	#home_buscador{
		padding:1.5% 1.5% 3% 1.5%;
	}
	#home_buscador span.titulo{
		font-size:20px;
	}
	#home_buscador div.campos_busqueda{
		width:60%;
		margin-top:-5px;
	}
}
@media screen and (max-width: 975px) {
	/*-------- BUSCADOR HOME ---------*/
	#home_buscador{
		padding:2%;
		margin-left:2%;
	}
	#home_buscador span.titulo{
		font-size:30px;
		display:block;
		margin-bottom:15px;
	}
	#home_buscador div.campos_busqueda{
		float:none;
		width:100%;
		margin-top:0;
	}
}
@media screen and (max-width: 900px) {
	/*-------- DETALLE PRODUCTO ---------*/
	#contenedor_detalle{
		width:100%;
		float:none;
	}
	.productos_relacionados{
		float:none;
		width:100%;
		margin:2% 0;
	}

}
@media screen and (max-width: 784px) {
	#contenedor_info_producto{margin-top:65px;}
}
@media screen and (max-width: 640px) {
	/*FOOTER*/
	.espacio_footer{
		display:none;
	}
	#redes_sociales{
		text-align:center;
	}
	#redes_sociales a{
		float:none;
	}
}
@media screen and (max-width: 560px) {
/*home buscador*/
#contenedor_campos_b{	min-height:200px;	}
.buscador_home_campos{	width:80%;}
#contenedor_campos_b select{	width:84%;}
}

@media screen and (max-width: 490px) {
#logo{margin:0;}
#logo img{width:180px;}
/*formulario*/
#formulario_usuario p{width:90%;}
.columna_form{ width:100%; margin:0 0 0 0;}
.botones a{	padding:10px 50px;	float:left;}
/*banner*/
#banner_seccion{ overflow:hidden; width:100%;}
#banner_seccion img{ width:180%; margin:0 0 0 0; }
/*paginador*/
.cant_productos{padding:5px 0 5px 2%;width:98%;}
.div_paginador{width:auto;float:right;}
.paginador {padding:5px 2% 5px 0;float:right;}
#contenido_usuario_logueado{	margin:5px 5px 0 0 !important;}	
/*header*/

}
@media screen and (max-width: 430px) {
/*promociones*/
.proximamente{ margin:0; font-size:1.3em;}
/* PRODUCTO AGREGADO */
#info_prod_agregado{	width:96%;	border-bottom:2px solid #c7c7c7;	border-right:none;}
#info_prod_agregado span{	font-size:1.3em;}
#info_prod_agregado img{	width:30px;}
#prod_agregado_img img{	width:100%;}
#agregado_carrito{	width:96%;}
#agregado_carrito .boton_v1{	margin:30px 0 10px 0;}
.padding{ padding:10px;}
}
@media screen and (max-width: 420px) {
	div.campos_busqueda input{
		width:80%;
		margin:0 0 15px 0;
		display:block;
	}
	/*-------- BUSCADOR HOME ---------*/
	#home_buscador div.campos_busqueda{
		float:none;
		width:100%;
		height:auto;
	}
	.contenedor_categorias_home{
		width:100%;
		margin:0 0 15px 0;
		float:none;
	}
	.atributo{
		margin-bottom:10px;
	}
}
@media screen and (max-width: 400px) {
#logo img{width:170px;}
#nav_carrito{float:none;width:53px;right:55px;position:absolute;bottom:10px}
/*-------- LOGIN ---------*/
/*login*/
#contenido_login{	right:-55px;}
/*-------- PRODUCTO ---------*/
.img_producto{	width:45%;	float:left;}
/*-------- COLUMNA CATEGORIAS IMAGES ---------*/
/*.columna_categoria a img{	margin:-35px 0 0 0;	width:100%;}*/
/*formulario*/
#formulario_usuario p{width:90%;}
.columna_form{ width:100%; margin:0 0 0 0;}
.botones a{	padding:10px 50px;	float:left;}
/*-------- SLIDER / banner ---------*/
.texto_banner_catalogo{bottom:10px;}
.big_title{	font-size:1em; bottom:0;}
.small_title{	font-size:.8em;}
/*video slide*/
.titulo_video{	font-size:.8em;}
.btn_yt{width:40px !important;}

}
@media screen and (max-width: 320px) {
/*paginador*/
.page_dots { padding: 0px 4px;}
/*---------------- USUARIO LOGUEADO ----------------- */
#icn_user{	display:none;}
}