/* CSS Document */

/*
COLORES
Azul titulos: #305A9D
Azul bordes: #6593CF
Azul menu: #15428B
Azul fondo: #BCD8FD
Gris claro: #eee


Verde titulos: #2D8653
Verde bordes: #3DB878
Verde menu: #1B5025
Verde fondo: #EFFCE4
Verde      :#E7FBD6
Gris claro: #eee

*/

/*------------------------------------------------ESTILOS GENÉRICOS------------------------------------------------------------*/

* {margin: 0; padding: 0;}
img {border: none;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #FEFEFE; text-align: left;}
h1{float: left; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; margin: 0 0 0 5px;}
input, textarea, select{float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0 10px 5px 0; *margin: 0 10px 0 0 !important; _margin: 0 10px 0 0; text-align: left; padding:2px 5px;}
label{float: left; text-align: left; margin: 0 5px 0 0; font-weight: normal; color: #333;}
ul, li, dl, dd, dt {list-style: none;}

.saltolinea{display: block; clear: both;}

.clear{clear: both;}

.titulo{float: left; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2D8653; font-weight: bold; background: url(../images/fondomenu.gif) repeat-x left top; width: 100%; margin: 0 0 5px 0; border-left: 1px solid #fff; border-right: 1px solid #fff;  border-top: 1px solid #eb8f00; border-bottom: 1px solid #eb8f00; padding: 6px 0;}
.titulo input.readonly{border: none; color: #000; background-color: transparent;}

.titulo2{float: left; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2D8653; font-weight: bold; background: url(../images/fondomenu.gif) repeat-x left top; width: 99%; margin: 0 0 5px 0; border-left: 1px solid #fff; border-right: 1px solid #fff;  border-top: 1px solid #eb8f00; border-bottom: 1px solid #eb8f00; padding: 6px 0; clear: both;}

.boton{background: url(../images/fondomenu.gif) repeat-x left top; border: 1px solid #2D8653; color: #000; font-weight: bold; padding: 3px 5px; cursor: pointer; text-align: center;}


/*------------------------------------------------/ESTILOS GENÉRICOS------------------------------------------------------------*/

#contenedor {margin: 0 auto; width: 98%;}

#cabecera{float: left; border: 1px solid #eb8f00; background: url(../images/fondocabecera.gif) repeat-x left top; width: 100%; margin: 0 0 3px 0;}
#cabecera p{float: left; color: #000; margin: 0 0 0 5px; background: url(../images/logomini.png) no-repeat left center; padding: 5px 0 5px 25px; text-align: left;}
#cabecera span.drcha{float: right; color: #666; margin: 0 0 0 5px; padding: 5px 0 5px 25px; text-align: right;}
#cabecera span.azul{color:#333;}

/*-------------------------	MENU DESPLEGABLE IZQUIERDA (mod. Irene 4/5/09)---------------------------------------------------------------*/

#menu_izq {text-align:left;}
#menu_izq ul{float: left; width: 150px; display: block;}
#menu_izq ul li {padding: 5px 0; border-bottom: 1px dotted #EFFCE4; }
#menu_izq ul li a{color: #000; text-decoration: none;}
#menu_izq ul li a:hover{color: #2D8653; text-decoration: none;}

#menu_izq ul li.pacientes{background: url(../images/paciente.gif) no-repeat center top; padding: 45px 0 5px 0; margin: 10px 0 0 0;}
#menu_izq ul li.reconocimientos{background: url(../images/reconocimiento.gif) no-repeat center top; padding: 50px 0 5px 0; margin: 10px 0 0 0;}
#menu_izq ul li.lesiones{background: url(../images/lesiones.gif) no-repeat center top; padding: 50px 0 5px 0; margin: 10px 0 10px 0;}





/*-------------------------	/MENU DESPLEGABLE IZQUIERDA---------------------------------------------------------------*/


#centro {float: right; width: 100%;}
#centro table{width: 100%;}
#centro td{vertical-align: top;}
#centro td.tdmenu{width:210px;vertical-align: top;}
#centro td.tdcontenido{width:auto;}


/*------------------------Clases para botones superiores del menu de listados (cambios por Irene 5/5/09)----------------------------------*/

.imagebutton{padding-left:10px;}
.imagebutton2{float: left; padding-left:0; vertical-align: top; margin: 0 10px 0 0;}

#menu_sup{position: relative; z-index: 100; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; /*background:url(../images/fondomenusup.gif) repeat-x left top;*/background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; margin: 0 0 0 0; float: left;}
#menu_sup ul{float: left; display: inline; padding: 5px 0; width: 100%;}
#menu_sup ul li{float: left; display: inline; color: #000; font-weight: bold; font-size: 10px;}
#menu_sup ul li a{float: left; color: #000; text-decoration: none; padding: 6px 0;}
#menu_sup ul li a:hover{color: #2D8653; text-decoration: none;}
/*#menu_sup ul li.anterior{background:url(../images/flecha_ant.gif) no-repeat left 2px; padding: 0 0 0 25px; margin: 0 0 0 5px;}
#menu_sup ul li.siguiente{background:url(../images/flecha_sig.gif) no-repeat right 2px; padding: 0 25px 0 0; margin: 0 0 0 5px;}*/

#menu_sup ul li.anterior{padding: 0 0 0 0; margin: 0 0 0 5px;}
#menu_sup ul li.siguiente{padding: 0 0 0 0; margin: 0 0 0 5px;}

#menu_sup ul li.codigo{border-right: 1px solid #c3c2c2; padding: 0 5px 0 0; margin: 0 0 0 10px;}
#menu_sup ul li.codigo input{border: 1px solid #3DB878; height: auto; margin: 5px 5px 0 0;}
#menu_sup ul li.codigo input.btn_vercodigo{background:url(../images/btn_buscar.gif) no-repeat right top; cursor: pointer; border: none; width: 24px; height: 22px; margin: 0;}
/*#menu_sup ul li.buscar{background:url(../images/prismaticos.gif) no-repeat 5px 2px; padding: 0 5px 0 37px; border-left: 1px solid #fff; border-right: 1px solid #E7FBD6;}*/
#menu_sup ul li.buscar{padding: 5px 10px 0 10px; border-left: 1px solid #fff; border-right: 1px solid #c3c2c2;}
#menu_sup ul li.buscar a{padding: 0;}

/*#menu_sup ul li.aceptar{background:url(../images/aceptar.gif) no-repeat 5px 2px; padding: 0 0 0 30px; border-left: 1px solid #fff;}*/
#menu_sup ul li.aceptar{padding: 0 0 0 5px; border-left: 1px solid #fff;}
/*#menu_sup ul li.cancelar{background:url(../images/cancelar.gif) no-repeat left 2px; padding: 0 5px 0 25px; margin: 0 0 0 5px; border-right: 1px solid #E7FBD6;}*/
#menu_sup ul li.cancelar{padding: 0 5px 0 5px; margin: 0 0 0 5px; border-right: 1px solid #c3c2c2;}
#menu_sup ul li.imprimir{padding: 0 0 0 5px; border-left: 1px solid #fff; border-right: 1px solid #c3c2c2;}
#menu_sup ul li.salir{padding: 0 0 0 5px; /*border-left: 1px solid #fff;*/}
#menu_sup ul li.seleccion{padding: 0 0 0 5px; border-left: 1px solid #fff; border-right: 1px solid #c3c2c2;}
#menu_sup ul li.filtrar{padding: 0 5px 0 5px; border-left: 1px solid #fff; border-right: 1px solid #c3c2c2; margin: 0 0 0 0;}
#menu_sup ul li.filtrarno{padding: 0 0 0 5px; border-left: 1px solid #fff; border-right: 1px solid #c3c2c2;}
#menu_sup ul li.excel{padding: 0 0 0 5px;  border-right: 1px solid #c3c2c2; border-left: 1px solid #fff;}
#menu_sup ul li.total{float: right; width: 20px; border: 1px solid red;}
#menu_sup ul li.aviso{float: left; margin: 0 5px 0 0;}

#menu_sup ul li.visar{padding: 0 5px 0 5px; border-left: 1px solid #fff; border-right: 1px solid #E7FBD6; margin: 0 0 0 0;}

/*------------------------/Clases para botones superiores del menu de listados----------------------------------*/

div.datos{float: right; width: 87%; padding: 4px 0; text-align: left; font-weight: bold; font-size: 11px; border: 1px solid #6693CF; margin: 0 0 5px 0;}
div.datos p{margin: 0 0 0 5px;}

/*-------------------------------------FORMULARIO FILTROS (cambiado por Irene 5/5/09)--------------------------------------------------------*/

div.formulario{float: left; width: 99%; border: 1px solid #999; margin: 0 0 10px 0; background-color: #eee; padding: 15px 5px; text-align: left; font-size: 11px;}
div.formulario select{width:  150px;BORDER:#aca899 1px solid;}
div.formulario textarea{width: 580px; height: 60px;BORDER:#aca899 1px solid;}
div.formulario textarea.medio{width: 380px; height: 60px;BORDER:#aca899 1px solid;}
div.formulario textarea.medio2{width: 280px; height: 120px;BORDER:#aca899 1px solid;}
div.formulario textarea.readonly{border: 1px solid #DFDFDF; color: #000; background-color: transparent;}
div.formulario input {width: 100px; BORDER:#aca899 1px solid;}
div.formulario input.largo{width: 417px;}
div.formulario input.medio{width: 322px;}
div.formulario input.medio2{width: 300px;}
div.formulario input.medio3{width: 200px;}
div.formulario input.corto{width: 50px;}
div.formulario input.mini{width: 25px;}
div.formulario span.check input{width: 20px;}
div.formulario input.readonly{border: 1px solid #DFDFDF; color: #000; background-color: transparent;}



/*-------------------------------------/FORMULARIO FILTROS--------------------------------------------------------*/


/* CONTENIDO PAGINAS ESTATICAS */
#contenido{
	/*height:400px;*/
	padding:20px;
}

div.menu_ficha {float: left; width: 99%;}
div.menu_ficha ul{float: left; display: inline; width: 100%;}
div.menu_ficha ul li{float: left; display: inline; color: #fff; font-weight: bold; font-size: 10px;}
div.menu_ficha ul li a{float: left; color: #fff; text-decoration: none; background-color: #C7C7C7; padding: 5px 10px; border: 1px solid #fff;}
div.menu_ficha ul li a:hover{color: #fff; text-decoration: none; background-color: #999;}

div.tabla{float: right; width: 99%; border: 1px solid #3DB878; background-color: #FFFFFF; height: 307px; overflow-y: scroll; overflow-x: hidden; margin: 0 0 5px 0;}
div.tabla table{float: left; width: 100%; border-collapse: collapse; text-align: left; margin: 0 0 10px 0;}
div.tabla th {background-color: #ECE9D8; padding: 5px 10px; width: auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ACA899; border-top: 1px solid #ACA899;}
div.tabla tr {background-color: #EEEEEE;}
div.tabla tr.fila2 {background-color: #fff;}
div.tabla td{padding: 5px 10px; border-right: 1px solid #ccc;}
div.tabla td a{color: #000; text-decoration: underline;}
div.tabla td a:hover{color: #000; text-decoration: none;}
div.tabla th.corto{width: 20px;}
div.tabla input{margin: 0;}
span.add{float: left; color: #000; font-weight: bold;}
span.add a{float: left; color: #000; font-weight: bold; text-decoration: none; background:url(../images/add.gif) no-repeat left top; padding: 0 0 3px 20px;}
span.add a:hover{color: #2D8653; font-weight: bold; text-decoration: none;}


div.menu_antecedentes{float: left; background-color: #ECE9D8; border: 1px solid #ACA899; width: 157px; min-height: 300px; _height: 300px; overflow-y: auto; _overflow-y: none;}
div.menu_antecedentes ul{float: left; margin: 5px; display: block; width: 140px;}
div.menu_antecedentes ul li{color: #000; display: block; padding: 4px 0; text-align: left; font-weight: bold;}
div.menu_antecedentes ul li a{color: #000; text-decoration: underline;}
div.menu_antecedentes ul li a:hover{color: #000; text-decoration: none;}
div.menu_antecedentes h2{float: left; color: #fff; font-weight: bold; padding: 3px 5px; background-color:#999; border: 1px solid #E2E3EA; font-size: 12px; width: 145px; margin: 15px 0 10px 0;}
div.menu_antecedentes span{margin: 5px;}

div.minitabla {float: left; background-color: #eee; border: 1px solid #ACA899; width: 746px; *width: 742px !important; _width: 726px;}
div.minitabla caption{float: left; padding: 4px 5px;}
div.minitabla table{float: left; width: 100%; border-bottom: 1px solid #ccc; border-collapse: collapse; text-align: left;}
div.minitabla th{border-top: 1px solid #ACA899; padding: 4px 5px; background-color: #ECE9D8; border-right: 1px solid #ccc;}
div.minitabla td{border-right: 1px solid #ccc; padding: 3px 5px;}
div.minitabla input{border: 1px solid #E2E3EA; margin: 0;}

div.menu_valores{float: right; background-color: #fff; border: 1px solid #ACA899; width: 167px; min-height: 300px; _height: 300px; overflow-y: auto; _overflow-y: none;}
div.menu_valores ul{float: left; margin: 5px; display: block; width: 140px;}
div.menu_valores ul li{color: #000; display: block; padding: 4px 0; text-align: left; font-weight: bold;}
div.menu_valores ul li a{color: #000; text-decoration: underline;}
div.menu_valores ul li a:hover{color: #000; text-decoration: none;}
div.menu_valores h2{float: left; color: #000; font-weight: bold; padding: 3px 5px; background-color:#ECE9D8; border: 1px solid #E2E3EA; font-size: 12px; width: 154px; margin: 15px 0 10px 0;}
div.menu_valores span{margin: 5px;}



#filtros{BORDER:#aca899 1px solid; DISPLAY: block; FLOAT: none; width: 98%; COLOR: #333; HEIGHT: 150px; BACKGROUND-COLOR: #ece9d8; padding: 5px;}
#filtros label{font-size: 10px; font-weight: normal; color: #333; font-family: Verdana; margin: 0 5px 0 0;}
#filtros input{font-size: 10px; font-weight: normal; color: #333; font-family: Verdana; margin: 0 10px 0 0; vertical-align: middle;}
#filtros select{font-size: 10px; font-weight: normal; color: #333; font-family: Verdana; margin: 0 5px 0 0; vertical-align: middle;}
#filtros input.sinmargen{margin: 0 0 0 0;}
#filtros img.calendario{margin: 0 0 0 5px; padding: 0; vertical-align: middle;}*/




/*------------------------------------------POP UP---------------------------------------------------------*/

.totalespop{float: left; width: 98%; font-size: 12px; font-weight: bold; color: #38695E; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; text-align: right; margin: 5px 0 0 0;}

.tabladatos{float: left; width: 98%; border: 1px solid #aca899; background-color: #FFFFFF; margin: 0 0 5px 0; border-collapse: collapse; text-align: left; overflow: auto; max-height: 180px; _height: 180px; position:relative; overflow:scroll;}
.tabladatos table{float: left; width: 98%;}
.tabladatos th {background-color : #ECE9D8; padding: 3px 5px; width: auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ACA899; border-top: 1px solid #ACA899; margin: 0 5px 0 0;}
.tabladatos th a{text-decoration: underline; color: #000;}
.tabladatos th a:hover{text-decoration: none; color: #000;}
.tabladatos tr {background-color: #EEEEEE; width: auto;}
.tabladatos tr.fila2 {background-color: #fff;}
.tabladatos td{padding: 3px 5px; border-right: 1px solid #fff; width: auto; border-bottom: 1px solid #ccc;}
.tabladatos td a{color: #000; text-decoration: underline;}
.tabladatos td a:hover{color: #000; text-decoration: none;}
.tabladatos th.corto{width: 20px;}
.tabladatos input{margin: 0;}

.DataGridFixedHeader {z-index:4; position:relative; top:expression(this.offsetParent.scrollTop-2); left:expression(this.offsetParent.scrollLeft-2);}

.cabeceracampos{text-align: left; padding: 5px; float: left; display:block; clear: both;}
span{font-weight: normal; color: #333; text-align: left;}

.contenidopop{float: left; padding: 5px; width:98%;}

.filtrospop{float: left; BORDER:#aca899 1px solid; DISPLAY: block; FLOAT: left; width:97%; COLOR: #333; min-height: 50px;_HEIGHT: 50px; BACKGROUND-COLOR: #ece9d8; padding: 5px; margin: 10px 0;}
.filtrospop input{BORDER:#aca899 1px solid;}
.filtrospop select{BORDER:#aca899 1px solid;}
.filtrospop select.medio{BORDER:#aca899 1px solid; width: 182px;}
.filtrospop select.largo{BORDER:#aca899 1px solid; width: 354px;}
.filtrospop select.largo2{BORDER:#aca899 1px solid; width: 422px;}
.filtrospop textarea{float: left; BORDER:#aca899 1px solid; width: 350px; height: 80px;}
.filtrospop input.largo{width: 420px;}
.filtrospop input.medio{width: 180px;}
.filtrospop input.peque{width: 80px;}
.filtrospop label{float: left; width: 130px; margin: 0 5px 5px 0;}
.filtrospop label.corto{width: 50px;}
.filtrospop label.medio{width: 80px;}
.filtrospop label.medio2{width: 100px;}
.filtrospop label.largo{width: 180px;}

/*------------------------------------------/POP UP---------------------------------------------------------*/

INPUT.subir{float: left; margin: 0 5px 0 0;}
INPUT.bajar{float: left; margin: 0 0 0 0;}


/*------------------------------------------------------------LISTADOS--------------------------------------------*/

.tablafiltros TD
{
		FONT-SIZE: 10px; COLOR: #253f32; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none; padding: 2px 2px;
	
}

/* Div container to wrap the datagrid */

div#divdatagrid {
width: 100%;
height: auto;
overflow: scroll;
margin: 5px 0 5px 0;
position:relative;
float: left;
border: 1px solid #aca899;
background-color: #fff;
margin-bottom:20px;
}

div#contenedor_resultados.cont_clientes{
    height: auto;
}



/* Locks table header */
div#divdatagrid th {
font-size: 11px;
font-family: Verdana;
font-weight: bold;
text-align: center;
background-color: #ece9d8;
color: #333;
border-right: 1px solid #fff;
cursor: default;
/*IE5+ only*/
padding: 3px;
}
div#divdatagrid th a{
font-size: 11px;
font-weight: bold;
text-align: center;
color: #333;
text-decoration: none;
}
div#divdatagrid th a:hover{text-decoration: underline;}

#divdatagrid td{font-size: 11px; padding: 4px 2px; color: black; font-family: verdana; vertical-align: middle; border-right: 1px solid #fff; border-bottom: 1px solid #ccc;}
#divdatagrid table{border-collapse: collapse; width: 100%;}
#divdatagrid tr {background-color: #EEEEEE;}
#divdatagrid tr.fila2 {background-color: #fff;}
#divdatagrid tr.filarojo {background-color:#F9BFB7;}
#divdatagrid tr.filapendiente {background-color:#FFFF99;}
#divdatagrid tr.filacobrado {background-color:#99FF99;}
#divdatagrid tr.filadevuelto {background-color:#FF9999;}
#divdatagrid tr.filafacturable {background-color:#ECCEF5;}
#divdatagrid tr.filasinpasar {background-color:#90CAF9;}
#divdatagrid tr.filaenviada {background-color:#D6B96F;}
#divdatagrid tr.filapendienteaprobacion {background-color:#ff5b2b;}

/*Tintineo de la línea pendienteaprobación*/
@-webkit-keyframes filapendienteaprobacion {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-moz-keyframes filapendienteaprobacion {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-o-keyframes filapendienteaprobacion {
  from { background-color: red; }
  to { background-color: inherit; }
}
@keyframes filapendienteaprobacion {
  from { background-color: red; }
  to { background-color: inherit; }
}
.filapendienteaprobacion {
  -webkit-animation: filapendienteaprobacion 1s infinite; /* Safari 4+ */
  -moz-animation:    filapendienteaprobacion 1s infinite; /* Fx 5+ */
  -o-animation:      filapendienteaprobacion 1s infinite; /* Opera 12+ */
  animation:         filapendienteaprobacion 1s infinite; /* IE 10+ */
}

div#divdatagrid .corto{width: 20px; text-align: center;}
div#divdatagrid input{margin: 0; float: none;}


#totales{ clear:both; font-size: 12px; font-weight: bold; color: #38695E; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; width: 98%; PADDING-TOP: 5px; TEXT-ALIGN: right; margin: 5px 0 0 0; height:20px;}

#contenedor_resultados{	DISPLAY: block; WIDTH: 100%; POSITION: relative; HEIGHT: auto; text-align:left; padding:0; margin:0;}


.clasecolumnas{Z-INDEX: 200; WIDTH: 322px; text-align: left; position:absolute;}

.clasetablacolumnas{
width: 320px;
height: 200px;
overflow-y: scroll;
overflow-x: hidden;
background-color:#fff;
text-align:left;
float: left;
}

.clasetablacolumnas TD{
	font-size: 11px; 
	font-weight: normal; 
	color: #2D8653;
}
.clasetablacolumnas td.corto{width: 20px; text-align: center;}

.clasebotonescolumnas
{
float: left;
width: 314px;
height: 29px;
padding:3px 0 0 5px;
overflow: none;
background-color:#ece9d8;
border:1px solid #999;
}

.clasebotonescolumnas input{float: left; background: url(../images/fondomenu.gif) repeat-x left top; border: 1px solid #2D8653; color: #2D8653; font-weight: bold; padding: 3px 5px;}

.claseDGColumnas TD
{
	border-bottom: 1px solid #ccc;	
}
.clasecolumnas2{/*Z-INDEX: 3; LEFT: 1px; 
VISIBILITY: visible; POSITION: relative; TOP: 10px;*/float: left; WIDTH: 322px; overflow-x: hidden; overflow-y: auto; /*min-height: 250px; _height: 250px;*/ text-align: left; clear: both;}
.clasetablacolumnas2 td.corto{width: 20px; text-align: center;}

.clasetablacolumnas2{
width: 320px;
/*width: 86%;*/
height: 200px;
overflow-y: auto;
overflow-x: hidden;
background-color:#fff;
text-align:left;
float: left;
}

.clasetablacolumnas2 TD{
font-size: 11px; 
	font-weight: normal; 
	color: #2D8653;
}

.clasebotonescolumnas2
{
float: left;
width: 318px;
height: 29px;
padding:3px 0 0 5px;
overflow: none;
background-color:#ece9d8;
border:1px solid #999;
}

.clasebotonescolumnas input{float: left; background: url(../images/fondomenu.gif) repeat-x left top; border: 1px solid #2D8653; color: #2D8653; font-weight: bold; padding: 3px 5px;}

.claseDGColumnas2 TD
{
	border-bottom: 1px solid #ccc;	
}

p.aviso {color: #000; font-size: 11px; border: 1px solid #fff; padding: 5px; background-color: #ECE9D8; text-align: left;}
p.aviso span{color: #cc0000; font-size: 11px; text-align: left;}


/*-------------------------------------------------------------IFRAME------------------------------------------*/
.iframe{float: left; padding: 0; text-align: left;}

/*-------------------------------------------------------------/IFRAME------------------------------------------*/


/*--------------------------------------------------------CUERPO HUMANO------------------------------------------------*/
div.cuerpohumano{width:545px; border: 1px solid #3DB878; clear: both; background-color:#fff; text-align: center;}

/*--------------------------------------------------------/CUERPO HUMANO------------------------------------------------*/


/*------------------BORDES REDONDEADOS--------------------------------------*/

#box
	{
	
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10em;
	padding: 0;
	text-align: left;
				/* <-- use this to tie width to viewport size */
	width: 400px;				/* <-- use this for a set width */
	/*background: #fff url(../images/fondologin.jpg) repeat-x left top;*/
	background-color:#EDEDED;
	border: 1px solid #eb8f00;
	height: 100%;

}

#box p{padding: 0 15px; font-size: 11px;}
#box p.avisoentrada{color: #c00000; margin: 10px auto 0 auto; text-align:center;}


#box label{float: left; margin: 0 5px 5px 10px; width: 80px; font-size: 11px;}
#box label.checklabel{width: auto; margin: 0 0 0 60px;}
#box input{float: left; margin: 0 0 5px 0; border: 1px solid #eb8f00; width: 180px; font-size: 11px;}
#box input.boton{float: left; margin: 0 0 20px 145px; *margin: 5px 0 20px 145px !important; background-color:#EFFCE4; width: 70px;}
#box span.check input{border: none; width:30px;}
#box div.logo{float: left; background: url(../images/lock.jpg) no-repeat 30px top; padding: 10px 0 0 100px; width: 260px; margin: 15px 0 15px 10px; clear:both;}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.jpg);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.jpg);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	height: 300px;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	height: 300px;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	
	}

#lb
	{
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	
	
/*------------------------------------/BORDES REDONDEADOS------------------------------------------------------*/


#divedicion{padding:10px;}
#divedicion label{width:120px;}
#divedicion INPUT{margin-right:20px; width:200px;}
#divedicion INPUT.largo{width:550px;}
#divedicion SELECT{margin-right:20px; width:205px;}
#divedicion div.clear{padding-top:5px;}
#divedicion INPUT.mini40{width:40px;}
#divedicion INPUT.minifecha{width:100px;}
#divedicion textarea.cajaarea{width:600px; height:100px;}
#divedicion textarea.cajamini{height:60px;}

fieldset.fficha{ border:1px dotted #fff; padding:20px; margin:5px;}
fieldset.fficha legend{ background-color:#fff; color:#333; padding:5px;}
fieldset.fficha_azul{ border:1px dotted #333; padding:20px; margin:5px;}


#panelfiltros{ position:relative; z-index:999999999;}
#panelfiltros INPUT, SELECT{
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}
#panelfiltros #fsfiltros{border:0px;}
#panelfiltros label{width:85px; margin-left:10px;}
#panelfiltros label.aut{width:auto;margin-left:0px;}
#panelfiltros INPUT{margin-right:10px; width:140px;}

#panelfiltros SELECT.grande{width:220px;}
#panelfiltros div.clear{padding-top:5px;}
#panelfiltros INPUT.hasDatepicker{width:125px;}


/* */
#bienvenida{ display:block; width:100%; padding:20px 10px; background-color:#1B5025; color:#FFF; margin-bottom:20px;}

#escritorio-netrix{ display:block; width:100%; margin:0px; padding:0px; padding-left:10px;}

#escritorio-netrix ul{ list-style:none; display:block; margin:0px; padding:0px; margin:0px auto;}

#escritorio-netrix ul li{ display:block; float:left; width:30%; padding:1%; background-color: #EFEFEF; margin:0px 1% 1% 0px; border:2px solid #CCC; text-align:left; height:150px; cursor:pointer; background:url(../images/fondo-cajas.png) #fff no-repeat bottom right;}
#escritorio-netrix ul li:hover{ border:2px solid #1B5025;}

#escritorio-netrix ul li ul{ display:block; margin:0px; padding:0px; margin-top:10px;}
#escritorio-netrix ul li ul li{ display:block; clear:left; width:80%; padding:1%; margin:0px 1% 1% 0px; border:none; background:transparent; text-align:left; height:auto; border-left:1px solid #CCC; padding-left:5px; }

#escritorio-netrix ul li ul li:hover{display:block; clear:left; width:80%; padding:1%; margin:0px 1% 1% 0px; border:none; background:transparent; text-align:left; height:auto;  border:none;border-left:1px solid #CCC; padding-left:5px;}

#escritorio-netrix ul li p.tituloNetrix{ color:#1B5025; font-size:16px; font-weight:bold; text-align:left; width:100%; border-bottom:1px solid #1B5025; margin-bottom:10px;}

#escritorio-netrix ul li p{ color:#000000; text-align:left;}
#escritorio-netrix ul li a{ text-decoration:none; color:inherit;}
#escritorio-netrix ul li.socios p.tituloNetrix{ color:#a8b50a;}
#escritorio-netrix ul li.proyecto p.tituloNetrix{ color:#5db0eb; }
#escritorio-netrix ul li.mensajes{ margin:0;}
#escritorio-netrix ul li.mensajes p.tituloNetrix{ color:#C7007D; }

.separaFields{width:10px; display:block; float:left; }

#DGLISTADO{ z-index:9999999;}

div#menu_sup > ul > li.salir > a#btnFacturar{ margin-right:10px;}
div#menu_sup > ul > li.salir > input#txtPrefijo{ position:relative; top:3px; width:35px; text-align:center;}

div#menu_sup > ul > li.salir > a#btnFacturar{ padding-left:10px; border-left:1px solid #FFF;}

html > body > form#formulario > div#contenedor > div#centro > table th{ cursor: pointer;}

/* FORMULARIO RESPONSIVE */
.formulario-responsive fieldset{ display:block;}
.formulario-responsive fieldset label{ display:block; float: left; width:30% !important; margin-right:2%; }
.formulario-responsive fieldset label span{ display:block; width:95% !important; font-weight:bold;}
.formulario-responsive fieldset label input, .formulario-responsive fieldset label select, .formulario-responsive fieldset label textarea{ display:block; width:95% !important;}
.formulario-responsive fieldset label:nth-of-type(3n+1){ clear: both;}

/* Desktops and laptops ----------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 0px) and (max-width : 650px) {
/* Styles */
.formulario-responsive fieldset label{ display:block; float: left; width:100% !important; clear: both !important; }
}


/* PANTALLA IZDA DCHA */
.pantalla-izda{ display: block; float:left; width:48%; margin-right: 4%;}

.pantalla-dcha{ display: block; float:left; width:48%;}

form#formulario.formulario-responsive > div#contenedor > div#centro > div#contenedor_detalle > div#imprimir > div#divedicion > div.pantalla-izda > fieldset > div > label, form#formulario.formulario-responsive > div#contenedor > div#centro > div#contenedor_detalle > div#imprimir > div#divedicion > div.pantalla-dcha > fieldset > div > label{ width: 95% !important;}

/* BLOQUE PANTALLA IZDA DCHA */

 .bloque100{ display: block; width: 100%; clear:both; margin-left: 0px; margin-right: 0px;}

 .bloque75{ display: block; float: left; width: 70%; margin-left: 0px; margin-right: 0%;}

 .bloque50{ display: block; float: left; width: 40%; margin-left: 0px; margin-right: 5%;}

 .bloque33{ display: block; float: left; width: 28%; margin-left: 0px; margin-right: 5%;}

 .bloque25{ display: block; float: left; width: 20%;  margin-left: 0px; margin-right: 2.5%;}


#txtFecha_servicio_dia{ width:60% !important; display: block; float: left; margin-right: 5px !important;}
.ui-datepicker-trigger{ display: block !important; float: left !important; margin: 0px !important; width: 15px; margin-top:4px !important;}

#txtFecha_vuelta_dia{ width:60% !important; display: block; float: left; margin-right: 5px !important;}
.ui-datepicker-trigger{ display: block !important; float: left !important; margin: 0px !important; width: 15px; margin-top:4px !important;}

.pagada{position:absolute;top:135px;left:0px;text-align:center;width:100%;height:100%;display:block;
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't
    support rgba */
    background: rgba(255, 255, 255, .3);
}
.pagada p {margin-top:195px;font-size:35px;color:#ff0000;text-shadow:2px 2px #333;}

/* ESTADOS */
.estadoAnulada, .estadoEnviada{  background-color: green; color: #fff; display: block; text-align: center; padding: 5px; }

.estadoAnulada{ background-color: #CB2924;}
.estadoEnviada{  background-color: green;}


.loader { border: 30px solid #EB9002; /* Light grey */ border-top: 30px solid #E7AE54; border-radius: 50%; width: 160px; height: 160px; animation: spin 1.5s linear infinite; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.modal2 { display: none; position: fixed; z-index: 999999; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.6); }
.modal2{  z-index: 9999999999 !important; }
@media (max-width: 768px) { 
	.modal2 .loader{ top:-150px !important;}
}