/*------------------------------------------------------------------------
*                                                                        *
*                           NORMAS WEB Y CHAT                            *
*                                                                        *
-------------------------------------------------------------------------*/

#cuerponormas{

   
   box-shadow:0 1px 8px blue;
   background-color: rgba(0,0,0,0.8);
   width: 796px;
   height: 498px;
   position: relative;
   align: center;

}


#titulos{

   background-color: rgba(7,137,141,0.5);
   width: 796px;
   height: 30px;
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 14px;
   font-weight: bold;
   text-shadow:white 0px 0px 10px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 28px;
   text-align: center;
   
}




#tituloweb{

   background-color: rgba(0,0,189,0.5);
   width: 794px;
   height: 30px;
   top: 30px;
   left: 0px;
   font-color: FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#normasweb{

   background-color: TRANSPARENT;
   width: 794px;
   height: 206px;
   border: 1px solid #FFFFFF;
   position: absolute;
   top: 60px;
   left: 0px;

}


#normas{

   width: 788px;
   text-align: left;
   font-size: 16px
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 22px;
   padding-left: 4px;
}





#titulochat{

   background-color: rgba(0,  0,  189,  0.5);
   width: 794px;
   height: 30px;
   top: 275px;
   left: 0px;
   font-color: FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#normaschat{

   background-color: TRANSPARENT;
   width: 794px;
   height: 192px;
   border: 1px solid #FFFFFF;
   position: absolute;
   top: 305px;
   left: 0px;

}











/*------------------------------------------------------------------------
*                                                                        *
*                             STAFF DEL CHAT                             *
*                                                                        *
-------------------------------------------------------------------------*/

#cuerpostaffchat{

   
   box-shadow:0 1px 8px blue;
   background-color: rgba(0,0,0,0.8);
   width: 796px;
   height: 620px;
   position: relative;
   align: center;

}


#titulostaffchat{

   background-color: rgba(7,137,141,0.5);
   width: 796px;
   height: 30px;
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 16px;
   font-weight: bold;
   text-shadow:white 0px 0px 10px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 28px;
   text-align: center;
   
}


#rangoschat{

   background-color: rgba(0,0,189,0.5);
   width: 100px;
   height: 30px;
   top: 30px;
   left: 0px;
   font-color: FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffchat{

   background-color: rgba(0,0,189,0.5);
   width: 300px;
   height: 30px;
   top: 30px;
   left: 102px;
   font-color: FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisoschat{

   background-color: rgba(0,0,189,0.5);
   width: 390px;
   height: 30px;
   top: 30px;
   left: 404px;
   font-color: FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}



#rangosadmin{

   
   background:url(administrador.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 62px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}



#staffadmin{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}

#staff-admin-text{

   width: 293px;
   text-align: left;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 22px;
   padding-left: 4px;
}




#permisosadmin{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-admin-text{

   width: 383px;
   text-align: left;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 22px;
   padding-left: 4px;
}



#rangosmod{

   
   background:url(moderador.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 155px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffmod{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staff-mod-text{

   width: 293px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 20px;
   padding-left: 4px;
}




#permisosmod{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-mod-text{

   width: 383px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 20px;
   padding-left: 4px;
}



#rangosmiembro{

   
   background:url(miembro.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 248px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffmiembro{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staff-miembro-text{

   width: 293px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}




#permisosmiembro{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-miembro-text{

   width: 383px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}



#rangosconectado{

   
   background:url(conectado.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 341px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffconectado{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staff-conectado-text{

   width: 293px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}




#permisosconectado{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-conectado-text{

   width: 383px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}


#rangosdesconectado{

   
   background:url(desconectado.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 434px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffdesconectado{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staff-desconectado-text{

   width: 293px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}




#permisosdesconectado{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-desconectado-text{

   width: 383px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}



#rangosbaneado{

   
   background:url(baneado.png) no-repeat center;
   background-color: rgba(100,186,255,0.9);
   width: 100px;
   height: 91px;
   top: 527px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffbaneado{

   background-color: TRANSPARENT;
   width: 300px;
   height: 91px;
   top: -1px;
   left: 101px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staff-baneado-text{

   width: 293px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}




#permisosbaneado{

   background-color: TRANSPARENT;
   width: 390px;
   height: 91px;
   top: -1px;
   left: 403px;
   font-size: 18px;
   line-height: 28px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#permisos-baneado-text{

   width: 383px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px solid blue;
   line-height: 20px;
   padding-left: 4px;
}





/*------------------------------------------------------------------------
*                                                                        *
*                              STAFF TECNICO                             *
*                                                                        *
-------------------------------------------------------------------------*/


#cuerpostafftecnico{

   
   width: 300px;
   height: 199px;
   position: relative;
   top: 0px;
   left: 0px;
}




#contenedorstaff{

   
   height: 100%;
   width: 300px;
   position: absolute;
   top: 0px;
   left: 0px;

}



#stafftecnico{

   background-color: TRANSPARENT;
   width: 115px;
   top: 0px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;   


}


#stafftecnico-text{

   width: 111px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 20px;
   padding-left: 2px;
   

}


