body 		
{ background-color: #ddeeff; margin: 0px 0px 0px 0px; border-style: solid; border: 0px;}

table
{ border: 0px solid #ddeeff; border-radius: 10px; border-style: solid; }

td
{ border: 0px; border-radius: 10px; }

#Tabla_Nor_100 	{ background-color: #ddeeff; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 100%; }
#Tabla_Cla_100 	{ background-color: #cde5fd; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 100%; }
#Tabla_Osc_100 	{ background-color: #bddefe; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 100%; }

#Tabla_Nor_90 	{ background-color: #ddeeff; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 90%; }
#Tabla_Cla_90 	{ background-color: #cde5fd; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 90%; }
#Tabla_Osc_90 	{ background-color: #bddefe; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; width: 90%; }

#Tabla_Nor 	{ background-color: #ddeeff; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; }
#Tabla_Cla 	{ background-color: #cde5fd; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; }
#Tabla_Osc 	{ background-color: #bddefe; font-family: Verdana,Arial; font-style: normal; font-weight: normal; font-size: 12pt; line-height: 20pt; color: #1e5c1e; text-align: justify; }

a:link { text-decoration: none; color: #1e5c1e }
a:visited { text-decoration: none; color: #1e5c1e }
a:active { text-decoration: none; color: #1e5c1e }
a:hover { text-decoration: none; color: ff0000; font-weight: normal; font-family: Verdana,Arial; }

a.style_1:hover { background: #cdcdcd;}

#Texto_ECL   	{ font-family: verdana,arial; font-style: normal; font-weight: normal; 	font-size: 12pt; line-height: 20pt; background-color: #99c1e9; color: #000080; text-align: justify; width:90%; margin: 5px 5px 5px 5px; border: 5px; }
#Texto_Virus   	{ font-family: verdana,arial; font-style: normal; font-weight: normal; 	font-size: 12pt; line-height: 20pt; background-color: #ebf4df; color: #003500; text-align: justify; width:90%; margin: 5px 5px 5px 5px; border: 5px; }

.cuadro_subtema
{
  padding: 25px 0px 0px 0px;
  background-color:#cadbee;
  border:1px dotted #7bb0ec;
  box-shadow:0 0 5px #7bb0ec;
  width:250px;
  height:200px;
  border-radius:10px;
  text-align: center;
}

.cuadro_boton
{
  padding: 10px 0px 0px 0px;
  background-color:#cadbee;
  border:1px dotted #7bb0ec;
  box-shadow:0 0 0px #7bb0ec;
  width:50px;
  height:25px;
  border-radius:10px;
  text-align: center;
}

#AnimaMenu_1
{
  opacity: 0.75;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#AnimaMenu_1:hover 
{
  opacity: 1;	
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
  box-shadow: 1px 1px 10px #000080;
}

#AnimaMenu_2
{
  opacity: 0.75;

  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  -ms-opacity:0.5;

  transition:opacity 0.40s ease-out 0s;
  -webkit-transition:opacity 0.40s ease-out 0s;
  -moz-transition:opacity 0.40s ease-out 0s;
  -o-transition:opacity 0.40s ease-out 0s;
  -ms-transition:opacity 0.40s ease-out 0s;
}

#AnimaMenu_2:hover
{
  opacity: 1.0;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}

#AnimaMenu_3
{
  opacity: 0.50;	
  border-radius: 250px; /* Borde redondeado */
  padding:0px; /* Espacio entre la imagen y el borde */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  box-shadow: 1px 1px 3px #000080;
}

#AnimaMenu_3:hover
{
  opacity: 1;	
  border-radius:0; /* Con esto quitamos el borde redondeado */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
  box-shadow: 1px 1px 10px #000080;
}

#imagen_opacidad
{
  opacity: 0.25;

  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  -o-opacity: 0.25;
  -ms-opacity:0.25;

  transition:opacity 0.25s ease-out 0.25s;
  -webkit-transition:opacity 0.25s ease-out 0.25s;
  -moz-transition:opacity 0.25s ease-out 0.25s;
  -o-transition:opacity 0.25s ease-out 0.25s;
  -ms-transition:opacity 0.25s ease-out 0.25s;
}

#imagen_opacidad:hover
{

  opacity: 1;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}

.menu_izq_1
{
  padding: 10px 0px 10px 0px;
  background-color:#cde5fd;
  border:1px dotted #7bb0ec;
  box-shadow:0 0 20px #7bb0ec;
  width:250px;
  height:20px;
  border-radius:25px;
  text-align: center;
}

.menu_izq_2
{
  padding: 10px 0px 10px 0px;
  background-color:#cde5fd;
  border:1px dotted #7bb0ec;
  box-shadow:0 0 35px #000080;
  width:250px;
  height:20px;
  border-radius:10px;
  text-align: center;
}

#barra_rapida
{
  opacity: 0.40;

  -webkit-opacity: 0.40;
  -moz-opacity: 0.40;
  -o-opacity: 0.40;
  -ms-opacity:0.40;

  transition:opacity 0.05s ease-out 0.05s;
  -webkit-transition:opacity 0.05s ease-out 0.05s;
  -moz-transition:opacity 0.05s ease-out 0.05s;
  -o-transition:opacity 0.05s ease-out 0.05s;
  -ms-transition:opacity 0.05s ease-out 0.05s;

  box-shadow: 2px 2px 2px #000000;
  border-radius: 15% 15% 15% 15%;

  padding:0;
  border:0;
}

#barra_rapida:hover
{

  background: bddefe;

  box-shadow: 5px 5px 5px #5882fa;
  border-radius: 0%;

  opacity: 1;	

  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
}

#barra_rapida_dos
{
  opacity: 0.75;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#barra_rapida_dos:hover
{
  opacity: 1;	
  -webkit-transform:scale(2);
  transform:scale(2);
}

#icono_agrandar
{
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#icono_agrandar:hover 
{
  opacity: 0.85;	
  box-shadow: 5px 5px 5px #5882fa;
  -webkit-transform:scale(1.25);
  transform:scale(1.25);
}

#icono_agrandar_dos
{
  opacity: 0.50;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#icono_agrandar_dos:hover 
{
  opacity: 1;	
  box-shadow: 2px #5882fa;
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  box-shadow: 2px 2px 4px 2px black;
}

#icono_agrandar_tres
{
  opacity: 0.85;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#icono_agrandar_tres:hover 
{
  opacity: 1;	
  box-shadow: 2px #5882fa;
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  box-shadow: 2px 2px 4px 2px black;
}

#icono_desvanecer
{
  opacity: 0.2;	
  border-radius: 250px; /* Borde redondeado */
  padding:0px; /* Espacio entre la imagen y el borde */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  box-shadow: 1px 1px 3px #000080;
}

#icono_desvanecer:hover
{
  opacity: 0.1;	
  border-radius:0; /* Con esto quitamos el borde redondeado */
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor:pointer;
  box-shadow: 1px 1px 10px #000080;
}

#icono_desvanecer_dos
{
  opacity: 0.8;
}

#icono_desvanecer_dos:hover
{
  opacity: 0.4;	
}

#icono_nitidez
{
  opacity: 0.6;
}

#icono_nitidez:hover 
{
  opacity: 1;
}

#icono_nitidez_dos
{
  opacity: 0.7;
}

#icono_nitidez_dos:hover 
{
  opacity: 1;
}

.Titulo_Imagenes
{
  background: #cde5fd;
  border-radius: 15px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition-property: background;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  width: 150px;
}

.Titulo_Imagenes:hover
{
background: #ff7b29;
}

.Titulo_Imagenes_Dos
{
  background: #ff7b29;
  border-radius: 15px;
  cursor: pointer;
  height: 75px;
  line-height: 75px;
  text-align: center;
  transition-property: background;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  width: 80%;
}

.Titulo_Imagenes_Dos:hover
{
  background: #bddefe;
}
