* {

	color:#0000FFs;

}

body {

	font-family: amaranthregular;
	background-color:  #55A7FF;

}

.container {

	margin-top: 2%;
	padding-top: 2%;
	padding-bottom: 2%;

}

h1 {

	color:#DB2727;
	font-family: luckiest_guyregular;
	font-size: 70px;
	text-align: center;
	margin-bottom: 5%;

	text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-webkit-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-moz-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-ms-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-o-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);

}
			
td , th {

	padding: 3px;
	text-align: center;
	border: 1px solid #0000FF;
	color:#0000FF;
	background-color: #fff;
	opacity: 0.9

}

p , .control-label , .form-control {

	color:#0000FF;
	font-size: 20px;
	font-weight: bold;

}

.form-control {

	font-size: 15px;

}

p {

	margin-top: 20px;

}

/*	PARA LAS ANIMACIONES DE BACKGROUND DE LAS NUBES	*/

#areaAnimada {

    background: url(../img/fonoNubes.png) 0 0 repeat;
    -webkit-animation: animate_background 10s linear 0s infinite;
    -moz-animation: animate_background 10s linear 0s infinite;
    -o-animation: animate_background 10s linear 0s infinite;
    animation: animate_background 10s linear 0s infinite;

}

@-webkit-keyframes animate_background { 

    from { 

        background-position: 0 0;

    } 

    to { 

         background-position:-1000px  0 ;

    } 

}

@-moz-keyframes animate_background { 

    from { 

        background-position: 0 0;

    } 

    to { 

        background-position:-1000px  0 ;

    } 

}

@-o-keyframes animate_background { 

    from { 

        background-position: 0 0;

    } 

    to { 
         
		 background-position:-1000px  0 ;

    } 

}

@keyframes animate_background { 

    from { 

        background-position: 0 0;

    } 

    to { 
  
 		background-position:-1000px  0 ;

    } 

}


/*		FOOTER	 	*/

footer{

	position: fixed;
	bottom: 0;

}

.footer{

	width: 100%;
	display:inline-block;

	background-image: url(../img/cesped.png);
	background-size:  100% 100%;
	background-repeat: no-repeat;

	margin-top: 60px;
	padding: 10px;

}

.footer .textoFooter{

	color:#DB2727;
	font-family: luckiest_guyregular;
	font-size: 50px;
	text-align: center;
	padding-top: 150px;

	text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-webkit-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-moz-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-ms-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
	-o-text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);

}

@media (max-height: 800px){

	footer { 

		position: static; 
		
	}

}

@media (max-width: 800px){

	footer { 

		position: static; 
		
	}	

	.footer {

		height: 300px;
		margin-top: 50;

	}

	h1 , .footer .textoFooter{

		font-size: 50px;

	}

}

@media (max-width: 764px){

	.footer {

		height: 200px;
		margin-top: 30;

	}

	h1 {

		font-size: 40px;

	}

	.footer .textoFooter{

		margin: 0;
		padding-top: 100px;
		font-size: 30px;

	}

}

@media (max-width: 500px){

	.footer {

	height: 100px;

		margin-top: 30;

	}

	h1 {

		font-size: 30px;

	}


	.footer .textoFooter{

		margin: 0;
		padding-top: 40px;
		font-size: 18px;

	}


}