html,body{
margin:0;
padding:0;
background-color: #FFFFFF;
font-size:11px;
font-family:Arial;
}

p
{
margin:0;
padding:0;
}

a
{
font-family:Arial;
color:#ffffff;
text-decoration:none;
}

a:hover
{
font-family:Arial;
color:#999999;
text-decoration:underline;
}


#principal
{
width:95%;
margin:0 auto;
}

#cabecera
{
margin-top:10px;
height:117px;
/*background: url(../img/cabecera.jpg) repeat-x; */
}

#cabecerai
{
float:left;
width:10px;
height:117px;
/* background: url(../img/cabecerai.jpg) no-repeat; */
}

#cabecerad
{
float:right;
width:17px;
height:117px;
/* background: url(../img/cabecerad.jpg) no-repeat; */
}

#vacia
{
clear:both;
overflow:hidden;
}

#vacia10
{
height:10px;
clear:both;
overflow:hidden;
}

#vacia20
{
height:20px;
clear:both;
overflow:hidden;
}

#logo
{
float:left;
margin-left:15px;
margin-top:15px;
width:250px;
}

#enlaces_cabecera
{
position: absolute;
text-align:right;
float:left;
right:5%;
}

/*#datoscliente
{
font-family:Arial;
font-size:12px;
font-weight:bold;
height:15px;
padding-top:10px;
padding-right:5px;
color:#ffffff;
} */
#datoscliente
{
font-family:Arial;
font-size:12px;
font-weight:bold;
height:15px;
padding-top:10px;
padding-right:5px;
/*color:#ffffff;
*/
color:#9a3324;
}

#datosauxiliar
{
font-family:Arial;
font-size:12px;
font-weight:bold;
height:15px;
padding-top:10px;
padding-right:5px;
color:#ff631c;
}


#enlaces2
{
height:15px;
padding-top:35px;
*padding-top:15px;
}

#enlace_cabecera
{
font-family:Arial;
font-size:12px;
font-weight:bold;
padding: 0px 8px 0px 8px;
text-align:right;
}

a.gris
{
/*color:#e6e6e6; */
color:#9a3324;
text-decoration:none;
}
a.gris:hover
{
/*color:#ff631c;*/
color:#ff631c;
text-decoration:none;
}

#piepagina
{
clear:both;
margin-top:10px;
height:37px;
background: url(../img/pie.jpg) repeat-x;
}

#piepaginai
{
float:left;
width:17px;
height:37px;
background: url(../img/piei.jpg) no-repeat;
}

#piepaginad
{
float:right;
width:18px;
height:37px;
background: url(../img/pied.jpg) no-repeat;
}


/* ELEMENTOS DEL MENU LATERAL */

#top_menu
{
clear:both;
margin-top:10px;
width:255px;
height:8px;
background: url(../img/top_menu.jpg) no-repeat;
}

#menu_lateral
{
display:block;
z-index:2;
right:5px;
position:absolute;
top:127px;
width:65px;
overflow:hidden;
}


#cuerpo_menu
{
width:255px;
background: url(../img/bg_menu.jpg) repeat-y;
}

#bottom_menu
{
clear:both;
width:255px;
height:12px;
background: url(../img/bottom_menu.jpg) no-repeat;
}

#help
{
text-align:right;
margin-right:12px;
}

#menu_label
{
clear:both;
width:255px;
height:39px;
background: url(../img/label_menu.jpg) no-repeat;
}

#menu_label_texto
{
font-family:Arial;
font-size:11px;
color:#ffffff;
padding: 5px 0px 0px 15px;
}

#contenido
{
clear:both;
}

#top_factura
{
clear:both;
height:41px;
background: url(../img/bg_factura.jpg) repeat-x;
}

#titulo_factura
{
float:left;
height:41px;
width:336px;
background: url(../img/titulo_factura.jpg) no-repeat;
}

#adicional_factura
{
float:left;
height:41px;
width:154px;
background: url(../img/adicional_factura.jpg) no-repeat;
}
#derecha_factura
{
float:right;
height:41px;
width:38px;
background: url(../img/facturad.jpg) no-repeat;
}

#mid_factura
{
background-color:#e6e6e6;
background-image: url(../img/backd.jpg);
background-repeat:repeat-y;
background-position:right; 
}


