body{
  background-image: url("imagenes/FondoM.jpg");
  background-attachment: fixed;
  overflow: scroll;
}
.Cool{
  background-image: url("imagenes/FondoMAzul.jpg");
  background-attachment: fixed;
  overflow: scroll;
}
.CoolTE{
background-color: rgba(231, 255, 0, 0.5); 
color: rgba(231, 255, 0, 0.5);
}
.Citrus{
  background-image: url("imagenes/Naranjas.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 100px 100px;
  background-size: 100% 150%;
}
.CitrusPunch{
background-color: rgba(255, 159, 0, 0.4); 
color: rgba(255, 159, 0, 0.4);
}
.Riko{
  background-image: url("imagenes/verde chilero.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 100px 100px;
  background-size: 100% 150%;
}
.RikoN{
background-color: rgba(255, 255, 94, 0.5); 
color: rgba(255, 255, 94, 0.5);
}
.Rikogel{
  background-image: url("imagenes/mesa trabajo.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 100px 100px;
  background-size: 100% 150%;
}
.RikogelCara{
background-color: rgba(255, 159, 0, 0.4); 
color: rgba(255, 159, 0, 0.4);
}
.Chipi{
  background-image: url("imagenes/Clases.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 80px 80px;
  background-size: 100% 120%;
}
.ChipiPlus{
background-color: rgba(12, 198, 138, 0.8); 
color: rgba(12, 198, 138, 0.8);
}
.Splash{
  background-image: url("imagenes/Agua.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 80px 80px;
  background-size: 100% 120%;
}
.DeLaFuente{
background-color: rgba(0, 0, 159, 0.3); 
color: rgba(0, 0, 159, 0.3);
}
.Ener{
  background-image: url("imagenes/FondoEM.jpg");
  background-attachment: fixed;
  overflow: scroll;
}
.Enermax{
background-color: rgba(250, 148, 0, 0.5); 
color: rgba(250, 148, 0, 0.5);
}
.RikoIce{
  background-image: url("imagenes/hielo1.png");
  background-attachment: fixed;
  overflow: scroll;
}
.RikoIceIce{
background-color: rgba(46, 138, 207, 0.4); 
color: rgba(46, 138, 207, 0.4);
}
.Fuente{
  background-image: url("imagenes/aguafondo1.jpg");
  background-attachment: fixed;
  overflow: scroll;
  background-size: 120px 120px;
  background-size: 100% 120%;
}
.DeLaFuenteA{
background-color: rgba(0, 0, 159, 0.3); 
color: rgba(0, 0, 159, 0.3);
}

* {
  padding: 0;
}
p {
  margin-bottom: 20px;
}
header {
  background: rgba(0,0,0,0.9);
  width: 100%;
  position: fixed;
  z-index: 100;
}
nav {
  float: left; 
}
 
nav ul {
  list-style: none;
  overflow: hidden;
}
 
nav ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 16px;
}
 
nav ul li a {
  display: block; 
  padding: 20px;
  color: #fff;
  text-decoration: none;
}
 
nav ul li:hover {
  background: #3ead47;
}
.wrapper {
  width: 65%;
  margin: auto;
  overflow:hidden;

}
.contenido {
  padding-top: 80px;
}

section{
  border: black 1px solid;
  position: relative;
  left: -170px;
background-color: rgba(76, 138, 216, 0.6); 
color: rgba(76, 138, 216, 0.6);
border:10px navy;

}

h2{
	Color:White;
	font-size:60px;
	font-family:arial black;
}
h3{
	color:Black;
	font-size:40px;
	font-family:  arial black;
}
h4{
	color:Black;
	font-size:15px;
	font-family:  arial black;
}
h5{
	Color:White;
	font-size:45px;
	font-family:arial black;
}
p{
	color:Black;
	font-size:15px;
	font-family: arial ;
}
footer{
	font-family: arial black;
	color:#000000;
	font-size:20px;
    right: 0; 
}
.zoomIt{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

.FB{
	position: fixed;
	right:40px; 
	top: 125px; 
	z-index: 2000; 
}
.Flayer{
	position: fixed;
	right:40px; 
	top: 125px; 
	z-index: 2000; 
}
.social {
	position: fixed; 
	left: 0; 
	top: 250px; 
	z-index: 2000;
	font-family: Arial Black;
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; 
	}
 
	.social ul li .icon-facebook {background:#3b5998;} 
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; 
		padding: 10px 30px; 
	}
	.P{
		font: oblique bold 120% cursive;
		color: White;
		font-size:50px;
	}
	.P2{
		font: oblique bold 120% cursive;
		color: White;
		font-size:15px;
	}
	.Con {
		border-collapse: collapse;
		border: white 3px solid;
}