/*catalogo*/
.titulo{
}
#navlistcat2jb{list-style-type: none;}
.activecat2jb:hover li { display: block; }
.categoria1{
font-weight:normal;
}
.categoria1 a{
text-decoration:none;
}
.subcategoria1{
font-size: 16px;
margin:10px;
padding:30px;
		font-family:'Roboto Slab', sans-serif;


}
.subcategoria1 a:hover{
color:#FF9900
}
.categoria2{
font-size: 14px;
font-weight:normal;
list-style:none;
margin:0px;
padding:0px;
}
.categoria2 a{
text-decoration:none;
display:block;
clear:both;

}
.subcategoria2{
font-size: 18px;
list-style:none;
margin:2px;
padding:2px;
}
 .subcategoria2 ul{
margin:0px;
padding:0px;
}
.subcategoria2 a:hover{
color:#FF9900
}
.subcategoria3{
font-weight:normal;
float:left;
text-align:center;
margin-bottom:10px;
}
.subcategoria3 a{
text-decoration:none;
font-size:11px;
color:#FF9900;
width:205px;
height:20px;
padding-top:140px;
display:block;
}
.small{
font-size:12px;
}
#thumbjb_contenedor {
	margin-bottom:2px;
	padding: 0;
	width: 70px;
	height:400px;
	float: left;
}
#visorjb {
padding: 0;
float: right;
width: 100%;
border: 1px solid;
padding: 0;
background-color: #ebebeb;
background-image:url(loading.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
overflow: hidden;
}
#descripcionjb{
clear: both;
}
.thumbjb {
	float: left;
	margin: 0px;
	margin-bottom:2px;
	padding: 0;
	padding-right: 1px;
	padding-bottom: 1px;
	border:#999999 solid 1px;
	clear: both;
}
.thumbjb img{
width:50px;
height:40px;
}
.thumbjb a{
font-size:10px;
text-decoration:none;
}
.subrayado{
text-decoration: line-through;
color:#990000;
}
a.tumb-a-image {
display:block;
height:200px;
clear:both;
   display: flex;
   align-items: center;
   margin:0 auto;
   width:200px;
}
a.tumb-a-image_horizontal {
display:block;
   margin:0 auto;
   width:200px;
   float:left;
   margin-right:10px;
}
a.thumbjbtitle {
display:block;
background-color: #F4F4F4;
	font-family:'Roboto Slab', sans-serif;
font-size:14px;
clear:both;
}
a.thumbjbtitle_horizontal {
width:200px;
}
a.bc{
margin:10px;
background-color:#009900;
width:50px;
color:#FFFFFF;
padding:1px;
padding-left:10px;
padding-right:10px;
background-image:url(bc.gif);
font-weight:bold;
font-size:12px;
}
.itemjb {
BORDER: #cccccc 1px solid;
PADDING: 5px;
margin:10px;
FLOAT: left;
WIDTH: 290px;
HEIGHT: 300px;
float:left;
BACKGROUND-COLOR: #fff;
font-size:12px;
color:#000000;
text-align:center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;

}
.itemjb_horizontal {
BORDER: #cccccc 1px solid;
PADDING: 5px;
margin:10px;
FLOAT: left;
WIDTH: 70%;
float:right;
BACKGROUND-COLOR: #fff;
font-size:15px;
color:#000000;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;

}
.itemjb_horizontal h3{
PADDING: 0px;
margin:0px;
margin-bottom:5px;
}
.itemjb_horizontal span{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
width:100%;
overflow:hidden;
}
.cuadroitemjb{
display: inline;

width:35%;
float:left;
padding-right:10px;
}

.imgtb{
margin:0px;
max-width:100%;
max-height:200px;


}
.totaljb{
font-size:14px;
font-weight:bold;
width:50px;
vertical-align:middle;
color:#000000;
}
.preciojb{
font-size:18px;
}
#colfotos{
 width:500px;
	float: left;
}
#principal_jb{
	max-width:500px;
	max-height:600px;
}
#colcaracteristicas{
 width:calc((100% - 850px ));
 float:left;
 padding-left:10px;
 }

#carrodecomprasdiv{
	border: #CCCCCC solid 1px;
	font-size: 12px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #333;
	float: right;
	width: 240px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	z-index: 0;
}