#bottom_factura
{
clear:both;
height:16px;
background: url(../img/bottom.jpg) repeat-x;
}

#bottom_facturai
{
float:left;
height:16px;
width:20px;
background: url(../img/bottomi.jpg) no-repeat;
}

#bottom_facturad
{
float:right;
height:16px;
width:36px;
background: url(../img/bottomd.jpg) no-repeat;
}

#factura
{
width:95%;
}

#top_adicional
{
clear:both;
width:701px;
height:42px;
background: url(../img/top_adicional.jpg) no-repeat;
}

#mid_adicional
{
background: url(../img/back_adicional.jpg) repeat-y;
}

#bottom_adicional
{
clear:both;
width:701px;
height:15px;
background: url(../img/bottom_adicional.jpg) no-repeat;
}

#item_menu
{
font-family:Arial;
font-size:11px;
color:#5a5a5a;
height:17px;
line-height:17px;
margin-top:3px;
}

.item_menu
{
font-family:Arial;
font-size:11px;
color:#5a5a5a;
height:17px;
line-height:17px;
margin-top:3px;
}

#dentro_menu
{
margin-left:25px;
margin-top:5px;
}

#campo_usuario
{
width:105px;
height:17px;
background: url(../img/campo_usuario.jpg) no-repeat;
}

#campo_clave
{
width:105px;
height:18px;
background: url(../img/campo_clave.jpg) no-repeat;
}

.botontrans
{
padding:0px 0px 10px 20px;
border-style:solid;
border-width:0px;
font-size:10px;
line-height:10px;
color:#666666;
width:80px;
background:none;
height:15px;
}

#factura_titular
{
padding-top:13px;
padding-left:50px;
font-family:Arial;
font-size: 12px;
font-weight:bold;
color:#e6e6e6;
}

#adicional_titular
{
padding-top:13px;
padding-left:38px;
font-family:Arial;
font-size: 12px;
font-weight:bold;
color:#e6e6e6;
}

#area_trabajo
{
clear:both;
margin:0;
/*background:#ffffff;*/
background:#ffffff;
color:#000;
padding:20px 40px 20px 30px;
}

#padding_factura
{
padding:20px 40px 20px 30px;
}

#top_dentro
{
height:4px;
background: url(../img/top.jpg) repeat-x;
}

#top_dentroi
{
float:left;
width:34px;
height:4px;
background: url(../img/topi.jpg) no-repeat;
}

#top_dentrod
{
float:right;
width:20px;
height:4px;
background: url(../img/topd.jpg) no-repeat;
}


#bottom_dentro
{
height:3px;
background: url(../img/bottom_d.jpg) repeat-x;
}

#bottom_dentroi
{
float:left;
width:24px;
height:3px;
background: url(../img/bottomdi.jpg) no-repeat;
}

#bottom_dentrod
{
float:right;
width:35px;
height:3px;
background: url(../img/bottomdd.jpg) no-repeat;
}

a.linkmenu
{
color:#5a5a5a;
text-decoration:none;
}
a.linkmenu:hover
{
color:#999999;
text-decoration:none;
}

.arial11
{
font-family:Arial;
font-size:11px;
color:#000000;
line-height:14px;
}

#chequeo
{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#999999;
height:36px;
line-height:36px;
}

.separada10
{
padding-right:10px;
}

#ayudasmenu
{
clear:both;
height:20px;
}

#cerrar_menu
{
float:left;
margin-left:20px;
}

.cabeceras
{
position:relative;
height:21px;
line-height:21px;
font-family:Arial;
color:#e6e6e6;
font-size:12px;
}

.cabecera_form
{
background-color:#5a5a5a;
padding: 0px 10px 0px 10px;
margin-right:1px;
}

.cabeceratede
{
background-color:#5a5a5a;
padding: 0px 10px 0px 10px;
}

.cabeceragrid
{
width:90px;
background-color:#5a5a5a;
float:left;
padding: 0px 10px 0px 10px;
margin-right:1px;
}

.gridview
{
text-align:left;
height:21px;
line-height:21px;
font-family:Arial;
color:#e6e6e6;
font-size:12px;
border-width:0px;
}

