body {
	background-color: #333333;
	text-align: center;
	font-family: Calibri;
	font-weight: bold;
	
}

.lbl{
 
  background-color: #0F2645;
  padding: 5px; 
  color: #FFFFFF;
  border-radius: 5px;
  
}
.lbl:hover {
	background-color: #FFFFFF;
	color:#0F2645;
	text-align: left;
	border-radius: 5px;
	tran
	
	
	/*Efecto en botones*/
	/* Default */
    transition-property: all;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    transition-delay: 0.05s;

	/*Firefox*/
    -moz-transition-property: all;
    -moz-transition-duration: 0.7s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0.05s;
	
       /* Chrome / Safari */
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.05s;
 
 
    /* Opera */
    -o-transition-property: all;
    -o-transition-duration: 0.7s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0.05s;
}
.menu
{
float: left; 
margin-left: 10px;
}

.CabLbl
{
color:#00B2E0;
text-align:center;
font-family: Calibri;
font-weight:bold;

}

.CuerpoParrafo
{
	font-weight:normal;
	color:#FFFFFF;
	margin-top:10px;
	margin-left:260px;
	text-align: justify;
	margin-right: 50px;
	
}

.CuerpoParrafo2
{
	font-weight:normal;
	color:#FFFFFF;
	margin-top:10px;
	margin-left:430px;
	text-align: left;
	margin-right: 30px;
	
}

.CuerpoParrafo3
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:10px;
	margin-left:205px;
	text-align: left;
	font-size:14px;
	
}

	

.Img
{
margin-top:10px;
margin-left:10px;

}
.divCuadros
{
	
border-radius: 5px;	
position: absolute;
background-color: #333333; 
	font-weight:normal;
	color:#FFFFFF;
	


animation: mianimacion 1s; /*Defecto*/
-moz-animation: mianimacion 1s; /* Firefox */
-webkit-animation: mianimacion 1s; /* Safari and Chrome */
-o-animation: mianimacion 1s; /* Opera */
}

/* para mostrar animación desde transparencia*/

@keyframes mianimacion /* Defecto */
{
0%   {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes mianimacion /* Firefox */
{
0%   {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes  mianimacion /* Chrome */
{
0%   {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes  mianimacion /* Opera */
{
0%   {opacity:0;}
100% {opacity:1;}
}

/* para mostrar animación para colores*/
@-moz-keyframes myfirst /* Firefox */
{
0%   {background: red;}
25%  {background: yellow;}
50%  {background: blue;}
100% {background: green;}
}

/* Para desctivar el subrayado del link*/
a:active {
text-decoration: none;
}


a:link {
text-decoration: none;
}


a:visited {
text-decoration: none;
}


a:hover {
text-decoration: none;
}