/* Css basico para la aplicacion */

/* Genericos */
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 940px;
  background-color: #d0e2cf;
  margin: 0 auto;
}

div{
}

div #titulo-accion{
  display: inline;
}
div input{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 1px solid black; 
}

div select{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 1px solid black; 
}

div span {
  vertical-align: top;
}

/*
.error-div {
}

.error-div input{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
}

.error-div select{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
}
*/

.error-div span{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 0px solid red;
  color: red;
  font-style: italic;
  font-size: 13px;
  font-weight: lighter;
}

.fila-par{
  background-color: #FFFFFF;
}

.fila-impar{
  background-color: #DEEEEE;
}

.texto-normal {
  font-weight: normal;
}

.texto-negrita {
  font-weight: bold;
}

.texto-negrita-extra {
  font-weight: bolder;
}

#header {
  width: 940px;
  border: 0px solid green;
}

#header .fondo_idiomas {
  background: url('../imagenes/barra_idiomas.gif') repeat-x;
  height: 24px;
}

#header .separador_fb {
  padding-right: 1px;
  text-align: right;
}

#header img {
  border: 0px;
  cursor: pointer;
}

#footer {
  width: 1024px;
  border: 0px solid green;
  clear: both;
  font-size: 9px;
}

#footer a {
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover {
  color:#000000;
  text-decoration:none;
}

#footer #datos-usuario {
  float: left;
  font-size: 12px;
  font-style: oblique;
  font-weight: bolder;
  color: black;
  width: 800px;
}

#footer #licencia {
  font-size: 12px;
  font-style: oblique;
  padding-left: 15px;
  text-align: center;
  width: 200px;
  margin-left: 800px;
  padding-right: 15px;
  border-left: 1px solid gray;
}

#acciones {
  padding: 5px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}

#acciones a{
  background-color: #EFFEFF;
  border: 0px solid #EFFEFF;
  text-decoration: none;
  font-style: italic;
  font-size: 14px;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
} 

.texto-campo-plano {
  margin-left: 4px;
  margin-bottom: 5px;
  border: 1px solid black;
  width: 250px;
}

.mostrar{
  /*
  position:absolute; 
  left:0px; 
  top:0px; 
  background-color:#FFFFFF; 
  z-index:300; 
  opacity:.9; 
  mozOpacity:.9;
  filter: alpha(opacity=90);
  text-align: center;
  */
  visibility: visible;
}

.ocultar{
  /*
  position:absolute; 
  left:0px; 
  top:0px; 
  background-color:#FFFFFF; 
  z-index:300; 
  */
  visibility: hidden;
}

/* capa ajax */
.mostrar-loader {
  position:absolute; 
  left:0px; 
  top:0px; 
  background-color:#FFFFFF; 
  z-index:300; 
  opacity:.9; 
  mozOpacity:.9;
  filter: alpha(opacity=90);
  visibility: visible;
  text-align: center;
}

.ocultar-loader {
  position:absolute; 
  left:0px; 
  top:0px; 
  background-color:#FFFFFF; 
  z-index:300; 
  visibility: hidden;
}

#imgagen_loader{
  vertical-align: middle;
  border: 0px solid black;
  left: 50%;
}

/* Errores */
#errores {
  color: red;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}

#errores ul{
  list-style-position: outside;
}

#errores li{
  list-style-type: disc;
}

#errores li a{
  color: #000000;
  text-decoration: none;
}

#cuerpo-back {
  /*
  width: 845px;
  margin-bottom: 6px;
  margin-top: 15px;
  */
  border: 0px solid blue;
  font-weight: bolder;
  margin: 0 auto;
}

#cuerpo-back #listado table{
  margin: 0 auto;
  width: 940px;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  text-align: left;
}


/* Menu */
#menu-back {
  font-size: 11px;
  /*border-bottom: 1px solid #EFFEFF;
  border-top: 1px solid #EFFEFF;*/
  width: 940px;
  /*background-color: #EFFEFF;
  margin-bottom: 15px;*/
  
}

#menu-back ul{
  list-style-type: none;
  padding-left: 15px;
  padding-right: 15px;
}

#menu-back ul a {
  text-decoration: none;
}

#menu-back a a:hover a:link a:visited a:active {
  /*
  text-decoration: none;
  */
}

#menu-back li{
  padding-left: 5px;
  padding-right: 5px;
  display: inline;
}

#menu-back li a{
  color: #000000;
  text-decoration: none;
  line-height: 18px;
  vertical-align: middle;
}

#menu-back li a:hover {
  color: #000000;
  background-color: #FFDB00;
}