.gridview th
{
padding:0px 5px 0px 5px;
border-width:0px;
font-weight:normal;
}

.gridview td
{
padding:0px 5px 0px 99px;
height:21px;
line-height:21px;
font-family:Arial;
font-size:12px;
background-color:#ffffff;
color:#000000;
border-width:0px;
border-bottom-width:1px;
border-color:#e6e6e6;
}

.gridview_header
{
font-family:Arial;
color:#e6e6e6;
font-size:12px;
background-color:#5a5a5a;

/* por aqui */
height:25px;
background:url(../img/fondo_header.jpg) repeat-x;
/* por aqui */

font-weight: normal;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
border-color:#999999;
}

.gridview_header Th
{
border-width:0px;
padding: 0 10px 0 10px;
}

.gridview_header TD
{
border-width:0px;
padding: 0 5px 0 5px;
font-weight:bold;
}

.gridview_header span
{
color:#ff3300;
}

.gridview_item
{
background-color: #e6e6e6;
}

.gridview_altitem
{
background-color: white;
}

.grid1
{
float:left;
margin-right:1px;
line-height:25px;
padding: 0px 0px 0px 10px;
font-family:Arial;
color:#000000;
font-size:12px;
}

.grid2
{
line-height:20px;
font-family:Arial;
color:#000000;
font-size:12px;
padding-right:5px;
}

.grid2np
{
line-height:20px;
font-family:Arial;
color:#000000;
font-size:12px;
padding-right:0px;
}

.grid_rollover
{
margin-top:5px;
background-color:#ffffff;
}

.grid_rollover:hover
{
margin-top:5px;
background-color:#e6e6e6;
}

.limpio
{
border-style:solid;
border-width:0px;
}

.botones
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
}

.botonesXX
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
background-color:#f3f3f3;
}


.botones_r
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
text-align:right;
}

.botones_ucase
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
text-align:left;
text-transform:uppercase;
}



.boton
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
}

.logotipo_cliente
{
max-width:300px;
max-height:150px;
}

.rojo
{
font-family:Arial;
color:#ff3300;
font-size:12px;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button1 {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button1 span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    cursor:pointer;
}

a.button1:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    cursor:pointer;
}

a.button1:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    cursor:pointer;
}


a.buttonX {
    background: transparent url('../img/boton_a.jpg') no-repeat scroll top right;
    color: #595959;
    display: block;
    float: left;
    font: normal 11px Verdana, sans-serif;
    height: 18px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonX span {
    background: transparent url('../img/boton_span.jpg') no-repeat;
    display: block;
    line-height: 18px;
    height:18px;
    padding: 0 0 0 10px;
}

a.buttonX:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonX:active span {
    background-position: bottom left;
    padding: 0 0 0 10px; /* push text down 1px */
}


.rojo
{
font-family:Arial;
font-size:11px;
color:#e6e6e6;
}

.roll
{
background:#ffffff;
font-size:11px;
color:#000000;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
}

.roll:hover
{
background:#e6e6e6;
}

.roll TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
}

.destacado
{
border-style:solid;
border-width:0px;
border-bottom-width:1px;
background:#e6e6e6;
color:#000000;
font-size:11px;
}

.destacado TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
}

.fondorojo
{
font-family:Arial;
background:#fa7979;
font-size:12px;
color:#000000;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
border-color:#000000;
}

.fondorojo TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
padding-right:5px;
height:25px;
}

.rejilla
{
font-family:Arial;
background:#ffffff;
font-size:12px;
color:#000000;
}

.rejilla:hover
{
background:#e6e6e6;
}

.rejilla TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
padding-right:5px;
height:25px;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
border-color:#999999;
/*
min-height:30px;
background:url(../img/fondo_rejilla.jpg) repeat-x;
*/
}

.calendario
{
padding-left:2px;
cursor:pointer;
border-width:0px;
vertical-align:middle;
}

.tablagris
{
border-width:1px;
border-style:solid;
border-color:#999999;
background-color:#e6e6e6;
}


#check_factura
{
padding-left:-5px;
width:15px;
overflow:hidden;
}
#check_factura2
{
padding-left:-5px;
width:15px;
overflow:hidden;
}

.botonmas
{
cursor: pointer;
padding: 0 0 0 3px;
border:0px;
}


