body {font-family: Verdana,Arial,sans-serif;}

/* Eliminamos el outline */

.cuadro-texto {border: 1px solid #ccc;padding: 5px;}
.w250 {width: 250px !important;}
.w100 {width: 100px !important;}
.w50 {width: 50px !important;}
.w40 {width: 40px !important;}
.w400 {width: 400px !important;}
.w500 {width: 385px !important;}
.w100p {width: 100% !important;}
.center {text-align: center !important;}
.table td {padding: 10px;}
.table th {padding: 10px;}
.styled-table, .styled-table-refs {border-spacing: 0 5px; border-collapse: separate;}
.styled-table th, .styled-table-refs tr {background-color: #fff;}
.styled-table tr, .styled-table-refs tr {background-color: #f1f1f1; }
.styled-table tr:hover {background-color: #f8f8f8; cursor: move;}
.styled-table .no-move {cursor: pointer !important;}
.table-placeholder {height: 84px; background-color: #ffffcc !important;}
.list-placeholder {background-color: #ffffcc !important; margin: 0 31px !important;}
.separador-tabla {padding: 5px 0; margin: 10px 0; border-bottom: 1px solid #ccc;}
.bold {font-weight: bold;}
.error-field {background-color: #ff6666;}
.clearTable {border-bottom: 1px solid #000;}
.alert {color: #990000 !important;}
.zone-wrapper {padding: 10px;}
#loader {min-width: 960px;}
.gris {background-color: #eee;}
.underline {text-decoration: underline;}

/* LOGIN */
#login-screen-wrapper {margin-top: 40px; height: 250px; background-color: #fafafa; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
#login-screen h1 {text-align: center; padding: 20px; font-weight: 100;}
#login-screen table {margin: 0 auto;}
#login-screen .button-submit {padding: 20px; position: relative;}
#spin-loader {display: none; margin: 0 20px; position: absolute;}

/* MENU PRINCIPAL */
#menu-principal-wrapper {background-color: #363232;}
#user-logout {float: right; padding: 15px;}
#user-logout span {font-weight: bold; color: #fff;}
#menu-principal li {display: inline-block; padding: 15px;}
#menu-principal li a, #user-logout a {color: #fff;}
#menu-principal li a:hover, #user-logout a:hover {color: #3399ff;}
.m-selected {color: #3399ff !important;}
.m-selected2 {color: #048017 !important;}

/* SUBMENU */
#submenu-wrapper {background-color: #c7c8ca;}
#submenu li {display: inline-block; padding: 15px;}
#submenu li a:hover {color: #048017;}

/* CONTENIDO */
.contenido-wrapper {padding: 10px;}
.contenido {margin: 10px;}
.filtro-wrapper fieldset {border: 1px solid #ccc; margin-bottom: 10px;}
.delete-referencia-producto {cursor: pointer;}

/* ARBOL CATEGORIAS */
.tree, .tree ul {margin: 0;padding: 0;}
.tree ul {margin-left: 10px;}
.tree li {margin: 5px 0;padding: 0 15px;}
.tree a {font-size: 15px;color: #3399ff; cursor: pointer; font-weight: 100;}
.tree a:hover {color: #3399ff;}
.tree .move {border-left: 8px solid #000; padding-left: 5px; cursor: move;}
.tree .nivel {}
.tree .nivel0 {border-color: #cc0000;}
.tree .nivel1 {border-color: #ff9900;}
.tree .nivel2 {border-color: #009966;}
.tree .nivel3 {border-color: #0000cc;}
.tree .orden-li {display: inline-block; width: 16px; height: 16px; cursor: pointer; vertical-align: middle; padding-right: 5px;}
.tree .estado {display: inline-block; cursor: pointer; vertical-align: middle;}

.plus {background: url('/site_media/images/iconos/plus.png') no-repeat center;}
.minus {background: url('/site_media/images/iconos/minus.png') no-repeat center;}
.categoria-seleccionada {color: #009900  !important; }
#tabla-categorias tr {background-color: #f1f1f1;}
.ref-move {cursor: move;}
.left-border {border-left: 2px solid #ddd;}

/* PRODUCTOS */
.oferta {width: 40px; color: #ccc !important;}
#tags li {padding: 10px; border: 1px solid #f1f1f1; color: #999; display: inline-block;margin: 5px; cursor: pointer;}
#tags li:hover {border: 1px solid #000;}
#tags .selected {background-color: #3399ff; color: #333; border: 1px solid #0000cc;}
.cambiar_estado {cursor: pointer;}
 
/* BANCO IMAGENES */

.imagenBanco {width: 100px; height: 100px; padding: 5px; margin: 5px; float: left; border: 1px solid lightgrey;}
.hidden {display: none;}
/*#banco {width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url('/site_media/images/iconos/banco.png')}*/
#banco {width: 48px; height: 48px; background: url('/site_media/images/iconos/banco.png');}

.explain {font-size: 10px; color: #990000; position: absolute;}