html {
	margin:0;
}

body {
	background:#e5e5e5;
	font-family:arial;
	color:#262626;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%; 
	max-height: 100%;
	font-size:12px;
	background:#e5e5e5 url('../imagenes/layout/bg-body.png') repeat-y left top;
	min-width:640px;
}


div#pagina {

}

div.clear {
	clear: both;
}

div#content {
	margin:40px 0 0 0;	
}
/*
div#barra-herramientas {
	margin: 0 0 10px 0;
	height:60px;
}

	div#barra-herramientas span.boton {
		float:left;
		text-align:center;
		padding:5px 15px;
	}

	div#barra-herramientas span.boton:hover {
		background:#f2f2f2;
	}

	div#barra-herramientas a {
		color: #404040;
		text-decoration: none;
	}
	
	div#barra-herramientas a:hover {
	}
	*/
div#barra-botones {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom:1px solid #ccc;
	height:60px;
	width:970px;
}

	div#barra-botones span.boton {
		float:left;
		text-align:center;
		padding:5px 15px;
		border-top:1px solid #ffffff ;
		border-left:1px solid #ffffff;
		border-right:1px solid #999999;
		border-bottom:1px solid #999999;
		margin:0 15px 0 0;
	}

	div#barra-botones span.boton:hover {
		background:#f2f2f2;
	}

	div#barra-botones a {
		color: #404040;
		text-decoration: none;
	}
	
	div#barra-botones a:hover {
	}
	
.linea {
	border-bottom:1px solid #ccc;
	margin:10px 0;	
}

table#barra-herramientas-interna {
	border:0;
	margin:0 0 15px 0;
}

	table#barra-herramientas-interna td{
		border:0;
	}
	
	table#barra-herramientas-interna tr{
	}	
	
	table#barra-herramientas-interna td:hover{
		background:#e5e5e5;
	}

	table#barra-herramientas-interna span.boton {
		float:left;
		text-align:center;

		
	}

	table#barra-herramientas-interna span.boton:hover {
		background:#e5e5e5;
	}

	table#barra-herramientas-interna a {
		color: #404040;
		text-decoration: none;
		text-align:center;
		padding:35px 15px 4px 15px;
	}
	
	table#barra-herramientas-interna a.preview {
		background: url('../imagenes/layout/ico/ico-html.png') no-repeat center 5px;
	}

	table#barra-herramientas-interna a.map {
		background: url('../imagenes/layout/ico/map.png') no-repeat center 5px;
	}

	
div#left div#cabecera {
	text-align:center;
	margin: 20px 0 20px 0;
}

h1 {
	color: #666;
	font-size:25px;
	text-transform: capitalize;
}

h2 {
	color: #f2f2f2;
	font-size:15px;
	font-weight:bold;
	padding:5px 20px 5px 50px;
	margin:10px 0 0 0;
}


strong {
	font-weight:bold;	
}



div#contenido {
	margin: 20px 0 0 0;
	border:1px solid #d0d0d0;
	background: #f5f5f5;
}

div#borde-blanco{
	border:1px solid #fff;
	padding:20px;
}

/* **** SECCION **** */
div.seccion {
	border:1px solid #fff;
	padding:20px;
}

a.add {
	font-size:20px;
	color:#454545;
	font-weight:bold;
	text-decoration:none;
}

a.add:hover {
	text-decoration:underline;	
}

a.add img {
	width:20px;	
}

/* ************** EDIT ******** */
textarea.big {
	height:450px;
	width:730px;
}

textarea.little {
	height:150px;
	width:100%;
}


textarea.very-little {
	height:60px;
	width:100%;
	border:1px solid #d0d0d0;
	margin:0 0 20px 0;		
}

