body {
background: #FFF;
font-family: Helvetica;
margin: 0;
padding: 0;
 -webkit-user-select: none;
 -webkit-text-size-adjust: none;
}

h2 {
background: #0088B7;
color: #fff;
font: bold 16px Helvetica;
margin: 1px 0 0 0;
padding: 2px 0 2px 5px;
text-align: center;
clear: both;
}

h2 a{
text-decoration: none;
color: #fff;
}
h3 {
color: #0088B7;
font: bold 14px Helvetica;
margin: 0;
padding: 5px 5px 5px 10px;
}
h3 + p {
border-top: 1px solid #B4B4B4;
}
h4 {
color: #fff;
font: bold 14px Helvetica;
background: rgb(154,159,170);
border-top: 1px solid rgb(165,177,186);
margin: 0;
padding: 2px 10px;
clear: both;
}

select {
font: 12px/12px Helvetica;
}
div#header {
background: url(/taxo.nsf/mobile/fondologo.gif) repeat-x top left;
padding: 0;
margin: 0;
height: 50px;
}
div#header a img{
border: none;
padding:0;
margin:0;
}
#idiomas {
float: right;
padding: 0;
margin: 0;
line-height: 12px;
}
#idiomas a{
padding: 0;
margin: 0;
color: #666;
font: normal 12px Helvetica;
text-decoration: none;
margin-right: 5px;
}
#idiomas a:visited {
color: #666;
font: normal 12px Helvetica;
text-decoration: none;
}
/*a:focus{ outline:none; }*/
p {
text-align: left;
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #666;
margin: 0;
padding: 5px 10px;
}
p.imagen img{
width: 100%;
}
ul {
color: #666;
background: #fff;
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
font: bold 17px Helvetica;
padding: 0;		    
margin: 0 0 5px 0;
float: left;
width: 100%;
}

ul li {
color: #666;
border-top: 1px solid #B4B4B4;
list-style-type: none;		 
padding: 10px 25px 10px 10px;
}

li:first-child {
border-top: none;
}
ul li.arrow {
background-image: url(/taxo.nsf/chevron.png);
background-position: right center;
background-repeat: no-repeat;
}

ul li a {
color: #0087B7;
text-decoration: none;
text-overflow: ellipsis;
/*white-space: nowrap;*/
overflow: hidden;
display: block;
padding: 5px;
margin: -5px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*********************** Botonera home ******************************/
ul.botonera {
width: 100%;
background: #EFF7FA;
float:left;
padding-top: 10px;
border: none;
margin: 0;
}
ul.botonera li {
width: 72px;
height: 90px;
padding: 0;
margin: 0 0 10px 5px;
background: url(/taxo.nsf/boton.png) no-repeat top center;
float: left;
text-align: center;
border: none;
}
ul.botonera li img{
padding: 0;
margin: 7px 0 10px -3px;
border: none;
}
ul.botonera li span{
color: #0088B7;
font: bold 11px Helvetica;
padding: 0;
margin: 0;
line-height: 10px;
display:block;
}
/*********************** Listas titulo + descripcion ******************************/
ul.data {
float: left;
width: 100%;
}

ul.data li p {
text-align: left;
font-size: 12px;
line-height: 14px;
font-weight: normal;
margin: 0;
padding: 0;
}

ul.data li p + p { margin-top: 10px; }

ul.data li {
background: none;
padding: 5px 10px;
}

ul.data li a {
color: #0087B7;
text-decoration: none;
font-size: 14px;
}

ul.data li.arrow {
background-image: url(/taxo.nsf/chevron.png);
background-position: right center;
background-repeat: no-repeat;
padding: 5px 20px 5px 10px;
}
ul.data li.arrow a{
margin-right: 3px;
}
ul.data li p a {
display: inline;
}
/************************** Callejero ***************************/
div#herramientas {
width: 100%;
height: 20px;
margin: 0 0 0 -6px;
padding: 2px 0 0 5px;
text-align: center;
}
div#herramientas ul{
margin: 0;
padding:0;
display: inline;
}
div#herramientas ul li{
margin: 0;
padding:0 5px 0 5px;
display: inline;
border: none;
}
div#map {
z-index: 0;
width: 100%;
height: 264px;
margin: 0;
padding: 0;
}
div#buscador {
z-index: 100;
color: #fff;
background: #333;
text-align: center;
padding: 10px 0px 10px 0px;
position: absolute;
height:70px;
left: 0;
right: 0;
bottom: 0;
}
div#menu {
background: #0088B7;
color: #fff;
font: bold 16px Helvetica;
margin: 1px 0 0 0;
padding: 2px 5px 4px 5px;
height: 20px;
text-align: center;
}
div#menu h1 {
color: #fff;
font: bold 16px Helvetica;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 50%;
padding: 0;
margin: 2px 0 0 -24%;
position: absolute;
left: 50%;
}

