/**** CABECERA (FILA 1)  ***/
div#cabecera { overflow: hidden; _width: 100%; padding-top: 5px; background: url(../img/background_head.png) no-repeat center; } /*Esto es como height: auto, pero cuando contiene capas con float: left*/
div#cabecera div#izq, div#cabecera div#der, div#cabecera div#centro { height: 88px; }

div#cabecera div#izq { float: left; width: 200px;  }
div#cabecera div#izq div#logo { margin: 0 auto; width: 80px; }


div#cabecera div#der{ float: right; width: 200px; }
div#cabecera div#der div#carga { float: left; width: 20px; height: 20px; }
div#cabecera div#der div#desconectar { float: left; height: 15px; width: 180px; text-align: right; padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: solid 1px #AF0000; padding: 0 0 5px 0; }
div#cabecera div#der div#desconectar a { text-decoration: none; color: #AF0000; padding: 0 10px 0 4px; _padding: 0 30px 0 4px;  }
div#cabecera div#centro{ margin-left: 200px; margin-right: 200px; padding: 0; }
/*******************/


/**** BARRA INFO (FILA 2)  ***/

div#barra { overflow: hidden; _width: 100%; background: #A40000; font-family: Verdana, Arial, Helvetica, sans-serif; } /*Esto es como height: auto, pero cuando contiene capas con float: left*/
div#barra div#izq, div#barra div#der, div#barra div#centro { }
div#barra div#izq{ float: left; height: 35px; width: auto; }
div#barra div#izq h1 { margin: 0; padding: 3px 0 0 15px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 22px; letter-spacing: 2px; }
div#barra div#der{ float: right; height: 35px; width: 200px; }
div#barra div#der div#infoOrder { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
div#barra div#der ul { padding: 10px 0 0 0; }
div#barra div#der ul li { float: left }


/*******************/

/**** MENUS (FILA 3)  ***/

div#menus { overflow: hidden; _width: 100%; padding-top: 1px; margin: 1px 0 0 0; background: #000; } /*Esto es como height: auto, pero cuando contiene capas con float: left*/
div#menus div#izq, div#cuerpo div#der, div#cuerpo div#centro { }
div#menus div#izq{ float: left; height: 20px; width: 90%; }
div#menus div#der{ float: right; height: 20px; width: 10%; }


/*******************/


/*********** ESPACIO **************/

div#espacio { overflow: hidden; _width: 100%; padding: 5px 0 0 0; margin: 1px 0 0 0; }
div#espacio div#izq{ float: left; height: auto; width: 200px; border: solid 0px #000; }
div#espacio div#centro { margin-left: 220px; padding-right: 5px; height: auto; }
div#espacio div { font-size: 0px; }

.espacio { width: 100%; height: 25px; padding: 0 0 5px 0; }

/*******************/


/**** CUERPO (FILA 4)  ***/
div#cuerpo { overflow: hidden; _width: 100%; padding-top: 5px } /*Esto es como height: auto, pero cuando contiene capas con float: left*/
div#cuerpo div#izq, div#cuerpo div#der, div#cuerpo div#centro { }

div#cuerpo div#izq{ float: left; height: auto; width: 200px; padding-left: 0px; }


/******** MENU IZQUIERDA *********/

div#cuerpo div#izq ul { display: block; margin: 0; padding: 0 0 0 0; }
div#cuerpo div#izq ul li { float: left; width: 200px; height: 24px; border: solid 0px #999999; text-align: right; padding: 0px 0px 0 0; font-family: Arial, Helvetica, sans-serif ; font-size: 12px; font-weight: bold; color: #fff; background: #555; margin: 1px 0 0 0; }
div#cuerpo div#izq ul li a { text-decoration: none; color: #fff; padding: 4px 4px 4px 0; display: block }

div#cuerpo div#izq ul ul { display: none; }
div#cuerpo div#izq ul ul li { color: #FFFFFF; background: #B4CEE7; border: solid 0px #FFFFFF; _border-width: 1px 0 0 0; }
div#cuerpo div#izq ul ul li.sel { background: #A40000; color: #FFFFFF }


/********* VENTANAS *********/