.botones_fecha
{
font-size:11px;
font-family:Arial;
color:#999999;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
text-align:right;
}

#ejercicio
{
float:left;
width:490px;
text-align:right;
padding-top:30px;
}

.botones_drop
{
font-size:11px;
font-family:Arial;
color:#999999;
border-style:solid;
border-width:1px;
border-color:#999999;
}

.texto_ejercicio
{
font-family:Arial;
color:#000000;
font-size:12px;
}


#cierre
{
background-color:#ffffff;
}
#cierre:hover
{
background-color:#e6e6e6;
cursor:pointer;
}

.desactivados
{
background-color:#e8e6e6;
border-color:#999999;
font-size:11px;
font-family:Arial;
color:#666666;
border-style:solid;
border-width:1px;
width:200px;
text-align:right;
}

.desactivados_l
{
background-color:#e8e6e6;
border-color:#999999;
font-size:11px;
font-family:Arial;
color:#666666;
border-style:solid;
border-width:1px;
width:200px;
text-align:left;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 12px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendario.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


.logofactura
{
max-width: 100px;
max-height: 100px;
}


.grid210
{
line-height:14px;
font-family:Arial;
color:#000000;
font-size:11px;
}


.botones_neutro
{
font-size:11px;
font-family:Arial;
color:#999999;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
}


.botonborrar
{
cursor: pointer;
padding: 0 0 0 3px;
border:0px;
}

.fondogristabla
{
background:#8d8d8d;
font-size:12px;
color:#ffffff;
}


.fondogristabla TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
height:25px;
border-bottom-width:1px;
border-color:#000000;
}

.error
{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#000000;
}

.vacia
{
clear:both;
overflow:hidden;
}

.vacia5
{
height:5px;
clear:both;
overflow:hidden;
}

.vacia10
{
height:10px;
clear:both;
overflow:hidden;
}

.vacia20
{
height:20px;
clear:both;
overflow:hidden;
}

.radio
{
text-align:left;
width:20px;
}

h3
{
font-size:14px;
font-weight:bold;
color:#666666;
margin:0;
padding:5px 0 5px 0;
}


.grid2x
{
line-height:20px;
font-family:Arial;
color:#000000;
font-size:12px;
width:90px;
text-align:left;
}

.grid2xt
{
line-height:20px;
font-family:Arial;
color:#000000;
font-size:12px;
width:90px;
text-align:left;
}


.tooltip
{
}


#piepaginanuevo
{
clear:both;
margin-top:10px;
text-align:center;
font-size:10px;
}


#logoenpie
{
float:right;
width:130px;
text-align:right;
}

#textoenpie
{
padding-top:5px;
float:left;
text-align:center;
margin: 0 auto;
}


#corte
{
height:1px;
background:#e6e6e6;
}


.fondorojodos
{
font-family:Arial;
background:#afafaf;
font-size:12px;
color:#000000;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
border-color:#000000;
}


.fondorojodos TD
{
border-style:solid;
border-width:0px;
padding-left:5px;
padding-right:5px;
height:25px;
}



.sinuso
{
font-size:11px;
font-family:Arial;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#999999;
width:200px;
}

.sinuso input [disabled] {
background-color: #666666; 
}


a.griso
{
color:#000000;
text-decoration:underline;
}
a.griso:hover
{
color:#ff631c;
text-decoration:underline;
}

.minitexto
{
font-family:Arial;
color:#999999;
font-size:10px;
}

.portadilla {
    float:left;
    color: #4b4b4b;
    font: bold 14px Tahoma, Arial, sans-serif;
    text-decoration: none;
    padding: 10px 8px 10px 8px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: #e6e6e6;
    border: solid 1px #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    top: 0px;
    left: 0px;
    margin-left:2px;
    width:130px;
    text-align:center;
}


.numeraco
{
font-size:24px;
}


.portadilla_botones {
    float:left;
    padding: 10px 8px 10px 8px;
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
    margin-left:2px;
    width:132px;
    text-align:center;
}


.novisible
{
width:0px;
height:0px;
border-width:0px;
}


a.emergentes
{
color:#666666;
text-decoration:none;
}

a.emergentes:hover
{
color:#ff611c;
text-decoration:none;
}