.capa_reloj_ajax
{
    position:fixed;
    width:100%;
    height:100%;
    z-index:100;
    display:none;
    z-index:99;
}

.reloj_fondo{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.6;
    background-color:black;
  
}

.reloj_canvas
{
    width:100%;
    height:100%;
}

.reloj_contenido
{
    position:relative;
    top:40%;
}

.capa_reloj
{   
   z-index:10;
}

#grafico_reloj
{
   
    display:block;
    
}

#grafico_reloj2
{
    display:none;
  
}




/* MEDIAQUERYS MEDIAQUERYS  MEDIAQUERYS  MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS  */
/* MEDIAQUERYS MEDIAQUERYS  MEDIAQUERYS  MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS  */
/* MEDIAQUERYS MEDIAQUERYS  MEDIAQUERYS  MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS MEDIAQUERYS  */


@media screen and (max-width: 480px)    /* moviles en landscape */
{


#grafico_reloj
{
    display:none;
    
}

#grafico_reloj2
{
    display:block;
}


}

@media screen and (min-width: 481px) and ( max-width:767px)  /* Tabletas portrait */
{


#grafico_reloj
{
    display:none;
    
}

#grafico_reloj2
{
    display:block;
}


}

@media screen and (min-width: 768px) and ( max-width:979px) /* Tabletas en landscape */
{



}

@media screen and (min-width: 980px) and ( max-width:1340px) /* pcs escritorio medio / bajo */
{

}

@media screen and (min-width: 1341px) and ( max-width:1700px) /* pcs HD  */
{


}


@media screen and (min-width: 1700px) /* FULL HD */
{



}