body { 
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-style: normal; 
font-size: 8pt;
background-color: #0087cd;
background-image: url('imagenes/fondo.gif');
background-repeat:repeat-x;
}

#centrar {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 984px;
border: 0px;
}

img {
border: 0px;
}
/* *************..............Comienzan tabla superior y cabecera.................**************** */

.tablasuperior {
width: 100%;
}

.tablacabecera {
width: 100%;
border: 0px;
}

.cabecera {
width: 100%;
text-align: left;
font-size: 8pt;
color: #efefef;
font-family: verdana, arial;
vertical-align: top;
}

/* ********************..........Comienza cuerpo..............**************** */

.tablacuerpo {
border: 0px; 
width: 100%;
}

.cuerpo1 {
width: 70%;
vertical-align: top;
border-top: 2px solid #0087cd;
border-left: 1px solid #0087cd;
}

.cuerpo2 {
width: 30%;
vertical-align: top;
}

/* ****************............Comienza interior cuerpos...........******************* */

.tablainterior {
width: 100%;
border: 0px;
}

.interior {
width: 83%;
text-align: left;
color: #efefef; /* fd8b06 */
font-size: 13pt;
padding: 1%;
}

.vercondiciones {
width: 17%;
text-align: right;
color: #efefef;
font-size: 10pt;
}

.interior1 {
width: 100%;
text-align: right;
font-size: 12pt;
color: #FD8B06;
font-family: verdana, arial;
}

/* ***********************..............Comienza estilos texto.............************* */


.texto {
width: 100%;
text-align: left;
font-size: 8pt;
color: #efefef;
font-family: verdana, arial;
padding: 2%;
}

.textofecha {
width: 100%;
text-align: left;
font-size: 8pt;
color: #efefef;
font-family: verdana, arial;
}

.textoizquierda {
width: 100%;
text-align: left;
font-size: 10pt;
color: #efefef;
font-family: verdana, arial;
}

.textocentro {
width: 100%;
text-align: center;
font-size: 8pt;
color: #efefef;
font-family: verdana, arial;
}

.textocentrosup {
width: 100%;
height: 100px;
text-align: left;
font-size: 10pt;
color: #efefef;
font-family: verdana, arial;
padding-left: 2%;
}

.naranja {
font-size: 8pt;
color: #fd8b06;
}

.azul {
font-size: 8pt;
color: #00FFFF;
}

.rojo {
font-size: 8pt;
color: #F9F300;
}

.blanco {
font-size: 8pt;
color: #efefef;
}

.grispequena {
font-size: 7pt;
color: #efefef;
}

.puntoverde {
font-size: 10pt;
color: #33ff00;
}

.sabiasque {
font-size: 10pt;
color: #ffcc00;
font-family: verdana, arial;
}

/* ********************................Comienza tabla de datos.............************** */

.tabladatos {
width: 100%;
border-top: 2px solid #0087cd;
border-bottom: 1px solid #0087cd;
background-color: #004b62;
}

.celdaimagen {
width: 20%;
height: 37px;
text-align: center;
border-bottom: 1px solid #0087cd;
}

.celdatexto {
width: 60%;
height: 37px;
text-align: left;
font-size: 10pt;
color: #efefef;
font-family: verdana, arial;
border-bottom: 1px solid #0087cd;
}

.celdadato {
width: 20%;
height: 37px;
text-align: center;
font-size: 10pt;
color: #FD8B06;
font-family: verdana, arial;
border-bottom: 1px solid #0087cd;
}

/* *********************................Comienza minimos y maximos.................**************** */

.tablaminimosymaximos {
width: 100%;
background-color: #004b62;
border-top: 2px solid #0087cd;
border-bottom: 1px solid #0087cd;
}

.celda1 {
width: 28%;
text-align: left;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda2 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda3 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda4 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda5 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda6 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda7 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border: 1px solid #003366;
background-color: #0087cd;
font-weight: bold;
}

.celda8 {
width: 28%;
height: 20px;
text-align: left;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}

.celda9 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}

.celda10 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}

.celda11 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}

.celda12 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}



.celda13 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}

.celda14 {
width: 12%;
text-align: center;
font-size: 8pt;
color: #efefef;
border-bottom: 1px solid #0087cd;
}


/* *******************...........Comienza tabla legal......................************** */

.tablalegal {
width: 100%;
}

.legal1 {
width: 100%;
text-align: center;
font-size: 8pt;
color: #efefef;
vertical-align: top;
}


/* ****************......................Comienzan enlaces................***************** */

a.enlace {
font-size: 8pt;
color: #ffffff;
text-decoration: underline;
}

a.enlace:hover {
font-size: 8pt;
color: #333333;
text-decoration: none;
background-color: #efefef;
} 

