*{margin:0px;padding:0px;}
body {background-image: url(imgs/stripe.png); background-repeat: repeat;}
header {width: 100%; height:90px; margin: 15px auto;}
nav  {
  float: right;
  width: auto;
  margin-top: 40px;
  margin-right: 10px;
}
nav ul li {
  display: inline-block;
  padding-left: 10px;
}
nav ul li a {
  width: 90%; 
  color: #2bbc9b;
  font-family: 'Oswald', sans-serif;
  font-weight: 900;
  text-transform: uppercase; 
  text-decoration:none;
  font-size: 16px;
  transition: color .25s;
}
nav ul li a:hover {
  color: #fff;
  background: #2bbc9b
}
main {width: 100%; background-color:transparent; margin: 0px auto;}
.rosa{color: #fff;}
.verde{color: #18bc9c;}
main span{
font-family: 'Oswald', sans-serif; 
font-size: 30px; 
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;}
.subtitulo{
	display:block;
	height:40px;
	width:100%;
	margin:5px auto;
	float:left;
	}
section {width:100%; max-height: 450px; background: #18bc9c; padding-top:10px; padding-bottom:10px;  margin: 0px auto; float: left; }
.slider {width: 40%; margin: 30px 0px 30px 70px; float: left; }
.titulos{width: 40%; margin: 30px 70px 30px 0px; float: right;}
aside {
	width: 100%;
	min-height: 261px;
	margin: 0px auto;
	float: left;
}
aside article {
	float: left;
	min-height: 261px;
	width:300px;
}
.left{margin-left:0px;}
.right{margin-right:0px;}
.center{margin-right:30px;margin-left:30px;}
footer {
	max-width: 100%;
	float: left;
	text-align: center;
	padding: 2px 20px;
	background-color: transparent;
	margin: 20px; auto 0px auto;
	
}
.pagina {max-width: 960px; margin: 0 auto; }
h1 {
font-family: 'Oswald', sans-serif; 
font-size: 36px; 
color: #fff;
text-transform:uppercase;
letter-spacing:1px;
}
h2 {
font-family: 'Oswald', sans-serif; 
color: #fff;
font-size: 18px; 
font-weight: 300;
}
h3 {
font-family: 'Oswald', sans-serif;
color: #2bbc9b;
font-size: 10px; 
text-transform: uppercase;}
p {
font-family: 'Futura', sans-serif;
color: #fff;
font-size: 12px; 
font-weight: 300;

}
@media screen and (max-width: 860px) 
{
nav  {
  float: right;
  min-height:40px;
}
h1{ font-size:100%;}
h2{ font-size:100%;}
.slider {width: 80%;}
.titulos{width: 100%; margin: 0 auto; float: left; text-align:center;}
.subtitulo{width: 100%; margin-top:20px; float: left; text-align:center;}
section {width:100%; max-height: 750px; }
aside article { width:30%;}
aside article img{ width:100%;}
.center{margin-right:1%;margin-left:1%;}
}
@media screen and (max-width: 360px)
{
h1{ font-size:100%;}
h2{ font-size:100%;}
section article {width: 80%;}
aside article { width:100%;}
aside article img{ width:100%; }
.left{margin:0px;}
.center{margin:0px;}
.right{margin:0px;}
.titulos{width: 100%; margin: 0 auto; float: left; text-align:center;}
.subtitulo{width: 100%; margin-top:20px; float: left; text-align:center;}
main span{font-size: 16px;}
section{
	min-height:500px;
	}
.slider {width: 90%; margin: 2% 5%; float: left;}
}
/*CONCEPTO*/
.cuerpo{
	width: 80%;
	max-height:450px;
	padding: 2px 20px;
	background-color: transparent;
	margin: 20px auto;
	}
p{
	line-height:20px;
	font-family: 'Oswald regular', sans-serif; 
	color: #fff;
	text-align: justify;
	font-size: 15px; 
	font-weight: 300;
	margin-top:20px;
	margin-bottom:20px;
	}
	
/*MAPA DEL SITIO*/
	
a.link{
	line-height:20px;
	font-family: 'Oswald regular', sans-serif; 
	color: #fff;
	font-size: 12px;
	margin-top:20px;
	margin-bottom:20px;
	float:right;
	font-weight:bold;
	text-decoration:none;
	}
a.link:hover{
	color: #ef528e;
	font-weight:bold;
	}

.logo {
    margin: 18px 14px 0px 14px;
    float: left;
} 

.logofooter {
    margin: 15px 0px;
    width: 100%;
} 
.hMenu ul {
	margin-top:50px;
    width: 85px;
	list-style:none;
}
.hMenu > li {
    display: inline-block; 
    vertical-align: top; 
    margin: 0 10px; 
}
.hMenu ul li:first-child {
	text-decoration:none;
    font-weight: bold; 
	line-height:20px;
	font-family: 'Oswald regular', sans-serif; 
	color: #fff;
	text-align: left;
	font-size: 14px;
}
.hMenu ul li a{
	text-decoration:none;
	line-height:18px;
	font-family: 'Oswald regular', sans-serif; 
	color: #000;
	text-align:center;
	font-size: 12px;	
	}
.hMenu ul li a:hover{ 
	color: #cd284b;
	}