/*Pincipal*/
@font-face {
    font-family:'Queen';
    src:url('../font/Queen.ttf');
}
@font-face {
    font-family:'Chirota';
    src:url('../font/Chirota.otf');
}
body {
	background-image:url('../img/prueba.jpg');
	background-repeat:no-repeat;
    background-attachment: fixed
}
#menu > header {
	margin:50px;
	order:1;
}
header {
	border:25px solid;
	background-color:#000000;
	border-image-source:url("../img/menu.png");
	border-image-slice:50;
	text-align:center;
	height:50px;
	order:1;
	border-radius:7pt;
}
img {
	position:absolute;
	width:40px;
	height:40px;
	left:50px;
	margin-top:5px;
}
.imagen {
	width:400px;
	height:150px;
	position:absolute;
	padding-left:460px;
	padding-top:5px;
}
.imagen2 {
	width:450px;
	height:240px;
	position:absolute;
	padding-left:140px;
}
.imagen3 {
	width:330px;
	height:250px;
	position:absolute;
	padding-left:390px;
	padding-top:80px;
}
.imagen4 {
	width:330px;
	height:250px;
	position:absolute;
	padding-left:750px;
	padding-top:80px;
}
.imagen5 {
	width:420px;
	height:250px;
	position:absolute;
	padding-left:160px;
	padding-bottom:80px;
}
.imagen6 {
	width:420px;
	height:250px;
	position:absolute;
	padding-left:160px;
	padding-top:50px;
}
.imagen7 {
	width:420px;
	height:250px;
	position:absolute;
	padding-left:160px;
	padding-top:50px;
}
.imagen8 {
	width:70px;
	height:70px;
	position:absolute;
	padding-left:550px;
	margin-bottom:100px;
}
ul {
	list-style-type:none;
	margin:0;
	padding-top:15px;	
}
ul li{
	display:inline-block;
	text-align:center;
	width:250px;
	font-size:20px;
	font-family:Chirota;
}
ul li:hover {
	color:red;
}
a {
	text-decoration:none;
	color:#E39F0E;
}	
#cuerpo > article {
	margin:160px;
	padding-left:170px;
	order:2;
}
article {
	width:700px;
	height:1600px;
	border:100px solid;
	border-image-source:url("../img/marco.png");
	border-image-slice: 200;
	background-color:#E8DFC5;
}
h3 {
	text-align:center;
	font-family:Queen;
	font-size:30px;
	padding-left:230px;
}
.p1 {
	font-family:Charito;
	text-align:justify;
	padding-left:230px;
}
h2 {
	border:solid;
	text-align:center;
	font-family:Queen;
	background-color:#000000;
	color:#FFFFFF;
	letter-spacing:10px;
	border-radius:7pt;
}
button {
	position:relative;
	left:400px;
	background-color:#E39F0E;
	color:#000000;
	font-weight:bold;
	height:30px;
}
.p2 {
	text-align:left;
	padding-bottom:300px;
}
.titulo {
	color:#406DC2;
	text-align:center;
	font-family:Queen;
	font-size:30px;
	padding-left:230px;
	padding-top:45px;
}
footer {
	
}
/*Noticias*/
.noticia {
	background-image:url('../img/kaisa.jpg');
	background-repeat:no-repeat;
    background-attachment:fixed
}

#cuerpo > article {
	margin:160px;
	padding-left:170px;
	order:2;
}

.noticias {
	width:700px;
	height:700px;
	border:100px solid;
	border-image-source:url("../img/marco.png");
	border-image-slice: 200;
	background-color:#E0D4CA;
}

#noti h3 {
	color:#42BBB2;
	padding-top:5px;
}

#noti p {
	font-family:Chirota;
	padding-left:150px;
}
.imagen10 {
	width:350px;
	height:250px;
	position:absolute;
	padding-left:150px;
}
.imagen10:hover{
	filter:saturate(200%);
}
.imagen11 {
	width:350px;
	height:250px;
	position:absolute;
	padding-left:150px;
	padding-top:20px;
}
.imagen11:hover{
	filter:contrast(150%);
}

/*Registro*/

.registro{
	background-image:url('../img/fondo.jpg');
	background-repeat:no-repeat;
    background-attachment:fixed
}

#cuerpo1 > article {
	margin-left:500px;
	margin-top:70px;
	padding-left:150px;
	order:2;
}

.registros {
	width:100px;
	height:500px;
	border:100px solid;
	border-image-source:url("../img/marco.png");
	border-image-slice:100;
	background-color:#000000;
}

.Form {
	color:#FFFFFF;
	text-align:center;
    float:right;
	padding-right:45px;
	text-transform:uppercase;
	font-family:Chirota;
}

.Form1 {
	color:#FFFFFF;
	text-align:center;
    float:right;
	padding-right:65px;
	text-transform:uppercase;
	font-family:Chirota;
}

/*Campeones*/
.Campeon{
	background-image:url('../img/teemo.jpg');
	background-repeat:no-repeat;
    background-attachment:fixed;
}

#cuerpo2 > article {
	margin-left:350px;
	margin-top:70px;
	padding:50px;
	order:2;
}

.Campeones {
	width:500px;
	height:2000px;
	border:80px solid;
	border-image-source:url("../img/marco2.png");
	border-image-slice:180;
	background-color:#D0DCD0;
}
hr {
	border:1.5px solid #E63410;
}

.alfa {
	font-family:Queen;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#swa{ 
    min-height:300px;
    min-width:500px;
    background:url("../img/swain1.jpg") no-repeat;
}

#swa:hover {
    background: url("../img/swain2.gif") no-repeat;
}

#tee{ 
	margin-right:300px;
    min-height:300px;
    min-width:500px;
    background:url("../img/teemo3.png") no-repeat;
}

#tee:hover {
    background: url("../img/teemo2.gif") no-repeat;
}
 
@media all and (max-width: 800px) {
	#cuerpo > article {width:100%;}
	}