/* ------------------------------------------------------------------------------------------------------
* Sitio Web:			ERP System Web - Sistema básico del aplicativo web de alto rendimiento y configurable.
* Version:			1.0
* Autor:			E.R.P Software
* Fecha:			01 / 06 / 2008
* Fecha version anterior:	-
* Cambios:			Estilos del portal genéricos
* Comentarios: En IE6 y anteriores la propiedad min-height no existe, en cambio sí para FF.
  Podemos solucionarlo en la propia hoja
	<!--[if lte IE 6]>
	#div_contenedor{
    height: 100px;
    }
  <![endif]-->
--------------------------------------------------------------------------------------------------------- */
BODY {
	background-image: url('fondo.png');   
	background-repeat: repeat-x;   
	BACKGROUND-COLOR: #FFFFFF;	 
	COLOR: #000000; 
	FONT-FAMILY: "Verdana"; 
	FONT-SIZE: 11px;
}

hr.erp{
color: #ffcc66;
}

table.datos {
font-family	: "Verdana";
font-size	: 11px;
font-color: #000000;
color	: #000000;
text-align	: left;
border  : 1px solid #000000;
background-color : #FFFFFF;
width		: 90%;
}

table.calendario {
	border: 1px double #000000;
	background-color:#FFFFFF;
}

td.cal {
	text-align:center;
	border: 0px solid #000000;
	color: #000000;
	font: 10px #000000 "Arial";		 
}

td.caln {
	text-align:center;
	border: 0px solid #000000;
	color: #000000;
	font: Bold 15px #000000 "Arial";		 
}

table.windows {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: left;
border-color	: #FFFFFF;
background-color: #FFFFFF;
color		: #FFFFFF;
width		: 80%;
}

table.windows90 {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: left;
border-color	: #FFFFFF;
background-color: #FFFFFF;
color		: #FFFFFF;
width		: 90%;
}

table.windowsform {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: left;
border-color	: #FFFFFF;
background-color: #FFFFFF;
color		: #FFFFFF;
width		: 100%;
}


table.acercade {
border-color	: #FFFFFF;
background-color: #FFFFFF;
color		: #FFFFFF;
width		: 100%;
}

table {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: left;
border-color	: #FFFFFF;
color		: #FFFFFF;
width		: 90%;
}

table.seleccion {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: left;
border-color	: #aaaaff;
color		: #000000;
}

table.buscar {
font-family	: "Verdana";
font-size	: 10px;
font-color	: #000000;
text-align	: left;
border-color	: #aaaaff;
color		: #FFFFFF;
}

table.msg {
font-family	: "Verdana";
font-size	: 11px;
font-color	: #000000;
text-align	: Center;
border-color	: #aaaaff;
color		: #FFFFFF;
}

table.menu_opciones {
font-family	: "Verdana";
font-size	: 10px;
font-color	: #000000;
text-align	: center;
border	: 1px solid #aaaaff;
color		: #FFFFFF;
}

/* CELDAS */

td.opc_menu {
font-family	: "Verdana";
font-size	: 10px;
font-color	: #000000;
border   : 0px #415680 solid;
color		: #000000;
text-align: center;
valign: top;
background-color:#FFFFFF;
}

td.opc_menu_prin {
font-family	: "Verdana";
font-size	: 10px;
font-color	: #000000;
border   : 1px #415680 solid;
color		: #000000;
text-align: center;
valign: top;
background-color:#FFFFFF;
}

td.td90 {
width		: 90%;
}

/*Genéricos */
table tr, th, td {
border          : 1px #415680 solid;
color		: #000000;
background-color: #ffffe1;
}

table th { 
border		: 1;
color		: #FFFFFF;
}

table tr.seleccion, td.seleccion { /*registro seleccionado*/
border          : 1px #415680 solid;
color		: #FFFFFF;
background-color:#000080;
}

/* ESTADOS DE REJILLAS */
table td.ACTIVA { 
border          : 1px #415680 solid;
color		: #000000;
background-color:#FFFFFF;
}

