.ICM3indexbody{
	/*background:linear-gradient(#def,#ffffff); */
	background:#eee;
	margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px;
	background-repeat: no-repeat;
	overflow: scroll;
	overflow-x:hidden;
	visibility:visible;
		
scrollbar-face-color: #06f;
scrollbar-highlight-color: #eee;
scrollbar-shadow-color: #eee;
scrollbar-3dlight-color:#eee;
scrollbar-arrow-color:#06f;
scrollbar-track-color:#eee;
scrollbar-drakshadow-color:#eee;
	}
	


::-webkit-scrollbar {
    margin-right: 5px;
    background-color: #eee;
	border-radius: 6px;
    width: 12px;
}
::-webkit-scrollbar-track {
    box-shadow: 0 0 2px rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb {
    border: 1px #eee solid;
    border-radius: 12px;
    background: #06f;
    box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
    -webit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
	

.fuente{
	font-family:bisque;
	
	
	
}


.franjaSuperior{
	background-color:#0099FF;
	border-bottom:1px solid #133783;
	min-height:10px;
	width:100%;
	height:35px;
	position: fixed;
	z-index:1;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.div-logo{
	min-height:10px;
	min-width:10px;
	position:fixed;
	z-index:1;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.recuadroLogin{
	background-color:#0099FF;
	border-bottom:1px solid #133783;
	min-height:150px;
	width:300px;
	}
	
	
	
#celda {
	background: #0099FF;
	font-size:12px;
	color: #FFF;
	font-family:Arial;
}
#celda:hover {
background:#06F;
font-size:14px ;
font-style:italic;
color:#FFF;
}

div.perfil {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    width: 200px;
	height: 200px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #6cf;
}

div.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 28px;
    width: 28px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #6cf;
}
div.avatar:hover {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 30px;
    width: 30px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #6cf;
}
 
 
 div.avatarVerde {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 28px;
    width: 28px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #0F0;
}
div.avatarVerde:hover {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 30px;
    width: 30px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #0F0;
}
 
 
 
#boton2 {
	background: #666666;
	font-size:14px;
	font-style:normal;
	font-family: Arial;
}

#boton2:hover {
	background: #333333;
	font-size:16px;
	font-style:italic;
	font-family:Arial;
	
	
}


div.avatarGrande {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 78px;
    width: 78px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #6cf;
}
div.avatarGrande:hover {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 80px;
    width: 80px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	border:3px solid #6cf;
}




