body{
	background: -webkit-linear-gradient(red, blue, purple);
	background: -o-linear-gradient(red, blue, purple);
	background: linear-gradient(red, blue, purple);
}
#encabezado h1{
	text-align: center;
	font-family: Algerian, Arial Rounded MT Bold;
	text-shadow: 4px 4px 6px #4F4FFC;
}
#encabezado{
	font-size: 200%;
}

img{
	width: 500px;
	height: 200px;
}
#cuerpo{
	overflow: auto;
}
table{
	width: 100%;
}
tbody td{
	border-radius: 7px;
}
thead a{
	display:block;
	text-decoration:none;
	text-align: center;
}
.periodo{
	border-bottom:2px solid #46B8DA;
}
thead td:hover, thead a:focus,.perido:hover,.perido a:focus{
background-color:#7AC1A1;
    color: white;
	text-decoration: underline;
}
.perido a{
	display:block;
	text-decoration:none;
	text-align:  center;
	color:black;
}
thead td{
	border-right: 1px solid #46B8DA;
}

td p{
	font-family: arial;
	margin: 0px;
	padding: 0px;
}

div #elementoP{
	display: inline-block;
	width: 63px;
	height: 75px;
	padding: 2px;
	font-weight: bold;
	font-size:100%;
}
#contenedor_elemento_panel{
	overflow:auto;
	font-size: 120%;
	padding-left: 20px;
	margin: 0px;
	background: #727FFF;
	border-radius: 15px;
	width: 150px;
	height: 200px;
}
#contenedor_elemento{
	display:none;
}
#contenedor{
	padding-left: 20px;
	padding-top: 0px;
	margin: 0px;
}
i, b, small{
	display: block;
}
b{
	text-align: center;
	font-size: 1.2em; 
}
tbody#letras{
	font-size: 0.8em; 
}
a{
	color: #000000;
	text-decoration: none;
}
.nometales{
	background-color: #37FF09;
}
.metaloides{
	background: #6DD981;
}
.halogenos{
	background: #29DFE1;
}
.nobles{
	background: #5DB1FF;
}
.alcalinos{
	background: #FFA60C;
}
.alcalinoterreos{
	background: #FCFF00;
}
.lantanidos{
	background: #FFBA60;
}
.actinidos{
	background: #FFB8E5;
}
.metales_transicion{
	background: #DEA8A8;
}
.metales_bloquep{
	background: #7ABDC1;
}
#cajaContenido {
    position: fixed;
	margin-left:15%;
    z-index: 101;
    cursor: progress;
    border-radius: 1.8ex;
    display:none;
	border: 5px solid #D0D0FF;
	border-radius:5px;
	background-color:white;
}
#cajaContenido h1{
	border-radius: 1.5ex;
	font-size: small;
    line-height: 2;
    padding-left: 1ex;
	cursor:auto;
	background-color: #D0D0FF;
	margin:0px;
	overflow:auto;

}
#cajaContenido h1 button{
	float: right;
    font-size: 10pt;
    width: 19pt;
    height: 19pt;
    text-align: center;
    padding: 0;
    line-height: normal;
	cursor:pointer;
}
#contenido{
	position:absolute;
	top:24px;
	left:1px;
	right:0;
	bottom:0;
	overflow:auto;
}
#contenidoFrame{
	width:100%;
	height:100%;
	position:absolute;
}
#footer p{
	background-color: red;
	text-align: center;
    color: white;
	font-family: sans-serif;
    margin: 0px;
    padding:8px; 
    border-radius: 5px;
    font-size: 150%;
}