table td.SUSPENDIDA { 
border          : 1px #415680 solid;
color		: #FFFFFF;
background-color:#CCCCCC;
}

/* FIN ESTADOS */

table th.cabecera {/*cabecera de las tablas de datos */
border          : 1px #415680 solid;
color		: #000000;
background-color:#F9A51B; /*naranja*/
}

table td.titulo {
FONT: Bold 11px "Verdana";
Text-align:right;
Color: #000000;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
vertical-align: top;
}

table td.datopub {
FONT: 12px "Verdana";
Text-align:left;
Color: #000000;
border: 1px solid #B3B3B3;
background-color: #FFFFFF;
vertical-align: top;
}


table td.titulol {
FONT: Bold 11px "Verdana";
Text-align:left;
Color: #000000;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
vertical-align: top;
}
table td.comentario {
FONT: 11px "Verdana";
Text-align:center;
Color: #000000;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
vertical-align: top;
}

table td.datawborde {
FONT: Bold 11px "Verdana";
Text-align:center;
Color: #000000;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
vertical-align: top;
}


table td.negrita {
FONT: Bold 11px "Verdana";
Text-align:center;
Color: #000000;
background-color: #FFFFFF;
}

table td.azul {
FONT: Bold 11px "Verdana";
Text-align:left;
Color: #FFFFFF;
background-color: #0000aa;
}

table td.pielistado {/*pie de las tablas de datos */
border  : 1px #415680 solid;
color		: #000000;
background-color:#ffcc99;
}

table tr.listado, td.listado {
border          : 1px #415680 solid;
color		: #000000;
background-color:#FFFFFF;
}

table td.acercade {
color		: #000000;
background-color:#FFFFFF;
border: 0px #FFFFFF solid;
}

input{
border : none;
font-family: "Verdana";
font-size: 11px;
color: #000000;
background-color:#FFFFE1;
}

input.gris{
border : 1px solid #000000;
font-family: "Verdana";
font-size: 11px;
color: #000000;
background-color:#b3b3b3;
}


input.entrada{
border : 1px solid #000000;
font-family: "Verdana";
font-size: 11px;
color: #000000;
background-color:#ffffe1;
}

a:link, a:visited, a:active {
text-decoration: none; 
}


A {
   COLOR: #7C5EDB; 
   FONT-SIZE: 10px; 
   TEXT-DECORATION: none; 
   FONT-WEIGHT: bold;
}
A:hover {
   COLOR: #ff3366; 
   TEXT-DECORATION: none;
}

a.info {
   COLOR: #008000; 
	 FONT: Bold 11px "Verdana";
   TEXT-DECORATION: none; 
}

a.info: hover{
   COLOR: #fe8920; 
   TEXT-DECORATION: none;
}

a.datoseleccion {
   COLOR: #ffcc99; 
   FONT-SIZE: 10px; 
   TEXT-DECORATION: none; 
   FONT-WEIGHT: bold;
}
a.datoseleccion:hover {
   COLOR: #ffcc99; 
   TEXT-DECORATION: none; 
}

a.mlistado {
   COLOR: #000000; 
   FONT-SIZE: 12px; 
   TEXT-DECORATION: none; 
   FONT-WEIGHT: bold;
}
a.mlistado:hover {
   COLOR: #FFFFFF; 
   TEXT-DECORATION: none; 
}

a.botonp {
   COLOR: #000000; 
   FONT: 11px "Verdana"; 
   TEXT-DECORATION: none; 	 	  
}

a.botonp:hover{				
   COLOR: #000000; 
   FONT: 11px "Verdana";	 
   TEXT-DECORATION: none; 
}

/*^Rotulos */


p.titulo{
text-align: center;
font: bold 45px "Verdana"; 
}

p.titulo2{
text-align: center;
font: bold 14px "Verdana"; 
}

p.navegador{
text-align: center;
font: bold 10px "Verdana";
color:#000000;
}

