/**
*
* @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; }
input.boton{
	background:url(../img/enter.png) no-repeat 15px 7px, url(../img/sprite-botones2.png) no-repeat 0 0, url(../img/sprite-botones2.png) no-repeat 100% -90px, url(../img/sprite-botones2.png) repeat-x 0 -180px;
	border:0;
	color:#000;
	cursor:pointer;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:6px 15px 6px 38px;
}
input.botonflecha{
	background:gainsboro;
	cursor:pointer;
	width: 30px;
	height: 26px;
	padding-left: 0;
	padding-right: 0;
	border: #666666;
	border-radius: 3px;
	font:bold 1em Arial, Helvetica, sans-serif;
}
input.boton:hover{
	background:url(../img/enter.png) no-repeat 15px 7px, url(../img/sprite-botones2.png) no-repeat 0 -30px, url(../img/sprite-botones2.png) no-repeat 100% -120px, url(../img/sprite-botones2.png) repeat-x 0 -210px;
}
input.boton:active{
	background:url(../img/enter.png) no-repeat 15px 8px, url(../img/sprite-botones2.png) no-repeat 0 -60px, url(../img/sprite-botones2.png) no-repeat 100% -150px, url(../img/sprite-botones2.png) repeat-x 0 -240px;
	padding-bottom:5px;
	padding-top:7px;
}

/* 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.4em; font-weight:bold; padding-right:3px; }
nav li a span { display:block; height:35px; line-height:35px; padding:0 27px 0 30px; }
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; }

#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; }


.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.5em; 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,Verdana; font-size: 14px; }
#cuerpo .abajo button span{ background-position:left -197px; padding:14px 0 15px 15px; }
#cuerpo .abajo input[type=button]{background:url(../img/boton-cobrar.gif) no-repeat; border:0; color:#000; cursor:pointer; font:bold 14px Arial,Verdana; /*height:45px;*/line-height:18px; margin:2px 0 0 10px; overflow:visible; padding:13px 15px 14px 38px; width:139px; }
#cuerpo .abajo input[type=button]:hover{background-position:0 -45px;}
#cuerpo .abajo input[type=button]:active{background-position:0 -90px;padding-bottom:13px;padding-top:14px;/*height:30px;padding-top: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 .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; }

.boton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: #f2f2f2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #bababa;
	display:inline-block;
	cursor:pointer;
	color: #333333;
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.boton2:hover {
	background-color:#e9e9e9;
}
.boton2:active {
	position:relative;
	top:1px;
}