input.big {
	width:450px;
	height:17px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

input.medium {
	width:200px;
	height:17px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

input.little {
	width:75px;
	height:17px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

input.very-little {
	width:40px;
	height:17px;
	padding:5px;

	border: 1px solid #d0d0d0;
	margin:  0 0 10px 0;	
}

input#address {
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;		
}

input.producto-novedad {
        margin: 0 0 20px 0;
}

select.big {
	width:460px;
	height:30px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

select.medium {
	width:200px;
	height:30px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

select.very-little {
	width:125px;
	padding:5px;
	border: 1px solid #d0d0d0;
	margin:  0 0 10px 0;	
}

select.lista-paises {
	width:350px;
	height:250px;
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

input.hidden {
	display:none
}

input.submit, input.submit-continue {
	font-family:Arial;
	font-size:12px;
	border:0;
	color:#404040;
	height:55px;
	text-align:center;
	padding:30px 10px 0px 10px;
}
input.submit:hover, input.submit-continue:hover {
	cursor: pointer;
	background-color:#e5e5e5;
}

input.submit {
	background: url('../imagenes/layout/ico/save.png') no-repeat center 5px;
}

input.siguiente {
        background: #660066;
        border: 1px solid #660066;
        border-radius: 6px;
        color: #fff;
        padding: 5px 10px;
        cursor: pointer;
}

input.siguiente:hover {
        color: #660066;
        background: #fff;
}

input.submit-continue {
	background: url('../imagenes/layout/ico/save-as.png') no-repeat center 5px;
}

input.etiqueta-atributo {
        border: 0;
}

form#listaCategorias p {
	margin:0 0 10px 0;
}

form#listaCategorias .submit {
	margin:0 0 10px 0 !important;
}

img.foto {
	
	width:350px;	
}

textarea.mceNoEditor {
	padding:5px;

	border:1px solid #d0d0d0;
	margin:0 0 10px 0;	
}

textarea {
	border:1px solid #d0d0d0;
}

dd#groups-element label {
        min-height: 20px;
        color: #9B253F;
}

input.groups {
        margin: 0 5px 5px 0;
}

/* TABLA */
table#sheet {
	padding: 0;
	margin: 0;
	font-size:12px;
	color: #454545;
	border: 1px solid #d0d0d0 !important;
	width:100%;
}

table#sheet tr {

}

table#sheet caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table#sheet thead {
	font-weight:bold;
	border: 1px solid #d0d0d0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

table#sheet thead td {
	background: #e9e9e9;
	font-weight:bold;
/*	background: url('../imagenes/layout/bg_table.gif') repeat top left;  */
        background: #ececec;
	padding: 10px 20px;
}

table#sheet thead td a {
        text-decoration: none;
}

table#sheet tbody td {
/*	border: 1px solid #d0d0d0;*/
	padding: 12px 22px;
	border-top: 1px solid #d0d0d0;
}

table#sheet tbody {
	border-bottom: 1px solid #d0d0d0 !important;
}

table#sheet td.point {
	text-align:center;
	vertical-align: middle;
	}

table#sheet tr {
		background: #fff;
}

table#sheet tr:hover {
	background:#f5f5f5;
}

table#sheet img.ico {
	width:15px;
}

table#sheet td.opcion {
	width:140px;	
}

table#sheet td.opcion a {
	color:#454545;
	margin:0 10px 0 0;
	text-decoration:none;
}

table#sheet td.opcion a:hover {
	text-decoration:underline;
}

fieldset {
	border:1px solid #ccc;
	padding:15px;
}
fieldset:hover {
/*	background:#efefef; */	
}

legend {
	font-size: 14px;
	font-weight: bold;
	color:#666;
	padding: 0 5px;
}

select.idiomas {
	width:200px;
	height:25px;
	padding:2px;

	border:1px solid #d0d0d0;
	margin:0 20px 10px 0;	
}

dt {
	padding:1px 0;
	margin:0 0 3px 0;	
}



#outer_wrapper {
	min-width:740px;
	width:100%;
	background:#fff url(left.gif) repeat-y left
}
#wrapper {
	background:url(right.gif) repeat-y right
}

