/* CSS Document */
#contenido a img{margin:5px;}
#contenido hr{width:50%;}
#dtsku{}
.cols{
width:50%;
float:left;
}
.img_detalle{
border:#CCCCCC 1px solid;
margin: 0 0 0 -5px;
padding:0px;
}

.precio{
font-size:18px;
font-weight:bold;
}
.p_chico{
font-weight:bold;
font-size:11px;
}
.texto_detalle{
text-align:left; 
margin-top:10px; 
margin-bottom:10px;
padding:15px;
}
.texto_detalle div{margin-bottom:15px;}
.pie_detalle{clear:both;}
.credito{
width:90%;
font-size:11px;
}
.credito caption{
font-weight:bold;
margin:4px;
}
.credito thead{
color:#FFFFFF;
background-color:#FFFFFF;
}
.credito, .credito td, .credito th{
border:1px;
border-style:solid;
border-color:#999999;
margin:0px;
padding:3px;
}
.operacion{font-weight:bold;}
.tabla_color{
width:100%;
/*border:1px #003366 solid;*/
}
.tabla_color th{font-size:14px;}
.tabla_color td, .tabla_color th{
width:50%;
border:0;
border-bottom:2px #006699 solid;
margin:0;
padding:5px 0 0 0;
text-align:center;
}
.tabla_color tr td.etiqueta{
font-weight:bold;
color:#000000;
text-align:right;
padding-right:3px;
padding-bottom:3px;
border-bottom:none;
}
.renglon_par{background-color:#EFEFEF;}
/* banners */
div.banderola{
position: relative;
overflow: hidden;
}
div.controles a{
text-indent: -5000px;
position: absolute;
right:0;
width:50px;
height:100%;
background-repeat: no-repeat;
}
div.controles a.anterior{background-image: url(http://www.cimaco.com.mx/tienda/imagenes/b_f_izq.jpg);}
div.controles a.siguiente{background-image: url(http://www.cimaco.com.mx/tienda/imagenes/b_f_der.jpg);}
div.controles a.anterior:hover{background-image: url(http://www.cimaco.com.mx/tienda/imagenes/b_f_izq_over.jpg);}
div.controles a.siguiente:hover{background-image: url(http://www.cimaco.com.mx/tienda/imagenes/b_f_der_over.jpg);}
div.controles a.anterior{
background-position:left bottom;
left:0;
}
div.controles a.siguiente{background-position:right bottom;}
#dtsku{width:300px;}
#dtsku div.banderola{height:115px;}
#dtsku div.banderola a img{margin:0;}


/*** Cloud Zoom ***/
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens{border: 1px solid #888;margin:-1px;/* Set this to minus the border thickness. */
background-color:#fff;cursor:default;}
/* This is for the title text. */
.cloud-zoom-title{font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* This is the zoom window. */
.cloud-zoom-big{border:0px solid #ccc;overflow:hidden;margin-left:5px;}
/* This is the loading message. */
.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}