/**
*
* @Hoja de estilos para kastelo
* @modificado: 21-03-2011
* @autor: Alain - alain@gruposistemas.com
*
*/

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* reglas globales */
/*html, body { height:100%; min-width:980px; }*/
body { background:#f5f5f5; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; cursor: default; }
header,label,.cabecera,footer { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
a { color:#006699; text-decoration:none; }
a:hover { text-decoration:underline; }

.left { float:left; }
.right { float:right; }
.clearer { overflow:hidden; width:100%; }

.tar { text-align:right; }
.tac { text-align:center; }

/*img.left { display:inline; margin:0 10px 3px 0; }
img.right { display:inline; margin:0 0 3px 10px; }*/

.oculto { display:none; }

.ico,
ul.ico li { height:16px; line-height:16px; }
.ico span,
ul.ico li span { float:left; height:16px; margin-right:3px; width:16px; }
ul.ico { height:auto; line-height:normal; }

/* css3 */
.curva { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.curva-sup { border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; }
.curva-inf { border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; }

/* sprite */
nav li a,
nav li a span,
button,
a.boton,
button span,
a.boton span { background:url(../img/sprite-botones.gif) no-repeat; }

/* estilos comunes */
button,
a.boton { background-position:right -107px; border:0; color:#000; cursor:pointer; float:left; font:bold 1.4em Arial, Helvetica, sans-serif; margin:0; overflow:visible; padding:0 15px 0 0; position:relative; text-align:left; }
button::-moz-focus-inner { border:none; padding:0; }
button span,
a.boton span { background-position:left -107px; display:block; float:left; height:16px; /*line-height:16px;*/ padding:7px 0 7px 15px; position:relative; white-space:nowrap; }
button:hover,
a.boton:hover { background-position:right -137px; text-decoration:none; }
button:hover span,
a.boton:hover span { background-position:left -137px; }
button:active,
a.boton:active { background-position:right -167px; }
button:active span,
a.boton:active span { background-position:left -167px; padding:8px 0 6px 15px; }
nav li a span img,
button span img,
a.boton span img { float:left; top:50%; position:relative; margin:-9px 7px 0 0; }

/*form { border:1px solid #999; padding:5px; }*/
form input[type=text],form input[type=password],
form textarea,
form select { border:1px solid #999; border-radius:2px; padding:3px; }
form td { font-size:1.2em; padding:2px 4px; }
form fieldset { border:1px solid #999; border-radius:3px; margin-bottom:5px; padding:5px; }

/**/
header { height:75px; left:0; /*overflow:visible;*/ position:absolute; right:0; top:0; /*z-index:1;*/ }
header .barra { background:#e7eef9; font-size:1.2em; height:20px; line-height:20px; padding:0 5px; text-align:right; }
header #logo { float:left; margin:11px 0 0 2px; }

nav { border-bottom:1px solid #da7926; display:block; height:36px; padding-top:18px; }
nav ul { border-bottom:1px solid #000; padding:0 0 35px 225px; }
nav li { display:inline; float:left; margin-right:4px; }
nav li a { background-position:right 0; color:#000; float:left; font-size:1.2em; font-weight:bold; padding-right:3px; }
nav li a span { display:block; height:35px; line-height:35px; padding:0 5px 0 20px; }
nav li a:hover { background-position:right -35px; text-decoration:none; }
nav li a:hover span { background-position:0 -35px; }
nav li a.actual { background-position:right -70px; cursor:default; }
nav li a.actual span { background-position:0 -70px; height:37px; line-height:37px; }
nav li a span img { margin-left:-12px; }

#cuerpo { bottom:20px; left:0; overflow:auto; position:absolute; right:0; top:75px; }

#submenu { border-bottom:1px solid #c4c4c4; left:0; height:40px; padding-top:15px; position:absolute; right:0; top:0; }

#form-buscar { font-weight:bold; }
#form-buscar label { float:left; font-size:1.4em; line-height:30px; margin-left:5px; }
#form-buscar #borde-q { border:1px solid #000; float:left; margin-left:10px; }
#form-buscar #q { border:1px solid #dfdfdf; font-size:1.4em; height:26px; line-height:26px; padding:0 4px; }
#form-buscar button { margin-left:10px; }

#submenu p.right { font-size:1.2em; line-height:1.4em; margin:-12px 5px 0 0; text-align:right; }
/*#principal { bottom:75px; left:5px; overflow:auto; position:absolute; right:165px; top:140px; }*/
#submenu button,
#submenu a.boton { margin-left:5px; }

#grid { bottom:70px; left:5px; overflow:auto; position:absolute; right:165px; top:65px; }
#grid .cabecera { border-top:10px solid #999; /*height:24px;*/ left:0; overflow:hidden; position:absolute; right:17px; top:0; }
#grid .cabecera th { line-height:15px; }
#grid .tabla { bottom:0; left:0; overflow-x:hidden; overflow-y:scroll; position:absolute; right:0; top:35px; }

.grid .tabla { margin-top:-1px; }
.grid td,
.grid th { border:1px solid #999; font-size:1.2em; font-family:Verdana, Geneva, sans-serif; padding:4px; }
.grid th { background:#ebeadb; font-weight:bold; text-align:center; }
.grid tr.actual { background:#0085cf; color:#fff; }
.grid tr.actual td { background:none; }
.grid td.actual { background:#b8efc0; }

.grids .tabla { margin-top:-1px; }
.grids td,
.grids th { border:1px solid #999; font-size:1.2em; font-family:Verdana, Geneva, sans-serif; padding:4px; }
.grids th { background:#ebeadb; font-weight:normal; text-align:right; }
.grids tr.actual { background:#0085cf; color:#fff; }
.grids tr.actual td { background:none; }
.grids td.actual { background:#b8efc0; }

#cuerpo aside { bottom:70px; overflow:auto; position:absolute; right:5px; top:65px; width:150px; }
#cuerpo aside button,
#cuerpo aside a.boton { margin-bottom:5px; width:150px; /*font-family: Arial,Verana;*/ font-size:1.2em; }
#cuerpo aside a.boton { width:135px; }

#cuerpo .contenedor { bottom:5px; left:5px; overflow:auto; padding:5px 0; position:absolute; right:5px; top:60px; }
#cuerpo .contenedor h2,#submenu h2  { font-size:1.8em; margin-bottom:5px; }
#cuerpo .contenedor h3 { font-size:1.5em; margin-bottom:5px; }


.compras #submenu{height: 121px;}
.compras #submenu .arriba{border-bottom:1px solid #c4c4c4;padding-bottom: 10px}
.compras #submenu h2 {border-bottom:1px solid #c4c4c4;margin-bottom: 7px;padding: 5px 0 5px 5px;}
.compras #grid
,#cuerpo.compras aside{top: 146px;}

#cuerpo .abajo { border-top:1px solid #c4c4c4; bottom:0; height:55px; left:0; padding:5px 5px 0 10px; position:absolute; right:0; }
#cuerpo .abajo div.left { font-size:1.2em; line-height:1.5em; }
#cuerpo .abajo div.right strong { font-size:4.6em; font-weight:normal; }
#cuerpo .abajo button { background-position:right -197px; margin:2px 0 0 10px;  font-family: Arial,Verana; font-size: 14px; }
#cuerpo .abajo button span { background-position:left -197px; padding:14px 0 15px 15px; }
#cuerpo .abajo button:hover { background-position:right -242px; }
#cuerpo .abajo button:hover span { background-position:left -242px; }
#cuerpo .abajo button:active { background-position:right -287px; }
#cuerpo .abajo button:active span { background-position:left -287px; padding:15px 0 14px 15px; }

footer { background:#e7eef9; bottom:0; color:#666; font-size:1.1em; height:20px; line-height:20px; left:0; position:absolute; right:0; text-align:center; }
footer a { color:#666; font-weight:bold; }

/* dialogo */
.dialogo { bottom:12px; left:12px; position:absolute; right:12px; top:12px; }
.dialogo .titulo { background:#3d4c7e; height:34px; line-height:34px; padding:0; position:relative; }
.dialogo .titulo h2 { background:url('../img/ico-hoja.gif') no-repeat 7px 12px; font-size: 12px; color: white; margin: 0; padding: 0 0 0 24px; font-weight: bold; }
.dialogo .titulo .close { background:url('../img/close.png') no-repeat center; color: white; position: absolute; top: 7px; right: 7px; font-size: 90%; height:20px; outline:none; text-indent:-999em; width:20px; }
.dialogo .titulo .close:hover { background-color:#22314e; }
.dialogo .contenido { /*background-color:#EEE;*/ height:362px; overflow-y:auto; overflow:hidden; margin:10px; position:relative; }
.dialogo .botones { background-color:#3d4c7e; /*height:30px;*/ bottom:0; left:0; padding:5px 10px; position:absolute; right:0; }
/*.dialogo .botones #ok { float:left; }
.dialogo .botones .close { float:right; }*/

.dialogo .contenido table tr.actual { background:#0085cf; color:#fff; }
.dialogo .contenido table tr.actual td { background:none; }
.dialogo .contenido table td.actual { background:#b8efc0; }

.dialogo button,
.dialogo a.boton { background-position:right -332px; }
.dialogo button span,
.dialogo a.boton span { background-position:left -332px; }
.dialogo button:hover,
.dialogo a.boton:hover { background-position:right -362px; }
.dialogo button:hover span,
.dialogo a.boton:hover span { background-position:left -362px; }
.dialogo button:active,
.dialogo a.boton:active { background-position:right -392px; }
.dialogo button:active span,
.dialogo a.boton:active span { background-position:left -392px; }

.dialogo td,
.dialogo th { border:1px solid #999; font-size:1.2em; font-family:Verdana, Geneva, sans-serif; padding:4px; }
.dialogo th { background:#ebeadb; font-weight:bold; text-align:center; }

.dialogo .thead { margin-right:17px; }
.dialogo .tbody { height:339px; margin-top:-1px; overflow:scroll; overflow-x:hidden; }

/*.dialogo table>thead { display:block; margin-right:17px; }
.dialogo table>tbody { display:block; height:339px; overflow:auto; overflow-x:hidden; }*/

.dialogo table .ico { display:block; margin:0 auto; text-indent:-9999em; width:16px; }
.dialogo table .agregar { background:url(../img/ico-agregar.png) no-repeat; }
.dialogo table .recuperar { background:url(../img/ico-agregar.png) no-repeat; }
.dialogo table .recuperarprov { background:url(../img/ico-agregar.png) no-repeat; }
.dialogo table .quitar { background:url(../img/cancel.png) no-repeat; }

.rojo { color:red; }
.negro { font-weight: bold; }

.entero{ text-align: right; }
.decimal{ text-align: right; }

#acceso-detalles table td{ border: 0; padding: 4px; margin: 0; font-size: 11px; }

form input.fecha { background:#fff url(../img/ico-cal.png) no-repeat 2px 2px; padding-left:22px; }
.tlista .tabla { margin-top:-1px; }
.tlista td,
.tlista th { border:1px solid #999; font-size:1.2em; font-family:Verdana, Geneva, sans-serif; padding:4px; }
.tlista th { background:#ebeadb; font-weight:bold; text-align:center; }

.pagarp{display: none;}
.tdetalle th{text-align: left;width:30%}
.tdetalle{width: 98%}

.tablaprodprov{font-size: smaller;}
.tablaprodprov th{text-align: left;}