@charset "utf-8";

*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}





* {
	margin: 0;
	padding:0;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	font-family: sans-serif;
}

iframe {
	clear: both;
	float: left;
	margin-left: 0;
	
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}



header {
	height: 55px;
	border-radius: 30%;
	background:rgba(153,153,153,1);
	
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-style: solid;
	border-color:rgb(51,51,51);
	box-shadow: inset 0 0 40px #000;
}	

header2 {
	height: 30px;
	
	border-radius: 100%;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-style: solid;
	border-color:rgb(51,51,51);
	box-shadow: inset 0 0 40px #000;
	z-index: 200; 
}	



footer {
	height: 50px;
	border-radius: 30%;
	background: rgba(146,156,144,0.5);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-style: solid;
	border-color:rgb(51,51,51);
	box-shadow: inset 0 0 40px #000;
}	
	


cuerpo, cuerpo1, cuerpo3, cuerpo4, cuerpo5, cuerpo6 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
	border-radius: 20%;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-style: solid;
	border-color:rgb(51,51,51);
	z-index: -5;
	box-shadow: inset 0 0 20px #000;
}	

cuerpo {
	background:rgba(0,0,204,0.4);
	
}

cuerpo2 {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height: 70%;
	background:rgba(0,0,204,0.2);
	border-bottom-color: rgba(0,0,51,0.5);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 0 100px #000;
	border-radius: 8%;
	z-index: -5;
}	

cuerpo3 {
	border-radius: 3%;
}


cuerpo4{
	background:rgba(255,0,0,0.2);
	
}	

cuerpo5{
	background:rgba(130,100,48,0.5);

}

cuerpo6 {
	background-color:rgba(204,204,204,0.3);
}

span{
	color: rgb(0,0,153);
	margin-right: 15px;

}


#btn-menu{
	display: none;
	margin-center: 30px;
}


header label {
	display:none;
}

menu label {
	font-size: 30px;
	cursor:pointer;
	cursor:hand;
	
	
}


	
.menu ul {
	
	display:flex;
	list-style: none;
}

.menu a1 {
	display: block;
	padding: 8px 8px;
	color: rgba(176,134,6,1);
	margin-left: 5px;
	text-decoration: none;
	cursor:no-drop;
	border-radius: 10px;
	border: 2px solid rgba(0,0,0,0.6);
	background-color:rgba(0,0,0,0.5);

	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
}



.menu a {
	display:block;
	padding:8px 8px;
	
	position:center;
	margin-left: 5px;
	border-radius: 10px;
	text-decoration:none;
	
	border: 2px solid rgba(51,51,51,1);
	background-color:rgba(51,51,51,0.1);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.menu a:hover {
	
	border: 2px solid rgba(51,51,51,1);
	background-color:rgba(51,51,51,0.5);
	font-size:15.3px;
	color:rgba(255,0,0,0.8);
	
	box-shadow: inset 0px 2px 0px  rgba(255,255,255,0.3);
}


.menu a:active {
	display: block;
	padding: 8px 8px;
	color: rgba(176,134,6,1);
	margin-left: 5px;
	text-decoration: none;
	font-size: 15px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0.5);
	box-shadow: inset 2px 1px 2px rgba(255,255,255,0.3);
}


.Cookie p  {
	padding: 10px 25px;
	font-size:14px;
	
}

.Cookie h1 {
	padding: 25px 25px;
	font-size: 30px;
	color: rgba(153,153,153,1);
}

.Cookie h3 {
	padding: 10px 10px;
	font-size: 18px;
	color: rgba(153,0,0,1);
}

.atrasp {
		transition: 3s;
	
 }
.atrasp:hover {
	transform-style: preserve-3d;
	transform: rotateX(45deg);
	transition: 2s;
	-webkit-perspective: 700;
	justify-content: space-around;
}


#contenido {
			height: 850px;
		}		

@media (max-width: 768px) {
	
		header {
			height: 30px;
		}
		
		header label {
		display:block;
							
		}
		
		.menu{
			z-index: 900; 	
			position:absolute;
			top:115px;
			left: 35%;
			width: 30%;
			transform: translateX(-250%);
			transition:all 0.5s;
			
			border-radius: 2%;
			
		}
			
		
		.menu ul {
			display: block;
			
			border-radius: 5%;
					
		}
		
		.menu ul li:hover ul {
			display: none;
		}
		
		.menu ul li a {
			display: block;
			border: 2px solid rgba(51,51,51,1);
			background:rgba(153,153,153,1);
			text-decoration: none;
			-webkit-transition:all 500ms ease;
			-o-transition:all 500ms ease;
			transition:all 500ms ease;
			margin-left: 0;
		
		}
		
		.menu ul li a:hover {
			box-shadow: inset 0px 1px 0px  rgba(255,255,255,0.3);
			padding: 6px 15px;
			background-color:rgba(97,97,97,1);
				
		
		}
		
		.menu a1 {
			display: block;
			padding: 10px 20px;
			color: rgba(176,134,6,1);
			margin-left: 0px;
			text-decoration: none;
			background-color:rgba(39,39,39,1);
		
			
		}
		
				
		#btn-menu:checked ~ .menu{
			transform: translateX(1%);
						
		}
		
		#contenido {
			height: 650px;
		}
		
}

@media (max-width: 480px) {
	
			header {
				height: 20px;
			}
			
			
			.menu{
				top:65px;
				width: 50%;
				z-index: 900; 	
				position:absolute;
				left: 11%;
				transform: translateX(-250%);
				transition:all 0.5s;
				font-size: 15px;
				
			}
			
			footer {
				height: 20px;
				
				
			}
			
			a8 {
				 font-size: 9px;
			}
			.cuerpo2 {
				height: 20%;
			}
		
			.cuerpo3 {
				padding-top: 1px;
				padding-bottom: 1px;
				
			}
			.cuerpo, .cuerpo4, .cuerpo5  {
				border-radius: 10%;
			}
			
			.menu a:hover {
	
				border: 2px solid rgba(51,51,51,1);
				background-color:rgba(51,51,51,0.5);
				font-size:13px;
				color:rgba(255,0,0,0.8);
		
				
			}
			
		#contenido {
			height: 410px;
		}

		
			
}