#container {
	float:left;
	width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	
	height:1px;
	background:#e5e5e5 url('../imagenes/layout/bg-body.png') repeat-y left top;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
/*	margin-left:-200px*/
}
#left {
	float:left;
	width:220px;
	display:inline;
	position:relative;
	z-index:99;
	background:#e5e5e5 url('../imagenes/layout/bg-body.png') repeat-y left top;
}
#main {
	/* the width from #left (150px) + the negative margin from #container (200px) */
	margin-left:220px;
	padding:30px;
	border-left:1px solid #fff;
	z-index:99;
	background:#e5e5e5;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}

.count-empresas-pendientes {
	color: #FF1493;
	font-size:10px;
}

.count-empresas {
	color: #7FFF00;
	font-size:10px;
}

/**** CATEGORIAS EMPRESA ****/
div.catpadre {
        position: relative;
        float: left;
        margin-right: 20px;
        width: 100%;
        margin: 4px;
}

div.catpadre a {
        float: left;
        display: block;
        color: #262626;
        text-decoration: none;
        font-weight: bold;
        width: 210px;
}

div.catpadre a:hover {
        color: #189DE1;
}

.linkcat {
        background: url("../imagenes/layout/flecha.gif") no-repeat scroll 0 8px;
        padding: 10px 15px 0 15px;
}

.catactive {
        background: url("../imagenes/layout/catactive.gif") no-repeat scroll 0 0;
        padding: 10px 15px 0 15px;
        height: 20px;
        color: #189DE1 !important;
}

div.catpadre div.subcatactive {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8DCDD;
    line-height: 18px;
    padding: 12px;
    position: relative;
    width: 800px;
    z-index: 1;
    margin-top: 30px;
    display: block;
}

div.catpadre div.subcathidden {
    position: absolute;
    top: -10000px;
    visibility: hidden;
    width: 800px;
}

div.subcat {
    position: relative;
    float: left;
    height: 20px;
    padding: 7px 0;
    width: 33%;
}

div.subcat dd {
    float: left;
}

div.subcat dt {
    float: left;
}

/*** TABLERO ***/
h1.tablero {
    float: left;
    width: 95%;
    height: 20px;
    background: #561C5B url("../imagenes/layout/home.png") no-repeat 5px 5px;
    padding: 10px 0 0 32px;
    border: /*#d7e6d9*/ #561C5B;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 13px;
    color: #fff;
}

div.panel-tablero {
    float: left;
    background: #fff;
    padding: 0;
    margin: 20px 0 0 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.panel-tablero p.header-panel-tablero {
    float: left;
    width: 98.6%;
    height: 20px;
    margin: 0;
    background: #484848;
    padding: 10px 0 0 7px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

div.panel-tablero table.vision-general {
    width: 96%;
    margin: 35px 0 20px 10px;
}

table.vision-general td.etiqueta-panel {
    padding: 10px 0 0 0;
    color: #000;
    font-size: 12px;
    width: 80%;
}

table.vision-general td.valor-panel {
    color: #000;
    font-size: 12px;
    text-align: right;
}

div.last-products, div.last-products-allview {
    float: left;
    padding: 10px;
}

div.last-products p,  div.last-products-allview p {
    margin-bottom: 10px;
}

div.last-users {
    float: left;
    padding: 10px;
}

div.last-users p {
    margin-bottom: 10px;
}

div.last-users a {
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
}

div.last-users a:hover {
    text-decoration: underline;
}

div.items-comprados-cliente {
    float: left;
    padding: 10px;
    margin-top: 20px;
}

p.header-items-comprados {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #2EAAE2;
}

/**** FORMULARIO CUPONES ****/
dd#valor-element {
        float: left;
}

dd#es_porcentaje-element {
        float: left;
        margin: 0 0 0 3px;
}

dt#activo-label, dt#todos_los_productos-label {
        margin: 10px 0 0 0;
}

/**** INFORMES CUPONES ****/
.informes-cupones {
        float: left;
        width: 97%;
        background: #fff;
}