div#cuerpo div#izq .ventana_lateral { width: 100%; height: auto; border: solid 0px #bbb; }
div#cuerpo div#izq .ventana_lateral .barra_titulo { height: 15px; background: #555; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; padding: 5px 0px 5px 9px; margin: 0; }
div#cuerpo div#izq .contenido_ventana { border: solid 1px #999; border-width: 0px 1px 1px 1px; padding: 5px 5px 5px 0px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;; }

div#cuerpo div#izq .contenido_ventana ul {  }
div#cuerpo div#izq .contenido_ventana ul li { _margin: -5px }
div#cuerpo div#izq .contenido_ventana ul li a { margin: 0; padding: 0; text-decoration: none; color: #666 }
div#cuerpo div#izq .contenido_ventana ul li a.sel { font-weight: bold; color: #AF0000  }





/****************************/



div#cuerpo div#der{ float: right; height: 300px; width: 200px; background: #FFFF99; }
div#cuerpo div#centro{ margin-left: 5px; margin-right: 5px; }
div#cuerpo div#contenido{ float: left; border: solid 1px #ccc; width: 100% }


/**** CUERPO LOGIN  ***/
div#cuerpo div#centro_in{ margin-left: 220px; padding-right: 5px; height: 300px }
div#cuerpo div#centro_in div.espacio { float: left; }
div#cuerpo div#contenido_in { float: left; width: 100%; }

div.paginacion { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; width: 100%; border-top: solid 1px #ccc; padding: 4px 0 0 0; margin: 0 0 0 0 }
div.paginacion a { text-decoration: none; padding: 0 4px 0 4px; color: #333333; margin: 0 1px 0 0 }
div.paginacion a:hover { background: #A40000; color: #FFFFFF }
div.paginacion a.sel { background: #A40000; color: #FFFFFF }

/*******************/


/**** PIE (FILA 5)  ***/
div#pie { overflow: hidden; _width: 100%; margin: 40px 5px 0 5px; border-top: solid 1px #ccc } /*Esto es como height: auto, pero cuando contiene capas con float: left*/
div#pie div#izq{ float: left; height: 50px; width: 200px; border-right: solid 1px #ccc }
div#pie div#der{ float: right; height: 50px; width: 200px; border-left: solid 1px #ccc }
div#pie div#centro{ height: 50px; margin-left: 200px; margin-right: 200px; padding: 0; }
/*******************/



/******** TABLA *********/

ul#grid_menu { float: left; }
ul#grid_menu li { float: left; padding: 2px 10px 2px 10px; margin: 0 5px 0 0; background-color: #DDD; color: #555; font-weight: bold }
ul#grid_menu li:hover { color: white; background-color: #A40000; font-weight: bold }


div#contenido_in table { width: 100%; border: solid 0px #ccc; font-family: Verdana; border-collapse: collapse; }
div#contenido_in table thead { font-size: 11px; color: #A40000; text-align: left; border: solid 1px #a40000; border-width: 1px 0 1px 0; }
div#contenido_in table thead tr { }
div#contenido_in table thead th { margin: 0; padding: 5px 0 5px 0; border: solid 0px #ccc; text-align: left; }
div#contenido_in table thead th.tool { text-align: left; }
div#contenido_in table thead th.data { padding: 5px; }
div#contenido_in table thead th a{ text-decoration: none; color: #A40000; margin: 0; }

div#contenido_in table tbody { font-family: Verdana; font-size: 11px; color: #999; border: solid 1px #a40000; border-width: 1px 0 1px 0; }
div#contenido_in table tbody td { margin: 0; padding: 5px 0 5px 0; }
div#contenido_in table tbody th.tool { text-align: center; }
div#contenido_in table tbody td.data { padding: 5px; }
div#contenido_in table tbody td.data a { text-decoration: none; color: #666 }
div#contenido_in table tbody td.data a:hover { text-decoration: underline; }

ul.pages { float: left; }
ul.pages li { float: left; padding: 0 5px 0 5px; margin: 0; }
ul.pages li.sel { float: left; color: white; background-color: #A40000; font-weight: bold }
/************************/



/***** PROPIEDADES SUELTAS *****/
/*WIDTHS*/
.wAuto { width: auto; }
.wAll { width: 100%; }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w320 { width: 320px; }
.w350 { width: 350px; }
.w400 { width: 400px; }


.text_right { text-align: right }