body { background: url(/images/ui/bg2.gif) repeat-x; margin: 1em 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.contenedor { width: 1010px; margin: auto; }
.no-visible { display: none; }
/*****************************************************************************************************************
* MODULO-TOP
*****************************************************************************************************************/
#modulo-top { background: url("/images/ui/fondo_modulo_superior.png") no-repeat; width: 1010px; height: 129px;  }
#logo { margin: 2em 3em;  float: left; }

#idiomas { float: right; position: relative;  }
div#Menu { position: absolute; margin-left: 230px; float: left; margin-top: 40px; }
div#Menu li { display: inline-block; float: left;  }
div#Menu li.first { border-left: 0;}
div#Menu li a {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.17em; color: #234697; text-decoration: none;  padding: 0 0.8em; float: left; border-left: 1px solid #EFEFEF; height: 21px; padding-top: 6px; }
div#Menu li a:hover { text-decoration: underline; }
div#Menu li a.active { background-color: #1E4189; color: white;  border: 0;}
div#Menu li .adorno  { background: url("/images/ui/indice_2.png") 50% 100% no-repeat; overflow: hidden; padding-bottom: 9px; }
div#Menu li .borde-left  { background: url("/images/ui/label_menu_izq.png") 0px 0 no-repeat; overflow: hidden; padding-left: 3px; }
div#Menu li .borde-right  { background: url("/images/ui/label_menu_dch.png") 100% 0% no-repeat; overflow: hidden; padding-right: 3px; }

/*****************************************************************************************************************
* PORTADA
*****************************************************************************************************************/

.roundabout-holder {list-style: none; width: 40em; height: 10em; margin: 12.5em auto 0em auto;	}
.roundabout-moveable-item { height: 32em;	width: 47.9em; cursor: pointer; }
.roundabout-moveable-item img {	height: 32em;	width: 47.9em; }
.roundabout-in-focus {cursor: auto;}
.contenedor-overlay.overlay { display: none; }
.contenedor-overlay { display: none; }

.roundabout-in-focus .contenedor-overlay { display: block; position: absolute; margin-top: 22em;  width: 100%;}
.roundabout-in-focus .overlay { background: #999;  opacity: 0.5; color: white; display: block; height: 5em; width: 460px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; z-index: 1;}
.roundabout-in-focus .texto { position: absolute;  width: 400px; color: white; padding: 2em;  line-height: 1.1em; margin-top: -6em;  z-index: 2;}

#portada-prev { float: left; margin-top: 150px;}
#portada-next { float: right; margin-top: 150px;}
#portada { margin-top: 165px;  }
#portada h2 a { display: block; color: white; text-decoration: none; text-transform: uppercase;  padding-bottom: 0.5em; font-size: 1.2em; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: Shadow(Color=#333333, Direction=135, Strength=5); text-shadow: #333333 5px 5px 5px;}
#portada h2 a:hover { text-decoration: underline; }
#portada .overlay span.texto { font-weight: normal; line-height: 1.2em; }

/*****************************************************************************************************************
* CONTENIDO
*****************************************************************************************************************/
.contenedor-seccion .seccion { clear: both; margin-top: 10em; background: url("/images/ui/sombra_gris_superor.gif") no-repeat; padding-top: 5em; overflow: hidden; }
.contenedor-seccion { clear: both;  background: url("/images/ui/sombra_gris_inferior.gif") left bottom no-repeat; padding-bottom: 3em; overflow: hidden; margin-bottom: 5em; }

.contenedor-seccion .textos.principal  {width: 390px;  }
.seccion h2 { color: #234697; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.18em; padding: 0 0 0.5em 0; }
.seccion h3 { padding: 1em 0  0.5em 0; color: #336;}
.seccion .parrafo { color: #333; font-size: 1.09em; line-height: 1.4em; margin-bottom: 1em; text-align: left;}

/*****************************************************************************************************************
* MÓDULOS
*****************************************************************************************************************/
.modulo.usuarios { width: 272px; height: 149px; background: url("/images/ui/fondo_modulo_02.jpg") no-repeat; float: right; padding: 10px; }
.modulo.usuarios input { font-size: 0.83em; color: #234697;}
.modulo.usuarios label span { display: none; }
.modulo.usuarios label input {  width: 6em; margin-right: 1em; color: #333; }
.modulo.usuarios h4 { margin: 1.5em 0 0.2em 0; font-size: 1.09em; text-transform: uppercase; color: #333; font-weight: normal;  }
.modulo.usuarios .telefono { font-size: 1.85em;font-weight: bold; color: #234697;  }
.modulo.usuarios form { margin-top: 2.5em; }
.modulo.usuarios h5 { font-size: 0.83em; color: #234697; font-weight: normal;  margin-bottom: 0.5em;}

.modulo.tarjetas { width: 272px; height: 149px; background: url("/images/ui/fondo_modulo_01.jpg") no-repeat; float: right; padding: 10px; margin-right: 1.6em; }
.modulo.tarjetas h4 { font-size: 1.5em; color: white; width: 8em; line-height: 1.3em; }
.modulo.tarjetas span { color: #B6DAF0; font-weight: bolder; margin: 1.5em 10em 0 0; display: block; line-height: 1.3em; }
.modulo.tarjetas a.boton-azul { float: right; margin-top: -2em; }
a.boton-azul {  width: 101px; height: 20px; background: url("/images/ui/boton_azul.png"); text-align: center;  color: white; font-weight: bold; text-decoration: none;  padding-top: 9px; display: block; }

/*****************************************************************************************************************
* BANNERS SERVICIOS PRINCIPAL
*****************************************************************************************************************/
.contenedor-scroll { background: url("/images/ui/modulo_inferior.jpg");  height: 152px; overflow: hidden; width: 960px; padding: 0 25px; margin-top: -50px; clear: both; }
.scroll { }
ul#banners-servicios { overflow: hidden; }
ul#banners-servicios li  { width: 300px; display: block; float: left; background: url("/images/ui/separador.gif") right 50% repeat-y; padding-right: 10px; margin: 2em 1.5em 0 0 ; line-height: 1.3em; font-size: 1.09em; height: 100px; color: #333; }
ul#banners-servicios li img { float: left; margin-right: 1em; }
ul#banners-servicios a.boton-azul { margin: 70px 0 0 120px; color: white; padding-top: 8px; position: absolute;}
ul#banners-servicios li a { text-decoration: none; color: black;}
ul#banners-servicios li a:hover { text-decoration: underline; }
.contenedor-scroll .banner-prev {    position: absolute; margin-top: 50px; margin-left: -45px; z-index: 100;}
.contenedor-scroll .banner-next {   position: absolute; margin-top: 50px; margin-left: 965px; z-index: 100;}

#header-promocion-servicio { width: 1007px; height: 150px; margin-top: 1.5em;  }
#header-promocion-servicio h3 { color: #B6DAF0; font-size: 1.84em; margin-left: 720px; padding-top: 40px; margin-right: 2em;  }
#header-promocion-servicio h4 { color: white; margin-left: 720px; padding-top: 10px; font-weight: normal;line-height: 1.5em;  padding-right: 1em; }

/*****************************************************************************************************************
* PIE
*****************************************************************************************************************/

#terminos-legales { color: white; font-size: 8pt; text-align: center; padding-top: 0.5em;  }
#terminos-legales li { display: inline; }
#terminos-legales a { color: gray;  margin: 10px; text-decoration: none;}
#terminos-legales a:hover {  text-decoration: underline;}

#xhtml-valido { width: 756px; padding: 12px;margin: 15px auto 25px auto;clear: both; }
#menu_pie {background-color : #7CB7E2; clear: both; text-align: center; padding: 5px;}
#derechos_reservados { width: 1010px; margin: 8px auto 25px auto; }

/*****************************************************************************************************************
* IDIOMAS
*****************************************************************************************************************/
#idiomas { margin-top: 1em; margin-right: 2em; }
#idiomas li { display: inline;  margin-left: 2em; }
#idiomas li img { padding-right: 0.5em; }

#idiomas li a { color:#7CB7E2; text-decoration: none; font-size: 0.83em; }
#idiomas li a:hover { text-decoration: underline; }
/*****************************************************************************************************************
* NOTICIAS HOME
*****************************************************************************************************************/
#noticias-home { margin-top: -30px;  font-size: 0.93em;  overflow: hidden; line-height: 1.2em;  width: 95%; margin-left: 3em; margin-right: 2em; height: 1.2em; }
#noticias-home h3 { color: white; text-transform: uppercase;  font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-right: 3em;   }
#noticias-home h4 { float: left; margin-right: 3em; }
#noticias-home a {color: black; text-decoration: none; }
#noticias-home a:hover { text-decoration: underline; }


/*****************************************************************************************************************
* SECCIONES INTERIORES
*****************************************************************************************************************/
.contenedor-seccion-interior {  width: 1010px; overflow: hidden; margin-top: 1.5em; background: url("/images/ui/sombra_gris_inferior.gif") left bottom no-repeat; margin-bottom: 5em; padding-bottom: 2em; }
.contenedor-seccion-interior .seccion { background: url("/images/ui/fondo_modulo_contenido2.png") no-repeat; clear: both;  padding: 1em; overflow: hidden; }
.contenedor-seccion { clear: both;  background: url("/images/ui/sombra_gris_inferior.gif") left bottom no-repeat; padding-bottom: 3em; overflow: hidden; margin-bottom: 5em; }

.contenedor-seccion-interior .textos  {overflow: hidden; padding: 1em 1em; width: 710px; float: left; }
.contenedor-seccion-interior .textos ul { list-style-type:circle; padding: 0.3em 1em; margin-left: 0.5em; }
.contenedor-seccion-interior .seccion h2 { color: white; font-size: 1.84em; padding: 0.6em 1em 0.6em 1em; background-color: #7CB7E2; min-height: 24px;}
.contenedor-seccion-interior .seccion h3 { padding: 1em 0  0.5em 0; color: #333; font-size: 1.09em;}
.contenedor-seccion-interior .seccion .parrafo { color: #333; font-size: 1.09em; line-height: 1.4em; margin-bottom: 1em; text-align: left;   }

.contenedor-seccion-interior .seccion h2.sobre-nosotros { background:#7CB7E2 url("/images/txt_portada_nosotros_01.gif") 100% 100% no-repeat;  }
.contenedor-seccion-interior .seccion .menu-derecha-sobre-nosotros { background: url("/images/txt_portada_nosotros_02.gif") -7px 0 no-repeat; padding-top: 140px; margin-top: 0;}

.contenedor-seccion-interior .seccion h2.noticias { background:#7CB7E2 url("/images/txt_portada_noticias.gif") 100% 100% no-repeat;  }
.contenedor-seccion-interior .noticias-textos { background: url("/images/txt_portada_noticias2.gif") 100% 0 no-repeat; margin-top: 0; min-height: 150px; }

.contenedor-seccion-interior .seccion h2.servicios { background:#7CB7E2 url("/images/txt_portada_servicios.gif") 729px 100% no-repeat;  }
.contenedor-seccion-interior .seccion .menu-derecha-servicios { background: url("/images/txt_portada_servicios2.gif") -29px 0 no-repeat;  padding-top: 150px; margin-top: 0;  }

.contenedor-seccion-interior .seccion h2.online { background:#7CB7E2 url("/images/txt_portada_solicitud.gif") 722px 100% no-repeat;  }
.contenedor-seccion-interior .seccion .menu-derecha-online { background: url("/images/txt_portada_solicitud2.gif") -35px 0 no-repeat;  padding-top: 150px; margin-top: 0;   }

.contenedor-seccion-interior .seccion h2.clientes { background:#7CB7E2 url("/images/txt_portada_servicios.gif") 712px 100% no-repeat;  }
.contenedor-seccion-interior .seccion .menu-derecha-clientes { background: url("/images/txt_portada_servicios2.gif") 0 0 no-repeat;  padding-top: 150px; margin-top: 0;   width: 250px;}

.contenedor-seccion-interior .seccion h2.contactar { background:#7CB7E2 url("/images/txt_portada_contactar.gif") 690px 100% no-repeat;  }
.contenedor-seccion-interior .seccion .menu-derecha-contactar { background: url("/images/txt_portada_contactar2.gif") -72px 0 no-repeat;  padding-top: 150px; margin-top: 0;   }


.contenedor-seccion-interior .menu-derecha { width: 200px; float: left; margin-top: 2em; margin-left: 2em;  }

.contenedor-seccion-interior .menu-derecha a { border-left: 4px solid #7CB7E2; display: block; margin-bottom: 1em; padding: 0.2em 0 0.2em 1em; text-decoration: none; color: #589CDE; font-weight: normal; line-height: 1.3em; }
.contenedor-seccion-interior .menu-derecha a:hover { text-decoration: underline; }
.contenedor-seccion-interior .menu-derecha a span { text-transform: uppercase; color: #234697; font-size: 1.09em; font-weight: bold; display: block; margin-bottom: 0.3em;  }


.contenedor-seccion-interior .textos-wide { width: 100%; }
.contenedor-seccion-interior .seccion .textos-wide .parrafo { margin-right: 20em; }

.contenedor-seccion-interior h3.noticias-anteriores { clear: both; background: #eee; padding: 0.5em; margin: 1em;  }
.contenedor-seccion-interior ul#noticias-anteriores  { overflow: hidden; padding: 0 1.5em; clear: both; }
.contenedor-seccion-interior ul#noticias-anteriores a { clear: both; padding: 1em 0; display: block;  text-decoration: none; }
.contenedor-seccion-interior ul#noticias-anteriores a .titulo { color: #0E347B; font-weight: bold;  }
.contenedor-seccion-interior ul#noticias-anteriores a .fecha { color: #666; font-size: 0.91em; }
.contenedor-seccion-interior ul#noticias-anteriores a .texto { color: #333; font-size: 0.95em; }
.contenedor-seccion-interior ul#noticias-anteriores a .titulo:hover { text-decoration: underline; }

span.paginas { 	font-size: 0.83em;	color: #5982B5; float: right; padding: 0em 0.5em; margin-right: 1em; font-weight: normal; }
span.paginas .query_page  { color: #073772; }

/*****************************************************************************************************************
* SERVICIOS
*****************************************************************************************************************/
ul#nuestros-servicios li { margin: 4em 1em; clear: both; }
ul#nuestros-servicios li a { text-decoration: none; }
ul#nuestros-servicios li h3 a { margin: 0 0 0.5em 0; color: #0E347B; text-transform: uppercase;}
ul#nuestros-servicios li img { float: left; margin-right: 1em;  }
ul#nuestros-servicios li a.texto { clear: both; color: #999;  }
#noticias-home h4 , #noticias-home p, #noticias-home h3 { display: inline;  }

/*****************************************************************************************************************
* RED
*****************************************************************************************************************/
#selectores {  color: #004D91; clear: both; overflow: hidden;  padding-left: 2em; float: left; }
#selectores #red_3, #selectores #red_2,#selectores #red_1 { display: none; }
#selectores div { float: left; margin-right: 1em; }
#mapa-red {  clear: both; padding-top: 1em; overflow: hidden; }
#mapa { clear: both; margin: 1em auto; overflow: hidden; }

#barra-buscador-select { clear: both; overflow: hidden; }
#barra-buscador-select #buscador { float: right; margin-right: 1em; }
#barra-buscador-select #region, #barra-buscador-select #ciudad, #barra-buscador-select #producto,#barra-buscador-select #pais { margin: 0; }

/*****************************************************************************************************************
* ONLINE
*****************************************************************************************************************/

#online { clear: both;  width: 690px; margin: 2em 2em; float: left; }

/*****************************************************************************************************************
* CONTACTAR
*****************************************************************************************************************/
.menu-derecha-contactar { width: 200px; float: right; margin-right: 2em; }
.menu-derecha-contactar .texto-mini-contactar  {color: #8DBDE4; float: right; display: block; line-height: 1.5em; margin-bottom: 2em; }
.menu-derecha-contactar .texto-mini-contactar strong { color: #234697; }
.menu-derecha-contactar a { border: 1px solid #333; padding: 1px; overflow: hidden; display: block; width: 180px;}
/*****************************************************************************************************************
* CLIENTES
*****************************************************************************************************************/
.menu-derecha-nolink { width: 200px; float: right; margin-right: 2em; }
.textos-clientes {  float: left; width: 600px; }
#pago-online { background: url("/images/secure_icon.gif") no-repeat; margin-top: 3em; margin-left: 25px;  margin-bottom: 1em; }
#pago-online span { display: none; }
#pago-online img { padding-left: 50px; }

#tarjetas-aceptadas {  padding: 0; margin:0; display: block; margin-top: 0.5em; margin-left: 35px;}
#tarjetas-aceptadas li { display: inline; padding:0; margin:0; }
#tarjetas-aceptadas li img {  padding:0; margin:0; }

#fsb-member {  float: right; margin-top: 2em; padding-right: 90px; }
#identificacion { width: 400px; margin: 4em auto; background-color: #97CDED; padding-bottom: 1em; }
#identificacion h3 { background-color: #1E4189; font-size: 1.4em; color: white; border-bottom: 1px solid white; margin-bottom: 1em; padding: 0.5em 1em; }
#identificacion label span { width: 12em; display: block; float: left; margin-bottom: 0.3em; text-align: right; margin-right: 2em; padding-top: 0.3em; }

#identificacion label { clear: both; display: block; margin-bottom: 0.5em; }
#identificacion button { margin: 1em 0 1em 12.5em; }
a.pago-online-help { font-size: 0.8em; color: #8DBDE4; margin: 1em auto; width: 180px; display: block; margin-left: 30px; line-height: 1.1em; text-decoration: none; margin-bottom: 2em; }
.contenedor-seccion-interior .seccion .menu-derecha-clientes p { color: #1E4189; line-height: 1.3em; border-left: 5px solid #8DBDE4; padding-left: 1em; }

.contenedor-clientes {  width: 1010px; overflow: hidden; margin-top: 2.5em; background: url("/images/ui/sombra_gris_inferior.gif") left bottom no-repeat; margin-bottom: 5em; padding-bottom: 2em; }
.contenedor-clientes .clientes { background: url("/images/ui/fondo_modulo_contenido2.png") no-repeat; clear: both;  padding: 1em; overflow: hidden; min-height: 250px; }
.contenedor-clientes .clientes.blanco { background: transparent; padding: 2em;  }
.contenedor-clientes .clientes h1 { color: white; font-size: 1.84em; padding: 0.5em 1em 0.5em 1em; background-color: #7CB7E2; }
.contenedor-clientes .clientes .parrafo { padding: 2em;  color: #333; font-size: 1.09em; line-height: 1.4em; margin-bottom: 1em; text-align: left; margin-right: 6em; }
.contenedor-clientes .clientes h2 { margin: 2em 0 1em 0; }
.contenedor-clientes .clientes h3 { text-align: center; padding: 3em; }


.flotante { float: right; display: block; position: absolute; margin-left: 775px; margin-top: -20px;  z-index: 1; }
img.flotante.top { margin-top: -75px;}
img.flotante.productos { margin-left: 810px; }
img.flotante.datos { margin-left: 855px; margin-top: -0px;}
img.flotante.tarjetas { margin-left: 775px; margin-top: 0px;}
img.flotante.precios { margin-left: 850px; margin-top: -125px;}
img.flotante.transacciones  { margin-left: 745px; margin-top: -50px;}

#menu-clientes {  margin-top: -28px; text-align: center; }
#menu-clientes li { display: inline; text-align: center;  margin: 0 0em; }
#menu-clientes li a { color: #234697; text-decoration: none; padding: 0.3em 1em; border-right: 1px solid #ddd; }
#menu-clientes li a.last { border: 0; }
#menu-clientes li.selected a { font-weight: bold; }

/*****************************************************************************************************************
* CLIENTES/PRODUCTOS#7CB7E2
*****************************************************************************************************************/
h2#productos-head { margin-bottom: 1em; font-size: 1.2em; color: #7CB7E2;  }
ul#productos-contratados { width: 600px; float: left; }

ul#productos-contratados li {  width: 22%; float: left; text-align: center; padding-bottom: 90px;  margin-top: 2em; padding-right: 1px;  padding-bottom: 1px; border-bottom: 5px solid  #B1D4ED; margin-right: 35px;}
ul#productos-contratados li .img  {background: url("/images/clientes/datos_mini.png") 50% 100% no-repeat; width: 100%; height: 90px; border-top: 1px solid #1E4189; border-bottom: 1px solid #1E4189;}
ul#productos-contratados li h4 { background: #B1D4ED; color: #1E4189; font-size: 0.9em; border-bottom: 1px solid white; }
ul#productos-contratados li.TIPP2 .img , ul#productos-contratados li.IVATIPP .img  { background: url("/images/clientes/iva_mini.png") 50% 100% no-repeat;  }
ul#productos-contratados li.GESTINDEMULTAS .img , ul#productos-contratados li.ENVODEDINERO .img , ul#productos-contratados li.CMRDOC .img  { background: url("/images/clientes/datos_mini.png") 50% 100% no-repeat;  }
ul#productos-contratados li.FERRY .img { background: url("/images/clientes/ferry_mini.jpg") 50% 100% no-repeat;  }
ul#productos-contratados li.GASOIL  .img  { background: url("/images/clientes/gasoil_mini.png") 50% -5px no-repeat;  }
ul#productos-contratados li.VIACARD2 .img , ul#productos-contratados li.TOLLCOLLECT3 .img , ul#productos-contratados li.TELEPASS2 .img , ul#productos-contratados li.FREJUSMONTBLANC2 .img , ul#productos-contratados li.GOBOX3 .img , ul#productos-contratados li.PEAJES .img  { background: url("/images/clientes/tarjetas_mini.png") 50% 100% no-repeat;  }

div.promocion-contenedor { width: 328px; height: 222px; float: right; margin: 175px 30px 0 0; }
div.promocion-contenedor h4.promocion { display: block; line-height: 1.3em; text-align: center; float: right; margin: 2em 1.3em 0 155px; color: #1E4189; padding: 1em 0; border-top: 1px solid #1E4189; border-bottom: 1px solid #1E4189; }
div.promocion-contenedor p { clear: both; margin-top: 130px; color: #333; padding: 0 2em; font-size: 0.86em; line-height: 1.3em;  }
/*****************************************************************************************************************
*	CLIENTES/DATOS
*****************************************************************************************************************/
#datos-del-cliente { margin: auto; width: 90%; 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; margin-bottom: 1em; }
a.download:hover { text-decoration: underline; }
a.download.margin  { margin: 2em; }


/*****************************************************************************************************************
*	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 {  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;}


/*****************************************************************************************************************
*	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; }

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;}
input.dp-applied {	float: left; }


/*****************************************************************************************************************
*	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;}


/*****************************************************************************************************************
*	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: 3em 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; }

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


.contenedor-clientes .clientes h3.header, .contenedor-clientes .clientes h3.iva { background-color: #124C8F; text-transform: uppercase; color: white; font-weight: 1.3em; font-weight: bold; margin-bottom: 0px; padding: 0.5em; 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;}
div.textos ul.ui-tabs-nav { padding: 0; margin-left: 7px; }
div.textos ul.ui-tabs-nav li { list-style-type: none; padding: 0; margin: 0; display: inline;  margin-left: 1px;}


ul.css {  text-align: right; padding: 0em 0em 0em 0em;  margin-right: 1em; }
	ul.css li { display: inline; margin: 0; padding: 0px; }
div.o2w { float: right; }

#o2w { float: right; padding-top: 0em; padding-right: 0px; color: gray; font-size: 0.8em; text-decoration:none; clear: both; margin-right: 1em;  margin-top: 1em; }
#o2w:hover { text-decoration: underline; }
#columna-derecha { float: right; width: 200px; }

#copyright  { float: left;  color: #666; }
#copyright div { clear: both; margin-bottom: 0.3em; }
#copyright strong { color: black; font-weight: normal; }
#copyright a { display: inline; text-decoration: none; color: #666; }
div.contenedor-pie { padding: 1.5em 0;  width: 960px; margin: auto; overflow: hidden; }