div#menu a{
text-decoration: none;
margin: 0;
padding: 0;
padding: 0 5px;
}
div#menu img{
border: none;
padding: 0;
margin: 0;
}
div#volver{
padding: 2px 0 0 0;
margin: 0;
float: left;
text-align: left;
}
div#accion{
padding: 2px 0 0 0;
margin: 0;
float: right;
}
/**************************** Formularios ***************************/
ul.form {
margin-bottom: 15px;
border-bottom: none;
}

ul.form li {
padding: 7px 10px;
}
ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select {
color: #666;
background: #fff;
border: 0;
font: normal 14px Helvetica;
padding: 0;
display: inline-block;
margin-left: 0px;
width: 100%;
 -webkit-appearance: textarea;
}

ul li textarea {
height: 120px;
padding: 0;
text-indent: 0px;
}

ul li select {
text-indent: 0px;
background: transparent;
-webkit-appearance: textfield;
}

ul li input[type="checkbox"], ul li input[type="radio"] {
margin: 0;
color: rgb(50,79,133);
padding: 10px 10px;
}

ul li input[type="checkbox"]:after, ul li input[type="radio"]:after {
content: attr(title);
font: 17px Helvetica;
display: block;
width: 246px;
margin: -12px 0 0 17px;
}

p.textoerror {
color: red;
font-weight: bold;
}
/*********************** El Tiempo *****************************/
ul.mareas {
float: left;
width: 100%;
margin-bottom: 20px;
border: none;
}

ul.mareas li {
border: none;
background: none;
padding: 2px 10px;
text-align: left;
font-size: 12px;
line-height: 14px;
font-weight: normal;
}
#imagen_variable_tiempo{
font-size: 12px;
height: 25px;
background: #BDE4F2 URL(/Actividad.nsf/26s.png)no-repeat;
margin-top: 5px;
padding: 10px 0 0 60px;
}
#imagen_variable_tiempo span {
font: bold 14px Helvetica;
}
.tabla_tiempo {
width: 100%;
margin-bottom: 5px;
}
.tabla_tiempo td{
padding: 2px;
text-align: center;
font-size: 12px;
background-color: #E6F4F9;
}
.tabla_tiempo td span {
color: #0088B7;
font-weight: bold;
}
.lista_tiempo {
float: left;
width: 100%;
padding: 5px 0 5px 0;
border-bottom: 1px solid #B4B4B4;
background: #EFF7FA;
}
.dia_tiempo {
float: left;
color: #0088B7;
font: bold 14px Helvetica;
padding-top: 8px;
padding-left: 10px;
width: 35px;
}
#imagen_p_tiempo{
float: left;
font-size: 12px;
height:34px;
background:URL(/Actividad.nsf/5s.png)no-repeat;
}
#imagen_p_tiempo p{
padding: 0 0 0 65px;
margin: 0;
}
#imagen_p_tiempo2{
float: left;
font-size: 12px;
height:34px;
background:URL(/Actividad.nsf/12s.png)no-repeat;
}
#imagen_p_tiempo2 p{
padding: 0 0 0 65px;
margin: 0;
}
#imagen_p_tiempo3{
float: left;
font-size: 12px;
height:34px;
background:URL(/Actividad.nsf/40s.png)no-repeat;
}
#imagen_p_tiempo3 p{
padding: 0 0 0 65px;
margin: 0;
}
#imagen_p_tiempo4{
float: left;
font-size: 12px;
height:34px;
background:URL(/Actividad.nsf/30s.png)no-repeat;
}
#imagen_p_tiempo4 p{
padding: 0 0 0 65px;
margin: 0;
}
/************************** Botones *********************************/
div#botones {
float: left;
width: 100%;
padding: 5px 0;
margin: 0;
}
div#botones span.texto_centro {
font: bold 12px Helvetica;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 49%;
padding: 0;
margin: 2px 0 0 -24%;
position: absolute;
left: 50%;
}
a.boton {
    background: transparent url('/taxo.nsf/mobile/boton_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px Helvetica, Verdana, sans-serif !important;
    height: 18px !important;
    margin: 0 5px 0 0;
    padding: 0 10px 0 5px;
    text-decoration: none;
}
a.derecha {
float: right;
}
a.boton span {
    background: transparent url('/taxo.nsf/mobile/boton_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 0px 0 0px 10px;
}
a.boton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.boton:active span {
    background-position: bottom left;
    padding: 0px 0 0px 10px; /* push text down 1px */
}