body {
	margin: 0;
}





/*PARA PRODUCTO CON TABS O PESTAÑAS PRUEBA 02*/
.contenedor_tab{
	float:left;
	/*clear:both;*/
	width:460px;
	/*padding:0px;*/
	/*margin:0 auto;*/
	/*display:block;*/
	/*background: #F2F2F2;*/
	border:1px solid #CCC;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7pc 7px;
	border-radius: 0 0 7px 7px;
}

ul.tabs{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	height:32px;
	width:460px;
	margin-top:0px;
	font: bold 11px Tahoma, Helvetica, sans-serif;	
}

ul.tabs li{
	float:left;
	margin:0;
	padding:0;
	height:31px;
	line-height:31px;
	margin-bottom:-1px;	
	overflow:hidden;
	position:relative;	
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	
	background: #F0F0F0;
	border:1px solid #CCC;
}

ul.tabs li a{
	text-decoration:none;
	color: #666;
	display:block;
	font-size:13px;
	padding:0 20px;
	border:1px solid #FFF;
	outline:none;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	border-radius: 7px 7px 0 0;	
}

ul.tabs li a:hover{
	background:#CCC;	
	color: #FFF;
}

ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover {
	color:#666;
	background: #FDFDFD;	
}

.contenido_tab{
	padding:0px;
	width:460px;
}

.contenido_tab img{
	margin:0 0px 0px 0;
	border:0px solid #ddd;
	padding:0px
}


.descripcion_del_producto_tab {
	float:left;
	width:451px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-left:6px;
	margin-top:8px;
	padding-left:15px;
	/*background-color: #FDFDFD;*/
}

.videos_para_producto_tab{
	float:left;
	margin-left:6px;
	/*margin-top:4px;*/
	padding-left:10px;
	padding-top:10px;
	/*background: #F9F9F9 ;*/
	height:327px;
	width:448px;
}
/*FIN PARA PRODUCTO CON TABS O PESTAÑAS PRUEBA 02*/











/* PARA HOME (INDEX) */
/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.contenedor_principal {
	min-width:956px;
	background:#CCC;
	background-image:url('metal.jpg');	
    background-position:top;
    background-attachment:fixed;
    background-size:100%;
    background-repeat:no-repeat;
	
}

/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.header {
	min-width:956px;
	height:100px;
	background-image:url('header.jpg');
    background-position:top;
    background-attachment:fixed;
    background-size:100%;
    background-repeat:no-repeat;
	margin: 0 0; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	
}

.contenedor_central {
	/*background: #F00;  color del contenedor, color que se ve bajo el menu izquierdo */
	min-width:962px;
	max-width:962px;
	margin:auto;
	background-color: #FFF;
		
	/*iluminado en los bordes*/
	-moz-box-shadow: 0 0px 60px  #000000;
	-webkit-box-shadow: 0 0px 60px #000000;
	box-shadow: 0 0px 60px #000000;	
		
}

.logos_header {
	width:956px;	
	height:90px;
	position:relative;
	color:#000;
	margin:auto;
	/*background: #F00;  color del contenedor, color que se ve bajo el menu izquierdo */
}


.logo_myh {
	float:left;
	width:150px;
	height:90px;
	/*background:#0F0;*/
    background-image:url('logo_myh.png');
	background-size:100%;
	background-position:center;
    background-repeat:no-repeat;
}

.buscador_myh {
	float: left;
	height:90px;	
	width:650px;
	color:#FFF;
	/*background:#C6F;*/
}


.logo_telefono {
	float: right;
	width:156px;
	height:90px;
	/*background:#0F0;*/	
    background-image:url('telefono.png');
	background-size:100%;
    background-repeat:no-repeat;
	background-position:center;	
}


.contenedor_menu_header {
	min-width:956px;
	height:28px;
	background: #FC0;  /*color del contenedor, color que se ve bajo el menu izquierdo */	
	
	/*para tapar iluminado en los bordes de contenedor_central*/
 	position: relative;
 	z-index: 50;
	/*fin para tapar iluminado en los bordes de contenedor_central*/
	
}

.menu_header {
	width:956px;
	height:28px;
	background: #FC0;   /*color del contenedor, color que se ve bajo el menu izquierdo */
	margin: 0 auto;				
}


.menu_header_izquierdo {
	width: 158px;/*Determina la ubicacion del menu superior */
	float:left;
	background: #FC0;   /*color del contenedor, color que se ve bajo el menu izquierdo */
	text-align:right;
 	font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	padding-top:7px;	
}


/* Da borde amarillo a boton home */
.menu_header_izquierdo_borde {
	float: left;
	width: 10px;
	height:28px;
	background: #FC0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.menu_header_centro {
	width: auto;
	float: left;
	height:28px;
	background: #333;  /*color del contenedor, color que se ve bajo el menu izquierdo */
	width: auto;
	
}

