body{
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../images/imagenes_portadas/fondo.jpg);
background-image: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
padding: 1px;
height: 98%;
width: 98%;
position: absolute;
overflow: scroll;

}
.td_pron
{
/*background-color:#FFFFFF; /*color de fondo*/ 
 /*background-image:url('http://localhost/ceazamet2/pronostico/images/bg01.png'); *//*color de fondo*/
/*border:1px solid #FFFFFF;*/ /*tamaño y color del borde de la celda*/
/*border-bottom: 1px solid #DDDDFF;*/
font-family:Arial,Helvetica,sans-serif;/*fuente*/
font-size:18px;/*tamaño de las letras*/
height:30px;/*tamaño de la celda*/
padding:2px;/*Espacio entre el contenido y el borde*/
border-spacing:5;
text-align:center;
/*border-collapse: collapse; no dejar espacio entre celdas*/
}
.td_temp
{
background-color:#FFFFFF; /*color de fondo*/
border:0px; /*tamaño y color del borde de la celda*/
font-family:Arial,Helvetica,sans-serif;/*fuente*/
font-size:14px;/*tamaño de las letras*/
padding:0px;/*Espacio entre el contenido y el borde*/
border-spacing:0;
text-align:justify;
/*border-collapse: collapse; no dejar espacio entre celdas*/
}
.div_contenedor
{
   position:relative;
}
.div_popup
{
 color:#000000;
 text-decoration:none;
 font-size:14px;/*tamaño de las letras*/
 background-color:#FFFFFF;
 border:solid 1px #000099; /*tamaño y color del borde de la celda*/
 position:absolute;
 top:0; left:-80;
 width:150px; height:100px;
 display:none;
 padding:5px;
 z-index:99;
}


.tabla_pron{
 
  width: 1000px;
   margin-left: 10%;
  margin-right: 8%;
   text-align: center;
   margin-top:1%;
   margin-bottom: 1%;
}

.tabla_pron2{
 
  width: 1200px;
   margin-left: 3%;
  margin-right: 3%;
   text-align: center;
   margin-top:1%;
   margin-bottom: 1%;
}
.tabla_pronCelu{
 
  width: 1000px;
   margin-left: 5%;
  margin-right: 5%;
   text-align: center;
   margin-top:3%;
   margin-bottom: 4%;
}
.tabla_pronCelu2{
 
  width: 1200px;
   margin-left: 5%;
  margin-right: 5%;
   text-align: center;
   margin-top:3%;
   margin-bottom: 4%;
}



.content{
  
  background-image: url("../imgEclipse/fondo_blanco_rayas.jpg");
  background-position: center;
  background-size: cover;
  position:center;
  max-width:1300px;
  min-width:1000px;
  height: 100%;
  margin-left:8%;
  margin-right:8%;
 }
 .contentCelu{
  
  background-image: url("../imgEclipse/fondo_blanco_rayas.jpg");
  background-position: center;
  background-size: cover;
  width:1400px;
  height: 100%;
 }
.centerTable{
   text-align: center;
}
.mano{

  height:60px;
  width:60px;


}
 .bannerEclipse{
  background-image: url("../imgEclipse/banner2regiones.jpg");
  height: 220px;
  background-size: cover;
  background-position: center;
  margin-left: 0%;
  margin-right: 0%;
 }
  .bannerEclipseCelu{
  background-image: url("../imgEclipse/banner2regiones.jpg");
  height: 240px;
  background-size: cover;
  background-position: center;
 }
 .bannerFooter{
  background-image: url("../imgEclipse/Barra _inferior.png");
  min-height: 125px;
  background-size: cover;
  text-align: center;
  background-position: center;
  font-size: 20;
  color: white;
  margin-left: 0%;
  margin-right: 0%;
 }
 .bannerFooterCelu{
  background-image: url("../imgEclipse/Barra _inferior.png");
  min-height: 80px;
  background-size: cover;
  background-position: center;
 }
.titulo_tabla_pron{
  color: #888888;
  font-size:21px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.lugar{
  background-color: #fef5e4;
  text-align: justify;
  width: 140px;
}

.lugar span{
  font-style: bold;
}

.mover_a_derecha{
  margin-left: 20px;
  margin-right:20px;

}

.dias{
  background-color: #fef5e4;
  border-right: 1px solid black;
  width: 100px;
  height: 22px;
  text-align: center;
}

th{
  border-right: 1px solid black;
}

td:nth-last-child(2){
    border-right: 0px none;
}

.tipo_cielo_img{
  width: 35px;
  height: auto;
}

.temperaturas {
  border-collapse: collapse;

background: rgba(237,237,237,1);
background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );

}

.temperaturas td{
  text-align: center;
}

.titulo_provincia{
  color: white;
}
.tabla_provincia{
  margin-top:8px;
  width: 300px;
}

.tabla_provincia2{
  margin-top:8px;
   margin-left:8px;
  width: 300px;
}
.img_provincia{
  clear: both;
  float: right;
  height: 455px;
  margin-top: 45px;
  width: 300px;
}

.Elqui{
  /*border-right: 1px solid #f2a902;*/
  background: rgba(23,105,161,1);
  font: 150% sans-serif;
  text-align: center;
  

}
.backElqui{
background: rgba(23,105,161,0.18);
}

.Huasco{
  /*border-right: 1px solid #f2a902;*/
  background: rgba(255,128,0,1);
  font: 150% sans-serif;
  text-align: center;
}
.backHuasco{
background: rgba(255,128,0,0.18);
}

.Limari{
  background: rgba(123,160,46,1);
  font: 150% sans-serif;
  text-align: center;
  
}
.backLimari{
  background: rgba(123,160,46,0.15);
}
.Choapa{
   background: rgba(242,169,2,1);
  font: 150% sans-serif;
  text-align: center;
  
}
.backChoapa{
  background: rgba(242,169,2,0.18);
}
.span_img{

}
.icono_flotante{
    display: inline;
    position: absolute;
    width: 15px;
    height: auto;
    border-radius: 50%;
    top: 45px;
    left: 0px;
    visibility: hidden;
}

.mapa_container{
    position: relative;
    clear:both;
    float: right;
    width: 300px;
    height: 500px;
}

.icono_rojo{
    visibility: hidden;
}