.cabecera
{
background-color: #45e1c7;

		border-width: 3px;
		border-color: #333;	
		border-style: dotted;
		margin: 10px;
		padding: 10px;

}

.cabecera a
{
background-color: #f5f16c;

		border-width: 2px;
		border-color: #000;
		border-style: solid;
		margin: 3px;
		padding: 3px;
	
}

.cabecera a:hover
{
		background-color: #e1522c;
		color: #fff;
	
}

body
{
		background-image: url("clouds.jpg");
		background-size: 100% auto; 
	
}

.ranarene:hover
{
		-webkit-transform: rotate(360deg);
		transition: 2s ease-in-out;
		-webkit-border-radius: 50%;
		-webkit-box-shadow: 0px 0px 15px 15px green; 
	
}

h1
{
	
		text-decoration: underline;
	
}

.mono:hover
{		
		-webkit-transform: rotateX(360deg);
		transition: 2s ease-in-out;
		-webkit-border-radius: 50%;
		-webkit-box-shadow: 0px 0px 15px 15px red; 

}

.pie
{
background-color: #f93;
		
		border: 10px #423de5 solid;
		padding: 10px;
		border-radius: 50px;
		
}

.pie:hover
{
	background-color: #36a7ec;
	
}


.bloque1
{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
}