a.actual {
font-size: 10pt;
color: #ffffff;
text-decoration: underline;
}

a.actual:hover {
font-size: 10pt;
color: #333333;
text-decoration: none;
background-color: #efefef;
} 

/* ................Estilo de cursor....................... */

.cursor {
font-size: 8pt;
border-bottom: 1px dotted #efefef;
color: #efefef;
cursor: help;
}

.avisos {
cursor: help;
}

.mapa {
cursor: default;
}

.cursor1 {
font-size: 7pt;
border-bottom: 1px dotted #efefef;
color: #efefef;
cursor: help;
}

.cursor2 {
font-size: 10pt;
border-bottom: 1px dotted #efefef;
color: #efefef;
cursor: help;
}

.ayuda {
font-size: 10pt;
color: #efefef;
background-color: #004b62;
font-weight: bold;
border: 1px solid #c0c0c0;
}

/* ****************......................Comienzan tabla sol y luna................***************** */

#solyluna {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
width: 200px;
border-top: 2px solid #0087cd;
background-color: #004b62;
}

.tablasolyluna {
width: 100%;
}

.celdasolyluna {
width: 6%;
text-align: center;
}

.celdasolylunadatos {
width: 94%;
text-align: center;
color: #efefef;
font-size: 7pt;
font-family: verdana, arial;
}

/* **************....................Comienza enlaces externos..............************** */

.tablaenlaces {
width: 100%;
}

.celdaenlaces {
width: 100%;
height: 40px;
text-align: left;
font-size: 8pt;
color: #efefef;
background-color: #004b62;
border-top: 2px solid #3399ff;
font-family: verdana, arial;
}

/* ****************..............Comienza redes sociales..........************** */

#redes {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
width: 200px;
border-top: 2px solid #c0c0c0;
background-color: #004b62;
}

.tablaredes {
width: 100%;
}

.celdaredes {
width: 100%;
height: 40px;
text-align: left;
font-size: 12pt;
color: #efefef; /* fd8b06 */
border-bottom: 1px dashed #c0c0c0;
}

.celdaiconos {
width: 100%;
height: 40px;
text-align: center;
font-size: 12pt;
color: #fd8b06;
}

/* ****************............Comienza sabias que................*************** */

.tablasabiasque {
width: 100%;
border: 1px solid #004b62;
margin-top: 20px;
}

.celdasabiasque {
width: 100%;
height: 40px;
text-align: left;
font-size: 10pt;
color: #efefef;
padding: 2%;
}

/* *****************.............Comienza tiempo previsto...........************* */

#tiempo {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
width: 200px;
border-top: 2px solid #0087cd;
background-color: #004b62;
}

.tablatiempo {
width: 100%;
}

.celdatiempo {
width: 100%;
height: 40px;
text-align: center;
font-size: 12pt;
color: #efefef; /* fd8b06 */
border-bottom: 1px dashed #c0c0c0;
}

.celdaciudad {
width: 100%;
height: 40px;
border-bottom: 1px dashed #c0c0c0;
}

.tablaespana {
width: 100%;
}

.celdajaen {
width: 57%;
text-align: left;
font-size: 12pt;
color: #efefef;
}

.celdaandalucia {
width: 15%;
text-align: right;
vertical-align: bottom;
}

.celdaespana {
width: 28%;
text-align: center;
}

.tablatiempo1 {
width: 100%;
}

.celdaicono {
width: 30%;
height: 45px;
text-align: center;
color: #efefef;
border-bottom: 1px dashed #c0c0c0;
}

.celdadia {
width: 70%;
text-align: center;
font-size: 10pt;
color: #efefef;
border-bottom: 1px dashed #c0c0c0;
}

.celdaaemet {
width: 100%;
height: 40px;
text-align: center;
font-size: 8pt;
color: #efefef;
}

/* *********************................tiempo real.................**************** */

.tiemporeal {
width: 100%;
height: 450px;
text-align: center;
font-size: 25pt;
color: #808080;
}

.imagen {
border-top: 2px solid #0087cd;
}


/* *********************................alerta.................**************** */

.alerta {
border-top: 1px solid #F9F300;
}

/* *******************..............Patrocinadores................************** */

.tablapatro {
width: 15%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

.celdapatro {
width: 100%;
height: 25px;
text-align: center;
background-color: #0087cd;
border: 1px solid #efefef;
}

a.patro {
position: relative;
display: block;
font-size: 10pt;
color: #ffffff;
text-decoration: none;
}

a.patro:hover {
position: relative;
display: block;
font-size: 10pt;
color: #ffffff;
text-decoration: underline;
}

.tablabanners {
width: 100%;
}

.celdabanners1 {
width: 50%;
text-align: center;
}

.celdabanners2 {
width: 50%;
text-align: center;
}