#menuflotante {   
    position: relative;   
    top: 0px;   
    left: 0px;   
    font: 12px verdana,arial,helvetica;   
    color: #0000cc;   
background-image:url(../catalogojb/trans.png);
    padding: 10px;   
    border: none;   
    z-index: 5;
	font-size:10px;
}   
  
/* :visited es necesario porque el menu contiene enlaces internos (#) y el IE los ve como ya visitados */  
div#menuflotante a, div#menuflotante a:visited {   
    color: #0000cc;   
}
/* Sin color */
.historialjb  { overflow: hidden; padding: 5px; }
.historialjb > li {
position: relative;
float: left;
width:53px;
list-style: none;
margin: 0 1px 1px 0;
font-size: 10px;
display: inline-table;
}
.historialjb a { text-decoration: none; display: block; }
.historialjb li img { display: block; position: relative; z-index: -1; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
.historialjb li:not([class=na]) img { position: static; } /* Reset relative position, as this plays havoc with good browsers */
.historialjb a:hover, .historialjb a:focus { display: block; outline: none; }
.historialjb a:hover img, .historialjb a:focus img { outline: 1px solid #ccc; }

.historialjb a:hover:after,
.historialjb a:focus:after
{
content: attr(title);
color: #000;
position: absolute;
bottom: 0;
height: 26px;
text-align: center;
width: 100%;
background-image:url(../catalogojb/trans.png);
display: block;
text-shadow: 1px 1px 1px #fff;
}
.historialjb a.reverse:hover:after,
.historialjb a.reverse:focus:after { top: 0; right: 0; }

.historialjb a.offset:hover:after,
.historialjb a.offset:focus:after { top: 50%; margin-top: -15px; }

.historialjb a.alternate01:hover:after,
.historialjb a.alternate01:focus:after
{
top: 0;
width: 50%;
height: 100%;
line-height: normal;
text-align: left;
padding: 4px;
font-size: 12px;

}
/* Con color */
.historialjb.color a:hover img, .historialjb.color a:focus img { outline-color: #1E528C; }

.historialjb.color a:hover:after,
.historialjb.color a:focus:after
{
background: rgb(30,82,140);
background: rgba(30, 82, 140, 0.7);
background: -moz-linear-gradient(top, rgba(30, 82, 140, 0.7), rgba(43, 117, 200, 0.7)); /* Firefox 3.6+ */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 82, 140, 0.7)), to(rgba(43, 117, 200, 0.7))); /* Safari */
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.detailsjb{
height:15px;
overflow:hidden;
background-color:#eeeeee;
margin-bottom:5px;
}
.detailsjb:hover{
height:90px;
overflow:auto;
background-color:#ffeeee;
}
#cuadrocarro{
position:absolute;
top:0px;
left:0px;
width:644px;
}
#cuadrocarrotabla{
width:644px;
}
#listaproductossubcategoriaselect{
width:100%;
font-size:14px;
font-weight:bold;
background-color:#FF6600;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
}
@media screen and (max-width: 1199px) {
#colfotos{
 width:calc(100% - 70px );
}
#colcaracteristicas{
 width:calc(90%/2);
 float:left;
 padding-left:10px;
 margin-top:20px;
  }

#carrodecomprasdiv{
 width:calc(90%/2);
 margin-top:20px;
}

}

@media screen and (max-width: 800px) {
#colfotos{
 width:calc(100% - 70px );
}
.itemjb {
	width:96%;
}
.itemjb_horizontal {
	width:96%;
	margin:0;
}
.cuadroitemjb{
display: inline;

width:100%;
float:left;
padding-right:0px;
padding-top:20px;
}
a.tumb-a-image_horizontal {
display:block;
   margin:0 auto;
   width:100%;
   float: none;
   margin-right:0px;
}
.imgtb{
margin:0 auto;
max-width:100%;
max-height:300px;


}

#colcaracteristicas{
 width:calc(96%);
 float:left;
 padding-left:10px;
 }

#carrodecomprasdiv{
 width:90%;
 float:right;
 margin-top:20px;
}
    .cloud-zoom-big { display: none!important;} /* disable cloud zoom */

}