.titulo-menu {
  text-align: center;
  font-size: 16px;
  font-weight: bolder;
}
/* Login */

/* Principal */
#cuerpo-back h1 {
  font-weight: bolder;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
}

/* Cliente */
#datos-cliente{
  padding-left: 10px;
}

/* W3C */
#w3c {
  margin-top: 3px;
}

#w3c a a:hover a:visited a:link a:active a:first-child {
  text-decoration: none;
  border: 0px solid blue;
  width: 88px;
  height: 31px;
}

#w3c img {
  border: 0px solid blue;
}

#informes {
  text-align: center;
  padding: 10px;
}

#informes a {
  text-align: center;
  text-decoration: none;
  color: black;
  font-size: 15px;
  font-weight: bold;
}

#datos-paso {
}

#datos-paso table {
  width: 99%;
  border: 0px solid green;
  margin-left: 5px;
}
.centrado {
  margin: 0 auto;
  text-align: center;
  width:100%;
  border: 0px solid red;
  background-color: #FFFFFF;
  /*background-image: url('../imagenes/bg_flores.png');*/
  background-position: bottom left;
  background-repeat: no-repeat;
  min-height: 600px;
}
.acciones-btn {
  text-align: center;
  padding-top: 15px;
}

#contenido {
  border: 0px solid blue;
  width: 800px;
  margin-left: 202px;
}

.texto-justificado {
  text-align: justify;
  text-indent: 20px;
  font-weight: bold;
  padding: 15px;
  font-size: 9px;
}

.texto-centrado {
  text-align: center;
}

.texto-left {
  text-align: left;
}

.texto-right {
  text-align: right;
}

.texto-center {
  text-align: center;
}

.texto-confirmacion {
  text-align: center;
  font-size: 20px;
  font-weight: bolder;
}

.borde-datos {
  border: 1px solid gray;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.borde-tabla {
  border: 1px solid black;
}

.texto-grande-50 {
  text-align: center;
  font-size: 80px;
}

.alineacion-vertical-top {
  vertical-align: top;
}

.error-div {
/*
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
  */
}

td .error-div{
  border-width: 2px;
  border-style: solid;
  border-color: #FF0000;
  padding: 0px;
  margin: 0px;
}

/*
.error-div input {
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
}
*/

.error-div select{
  margin-left: 4px;
  margin-bottom: 2px;
  /*border: 2px solid red;*/
}

/*
.error-campo-IE6{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
  color: #FF0000;
}
*/

.error-fila{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 2px solid red;
}

.error-div span{
  margin-left: 4px;
  margin-bottom: 2px;
  border: 0px solid red;
  color: red;
  font-style: italic;
  font-size: 13px;
  font-weight: lighter;
}

.campo-formulario {
  width: 400px;
  text-align: left;
  border: 1px solid red;
  display: inline;
}

#imagen-tarjeta {
  background-image: url('../imagenes/tarjeta_promo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  /*colocar numero tarjeta*/
  /*padding-left: 250px;
  padding-top: 180px;*/
  margin: 5px;
  height: 330px;
}

#imagen-tarjeta .numero-tarjeta {
  text-align: left;
  padding-top: 250px;
  padding-left: 277px;
  color:#000000;
  font-size:20px;
  font-style:normal;
}

#lista-tarjeta {
}

#lista-tarjeta #listado-tarjeta .enlace {
  text-decoration: none;
  color: #000000;
}

a:link {
	color: white; 
	text-decoration: none;
}

a:visited {
	color: white;
	text-decoration: none;
}

input {
	color:#999923;
}
select {
	color:#999923;
}

.poner_opacidad{
  opacity: 1 !important; 
  mozOpacity: 1 !important;
  filter: alpha(opacity=100);
}

.poner_opacidad:hover {
  opacity: 1 !important; 
  mozOpacity: 1 !important; 
  filter: alpha(opacity=100);
}

#botones {
  color:#FFFFFF;
  background:#FF662B;
  border-style:solid;
  border-width: 1px;
  border-color:#FF662B;
  cursor: pointer;
}

#pastilla_verde {
	background:url(../../img/pastillaVerde.png);
	background-repeat:no-repeat;
	text-align:left;
	color:#FFFFFF;
	width:413px;
	height:39px;
	padding-left:12px;
	font-size: 18px;
	font-weight: 700;
}

#flor_menu_izquierdo {
	width:210px;
	background:url(../../img/florFondo.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#condiciones_leg {
	text-align: right;
}

#condiciones_leg a {
	text-decoration:underline;
	color:#999923;
}

#condiciones_leg a:hover {
	color:#FF662B;
}