p.negrita{
font: Bold 12px "Verdana";
color: #000000;
}

p.negrita14{
font: Bold 14px "Verdana";
color: #000000;
}

p.centrar{
text-align: center;
}

p.rojo{
font: Bold 10px "Verdana";
font-color: #FF0000;
}

p.verde{
font: Bold 10px "Verdana";
font-color: #00FF00;
}

p.tabladato {
font: 10px "Verdana";
font-color: #000000;
}

p.tabladatodest {
font: Bold 12px "Verdana";
font-color: #200000;
}


p.selecciondato{ /* Dato seleccionado en la tabla */
font: Bold 10px "Verdana";
font-color: #FFFFFF;						 	
}


h1.principal{
	font-size: 26px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#fe8920;
}

h1.naranja {
	font-size: 26px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#f9a51b;
}

h2.gestion{
	font-size: 16px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#0000aa;
}

h2.info{
	font-size: 14px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#008000;
}

h2.gris{
	font-size: 14px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#677984;
}

h3.erp{
	font-size: 14px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#000000;
}

h3.naranja {
	font-size: 14px;
	font-weight:Bold;
	Font-Family: "Verdana";
	color:#fe8920;
}


/* Capas */
div.rotulo{
position:relative;
font: Bold 45px "Verdana";
left: 5%;
right: 5%;
width: 90%;
border-style:none;
background-color: #FFFFFF;
color: #000000;
}

div.menu1{
position: relative;
font: 11px "Verdana";
Left: 5%;
Right: 5%;
Width: 90%;
color: #000000;
border: 5px solid #f9a51b;
background-color:#FFFFFF;
text-align:center;
color: #000000;
float:left;
}


div.franjaclara{
position:relative;
border-style: single;
left:5%;
right:5%;
width:90%;
Font: Bold "Verdana";
color: #000000;
}

div.franja{
font: Bold 11 px "Verdana";
position:relative;
border: 1px double #f9a51b;
left:0%;
width:80%;
right:0%;
background-color:#FFFFFF;
color: #000000;
}


div.suspendida{
font: Bold 18 px "Verdana";
position:relative;
border: 1px double #000000;
left:0%;
width:80%;
right:0%;
background-color:#F9A51B;
color: #000000;
}


div.contenido{
position: relative;
font: 11px "Verdana";
Left: 5%;
Right: 5%;
Width: 90%;
color: #000000;
border: 5px solid #f9a51b;
background-color:#FFFFFF;
text-align:center;
color: #000000;
float:left;
}

div.pie{
position: relative;
font: 11px "Verdana";
Left: 5%;
Right: 5%;
Width: 90%;
color: #000000;
border: 5px solid #f9a51b;
background-color:#cccccc;
text-align:center;
color: #000000;
float:left;
}

div.info{
font: Bold 11 px "Verdana";
position:relative;
border: 2px #008000;
border-style: double;
left:0%;
background-color:#FFFFFF;
color: #008000;
text-align:center;
}

div.aviso{
font: Bold 11px "Verdana";
position:relative;
border: 5px #F9A51B; 
border-style: double;
left:0%;
background-color:#F9A51B;
color: #000000;
text-align:center;
}

div.error{
font: Bold 11px "Verdana";
position:relative;
border: 5px #FF0000;
border-style: double;
left:0%;
background-color:#FFFFFF;
color: #0000FF;
text-align:center;
}

div.formover {
font: Bold 11px "Verdana";
position:relative;
left:5%;
right: 5;
top: 5%;
bottom: 5%;
width: 80%;
border: 1px solid #000000;
background-color:#d4d0c8;
color: #000000;
text-align:center;
}

div.formulario { /*fixed, dentro del objeto padre para no estricto */
position:relative;
font: Bold 11 px "Verdana";
border: 10px solid #F9A51B;
background-color:#FFFFFF;
color: #000000;
text-align:center;
}

div.derechaabs {
background-color:#FFFFFF;
color: #000000;
float: right;
text-align:right;
}

