/* ----------------------------------------------------------------------------
Estilos comunes PorqueTuVuelves
Author:   CSDC
Version:  Abril 2008
---------------------------------------------------------------------------- */


/* =Resetear la hoja de estilo de los navegadores
---------------------------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
}

html, body { height: 100%; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0 0 1em 0; }

li, dd, dt, blockquote { margin-left: 3em; }

fieldset { padding: 0.5em; }

a img { border: 0; } /* quitamos las bordes alrededor de las imagenes que estan dentro de un enlace */

table { font-size: 1em; } /* igual tamaño para el texto en tablas */

p, ul, li, dl, dt, dd, h1, h2, h3, h4 { line-height: 1.5em; } /* aumentamos el espacio entre lineas */


/* =ClearFix
---------------------------------------------------------------------------- */
.clearfix: after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* =Tipografia
---------------------------------------------------------------------------- */
body {
  font: 10px/1.4em Verdana, Gill Sans, Sans Serif;
}

#contenedor {
  font-size: 110%;
}

textarea, select, input {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
}

a {
  color: #333;
  text-decoration: underline;
}

a.link {
  color: #333;
  font: bold 12px/12px Arial, Verdana, Helvetica, Sans Serif;
  font-weight: bold;
}

a:hover, a.link:hover {
  text-decoration: none;
}

p.centrado {
  text-align: center;
}

p.nota {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #666;
}

p.nota.pequeno {
  font: normal 9px/9px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}


/* =FAQ
---------------------------------------------------------------------------- */

#faq, .faq, #faq ul, .faq ul {
  margin: 0; padding: 0; list-style: none;
  cursor: pointer; cursor: hand;
}

#faq li, .faq li {
  list-style-position: outside;
  margin: 0;
}

#faq li.Collapsed, .faq li.Collapsed {
  padding: 0 0 7px;
}

#faq li.Expanded, .faq li.Expanded {
  padding: 0 0 7px;
  background: #fff url(/porquetuvuelves/images/contenido/item_bg1.gif) repeat-x scroll center top;
}

#faq li span, .faq li span {
  display: block;
  padding: 5px 0 0 15px;
  background: url(/porquetuvuelves/images/contenido/ver.gif) no-repeat 0 9px;
  text-decoration: underline;
}

#faq li span[class], .faq li span[class] {
  padding: 5px 0 5px 15px;
  background: url(/porquetuvuelves/images/contenido/ver.gif) no-repeat 0 7px;
}

#faq li.Expanded span, .faq li.Expanded span {
  background: url(/porquetuvuelves/images/contenido/cerrar.gif) no-repeat 0 12px;
  font-weight: bold;
  text-decoration: underline;
}

#faq li.Expanded span[class], .faq li.Expanded span[class] {
  background: url(/porquetuvuelves/images/contenido/cerrar.gif) no-repeat 0 10px;
}

#faq li ul li, .faq li ul li {
  padding: 5px 5px 10px 40px;
  cursor: default;
  font: normal 12px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #666;
  background: #fff url(/porquetuvuelves/images/contenido/item_bg2.gif) repeat-x scroll center bottom;
}

#faq li ul li ul, .faq li ul li ul,
#faq li ul li ul li, .faq li ul li ul li {
  list-style: disc; padding: 5px 0 5px 15px;
  cursor: default;
  background: #fff;
}


/* =Path
---------------------------------------------------------------------------- */

#camino {
  position: absolute;
  top: 387px;
  left: 30px;
  margin: 0;
  list-style: none;
}

#camino li {
  background: url(/porquetuvuelves/images/contenido/fpath.gif) no-repeat 0 70%;
  padding-left: 10px;
  float: left;
  margin: 0;
  margin-left: -7px;
  margin-right: 10px;
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #666;
}

#camino li:first-child {
  background: none;
  padding-left: 0;
  margin-left: 0;
}

#camino li a {
  text-decoration: underline;
  color: #666;
}

#camino li a:hover {
  color: #e70000;
  text-decoration: none;
}


