.cbp-hrmenu {
	width: 100%;
	margin-top: 2em;
	border-bottom: 4px solid rgb(0, 186, 211);
}


.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
	font-weight: 700;
	padding: 1em 2em;
	color: #999;
	display: inline-block;
}

.cbp-hrmenu > ul > li > a:hover {
	color: rgb(0, 186, 211);
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #fff;
	background: rgb(0, 186, 211);
}


.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: rgb(0, 186, 211);
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
	color: #afdefa;
	padding: 2em 0 0.6em;
	margin: 0;
	font-size: 160%;
	font-weight: 300;
}



@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}













.cuerpo{
    padding: 40 px;
}

.plan{
    padding: 20px;
    margin-bottom: 15px;
    max-width: 100%;
    min-width: 60%;
    
}

.textoplano{
    padding-left: 25px;
    padding-bottom: 15px;
}

.auri{
    max-width: 10%;
    max-width: 10%;
    padding-top: 40px;
}

.trabajando{
    max-width: 70%;
    min-width: 40%;
}


.logoppal{
    max-width: 60%;
    min-width: 40%;
}

.padre3{
    display: flex;
   display: flex;
   flex-direction: row;
    flex-wrap: wrap;
   align-items:baseline;
    justify-content: space-around;
    padding-bottom: 30px;
    padding-top: 30px;
    background:#d1cfcf;
}

.erre{
    background:#d1cfcf;
    min-width: 40%;
    padding: 40px;
    width: 560 px;
    height: 400 px;
    padding: 10px;
    margin:auto;
    color: #e5e5e5;
    text-decoration:none;
    align-content: center;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    
}

.creditos{
    background: #d1cfcf;
    color:black;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

footer {
	background:rgb(0, 186, 211);
	width: 100%;
	padding:40px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

footer .links {
	display:flex;
	flex-wrap:wrap;
}

footer .links a {
	flex-grow:1;

	color:#fff;
	padding:20px;
	text-align: center;
	text-decoration:none;
}




footer .social a {
	color:#fff;
	text-decoration: none;
	padding:15px;
    margin-top: -21px;
	display: inline-block;
}

.padre {background-color: rgb(0, 186, 211);
    display: flex;
   display: flex;
   flex-direction: row;
   align-items:baseline;
    align-content: center;
}

.hijo {background-color: none;
    padding: 10px;
    margin:auto;
    font-size: 25px;
    color: #e5e5e5;
    text-decoration:none;
    align-content: center;
    text-align: center;
    width: 400px;
    height: 230px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    
}

.padre1 {background-color: rgb(0, 186, 211);
    display: flex;
   display: flex;
   flex-direction: row;
   align-items:baseline;
    align-content: center;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.hijo1 {background-color: none;
    margin:auto;
    font-size: 25px;
    color: #e5e5e5;
    text-decoration:none;
    align-content: center;
    text-align: center;
    width: 600px;
    height: 430px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    
}

#celu {width:75%;
    margin: 3em;
    
}

.f1 {display: flex;
   display: flex;
   flex-direction: row;
   
    align-content: center;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
    
}
    
    
.c1 {align-content: center;
    
   
}

h1 {font-size: 2.125em;
	font-weight: 400;
}

span {display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
    
    
}

#bajada {
    margin-top: 3em;
    width:600px;
    
}

#windows {
    width:30%;
    margin-top:1em;
    
}

.historias {display: flex;
   display: flex;
   flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px;
  

    
}
    
    
.h1 {align-content: center;
    background-color:  rgb(0, 186, 211);
    width: 300px;
    height: 600px;
    color:#f8f8f8;
    padding:1em;
    margin-right:2em;
    
   
}

#titulo {margin:30px;
}

#techo img {width:250px;
    margin-top:0.5em;
    margin-bottom:o.5em;
}


.contacto {
    border: 1px solid #CED5D7;
    color:rgba(0, 186, 211, 0.73);
    
    
    
}

.contacto label{
    display: block;
    font-weight: bold;
}



#submit {
width:35px;
height:35px;
border:none;
margin-top:20px;
cursor:pointer;
}

.historias2 {display: flex;
   display: flex;
   flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px;
  

    
}

.h2 {align-content: center;
    background-color:  rgb(0, 186, 211);
    width: 300px;
    height: 500px;
    color:#f8f8f8;
    padding:1em;
    margin-right:2em;
    
   
}

.h1 form {color:white;
  background:none;
  margin:0px;
    padding:0px;
    
}

.h2 form {color:white;
  background:none;
  margin:0px;
    padding:0px;
    
}

.h3 {align-content: center;
    background-color:  rgb(0, 186, 211);
    width: 600px;
    height: 600px;
    color:#f8f8f8;
    padding:1em;
    margin-right:2em;
    
   
}

.h4 {align-content: center;
    background-color:  rgb(82, 90, 92);
    width: 300px;
    height: 600px;
    color:#f8f8f8;
    padding:1em;
    margin-right:2em;
    
   
}

.h3 figure img {width: 550px;
}

.h4 figure img {width:250px;
}

.h3 form {color:white;
  background:none;
  margin:0px;
    padding:0px;
    
}

.h4 form {color:white;
  background:none;
  margin:0px;
    padding:0px;
    
}

.imgs {width:250px;
    
   
}

.b1 {display: flex;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;

    align-content: center;
    padding-left: 40px;
    padding-right: 40px;
    
   
  

}

.cap1 {align-content: center;
    width: 250px;
    height: 500px;
    color:rgba(0, 186, 211, 0.73);
    padding:1em;
    margin:1em;
      margin-bottom: -200px;
    padding-bottom: -200px;
    
   
}

.cap1 p {width: 150px;}

#logoppal {
    max-width: 100%;
    height: auto;
    width: auto/9;
}

#bienvenido {display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 1em;
    
    
}