.menu_header_derecho_cotizar {
	float:left;
	width: auto;
	background: #FC0;   /*color del contenedor, color que se ve bajo el menu izquierdo */
	text-align:left;
 	font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	padding-top:7px;

}


.menu_header_derecho_carrito_cotizar {
	float:left;
	width: auto;
	background: #FC0;   /*color del contenedor, color que se ve bajo el menu izquierdo */
	text-align:left;
 	font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
}

.menu_header_derecho_item_cotizar {
	float:left;
	width: auto;
	background: #FC0;   /*color del contenedor, color que se ve bajo el menu izquierdo */
	text-align:left;
 	font: bold 10px "Verdana", Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	padding-top:7px;
}


/* Da borde amarillo a boton comprar */
.menu_header_derecho_borde {
	float: left;
	width: 12px;
	height:28px;
	background: #FC0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}





.divisor_menu_header {
	position: relative;
	height:6px;
	width:962px;
	margin:auto;	
	background: #FFF;  /*color del contenedor, color que se ve bajo el menu izquierdo */
}


.contenedor_banner {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	height:316px;
	text-align:center;
	/*background:url(metal.png) repeat; /* color del contenedor, color que se ve bajo el menu izquierdo */
	
		
}


.divisor_banner {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	height:16px;
	/*background:url(metal.png) repeat; /* color del contenedor, color que se ve bajo el menu izquierdo */
	

	
}


.tabla_divisor_banner { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	border:0;
	border-collapse:collapse;
	empty-cells:hide;
}


.celda_divisor_banner_izquierda { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	background:url('barra divisora banner izquierda.png') no-repeat;
	width:40px;
	height:16px;
/*background-color: #595959;*/
}


.celda_divisor_banner_centro { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	background:url('barra divisora banner centro.png') repeat;
	width:876px;
	height:16px;
	/*background-color: #595959;*/
}



.celda_divisor_banner_derecho { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	background:url('barra divisora banner derecha.png') no-repeat;
	width:40px;
	height:16px;
	/*background-color: #595959;*/
}


.menu_dock {
	position: relative;
	height: 127px; /* Altura del Footer en px*/
	background: #FFF;
	width:956px;
	margin:auto;
}


.contenedor_videos_y_productos {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	color:#000;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}


.contenedor_videos_destacados {
	float:left;

}


.videos_destacados {
	overflow:hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
	position: relative;
	margin-left:7px;
	margin-top:4px;	
}

.video_destacado {
	position: relative;
	width:437px;
	height:150px;
	background: #F7F7F7;
}

.contenedor_iframe_video_destacado_youtube {
	float:left;
	padding-top:10px;
	padding-left:10px;
	width:230px;
	height:140px;
}

.comentario_video_destacado {
	float: left;
	padding-top:10px;
	margin-left:15px;
	height:140px;
	width:170px;
	font: 12px "Arial", Arial, Helvetica, sans-serif;
	text-align: justify;
}


.boton_ver_video_completo {
	font: bold 12px "Arial", Arial, Helvetica, sans-serif;
	color: #F90;
	text-decoration:none;
}


.separador_video_destacado {
	position: relative;
	height:8px;
}



.tabla_titulo_videos_destacados { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	border:0;
	border-collapse:collapse;
	empty-cells:hide;
}


.celda_titulo_videos_izquierda { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	/*
	background:url('barra titulo izquierda.png') no-repeat;
	width:65px;
	height:40px;
	*/

	width:6px;
	height:26px;
	background-color:#FFF;

}


.celda_titulo_videos_centro { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	/*
	background:url('barra titulo centro.png') repeat;
	height:40px;
	*/
	/*border-bottom:solid 3px #EBEBEB;*/
	height:26px;	
	/*background-color: #FFF;*/
	background-color: #F5F5F5;
	padding-left:15px;
}



.celda_titulo_videos_derecho { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si 	#footer se elimina o se saca 		fuera de #container */
	/*
	background:url('barra titulo derecha.png') no-repeat;
	width:65px;
	height:40px;
	*/

	width:6px;
	height:26px;
	background-color:#FFF;	
	
}



.contenedor_productos_destacados {
	float:right;
	width:506px;
}


.productos_destacados {
	overflow:hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
	position: relative;
	margin-left:20px;
	margin-top:4px;	
}

.producto_destacado {
	float:left;
	position: relative;
	width:160px;
	/*height:265px;*/
	/*background:#9C0;*/	
}

.tabla_producto_destacado {
	position: relative;
	width:150px;
	border:0px;
	/*background: #F00;*/	
}

.foto_producto_destacado {
	width:150px;
	height:150px;
	/*background:#6F0;*/
}

.nombre_producto_destacado {
	width:150px;
	height:50px;
	font: bold 12px "Arial", Arial, Helvetica, sans-serif;
	text-align:center;
	/*background:#0CF;*/	
}

.marca_producto_destacado {
	width:150px;
	height:25px;	
	font: bold 12px "Arial", Arial, Helvetica, sans-serif;
	text-align:center;
	color:#F90;
	/*background:#FF0;*/		
}


.tabla_pie_productos{ /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca 		fuera de #container */
	border:0;
	color:#000000;
	text-align:center;
}


.menu_inferior {
	min-width:956px;
	position: relative;
	height: 150px; /* Altura del Footer en px*/
	background: #333;
}


.contenido_menu_inferior {
	width:956px;
	position: relative;
	height: 150px; /* Altura del Footer en px*/
	margin:auto;

}


.resena_myh_home {
	width:300px;
	position: relative;
	background: #0F0;		
}


.footer {
	min-width:956px;
	position: relative;
	height: 40px; /* Altura del Footer en px*/
	background: #FFF;	
}

.contenido_footer {
	width:956px;
	position: relative;
	margin:auto;
	font: bold 9px "Verdana", Arial, Helvetica, sans-serif;
	
	
}
/* FIN PARA HOME (INDEX) */











/* PARA PAGINA DE PRODUCTO */

.contenedor_tabla_documentos{
	padding:15px;
}

.celda_header_documentos{ 
	text-align:center; 
    width:210px; 
	height:20px;
    color: #333;
    background-color: #CCC;
	border: solid 1px #FFF;
	font: 11px Verdana, Helvetica, sans-serif ;
	adding:2px; 
	margin:2px;
}

.celda_normal_documentos{ 
	text-align:center; 
    width:210px; 
	height:20px;
    color: #333;
    background-color:#F2F2F2;
	border: solid 1px #FFF;
	font: 11px Verdana, Helvetica, sans-serif ;
	adding:2px; 
	margin:2px;
}


.boton_acciones_producto{
	width:267px;
	text-align:center;	
	border:0px solid #CCC0C3; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:13px;
	font-family:helvetica, sans-serif; 
	padding: 7px 7px 7px 7px; 
	text-decoration:none; 
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; color: #FFFFFF;
	background-color: #E8E8E8; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#9E9E9E));
 	background-image: -webkit-linear-gradient(top, #E8E8E8, #9E9E9E);
 	background-image: -moz-linear-gradient(top, #E8E8E8, #9E9E9E);
 	background-image: -ms-linear-gradient(top, #E8E8E8, #9E9E9E);
 	background-image: -o-linear-gradient(top, #E8E8E8, #9E9E9E);
 	background-image: linear-gradient(to bottom, #E8E8E8, #9E9E9E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E8E8E8, endColorstr=#9E9E9E);
}

.boton_acciones_producto:hover{
	width:267px;
 	border:0px solid #BCB6A2;
 	background-color: #000000; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#5C5963));
	background-image: -webkit-linear-gradient(top, #000000, #5C5963);
 	background-image: -moz-linear-gradient(top, #000000, #5C5963);
 	background-image: -ms-linear-gradient(top, #000000, #5C5963);
 	background-image: -o-linear-gradient(top, #000000, #5C5963);
 	background-image: linear-gradient(to bottom, #000000, #5C5963);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#5C5963);
}



.separador_horizontal_acciones{
	height:15px;
	width:460px;
	float:left;
}

select{
	color: BLACK;
	max-width:260px;
	min-width:100px;	
	height:20px;
}

.contenedor_producto {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	color:#000;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}


.informacion_basica_producto {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	color:#000;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}


.informacion_detallada_producto {
	width:956px;
	margin:auto;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}

.contendor_galeria_y_opciones_producto {
	float:left;
	width:478px;
}


.contenedor_opciones_qr {
	width:478px;
	margin:auto;
	color:#000;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}

.contenedor_qr {
	float:left;
	width:239px;
}


.contenedor_opciones {
	float:left;
	width:239px;
}

.contenedor_descripcion_y_videos {
	float:left;
	width:478px;
}

.videos_para_producto{
	float:left;
	margin-left:10px;
	margin-top:4px;
	padding-left:10px;
	padding-top:10px;
	background: #F9F9F9 ;
	height:327px;
	width:448px;
}


.descripcion_del_producto {
	float:left;
	width:451px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-left:6px;
	margin-top:5px;
	padding-left:15px;
	background-color: #FDFDFD;		
}


.link_categorias_cabecera_producto {
	color: #6F6F6F;
	text-decoration:none;
	font: bold 11px Tahoma, Helvetica, sans-serif ; 
}

/* FIN PARA PAGINA DE PRODUCTO */








/*PARA PAGINA DE VIDEO*/
.contendor_video_pagina_video {
	float:left;
}


.productos_relacionados_video{
	float:left;
	margin-left:0px;
	margin-top:4px;
	padding-left:0px;
	padding-top:10px;
}


.video{
	margin-left:10px;
	margin-top:4px;
	padding-left:10px;
	padding-top:10px;
	background: #F7F7F7;
	height:370px;
	width:510px;
}


.contenedor_descripcion_pagina_video {
	float:left;
	margin-left:10px;
	width:416px;
}

.descripcion_del_video {
	float:left;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	margin-left:6px;
	margin-top:5px;
	padding-left:15px;
	background-color: #FDFDFD;
	width:389px;
}

/* FIN PARA PAGINA DE VIDEO*/












/* PARA PAGINA DE CATEGORIA */
.contenedor_productos_y_submenu_categoria {
	background: #FFF; /* color del contenedor, color que se ve bajo el menu izquierdo */
	width:956px;
	margin:auto;
	color:#000;
	overflow: hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/	
}


.menu_lateral_subcategorias {
	float:left;
	width:240px;
}


.inicio_tabla_lateral_subcategorias {
	border:0px;
	background: #F5F5F5;
	width:235px;
	height:20px;	
	margin-top:5px;
	margin-left:5px;	
	color:#FFF;	
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.tabla_lateral_subcategorias {
	border:0px;
	background: #F5F5F5;
	width:235px;
	margin-left:5px;
	color:#FFF;
	font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
	
	/*background: #F00;*/
}


.fin_tabla_lateral_subcategorias {
	border:0px;
	background: #F5F5F5;
	width:235px;
	height:20px;
	margin-bottom:5px;
	margin-left:5px;	
	color:#FFF;	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}


.link_menu_subcategorias {
	/*color: #B0B0B0;*/
	color: #999;
	text-decoration:none;
	font: bold 10px Tahoma, Helvetica, sans-serif ;
	padding-left:15px;
	float:left;
	text-transform: uppercase;
}


/*Div que contiene a productos, si categoria tiene hijos, dejo este contenedor en 716px para deja espacio para menu de subcategorias*/
.contendedor_productos_home_categoria_con_hijas {
	float:left;
	width:716px;	
	overflow:hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/		
}



/*Div que contiene a productos, si categoria NO tiene hijos, dejo este contenedor en 956px YA QUE NO HAY menu de subcategorias*/
.contendedor_productos_home_categoria_sin_hijas  {
	float:left;
	padding-left:65px;
	width:auto;	
	overflow:hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/		
}

.productos_categoria{
	margin-left:9px;
	margin-top:15px;
}

.producto_categoria{
	float:left;
	width:160px; /* importante darle una anchura */
	margin-left:2px;
	text-align:center;	
	border-bottom: dotted 1px #D2D2D2;
}

.div_separador_paginacion{
	width:956px;	
	height:20px;
	background:#FFF;
	margin:auto;
}

.div_contenedor_paginacion{
	width:956px;
	background:#FFF;
	margin:auto;
}

.tabla_paginacion_productos_home_categoria{
	color: #666;
	width:944px;
	margin-left:6px;
	text-decoration:none;
	font: bold 11px Verdana, Helvetica, sans-serif ;
	background:#F7F7F7;
	border: solid 0px #CCCCCC;
}


.tabla_producto_categoria {
	position: relative;
	width:150px;
	border:0px;

	/*background: #F00;*/	
}

.divisor_filas_productos_categoria {
	height:20px;
	border-bottom: dashed 1px #CCCCCC;
	background: #F00;
}



/* FIN PARA PAGINA DE CATEGORIA */





/*PARA PAGINAS CORPORATIVAS
/*Div que contiene a productos, si categoria NO tiene hijos, dejo este contenedor en 956px YA QUE NO HAY menu de subcategorias*/
.contendedor_info_corporativa  {
	float:left;
	padding-left:20px;
	width:auto;	
	overflow:hidden;/*Permite que este contenedor crezca en funcion que crecen los divs flotantes que contiene a lo ancho y alto*/		
}
/*FIN PARA PAGINAS CORPORATIVAS*/






/*PARA PAGINA CARRITO*/
.celda_producto_carro {	
	background-color: #FFF;
	padding-left:15px;
}



.celda_cantidad_carro { 

	background-color: #FFF;	
	
}

.separador_producto_carro {
	width:683px;
	height:5px;
	margin-left:2px;
	background:#F7F7F7;
	border: solid 0px #CCCCCC;
}


.inicio_carro {
	width:683px;
	height:60px;
	margin-left:2px;
	background:#F7F7F7;
	border: solid 0px #CCCCCC;
}


.fin_carro {
	width:683px;
	height:65px;
	margin-left:2px;
	background:#F7F7F7;
	border: solid 0px #CCCCCC;
}

.inputcentrado {
	text-align: center
}
/*FIN PARA PAGINA CARRITO*/