/* =Titulos
---------------------------------------------------------------------------- */
h1 {
  padding-top: 20px;
  border-bottom: 1px #d2d2d2 dotted;
  padding-left: 10px;
  background: url(/porquetuvuelves/images/contenido/h1-bg.gif) no-repeat 0 20px;
  font: bold 18px/18px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

h1 em {
  font: normal 18px/18px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

h2  {
  font: normal 18px/18px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

h3  {
  font: bold 14px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}


/* =Formularios
---------------------------------------------------------------------------- */
form.embebido {
  background: #f1f1f1 url(/porquetuvuelves/images/contenido/item_bg.gif) no-repeat scroll top left;
  padding: 10px;
}

table.form {
  font: normal 11px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #676767;
}

table.form.texto {
  font: normal 11px/14px Arial, Verdana, Helvetica, Sans Serif;
  color: #676767;
}

table.form td {
  vertical-align: top;
}

table.form.texto td {
  vertical-align: middle;
  color: #000;
}

table.form th {
  text-align: right;
  vertical-align: top;
  padding-top: 3px;
  width: 48%;
}

table.form.texto th {
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  color: #676767;
  padding-top: 0;
}

table.form.vertical th {
  text-align: left;
}

table.form tr.botones td, div.botones {
  text-align: center;
  padding: 12px 5px 5px 5px;
}

div.botones p {
  text-align: left;
}

tr.botones a.atras, div.botones a.atras {
  float: left;
}

table.form tr.botones td {
  text-align: right;
}

form.embebido table.form label {
  text-align: right;
  font-weight: normal;
  white-space: nowrap;
}

table.form.vertical label {
  padding-right: 15px;
  padding-left: 0;
}

input.boton {
  text-transform: uppercase;
  color: #fff;
  background-color: #e70000;
  font-weight: bold;
  padding: 0 2px;
}

* html input.boton { overflow: visible; }

input.boton.secundario {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}

input.text:focus, input.numerico:focus, textarea:focus, select:focus {
  background-color: #ffffe5;
}

select:focus {
  border: 1px solid #999;
  padding: 1px;
}

input.text {
  border: 1px solid #ccc;
  padding: 2px 2px;
}

textarea.text {
  border: 1px solid #ccc;
  padding: 2px 2px;
}

input.numerico {
  border: 1px solid #ccc;
  padding: 2px 2px;
  text-align: right;
}

input.requerido {
  /*border-color: #000 !important;*/
}

input.error, select.error, textarea.error, input.validation-failed, select.validation-failed, textarea.validation-failed {
  border: 1px solid #ec0000 !important;
  background-color: #ffdada;
}

input.error[readonly] {
  border: 0 !important;
  background: transparent;
}

input.solo_lectura {
  background-color: #efefef;
  border: 1px solid #ccc;
}

input.solo_lectura.texto {
  border: 0 !important;
  background: transparent;
}

/* labels */
label.error {
  color: #ec0000;
}

label.popup {
  font: normal 11px/11px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
}

label.requerido {
  padding-left: 12px;
  background: url(/porquetuvuelves/images/formularios/requerido.gif) no-repeat top left;
}

label.requerido.error {
  padding-left: 12px;
  background: url(/porquetuvuelves/images/formularios/requerido-error.gif) no-repeat top left;
}

table.form.vertical label.requerido {
  background: url(/porquetuvuelves/images/formularios/requerido.gif) no-repeat top right;
}

form table.form label.validation-advice {
  display: block;
  color: #e70000;
  font-weight: bold !important;
  text-align: left;
  margin: 0;
  padding: 0;
  clear: both;
  /*white-space: nowrap;*/
}

/* pasos formulario */
.pasos {
  list-style-type: none;
  margin: 0;
  border-bottom: 2px #e70000 solid;
}

.pasos li {
  float: left;
  margin: 10px;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  background: url(/porquetuvuelves/images/formularios/pasos.gif) no-repeat bottom center;
  color: #949494;
}

.pasos .actual {
  font-weight: bold;
  background: url(/porquetuvuelves/images/formularios/pasos-actual.gif) no-repeat bottom center;
  color: #333;
}


/* =Mensajes
---------------------------------------------------------------------------- */
div.mensaje {
  padding: 10px 10px 10px 10px;
  margin: 10px;
  font: normal 11px/13px Arial, Verdana, Helvetica, Sans Serif;
  color: #333;
  border-radius: 5px; -moz-border-radius: 5px;
}

div.mensaje.error {
  padding-left: 40px;
  border: 1px solid #e70000;
  background: #ffe5e5 url(/porquetuvuelves/images/icons20/error.gif) no-repeat 10px center;
}

div.mensaje.info {
  padding-left: 40px;
  border: 1px solid #ffb901;
  background: #ffffe5 url(/porquetuvuelves/images/icons20/info.gif) no-repeat 10px center;
}

div.mensaje.exito {
  padding-left: 40px;
  border: 1px solid #73e600;
  background: #f2ffe5 url(/porquetuvuelves/images/icons20/success.gif) no-repeat 10px center;
}


/* =Menu izquierdo
---------------------------------------------------------------------------- */
#menu_izq,
#menu_izq ul,
#menu_izq li  {
  margin: 0; padding: 0; list-style: none;
  cursor: pointer; cursor: hand;
}

#menu_izq {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_menu.gif) no-repeat top left;
}

/* 1 nivel */
#menu_izq li span,
#menu_izq li a {
  display: block;
  font: normal 11px/16px Arial, Verdana, Helvetica, Sans Serif;
  text-decoration: none;
  color: #333;
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado1.gif) no-repeat top left;
  text-align: right;
  padding: 1px 40px 1px 0;
}