div.centrado {
position:relative;
color: #000000;
text-align:center;
border:0px solid #ff0000;
}

div.calendario{
position:relative;
color: #000000;
width:10%;
borde: 0px solid #FF0000;
float:left;
}

div.web{
position:relative;
background-color:#FFFFFF;
color: #000000;
width:100%;
float:left;
border:1px solid #FF0000;
}


/* Naranja: f9a51b 
 Gris #d4d0c8 */

.panelinfo
{
	background: #99cc66;/*verde*/
	color: #000000;
	padding: 10px;
	border: 2px outset #99CC66;
	width: 60%;
}

.panelinfo2
{
	background: #99cc66;/*verde*/
	color: #000000;
	padding: 10px;
	border: 2px outset #99CC66;
	width: 90%;
}

.panelaviso
{
	background: #FFCC66;/*naranja fuerte */
	color: #000000;
	padding: 10px;
	border: 2px outset #F9A51B;
	width: 60%;
}
.panelaviso2
{
	background: #FFCC66;/*naranja fuerte */
	color: #000000;
	padding: 10px;
	border: 2px outset #F9A51B;
	width: 90%;
}

.panelerror
{
	background: #FF3300; /*rojo*/
	color: #000000;
	padding: 10px;
	border: 2px outset #FF3300;
	width: 60%;	
}

.panelerror2
{
	background: #FF3300; /*rojo*/
	color: #000000;
	padding: 10px;
	border: 2px outset #FF3300;
	width: 90%;	
}

.textarea{
font: 14px "Verdana";
face-color: #344566;
background-color: #FFFFE1;
color: #000000;
border-style: none;
}

.bmbutton {
font-family: "Verdana";
font: 11px;
color: #000000;
border: 0px solid;
border-style: single;
border-color: #f9a51b;
background-position: bottom;
background-color: #FFFFFF;
padding-left: 0px;
padding-right: 0px;
cursor: hand;
}

.bbutton {
font-family: "Verdana";
font: 11px;
color: #000000;
border: 2px solid;
border-style: single;
border-color: #f9a51b;
background-position: bottom;
background-color: #FFFFFF;
width:100px;
padding-left: 3px;
padding-right: 3px;
cursor: hand;
}

.file{
font-family: "Verdana";
font: 11px;
color: #000000;
border: 1px solid;
border-style: single;
border-color: #aaaaff;
background-position: bottom;
background-color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
cursor: hand;
}

/* IMAGENES */
img.enlace {
border  : 0px;
}

/*Selecciones */

select.seleccion{
font: 11px "Verdana";
color: #000000;
background-color: #FFFFFF;
}

select.estados{
font: Bold 11px "Verdana";
color: #000000;
Background-color: #FFFFFF;
}

option.estados{
font: 11px "Verdana";
color: #000000;
border: 1px solid #AAAAFF;
background-color:#FFFFE1;
padding-left: 1px;
padding-right: 1px;
}


option.opcion{
font: 11px "Verdana";
color: #000000;
border: 1px solid #AAAAFF;
background-color:#FFFFE1;
padding-left: 1px;
padding-right: 1px;
}

textarea.areatexto{
font: 11px "Verdana";
face-color: #FFFFFF;
background-color: #FFFFFF;
color: #000000;
border-style: none;
}

embed.reloj {
	width:75px;
	height:75px;
}

/*parrafos */
p.info {
font: Bold 11px "Verdana";
color: #008000;
}

p.infoa {
font: Bold 11px "Verdana";
color: #ffff80;
}


p.aviso{
font: Bold 11px "Verdana";
color: #000000;
}

p.aviso2{
font: Bold 11px "Verdana";
color: #009b00;
}

p.aviso3{
font: Bold 11px "Verdana";
color: #900000;
}

p.aviso4{
font: Bold 11px "Verdana";
color: #ff3300;
background-color: #ffff99;
width: 80%;
}

p.error{
font: Bold 11px "Verdana";
color:#ff0033;
}