/*****************************************************************************************************************
*	LAYOUT
*****************************************************************************************************************/

div.clientes  { background: url("/images/clientes/bg_degradado_gris.gif") repeat-x;  background-color: #DEDEDE; width: 736px; padding: 12px; margin: auto; clear: both; margin-bottom: 15px; border-left: 10px solid white; border-bottom: 10px solid white; border-right: 10px solid white;  	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}
div.clientes.blanco  { background-color: white; background-image: none; color: black;}
div.clientes h2 { margin:0; padding: 0;	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #5CA6E4; font-weight: normal; text-transform: uppercase;  padding-bottom: 1em;}
#contenedor_logo #idiomas {	float: right; width: 120px; padding-right: 12px; margin-top: -10px;}


.flotante { float: right; display: block; position: absolute; margin-left: 520px; margin-top: -40px;  z-index: 1; }
img.flotante.top { margin-top: -75px;}
img.flotante.productos { margin-left: 575px; }
img.flotante.datos { margin-left: 580px; }
img.flotante.tarjetas { margin-left: 540px; margn-top: 25px;}
img.flotante.precios { margin-left: 590px; margin-top: -115px;}
img.flotante.transacciones  { margin-left: 507px; margin-top: -50px;}
.filtrado { margin: auto; border: 1px solid  #124C8F; padding: 2em; margin-top: 15px; width: 40%; overflow: hidden;}
.filtrado h3 { margin: 0px; padding: 0; margin-bottom: 1em;}


.filtrado label { width: 10em; text-align: right; margin-right: 1em; display: block; float: left; padding-top: 0.5em;}
.filtrado select {  float: left;}

.filtrado p { margin-bottom: 1em;  overflow: hidden; }
.filtrado input.submit { display: block; float: right; margin-bottom: 1em;}


#logout { display: block; color: #666; text-decoration: none;  background: url("/images/clientes/logout.gif") 1px 12px no-repeat; padding-left: 22px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #7CB7E2; height: 15px; padding-top: 11px;}
#logout:hover { text-decoration: underline; }
/*****************************************************************************************************************
*	CLIENTES/MAIN
*****************************************************************************************************************/
h3 { text-align: center; font-size: 1.2em; padding: 1em;}

#menu-clientes-main { font-size: 14pt; margin: auto; width: 720px; }
#menu-clientes-main li { width: 26%; float: left; 	padding: 5px; margin: 15px;  background-color: #124C8F;color: white; text-align: center; }
#menu-clientes-main li:hover {  background-color: #7CB7E2;  }
#menu-clientes-main li a { color: white; text-decoration: none; display: block;}


#menu-clientes { margin-top: 8px; width: 100%; padding-top: 8px; overflow: hidden; font-family: arial; font-size: 10px; float: right;  text-transform: uppercase; background: url("/images/clientes/degradado_submenu.gif") repeat-x; }
#menu-clientes li { display: block; float: left; margin-right: 3px; padding-bottom: 4px; }

#menu-clientes li a { text-decoration: none; font-weight: bold; padding-left: 5px; padding-right: 5px; color: #7CB7E2;}
#menu-clientes li.selected { border-bottom: 3px solid #7CB7E2; display: block; padding-bottom: 4px; }
#menu-clientes li:hover {  display: block; float: left; border-bottom: 3px solid #C3C6DA; padding-bottom: 4px; }
#menu-clientes li.selected a { color: #0E347B; }
#Menu a { overflow: hidden; }
#Menu a.active { background-color: #DDECF4; border: 0px; padding-top: 5px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px;}
/*****************************************************************************************************************

*	CLIENTES/TARJETAS
*****************************************************************************************************************/
#accordion { width: 450px; margin: auto; margin-top: 2em; overflow: hidden;}
#accordion h3 a { font-weight: bold;}
label.seleccione { display: block; margin: auto; padding: 1em; }
#tabla-tarjetas-de-cliente { margin-top: 15px; width: 100%;}
#tabla-tarjetas-de-cliente th { padding: 5px; background-color:#7CB7E2; border-right: 1px solid white; color: white; }
#tabla-tarjetas-de-cliente td { padding: 5px;}

hr { margin-top: 5em; margin-bottom: 1em;}

td.mini {  width: 150px;}
table.tabla-stripped {  margin-bottom: 1em;}
table.tabla-stripped tr.alternate td  {background-color: #D8D8D8; }
table.tabla-stripped tr td { background-color: #E7E7E7; }
table.tabla-stripped td { border-left: 1px solid white; text-align: center; }

#nuevas-tarjetas { margin-top: 1em; margin-bottom: 1em; }

#motivo-activas, #motivo-reactivar {  margin-top: 2em; margin-bottom: 1em; padding-bottom: 1em; }


td.tarjeta { text-align: center; font-weight: bold; border-bottom: 1px solid black; line-height: 2em;}

div.operaciones-tarjetas { border: 1px solid #124C8F; background-color: white; overflow: hidden; height: auto;}
div.operaciones-tarjetas form { padding: 1em;}

div.operaciones-tarjetas select { font-size: 11px; display: block; }

div.operaciones-tarjetas select.float { float: left; }
div.operaciones-tarjetas div.float label { display: block;  float: left; clear: none;}


div.operaciones-tarjetas input.add { float: left; font-size: 11px; margin-left: 1em; vertical-align: bottom; }
div.operaciones-tarjetas p { clear: both; padding-top: 1em;}
div.operaciones-tarjetas textarea { width: 300px; margin: auto; height: 50px; margin-bottom: 1em;}

#nuevas-tarjetas input { margin-right: 1em;}


h3.header { background-color: #124C8F; color: white; padding: 5px; cursor: pointer; margin-top: 5px;}


/*****************************************************************************************************************
*	CLENTES/FACTURAS
*****************************************************************************************************************/

fieldset.formulario label { padding-top: 1em;}
fieldset.formulario .submit { clear: both; display: block; margin: auto; margin-top: 1em;  }
fieldset div.row { margin: auto; margin-top: 1em; clear: both;  }

div.facturas { border: 1px solid #124C8F; background-color: white; width: 360px; margin: auto;}
div.facturas h3 { background-color: #124C8F; color: #8DBDE4; text-transform: uppercase; text-align: left; padding-top: 2px; padding-bottom: 2px; font-size: 11px;}
div.facturas form { padding: 1em;}
div.facturas select, div.facturas input { font-size: 11px; }

#tabla-tarjetas-de-cliente { padding: 0; margin: 0; margin-top: 1em;}
#tabla-tarjetas-de-cliente th { background-color: #124C8F; padding:5;}
#tabla-tarjetas-de-cliente td { padding: 5px; }


/*****************************************************************************************************************
*	CLENTES/PRODUCTOS
*****************************************************************************************************************/
h2 { margin-top: 55px; margin-bottom: 1em; }
#productos-contratados { color: #97CDED;font-weight: bold; font-size: 1.1em; }
#productos-contratados li { list-style: circle; padding: 10px; margin-left: 25px; color: black;}
div.clientes p.parrafo { color: #999; font-size: 9pt; text-align: justify; padding-bottom: 1em; width: 560px;}
div.clientes p.parrafo.corto { width: 450px; }
div.clientes h1 { font-size: 12pt; color: #124C8F; padding-bottom: 1em; text-transform: uppercase; text-align: center;}


/*****************************************************************************************************************
*	CLIENTES/DATOS
*****************************************************************************************************************/
#datos-del-cliente { margin: auto; width: 80%; border: 1px solid #124C8F; margin-top: 3em; margin-bottom: 2em; background-color: white; }
#datos-del-cliente form { padding: 2em; }
	#datos-del-cliente h3 { color: white; text-align: center; background-color:#124C8F; padding: 5px; }
	#datos-del-cliente label { display: block; clear: both; margin-right: 1em; font-size: 15px; padding-top: 5px; overflow: hidden; padding-bottom: 10px;}
	#datos-del-cliente input { clear: both; display: block; margin-top: 5px;}

	#datos-del-cliente div.float label { display: block;  float: left; clear: none;}
	#datos-del-cliente div.float  { overflow: hidden; }
#formulario-datos {  overflow: hidden;}

#datos-del-cliente input.submit { margin: 3em auto 15px auto; display: block;}

a.download { text-decoration: none; color: #0E347B; float: right; background: url("/images/clientes/iconos/descargar.gif") 0px 50% no-repeat; padding-left: 15px; padding-right: 5px;}
a.download:hover { text-decoration: underline; }
a.download.margin  { margin: 2em; }



/*****************************************************************************************************************
*	CLIENTES/IVA
*****************************************************************************************************************/


h3.iva { background-color: #124C8F; text-transform: uppercase; color: white; font-weight: 1.3em; font-weight: bold; margin-bottom: 0px; padding: 4px; font-size: 12px;}
#tabla-facturas-de-cliente { margin-bottom: 1em; margin-top: 15px; width: 100%; font-family: arial; }
#tabla-facturas-de-cliente td { border: 0px; border-right: 1px solid white; padding: 5px;}
#tabla-facturas-de-cliente td.no-border  {border: 0; }

#tabla-facturas-de-cliente td.cuota { border-top: 1px solid black;  text-align: right; margin-top: 1em; font-weight: bold; padding: 2px;}
#tabla-facturas-de-cliente td.pais { font-weight: 1.5em; font-weight: bold;  vertical-align: middle; background-color: #BADCFF; color: #1543AB; text-indent: 2em; text-align: left; }
#tabla-facturas-de-cliente td.moneda { text-align: right; }

/* EXPEDIENTES */

#tabla-expedientes-de-cliente { padding: 0; margin: 0; margin-top: 1em; width: 100%; }
#tabla-facturas-de-cliente th, #tabla-expedientes-de-cliente th { background-color: #7CB7E2; padding:5px; color: white; border-right: 1px solid white;}
#tabla-expedientes-de-cliente td { padding: 5px; }
#tabla-expedientes-de-cliente td.cantidad-expedientes-por-pais { border: 0px; font-weight: 1.5em; font-weight: bold;  vertical-align: middle; background-color: #BADCFF; color: #1543AB; text-indent: 2em; text-align: left; border-top: 10px solid white; }

#tabla-expedientes-de-cliente td.moneda { text-align: right; }
#tabla-expedientes-de-cliente td.total { border: 0px; font-weight: bold; vertical-align: bottom; text-align: right;  background-color: #BADCFF; color: #1543AB; border-top: 10px solid white;}
#tabla-expedientes-de-cliente tr.resumen { border-top: 1px solid black;  vertical-align: middle; font-weight: bold;}

#tabla-expedientes-de-cliente td.border-top { border-top: 1px solid black; line-height: 1.5em;}

/*****************************************************************************************************************
*	CLIENTES/TRANSACCIONES
*****************************************************************************************************************/
div.transacciones { border: 1px solid #124C8F; background-color: white; width: 720px; margin: auto;}
div.transacciones h3 { background-color: #124C8F; color: #8DBDE4; text-transform: uppercase; text-align: left; padding-top: 2px; padding-bottom: 2px; font-size: 11px;}
div.transacciones form { padding: 1em;}
div.transacciones select, div.transacciones input { font-size: 11px; }
div.transacciones input.submit { font-size: 11px; display: block;}
div.transacciones label { float: left; margin-right: 8px; margin-bottom: 2em;}
#tabla-facturas-de-cliente td.total-litros { border-bottom: 1em solid white; font-weight: 1.5em; font-weight: bold;  vertical-align: middle; background-color: #BADCFF; color: #1543AB; text-indent: 2em; text-align: right; }
#tabla-facturas-de-cliente td.total-litros-todas { border-bottom: 1em solid white; font-weight: 1.5em; font-weight: bold;  vertical-align: middle; background-color: #124C8F; color: white; text-indent: 2em; text-align: right;  font-size: normal;}

/*****************************************************************************************************************
*	CLIENTES/PRECIOS
*****************************************************************************************************************/
div.precios { border: 1px solid #124C8F; background-color: white; width: 700px; margin: auto;}
div.precios input { font-size: 11px;}
div.precios  select { font-size: 11px; margin-right: 2em;}
div.precios h3 { background-color: #124C8F; color: #8DBDE4; text-transform: uppercase; text-align: left; padding-top: 2px; padding-bottom: 2px; font-size: 11px;}
div.precios form { padding: 1em;}
div.facturas select, div.facturas input { font-size: 11px; }
div.precios label  {display: block; float: left;  margin-right: 15px;}
#tabla-precios {width: 600px;  margin: auto;}
#tabla-precios th { background-color: #7CB7E2; padding:5px; color: white; border-right: 1px solid white;}
#tabla-precios td { padding: 5px; border-right: 1px solid white; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.png) 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 {
	float: left;
}

/*****************************************************************************************************************
*	OTROS
*****************************************************************************************************************/