#menu_izq li span.condensed,
#menu_izq li a.condensed {
  word-spacing: -0.05em;
}

#menu_izq li span:hover,
#menu_izq li span.sfhover,
#menu_izq li.Collapsed span.sfhover,
#menu_izq li a:hover {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado1a_over.gif) no-repeat top left;
}

#menu_izq li.Expanded span,
#menu_izq li.Expanded a {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_seleccionado1.gif) no-repeat top left;
}

#menu_izq li.Expanded span:hover,
#menu_izq li.Expanded span.sfhover,
#menu_izq li.Expanded a:hover {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado1b_over.gif) no-repeat top left;
}

#menu_izq li.Current span,
#menu_izq li.Current a {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_seleccionado1a.gif) no-repeat top left;
}

#menu_izq li.Current span:hover,
#menu_izq li.Current span.sfhover,
#menu_izq li.Current a:hover {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado1a_over.gif) no-repeat top left;
}

#menu_izq li.Separator {
  line-height: 0;
}

#menu_izq li.Separator[class] {
  padding: 4px 0 3px 0 !important;
  *padding: 0 !important;
}

#menu_izq li.Separator img {
  vertical-align: middle;
}

/* 2 nivel */
#menu_izq li ul li span,
#menu_izq li ul li a {
  font: normal 11px/16px Arial, Verdana, Helvetica, Sans Serif;
  text-decoration: none;
  color: #666;
  text-align: right;
  padding: 1px 50px 1px 0;
}

#menu_izq li ul li span.condensed,
#menu_izq li ul li a.condensed {
  word-spacing: 0;
  letter-spacing: -0.05em;
}

#menu_izq li.Expanded ul li span,
#menu_izq li.Expanded ul li a {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado2.gif) no-repeat 0 1px;
}

#menu_izq li.Expanded ul li a:hover,
#menu_izq li.Expanded ul li.Current a:hover {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado2_over.gif) no-repeat 0 1px;
}

#menu_izq li.Expanded ul li.Current span,
#menu_izq li.Expanded ul li.Current a {
  background: transparent url(/porquetuvuelves/images/menu_derecho/fondo_noseleccionado2_over.gif) no-repeat 0 1px;
}


/* =Menu popup
---------------------------------------------------------------------------- */
.menu_tooltip {
  position: absolute;
  z-index: 150;
  background: url(/porquetuvuelves/images/contenido/tooltip_imprimir.gif) no-repeat center center;
  font-family: Verdana, Arial, Helvetica, Sans Serif;
  line-height: 17px;
  padding-left: 10px;
  font-size: 10px;
  color: white;
  width: 188px;
  height: 40px;
  visibility: hidden;
}
.menu_tooltip_pt {
  position: absolute;
  z-index: 150;
  background: url(/porquetuvuelves/images/contenido/tooltip_imprimir_visa_pt.gif) no-repeat center center;
  font-family: Verdana, Arial, Helvetica, Sans Serif;
  line-height: 17px;
  padding-left: 10px;
  font-size: 10px;
  color: white;
  width: 245px;
  height: 40px;
  visibility: hidden;
}