/* -------------------------------------------------
 1. Reset 
------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* -------------------------------------------------
 2. Estilos generales
------------------------------------------------- */

html {font-size: 100.01%; }

* { font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; z-index: 0; }

body { background: #494747; color: black; font-weight: normal; font-size: 62.5%/1.5em; font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; line-height: 1em;}

p { font-size: 1em; }

img { vertical-align: middle }

a, a:visited, .link { color: #22bfda; text-decoration: none; }
a:hover, .link:hover { text-decoration: underline; }

.link { cursor: hand; cursor: pointer }


div.clear { clear:both; }
div.left { clear:left ; }

div.aviso { border: 1px solid red; padding: 10px; margin: .5em 0; }
div.aviso p {margin: .5em; text-align: center;}

p { overflow: hidden; margin: 0 0 20px 0; line-height: 1.1em; font-size: .8em; }

div.titular { font-size: 2.8em; margin: 0 0 20px 0; color: #555557; line-height: 1em; }

div.error { color: red; margin: 1em 0; }

h1 { color: #83bd00; font-size: 1.8em; margin: 0 0 20px 0; line-height: 1em; }
h2 { font-size: 1.2em; line-height: 1.4em; }

ul { list-style: circle; padding: 0 0 2em 3em; font-size: .8em }



#contenedor_cabecera { background: white; height: 170px; background: white url('/images/fondos/fondo_menu_horizontal.png') bottom repeat-x;}
#cabecera { width: 930px; margin: 0 auto; }
#logo { float: left; padding: 25px 0 27px 0; }
#texto_rockinrio { float: left; margin: 110px 0 0 -50px; font-size: 1.4em;  }
#texto_rockinrio a { color: #a40916;}
#logo_rockinrio { float: left; margin: 75px 0 0 5px; font-size: 1.4em; }

#datos_usuario { clear: right; float: right; width: 435px; color: #d81a20; margin: 15px 0 0 0;}
ul#datos_usuario { padding: 0; }
ul#datos_usuario li { display: inline; padding: 0 .5em 0 0; vertical-align: middle; font-size: 1em; }
ul#datos_usuario a, 
ul#datos_usuario a:visited { color: #d81a20; }
ul#datos_usuario a:hover { color: #d81a20; text-decoration: underline; }

#pruebalo_en { clear: right; float: right; width: 435px; font-size: .8em; color: #9a9b9c; margin: 10px 0 0 0; }
#pruebalo_en img { margin: 0 0 0 10px; }
#pruebalo_en img.area_taxista { margin: 0 5px 0 0; }

#seleccion_pais { float: right; padding: 10px 0 0 0;  height: 45px; color: #9a9b9c; margin: 0; font-size: .8em; font-weight: bold; }
#seleccion_pais .seleccion_pais { margin-left: 10px; border: 1px solid black; width: 100px; padding: 0px; font-size: .8em; }
#seleccion_pais img { margin-right: 10px; }

#navegacion { clear: both; height: 25px; margin: 0 auto; color: white; padding: 0;}
ul#navegacion { }
ul#navegacion li { display: inline; padding: 5px 1em 0 0; vertical-align: middle; font-weight: normal; font-size: .9em; }
ul#navegacion li.vacio { display: inline; padding: 0; }
ul#navegacion li.seleccionado { display: inline; }
ul#navegacion a, 
ul#navegacion a:visited { color: white; }
ul#navegacion a:hover { color: white; text-decoration: underline; }
ul#navegacion li.seleccionado a { padding: 0 .5em; background: url('/images/botones/btn-blanco-menu-ppal-pide-taxi-92x16px.jpg'); color: black; font-weight: bold; } 

#contenedor_cuerpo { background: #a40916 url('/images/fondos/background-inicio-1024x600px.png') bottom no-repeat; padding: 30px 0; }
#cuerpo { width: 930px; margin: 0 auto; }

div#col_principal_contenedor { float: left; width: 568px; background: url('/images/cajas/caja_ppal_sup.png') no-repeat top; padding-top: 6px;}
div#col_principal { background: url('/images/cajas/caja_ppal_inf.png') bottom no-repeat; padding: 24px 30px 30px 30px; }
div#col_principal ol { margin: 0 0 20px 50px; }
div#col_principal p {line-height: 1.2em; }

div#sidebar_contenedor { clear: right; float: right; width: 300px;  }

div.caja_1_contenedor { background: url('/images/cajas/caja_1_sup.png') no-repeat top; margin-bottom: 25px; padding-top: 6px;}
div.caja_1 { background: url('/images/cajas/caja_1_inf.png') bottom no-repeat; padding: 14px 20px 20px 20px; }
div.caja_1 p {font-size: .8em; }
div.caja_1 legend {display: none;}
div.caja_1 form { padding: 0; margin: -20px 0 0 0; } 
div.caja_1 h1 { color: black; font-size: 1.2em; line-height: 1em; font-weight: bold;  }
div.caja_1 h2 { color: #83bd00; font-size: 1.1em; line-height: 1em; margin: 0 0 1em 0;  }

div.caja_2 { margin-bottom: 25px; padding: 20px; color: white }
div.caja_2 h1 { color: white; font-size: 1.2em; line-height: 1.2em;   }

#pie_contenedor { border-top: 20px solid white;  }
#pie {  width: 930px; height: 170px; margin: 0 auto; clear: both; color: white; padding: 10px 0 60px 0; background: url('/images/fondos/background-footer-1024x241.png') bottom no-repeat }
#pie a, #pie a:visited { color: white; text-decoration: none; }
#pie a:hover { text-decoration: underline; }

#pie div.central { clear: both; padding-top: 60px; text-align: center; width: 100%; color: #AAA; font-size: .7em; font-weight: bold;}
#pie div.iconos img { margin: 0 15px; }
#pie span.telefonos { font-weight: normal }

#navegacion_pie { }
ul#navegacion_pie { float: left; padding: 0;}
ul#navegacion_pie li { display: inline; padding: 0 1em 0 0; vertical-align: middle; font-weight: normal; font-size: .9em; }
ul#navegacion_pie a, 
ul#navegacion_pie a:visited { color: white; }
ul#navegacion_pie a:hover { color: white; text-decoration: underline; }

#navegacion_pie_sec { }
ul#navegacion_pie_sec { float: right; padding: 0; }
ul#navegacion_pie_sec li { display: inline; padding: 0 .5em 0 0; vertical-align: middle; font-weight: normal; font-size: .8em; }
ul#navegacion_pie_sec a, 
ul#navegacion_pie_sec a:visited { color: white; }
ul#navegacion_pie_sec a:hover { color: white; text-decoration: underline; }


.boton_etaxi { height: 24px; width: 80px; font-size: .9em; font-weight: bold; color: white; border: 0px; background: url('/images/botones/btn-etaxi.png') no-repeat top; }
.boton_etaxi:hover { background: url('/images/botones/btn-etaxi_hover.png') no-repeat top; }


.solicitar_alta { height: 34px; width: 130px; font-size: 1.2em; font-weight: bold; color: white; border: 0px; background: url('/images/botones/btn-verde-mas-info-130x34px.png') no-repeat top; }
.solicitar_alta:hover { background: url('/images/botones/btn-verde-mas-info-130x34px_hover.png') no-repeat top; }


div.botones { vertical-align: middle;}
div.btn_principal { float: left; }
div.btn_secundario { float: right;  line-height: 24px; }


/*
a.boton_pide_taxi_inicio { display: block; font-size: 2.2em; font-weight: bold; color: white;  padding: 25px 0 0 50px; margin: 0; height: 72px; width: 305px; background: url('/images/botones/btn-pide-tu-taxi-inicio-355x97px.jpg') no-repeat top left; }
a.boton_pide_taxi_inicio:hover { text-decoration: none; background: url('/images/botones/btn-pide-tu-taxi-inicio-355x97px_hover.jpg') no-repeat top left; }
*/

a.boton_pide_taxi_inicio { display: block; font-size: 2.2em; font-weight: bold; color: white;  padding: 20px 0 0 43px; margin: 0 120px; height: 37px; width: 271px; background: url('/images/botones/btn-pide-tu-taxi-inicio-271x57px.png') no-repeat top left; }
a.boton_pide_taxi_inicio:hover { text-decoration: none; background: url('/images/botones/btn-pide-tu-taxi-inicio-271x57px_hover.png') no-repeat top left; }

a.boton_pide_taxi_sidebar { display: block; font-size: 2.2em; font-weight: bold; color: white;  padding: 25px 0 0 35px; margin: 0; height: 120px; width: 262px; background: url('/images/botones/btn-pide-tu-taxi-sidebar.png') no-repeat top left; }
a.boton_pide_taxi_sidebar:hover { text-decoration: none; background: url('/images/botones/btn-pide-tu-taxi-sidebar_hover.png') no-repeat top left; }


a.boton_ventajas_taxistas { display: block; font-size: 2.2em; font-weight: bold; color: white; margin: 0; height: 58px; width: 226px; background: url('/images/botones/ventajas_taxistas.png') no-repeat top left; }
a.boton_ventajas_taxistas:hover { text-decoration: none; background: url('/images/botones/ventajas_taxistas_hover.png') no-repeat top left; }

div.boton_rockinrio_lateral { text-align: center; }
div.boton_rockinrio_lateral a {color: white }


div.descarga { width: 100%; padding: 5px; border: 0px solid black; margin-bottom: 20px; }
div.icono { float: left; width: 130px; margin-right: 10px; }
div.plataforma { font-size: 1.2em; }
div.descripcion { font-size: .8em; }
div.no_disponible { font-size: .8em; color: silver; line-height: 30px;}
div.prerrequisitos { font-size: .7em; color: gray;}
div.download { text-align: left; font-weight: bold; padding-top: 5px;}


input { vertical-align: middle; }

div.caja_1 input[type="text"], 
div.caja_1 input[type="password"] { width: 96%; border: 1px solid black; border-top: 2px solid black; border-right: 3px solid black; background: #FAFAFA; color: black; padding: .2em; font-size: 1.2em; font-weight: bold; }
div.caja_1 textarea, 
div.caja_1 select { border: 1px solid black; background: #fff; color: #888; }

div#col_principal input[type="text"],
div#col_principal input[type="password"], .campo { width: 180px; border: 1px solid black; border-top: 2px solid black; border-right: 3px solid black; background: #FAFAFA; color: black; padding: .2em; font-size: 1.2em; font-weight: bold; }
div#col_principal .disabled { color: silver }
div#col_principal textarea { width: 180px; border: 1px solid black; border-top: 2px solid black; border-right: 3px solid black; background: #FAFAFA; color: black; padding: .2em; font-size: 1.2em; font-weight: bold; }
div#col_principal select { width: 190px; border: 1px solid black; border-top: 2px solid black; border-right: 3px solid black; background: #FAFAFA; color: black; padding: .2em; font-size: 1.2em; font-weight: bold; }


ul.direcciones_favoritas { list-style: none; padding: 0; margin: 0; }
ul.direcciones_favoritas li { margin: 0 0 10px 0; padding: 5px 10px 0px 10px; border-bottom: 2px solid white;}
ul.direcciones_favoritas li:hover { border-bottom: 2px solid #22bfda; }
ul.direcciones_favoritas div.alias { font-size: 1.3em; font-weight: bold; }
ul.direcciones_favoritas div.direccion { font-size: .8em; color: gray; }

ul.seleccion_direcciones { list-style: none; padding: 0; margin: 0 0 20px 20px; }
ul.seleccion_direcciones li { margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; }


ul.listado_taxis { list-style: none; padding: 0; margin: 0; }
ul.listado_taxis li { margin: 0 0 10px 0; padding: 5px;}
ul.listado_taxis div.principal { display: inline; font-size: 1.3em; font-weight: bold; }
ul.listado_taxis div.secundario { display: inline; font-size: 1.1em; color: gray; }

/*.cuadro_formulario { padding: 0 5px; width: 80px; display: block; overflow: hidden;  }
.cuadro_formulario select { width: 80px; z-index: 0; border: none; }
.cuadro_formulario input { width: 80px; z-index: 0 }
textarea { width: 180px; }
select { width: 195px; }
select.mini { width: 85px; }
select.mini_mini { width: 50px; }
input[type="text"], input[type="password"] { width: 180px; }
input[type="text"].mini { width: 80px; }

select.menu { background: white; width: 100px; border: 1px solid white; color: red; height: 18px; padding: 0}
*/

div.cuadro_aviso{ padding: 10px; text-align:center;  font-size: 1.2em;  margin-bottom: 2em;}
div.fondo_verde{ background: green; color:white;}
div.fondo_naranja{ background: orange; color: white;}
div.fondo_rojo{ background: red; color: white;}



/* Styles */
div.caja_1 fieldset { margin: 1em 0 0 0; font-size: .8em; }
div.caja_1 legend { font-size: 1.3em; color: #003366; margin: .2em; background: #f9f9f9; }
div.caja_1 form div.elemento { clear: both; margin: 1em 0 0 0; overflow: hidden; }
div.caja_1 form div.elemento span.campo,
div.caja_1 form div.elemento label { width: 100%; float: left; margin: 0 0 .5em 0; }
div.caja_1 form div.elemento span.valor { width: 100%; float: left; }
div.caja_1 form div.comentario, form p { clear: both; color: #999; margin: .8em 0 1em 0; font-size: .9em;}


div#col_principal fieldset { margin: 0 0 2em 0; font-size: .8em; }
div#col_principal legend { font-size: 1.3em; font-weight: bold; color: #83bd00;   }
div#col_principal form div.elemento { clear: both; margin: 1em 0 0 0; overflow: hidden;  }
div#col_principal form div.elemento span.campo,
div#col_principal form div.elemento label { width: 310px; float: right; margin: 0; line-height: 25px; }
div#col_principal form div.elemento span.valor { float: left; }
div#col_principal form div.comentario, form p { clear: both; color: #999; margin: .8em 0 1em 0; font-size: .9em;}
div#col_principal form div.elemento .comentario { padding: 0 0 0 10px; color: #AAA; font-size: .9em;}


div#col_principal div#mapa_taxistas { width: 505px; height: 300px; margin: 0 0 10px 0;}


div#galeria_panel { margin: 50px 10px; }
div#galeria_panel div.elemento { clear: both; width: 100%; height: 160px; }
div#galeria_panel div.elemento div.imagen { float: left;  width: 200px; height: 150px;  margin: 0 30px 0 0;}
div#galeria_panel div.elemento div.imagen img { width: 200px; height: 150px; }

div#galeria_panel div.elemento div.col_dcha { height: 150px; margin: auto 0; display: table-cell; vertical-align: middle }
div#galeria_panel div.elemento div.col_dcha div.titulo { float: left; width: 250px; font-size: 1.4em; color: #83bd00; margin: 0 0 10px 0; line-height: 1em;}
div#galeria_panel div.elemento div.col_dcha div.descripcion { float: left; width: 250px; font-size: 1em; color: gray;}

/* .fieldWithErrors { margin: 0; padding: 0; border: 1px solid red; display: inline;} */
.formError { color: red; }

.importante, .error { color: white; background: red; padding: 5px; text-align: center; }
.verde { color: white; background: green; padding: 5px; text-align: center; }

.clear { clear: both; }
.oculto { display:none; }
.visible { display: block; }


div.mensaje_info {
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 1em;
  background: #7cba00;
}

div.mensaje_error {
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 1em;
  background: red;
}

div.servicios_programados
{
  text-align: center;
  color: #5da1d8;
  font-weight: normal;
  padding: 1em;
}

div.barra_pasos {
  text-align: center;
  color: #99cc00;
  padding: .7em;
}
TABLE.datos { width: 100%; border: 0px solid; margin-bottom: 10px; font-size: .8em; }
TABLE.datos td,
TABLE.datos th { padding: .2em; }
TABLE.datos td.moneda,  
TABLE.datos th.moneda { text-align: right; }
TABLE.datos tr.fila_impar { }
TABLE.datos tr.fila_par { background-color: #EEE; }
TABLE.datos thead th { font-weight: bold; background-color: #666; border-bottom: 2px solid black; color: #DDD; }
TABLE.datos tr.hover { background-color: #DDD }



div#div_cargando {
	position: absolute;
	top: 39%;
	left: 42%;
	text-align: center;
	width: 200px;
	background: Black;
	color: White;
	font-weight: bold;
	padding: 20px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div#div_cargando_imagen {
	vertical-align: middle;
	position: absolute;
	text-align: center;
	width: 230px;
	background: Black;
	color: White;
	font-weight: bold;
	padding: 10px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div#div_cargando_pub {
	vertical-align: middle;
	position: absolute;
	text-align: center;
  left: 100;
  top: 200;
	width: 400px;
  height: 300px
	background: Black;
	color: White;
	font-weight: bold;
	padding: 20px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}



.handcursor{
cursor:hand;
cursor:pointer;
}





/* MAPA DE TAXIS GPS AUTONOMO */
/* -------------------------- */


div#panel_estadisticas { float:left; }
div#panel_estado_numeros { float:right; width: 300px; border: 5px solid white;}
div#panel_estado_numeros td,
div#panel_estado_numeros th { text-align: center; }

TABLE.datos { width: 100%; border: 0px solid; margin-bottom: 0px; font-size: .7em; }
TABLE.error { border: 2px solid red; }
TABLE.panel { border-bottom: 1px solid black; }

TABLE.datos td,
TABLE.datos th { padding: .2em; border-left: 1px solid white; }
TABLE.datos td.moneda,  
TABLE.datos th.moneda { text-align: right; }
TABLE.datos tr.fila_impar { }
TABLE.datos tr.fila_par { background-color: #EEE; }
TABLE.datos tr.resaltado { background-color: #feffc2; }
TABLE.datos thead th { font-weight: bold; background-color: #666; border-bottom: 2px solid black; color: #DDD; }
TABLE.datos th.sub { font-weight: bold; background-color: #DDD; border-bottom: 2px solid black; color: black; }
TABLE.datos td.grande { font-size: 3em; padding: 10px; width: 60px; } 
TABLE.datos tr.hover { background-color: #DDD }
TABLE.datos td.verde { background: green; color: white; text-align: center;}
TABLE.datos td.rojo { background: red; color: white; text-align: center;}
TABLE.datos td.naranja { background: orange; color: white; text-align: center;}
TABLE.datos td.gris { background: #DDD; color: white; text-align: center;}
TABLE.datos td.blanco { background: white; text-align: center;}

div#mapa { position: absolute; top: 180px; left: 0px; width: 100%; height: 80%; z-index: 0; }
div.mapa_libre { color: white; background: green; padding: 3px; font-weight: bold; margin: 0 0 5px 0; width: 70%; text-align: center; }
div.mapa_ocupado { color: white; background: red; padding: 3px; font-weight: bold; margin: 0 0 5px 0; width: 70%; text-align: center; }
div.mapa_desconectado { color: white; background: gray; padding: 3px; font-weight: bold; margin: 0 0 5px 0; width: 70%; text-align: center; }
div.mapa_en_servicio { color: white; background: orange; padding: 3px; font-weight: bold; margin: 0 0 5px 0; width: 70%; text-align: center; }

div.titulo_mapa { position: absolute; top: 220px; left: 100px; z-index: 10; }
div.panel_mapa { position: absolute; top: 220px; right: 30px; z-index: 10; }
div#barra_control { position: absolute; bottom: 0px; left: 25%; width: 50%; margin: 0 auto;  z-index: 10; border: 5px solid white; background: white; padding: 5px; text-align:center;}

div.leyenda { position: absolute; top: 300px; left: 100px;  z-index: 10; }
div.leyenda table { border: 1px solid black; padding: 2px; background: #f2efe9;}
div.leyenda table td { padding: 0 2px; vertical-align: middle; font-size: .7em; font-weight: bold; }