#mapaImagen{
    width: 100%;
    height: 100%;
}

/*****************sobreescritura de estilos**********************/
.map {
    bottom: 0px;
	height: 100%;
}

/************Estilo para las tablas del popOver*************/
.popover, .popover-content{
    background-color: #B3B3B3 /*.ContenedorPrincipalElTiempoEnMiCiudad*/;
    padding: 2px;
}
.tb_pronostico{
    width: 100%;
}
#ContenedorLateralIzqElTiempoEnMiCiudad{
    text-align: center;
    width: 100%;
    background-color: #DDDBD7/*#577483*/;
    color: #5E5D5C/*#FFF*/;
}
.Prediccion {
    /* border-bottom: 1px solid white; */
    background-color: #CCCBCA;
}
.Prediccion1 {
    /* border-bottom: 1px solid white; */
    background-color: #bababa;
}
.Prediccion2 {
    /* border-bottom: 1px solid white; */
    background-color: #a5a5a5;
}
.EstiloMesElTiempoEnMiCiudad{
    font-size: 12px;
    text-transform: capitalize;
}
.EstiloCiudadActualElTiempoEnMiCiudad{
    font-weight: bold;
    text-transform: uppercase;
}
.EstiloTemperaturaGradosElTiempoEnMiCiudad {
    font-size: 46px;
}
.ContenedorTempMaxMinGeo {
    font-size: 18px;
}
.ContenedorEstiloLeyendaEdoTiempo{
    font-size: 13px;
}
/******************Estilo para el aviso*********************/
#aviso table{
    width: 98%;
    margin: 1% auto;
    background: #DDDBD7;
    color: #414042;
}

#texto_aviso table{
    width: 98%;
    margin: 1% auto;
    background: #fff;
    color: #414042;
}

#texto_aviso table > thead{
	background-color: #AF0102;
	color: #fff;
	font-weight: bold;
}

#texto_aviso table > thead th,
#texto_aviso table > tbody td{
	border-radius: 0px;
    width: 50%;
}

#texto_aviso table > tbody td{
	text-align: center;
}

#texto_aviso table > tbody td:hover,
#texto_aviso table > tbody td  a:hover{
	background-color: #eee;
	color: #000;
}

#aviso table td{
    padding: 4px;
}
#aviso ul li{
    border-bottom: #bababa solid thin;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 10px;
}
.ver_mas{
    text-align: right;
}
.titulo_aviso{
    font-weight: bold;
    text-transform: uppercase;
}
.titulo{
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.16); box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.16);
}
.imagen_titulo{
    float: right;
    font-size: 14px;
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    border-radius: 2px; /* CSS3 */
}
.texto{
    font-size: 13px /*18px*/;
    text-align: justify;
}
.texto a{
/*    float: right;*/
    color: #5E5D5C /*#FFF*/;
}
.texto a:hover{
/*    float: right;*/ 
    text-decoration: none;
    color: #FFF;
}
#texto_aviso{
    height: 100%;
    overflow-y: auto; 
}
#aviso{
	/*overflow: auto;*/
    text-align: center;
    display: none;
    position: absolute;
    right: 0px;
    top: 110px;
    /*bottom: 50%;*/
    z-index: 9999;
    background: #B3B3B3 /*#222222*/;
    width: 33%;
    -webkit-box-shadow: -4px 8px 11px 0px rgba(50, 50, 50, 0.76); -moz-box-shadow: -4px 8px 11px 0px rgba(50, 50, 50, 0.76); box-shadow: -4px 8px 11px 0px rgba(50, 50, 50, 0.76);
	/*height: 60%;*/
}

@media (max-width : 600px){ 
	#aviso{width:80%;}
}

@media only screen
and (min-width : 0px) and (max-width : 720px){ 
    .responsive768pxEsp{display: none;}
}
#btn_oculta_aviso{
    display: none;
    position: absolute;
    top: 40%;
    /*right: 33%;*/
	right: 100%;
    margin-right: -20px;
    z-index: 99999;
}
#btn_oculta_aviso img {
  z-index: 1;
  max-width: none;
}
#btn_muestra_aviso{
    display: none;
    position: absolute;
    top: 30%;
    right: 0%;
    z-index: 99999;
}
/***************************************/ 
.block {
    /*    height: 88%;*/
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0px;
    top: 40px;
}

.MapaDelTiempoSliderPagPrincipal > img{ width:80%;}