.Estilititito {color: #FFFFFF; font-size: 8px;   font-family: Arial;}
.Estilititito-b {color: #FFFF00; font-size: 8px;   font-family: Arial;}
.Estilititito-c {color: #000000; font-size: 8px;   font-family: Arial;}
.Estilititito-d {color: #098ECB; font-size: 8px;   font-family: Arial;}
.Estilititito-e {color: #663300; font-size: 8px;   font-family: Arial;}
.Estilititito-f {color: #FF0000; font-size: 8px;   font-family: Arial;}

.Estilito {color: #FFFFFF; font-size: 10px;   font-family: Arial;}
.Estilito-b {color: #FFFF00; font-size: 10px;   font-family: Arial;}
.Estilito-c {color: #000000; font-size: 10px;   font-family: Arial;}
.Estilito-d {color: #098ECB; font-size: 10px;   font-family: Arial;}
.Estilito-e {color: #663300; font-size: 10px;   font-family: Arial;}
.Estilito-f {color: #FF0000; font-size: 10px;   font-family: Arial;}

.Estilo {color: #FFFFFF; font-size: 12px;   font-family: Arial;}
.Estilo-b {color: #FFFF00; font-size: 12px;   font-family: Arial;}
.Estilo-c {color: #000000; font-size: 12px;   font-family: Arial;}
.Estilo-d {color: #098ECB; font-size: 12px;   font-family: Arial;}
.Estilo-e {color: #663300; font-size: 12px;   font-family: Arial;}
.Estilo-f {color: #FF0000; font-size: 12px;   font-family: Arial;}

.Estilo0 {color: #FFFFFF; font-size: 12px;   font-family: Arial;}
.Estilo0-b {color: #FFFF00; font-size: 12px;   font-family: Arial;}
.Estilo0-c {color: #000000; font-size: 12px;   font-family: Arial;}
.Estilo0-d {color: #098ECB; font-size: 12px;   font-family: Arial;}
.Estilo0-e {color: #663300; font-size: 12px;   font-family: Arial;}
.Estilo0-f {color: #FF0000; font-size: 12px;   font-family: Arial;}

.Estilo1 {color: #FFFFFF; font-size: 14px;   font-family: Arial;}
.Estilo1-b {color: #FFFF00; font-size: 14px;   font-family: Arial;}
.Estilo1-c {color: #000000; font-size: 14px;   font-family: Arial;}
.Estilo1-d {color: #098ECB; font-size: 14px;   font-family: Arial;}
.Estilo1-e {color: #663300; font-size: 14px;   font-family: Arial;}
.Estilo1-f {color: #FF0000; font-size: 14px;   font-family: Arial;}

.Estilo2 {color: #FFFFFF; font-size: 16px;   font-family: Arial;}
.Estilo2-b {color: #FFFF00; font-size: 16px;   font-family: Arial;}
.Estilo2-c {color: #000000; font-size: 16px;   font-family: Arial;}
.Estilo2-d {color: #098ECB; font-size: 16px;   font-family: Arial;}
.Estilo2-e {color: #663300; font-size: 16px;   font-family: Arial;}
.Estilo2-f {color: #FF0000; font-size: 16px;   font-family: Arial;}


.Estilo3 {color: #FFFFFF; font-size: 18px;   font-family: Arial;}
.Estilo3-b {color: #FFFF00; font-size: 18px;   font-family: Arial;}
.Estilo3-c {color: #000000; font-size: 18px;   font-family: Arial;}
.Estilo3-d {color: #098ECB; font-size: 18px;   font-family: Arial;}
.Estilo3-e {color: #663300; font-size: 18px;   font-family: Arial;}
.Estilo3-f {color: #FF0000; font-size: 18px;   font-family: Arial;}

.Estilo4 {color: #FFFFFF; font-size: 20px;   font-family: Arial;}
.Estilo4-b {color: #FFFF00; font-size: 20px;   font-family: Arial;}
.Estilo4-c {color: #000000; font-size: 20px;   font-family: Arial;}
.Estilo4-d {color: #098ECB; font-size: 20px;   font-family: Arial;}
.Estilo4-e {color: #663300; font-size: 20px;   font-family: Arial;}
.Estilo4-f {color: #FF0000; font-size: 20px;   font-family: Arial;}

.Estilo5 {color: #FFFFFF; font-size: 24px;   font-family: Arial;font-weight: bold}
.Estilo5-b {color: #FFFF00; font-size: 24px;   font-family: Arial;font-weight: bold}
.Estilo5-c {color: #000000; font-size: 24px;   font-family: Arial;font-weight: bold}
.Estilo5-d {color: #098ECB; font-size: 24px;   font-family: Arial;font-weight: bold}
.Estilo5-e {color: #663300; font-size: 24px;   font-family: Arial;font-weight: bold}
.Estilo5-f {color: #FF0000; font-size: 24px;   font-family: Arial;font-weight: bold}




.sombra_colores {
  text-shadow: 3px 3px 5px #f00,
               6px 6px 5px #0f0,
               9px 9px 5px #00f;
}

.sombra_colores2 {text-shadow: 0.2em 0.5em 0.1em #600,
	  -0.3em 0.1em 0.1em #060,
	  0.4em -0.3em 0.1em #006}

.sombra1 {text-shadow: 0.1em 0.1em 0.05em #333}
.trazo {text-shadow: -1px 0 black, 0 1px black,
	  1px 0 black, 0 -1px black}

.trazo2 {text-shadow: -1px 0 #ffffff, 0 1px #000000,
	  1px 0 black, 0 -1px #000000}
	  
.brillo1 {text-shadow: 0 0 0.2em #000}
.brillo11 {text-shadow: 0 0 0.2em #8F7}
.brillo2 {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
.brillo3 {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

/************************************************BotoneMailGrupo*/
#botonBotoneMailGrupo {
	background-image: url(../img/eMailGrupo1.png);
	width:128px;
	height:43px;
	font-size:14px;
	font-style:normal;
	font-family: Arial;
	
	

}

#botonBotoneMailGrupo:hover {
	background-image: url(../img/eMailGrupo2.png);
	width:129px;
	height:43px;
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}
/*******************************************Fin  BotoneMailGrupo*/