#propiedades {
}
#accordion {
font-size:12px;
width:100%;
margin:0px 0px 0px 0px;

}
#DivShowOrderBy {
width:98%;
text-align:right;
background: url(../img/fondo_producto.png) repeat;
border: 5px solid #000000;
}
#ShowOrderBy {
width:100px;
background: url(../img/fondo_producto.png) repeat;
color: #FFFFFF;
}
.producto {
width:98%;
padding:0px !important;
margin:10px 0px 0px 0px;
/*Inicio Borde Cajetín Fondo del producto*/
border:solid 5px #000000;
/*Final Borde Cajetín Fondo del producto*/
/*Inicio Fondo del producto*/
background: url(../img/fondo_producto.png) repeat; /* Si queremos poner fondo negro sustituir la línea por esto background: #000000 url(../img/fondo_producto.png) repeat; */
}

.watermark_box {
position:relative;display:block;
}
.imagendetalles img.imagen1{
padding: 2px;
border: 2px solid #000000;
}
.imagendetalles img.watermark{
position: absolute;top: 4px;left: 4px;
}

#accordion .toggler {
float: right;
width:113px;
	cursor: pointer;	
	font-family: 'Andale Mono', sans-serif;
	font-size: 8px;
}

div.element2 {
 width:100%;
	margin:0px; 
	
}
.innerelement{
  width:98%;
  margin: 5px 0px 0px 5px;
  float: left;
  overflow: hidden;    
  border-top:solid 1px #8B8B8B;  
}

.arrowImageRight, .arrowImageDown{
				margin-top: 2px;
				cursor: pointer;
				float: right;
			}
			.arrowImageRight{
			float: right;
				/*background: url(../img/sortables_plus.png) no-repeat;*/
				height: 37px;
				width: 111px;
				margin-top: 2px;
			}
			.arrowImageDown{
			float: right;
				/*background: url(../img/sortables_x.png) no-repeat;*/
				height: 37px;
				width: 111px;
				margin-top: 2px;
			}


#progressS {
margin-left: 20px;
width:180px; 
height:20px;
background: url(../img/ajax-loader.gif) no-repeat 0 0;
visibility:hidden;
float: left;
}

#progressB {
margin-left: 20px;
width:180px; 
height:20px;
background: url(../img/ajax-loader.gif) no-repeat 0 0;
visibility:hidden;
 /*border: 1px solid #eee;*/ 
}

#progressSt {
width: 180px;
height:20px;
background:url(../img/ajax-loader.gif) 100% 60% no-repeat;
visibility:hidden;

float:right;
}
#progressL {
width: 180px;
height:20px;
background:url(../img/ajax-loader.gif) 100% 60% no-repeat;
visibility:hidden;

float:right;
}

/* form validation */

.inputbox.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

.titulo {
width: 30%;
float: left;
}

.botones {
width: 50%;
float: right;

}
.button_apply {
margin-top:10px;
margin-right: 5px;
padding-top:32px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;	
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	width: 42px; height: 52px;
	background:none;
cursor: pointer;	
background:  url(../img/icon-32-apply.png) no-repeat 45% 0% ;
}

.button_new {
margin-top:10px;
margin-right: 5px;
padding-top:32px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;	
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	width: 42px; height: 52px;
	background:none;
cursor: pointer;	
background:  url(../img/icon-32-apply.png) no-repeat 45% 0% ;
}

button span.txt {	
border:none;
background-color:#FFFFFF;
font-size:10px;
}
.button_cancel {	
margin-top:10px;
margin-right: 5px;
padding-top:32px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;	
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	width: 42px; height: 52px;
	background:none;
cursor: pointer;	
background:  url(../img/icon-32-cancel.png) no-repeat 45% 0% ;
}

#pagination {
text-align:center;
width:100%;
}

ul.pagination {
	margin: 5px auto;
	padding: 5px 0;
	background: url(../images/hdot.gif) repeat-x top;
	width:100%;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 0px 4px;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-weight:bold;
}
ul.pagination li span.current{
	padding: 0px 4px;
	border: 1px solid #000000;
	color:#FA002E;
	font-weight:bold;
	background: #000000;
}
ul.pagination a {
	padding: 0px 4px;	
	border: 1px solid #000000;
	background: #000000;
	color:#FFFFFF;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {	
	border: 1px solid #000000;
	background: #000000;
	color: #FA002E;
	text-decoration:none;
}

/* Tooltips */

.tooltip-tip {
	float: left;
	border: 1px solid #FFFFFF;
	padding: 5px;
	background: #000000;
	max-width: 200px;
}

.tooltip-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tooltip-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}