#stilostaff{

   background-color: TRANSPARENT;
   width: 181px;
   top: 0px;
   left: 117px;
   border: 1px solid #FFFFFF;
   position: absolute;


}


#staffstilo-text{

   width: 177px;
   text-align: left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 20px;
   padding-left: 2px;
   
}





/*------------------------------------------------------------------------
*                                                                        *
*                              TABLA ENCUESTAS                           *
*                                                                        *
-------------------------------------------------------------------------*/


#cuerpoencuestas{

   background-color: rgba(0,0,0,0.8);   
   box-shadow:0 1px 8px blue;
   width: 800px;
   height: 470px;
   top: 0px;
   left: 0px;
   border-radius: 5px;
   position: relative;
}


#titulosencuestas{

   background-color: rgba(7,137,141,0.5);
   width: 800px;
   height: 30px;
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 18px;
   font-weight: bold;
   text-shadow:white 0px 0px 10px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 28px;
   text-align: center;

}


#encuesta-alto{

   background-color: TRANSPARENT;

   width: 798px;
   height: 110px;
   position: absolute;
   top: 360px;
   left: 0px;
   border: 1px solid #FFFFFF;


}






#encuesta-iz{

   background-color: TRANSPARENT;
   width: 266px;
   height: 330px;
   position: absolute;
   top: 30px;
   left: 0px;
   text-align: center;
   border: 1px solid #FFFFFF;

}




#encuesta-centro{

   background-color: TRANSPARENT;
   width: 266px;
   height: 330px;
   position: absolute;
   top: 30px;
   left: 266px;
   text-align: center;
   border: 1px solid #FFFFFF;



}



#encuesta-dr{

   background-color: TRANSPARENT;
   width: 266px;
   height: 330px;
   position: absolute;
   top: 30px;
   left: 532px;
   text-align: center;
   border: 1px solid #FFFFFF;

}



/*------------------------------------------------------------------------
*                                                                        *
*                    CODIGOS LEGALES RADIONOMY                           *
*                                                                        *
-------------------------------------------------------------------------*/

#codigolegal{

   
   width: 300px;
   height: 123px;
   position: relative;
   top: 0px;
   left: 0px;
   border-radius: 5px;

}

#codigo-texto{

   width: 295px;
   top: 1px;
   text-align: left;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 20px;
   padding-left: 2px;
   border-radius: 5px;
   
}




/*------------------------------------------------------------------------
*                                                                        *
*                           informadores                                 *
*                                                                        *
-------------------------------------------------------------------------*/


#cuerpoultimos-usuarios{

   
   width: 300px;
   height: 25px;
   position: relative;
   top: 0px;
   left: 0px;
}




#contenedorultimos-usuarios{

   
   height: 100%;
   width: 300px;
   position: absolute;
   top: 0px;
   left: 0px;

}



#ultimos-usuarios{

   background-color: TRANSPARENT;
   width: 298px;
   top: 0px;
   left: 0px;
   border: 1px solid #FFFFFF;
   position: absolute;   
   height: 100%px;

}




#ultimos-usuarios-text{

   width: 296px;
   height: 23px;
   text-align: left;
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 23px;
   padding-left: 1px;
   

}


#cuadro-simple{

   width: 296px;
   height: 23px;
   text-align: left;
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px solid blue;
   line-height: 23px;
   padding-left: 1px;
   

}