.informes-cupones label {
        font-size: 14px;
        font-weight: bold;
}

.rojo {
    color: #FF3300;
}

.verde {
    color: #71b021;
}

.linkapedido {
    text-decoration: none;
    color:#454545;
    font-weight: bold;
}

.linkapedido:hover {
    text-decoration: underline;
}

dd#activo-element {
    margin-bottom: 10px;
}

.custom-buttom {
    position: relative;
    width: 125px;
    left: 25px;
    top: 10px;
    font-size: 15px;
    padding: 10px 5px;
    background: #d1cdcd;
    color: #666;
    border: 1px solid #666;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.custom-buttom:hover {
   /* background: #1daebf;*/
    background: #2fd0e3;
    color: #fff;
}

a.pedido-negro {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

a.pedido-negro:hover {
    text-decoration: underline;
}

div.guardar-cambios {
    float: right;
    background: none repeat scroll 0 0 #561C5B;
    border: 1px solid #561C5B;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    right: 10px;
    padding: 10px 5px;
    position: relative;
    text-align: center;
    top: -10px;
    width: 125px;
    cursor: pointer;
}

div.guardar-cambios:hover {
    color: #561C5B;
    background: #fff;
}

a.cerrar-pedido {
    float: right;
    display: block;
    text-decoration: none;
    background: #660066;
    border: 1px solid #660066;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    margin: 0 20px 0 0; 
}

a.cerrar-pedido:hover {
    color: #660066;
    background: #fff;
}

input.busqueda-usuarios {
    float: left;
    margin: 2px 0 0 5px;
    width: 22px;
    height: 22px;
    background: url("../imagenes/layout/ico/search.png") no-repeat;
    cursor: pointer;
}

.direcciones-usuario {
}

.direcciones-usuario input {width: 90%;}
.direcciones-usuario select {width: 93%;}

/*** NUEVO ESTILO PARA TABLAS ***/
table.sheet {
	padding: 0;
	margin: 0;
	font-size:12px;
	color: #454545;
	border: 1px solid #d0d0d0 !important;
	width:100%;
}

table.sheet tr {

}

table.sheet caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table.sheet thead {
	font-weight:bold;
	border: 1px solid #d0d0d0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

table.sheet thead td {
	background: #e9e9e9;
	font-weight:bold;
	background:url('../imagenes/layout/bg_table.gif') repeat top left;
	padding: 10px 20px;	
}

table.sheet tbody td {
/*	border: 1px solid #d0d0d0;*/
	padding: 12px 22px;
	border-top: 1px solid #d0d0d0;
}

table.sheet tbody {
	border-bottom: 1px solid #d0d0d0 !important;
}

table.sheet td.point {
	text-align:center;
	vertical-align: middle;
	}

table.sheet tr {
		background: #fff;
}

table.sheet tr:hover {
	background:#f5f5f5;
}

table.sheet img.ico ,
table.empty img.ico {
	width:15px;
}

table.sheet td.opcion {
	width:140px;	
}

table.sheet td.opcion a {
	color:#454545;
	margin:0 10px 0 0;
	text-decoration:none;
}

table.sheet td.opcion a:hover,
table.empty td.opcion a:hover{
	text-decoration:underline;
}

table#sheet tr:hover td table.empty tr{
    background:#f5f5f5;
}

table.empty {
    padding: 0;
    margin: 0;
    font-size:10px;
    *color: #454545;
    border: 0 !important;
    width:100%;
}

table.empty td.opcion{
    width: 200px !important;
}

table#sheet table.empty td.opcion a {
    color:#454545;
    margin:0 0 0 0;
    text-decoration:none;
}

table#sheet table.empty tbody td {
    /*	border: 1px solid #d0d0d0;*/
    padding: 12px 5px !important;
    padding-left: 0 !important;
    border: 0 !important;
}

table.empty tbody {
    border: 0 !important;
}
table.empty{
    border-collapse: separate;
}