body{
	font-family: 'Open Sans', sans-serif;
}




#cabecera-ayuda{
	border: 0px solid red;
	position: relative;
	width: 100%;
	height: 100px;
	float: left;
}

#cabecera{
	background: rgba(256,256,256,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	float: left;

	transition:all 0.9s;
}

.cabecera-negra{
	border-bottom: 1px solid #f7f7f7;
	background: rgba(256,256,256,0.9) !important;
}

#cabecera-conten{
	width: 1200px;
	margin: 0 auto;
}

#logotipo{
	width: 15%;
	float: left;
}

#logotipo img{
	width: 100%;
}



#menu{
	border: 0px solid red;
	width: 83%;
	float: right;
	margin: 28px 0 0 0;
}

#menu-r{
	border: 0px solid red;
	width: 100%;
	font-size: 21px;
	color: #605E5E;
	text-align: center;
	padding: 12px 0;
	cursor: pointer;
	display: none;
}

#menu a{
	color: #605E5E;
	text-decoration: none;
}

#menu ul{
	width: 100%;
	float: left;
}

#menu ul li{
	width: 20%;
	float: left;
}

.menu{
	border: 0px solid red;
	width: 100%;
	font-size: 21px;
	color: #605E5E;
	text-align: center;
	padding: 12px 0;
}

.menu:hover, .activo{
	color: #94c11f;
	font-weight: bold;
}

.inicio-menu{
	font-size: 32px;
	font-weight: bold;
	margin-top: -8px;

	text-shadow:2px 2px 1px white;
}

.dos{
	padding: 1px 0 2px;
}



#efecto{
	background: url(../images/fondo1.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 700px;
	float: left;
}

#efecto-conten{
	width: 1000px;
	margin: 0 auto;
}

#texto-efecto{
	width: 100%;
	float: left;
	margin: 200px 0 0 0;
}

#texto-efecto h1{
	background: rgba(0,0,0,0.2);
	width: 100%;
	font-size: 47px;
	text-align: center;
	/*color: #0069b4;*/
	color: white;
	float: left;
	padding-bottom: 10px;

	border-radius: 3px;

	text-shadow:3px 3px 1px #0069b4;
}

#texto-efecto p{
	/*background: rgba(0,0,0,0.8);*/
	width: 70%;
	color: white;
	font-size: 26px;
	line-height: 36px;
	text-align: left;
	margin: 40px 0 70px;
	padding: 10px;

	text-shadow:3px 3px 2px #000;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

#texto-efecto p b{
	color: #94c11f;
}

#texto-efecto span{
	width: 100%;
	color: #94c11f;
	font-weight: bold;
	font-size: 22px;
	text-align: right;
	float: left;


	text-shadow:2px 2px 2px black;
}




#parte2{
	width: 100%;
	float: left;
	padding: 40px 0;
}

#parte2-conten{
	width: 1200px;
	margin: 0 auto;
}

.mitad{
	width: 50%;
	font-size: 22px;
	line-height: 34px;
	float: left;
}

.mitad strong{
	font-size: 26px;
}

.mitad-imagen{
	text-align: center;
}

.mitad-imagen img{
	width: 90%;
}

.boton-rosa{
	background: #f16876;
	color: white;
	font-size: 20px;
	padding: 10px;
	float: right;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}



#fondo2{
	background: url(../images/fondo2.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 300px;
	float: left;
}



#parte3{
	width: 100%;
	float: left;
	padding: 40px 0;
}

#parte3-conten{
	width: 1200px;
	margin: 0 auto;
}

#parte3-conten strong{
	font-size: 36px;
	margin-bottom: 40px;
}

#parte3-conten img{
	height: 100px;
	margin: 0 40px 0 0;
}



#fondo3{
	background: url(../images/fondo3.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 300px;
	float: left;
}




#c{
	width: 100%;
	float: left;
}

.c-gestion{
	background: url(../images/c-gestion.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 280px;
}

.c-porque{
	background: url(../images/c-porque.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 280px;
}

.c-contacto{
	background: url(../images/c-contacto.png) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 280px;
}

#c-conten{
	width: 1200px;
	margin: 0 auto;
}

#c-conten h1{
	color: white;
	font-size: 40px;
	margin: 150px 0 0 0;
	padding: 0 0 0 100px;

	text-shadow:2px 2px 2px #000;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}



#wrapP{
	width: 1200px;
	margin: 0 auto;
}

#pagina{
	width: 100%;
	float: left;
	margin: 30px 0;
}



.cuadro{
	background: #f7f7f7;
	width: 47%;
	margin-right: 3%;
	float: left;
	padding: 10px 15px;
	margin-bottom: 20px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;

	box-shadow: 3px 3px 3px #ddd;
}

.titulo-cuadro{
	width: 100%;
	float: left;
}

.icono{
	width: 15%;
	float: left;
}

.icono img{
	width: 100%;
}

.titulo{
	border: 0px solid red;
	width: 78%;
	font-weight: bold;
	font-size: 20px;
	color: #495e9a;
	float: left;
	padding-left: 30px;
	margin: 35px 0 0 0;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.texto-cuadro{
	width: 100%;
	line-height: 24px;
	float: left;
	margin: 10px 0;
}




.parte{
	width: 100%;
	float: left;
}

.seccion{
	width: 62%;
	font-size: 18px;
	line-height: 28px;
	float: left;
}

.seccion span{
	color: #94c11f;
}

.seccion strong{
	color: #0069b4;
	font-size: 22px;
}

.imagen-seccion{
	width: 35%;
	float: left;
}

.imagen-seccion img{
	width: 100%;

	border-radius: 4px;
}





#footer{
	background: #404040;
	width: 100%;
	float: left;
}

#footer-conten{
	width: 1200px;
	margin: 0 auto;
}

.seccion-footer{
	width: 50%;
	line-height: 40px;
	color: white;
	padding:15px;
	float: left;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.seccion-footer a{
	color: white;
}

.grande{
	font-size: 30px;
}

.redes img{
	height: 40px;
	margin: 0 20px 0 0;
}






#cabecera-cursos{
	border-bottom: 10px solid #3e8ac1;
	background: url(../images/fondo-cursos.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
	float: left;
}

#cabecera-cursos-conten{
	width: 1200px;
	margin: 0 auto;
}
#cabecera-cursos-conten span{
	color: #3e8ac1;
	font-size: 34px;
	font-weight: bold;
	float: left;
	margin: 30px 0 0 0;
}
#cabecera-cursos-conten img{
	width: 300px;
	float: right;
}



.curso{
	width: 100%;
	float: left;
}

.titulo-curso{
	background: #3e8ac1;
	font-size: 22px;
	font-weight: bold;
	color: white;
	float: right;
	padding: 12px;

	border-radius: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.objetivo{
	width: 40%;
	float: left;
	margin: 20px 0 0 0;
}

.titulo-objetivo{
	background: #3e8ac1;
	width: 5%;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color: white;
	padding: 10px 0;
	float: left;
}

.texto-objetivo{
	width: 93%;
	text-align: justify;
	font-weight: bold;
	line-height: 19px;
	color: #3e8ac1;
	float: left;
	margin: 0 0 0 1%;
	padding:5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.fechas{
	width: 30%;
	float: left;
	margin: 20px 0 0 0;
}

.titulo-fechas{
	background: #3e8ac1;
	width: 5%;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 27px 0;
	float: left;
}

.texto-fechas{
	width: 92%;
	float: left;
	cursor: pointer;
}
.texto-fechas img{
	width: 100%;
}


.inversion{
	width: 30%;
	float: left;
	margin: 20px 0 0 0;
}

.titulo-inversion{
	border: 3px solid black;
	background: #3e8ac1;
	width: 100%;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 5px 0;
	float: left;
	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.texto-inversion{
	width: 100%;
	line-height: 27px;
	float: left;
	padding:10px 0 10px 10%;
	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#paypal{
	width: 80%;
	margin: 0 10%;
}

.menor{
	color: gray;
	font-size: 14px;
}


.asistir{
	cursor: pointer;
}




.c{
	background: #3e8ac1;
	color: white;
	float: left;
	padding: 12px 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#fecha{
	border: 3px solid #3e8ac1;
	height: 45px;
	font-size: 22px;
	float: left;
	margin: 45px 20px 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





#pie{
	background: black;
	width: 100%;
	float: left;
}

#pie-conten{
	width: 1200px;
	margin: 0 auto;
}

#pie-conten span{
	float: right;
	padding: 9px 0;
}

#pie-conten span a{
	color: white;
}




@media screen and (max-width: 1200px){
	#cabecera-conten{
		width: 100%;
		padding: 0 10px;

		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}

	#menu{
		margin-top: 10px;
	}

	#parte2-conten, #wrapP, #footer-conten, #c-conten{
		width: 100%;
	}

	#parte3-conten, #pie-conten, #pagina{
		width: 100%;
		padding: 0 10px;

		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}

	#cabecera-cursos-conten{
		width: 100%;
	}
}

@media screen and (max-width: 1000px){
	#efecto-conten{
		width: 100%;
		padding: 0 10px;

		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}

	.objetivo{
		width: 100%;
	}

	.fechas{
		width: 50%;
	}
	.inversion{
		width: 50%;
	}
}

@media screen and (max-width: 850px){
	.i{
		width: 50% !important;
	}
	.asistir{
		width: 100% !important;
	}
	#fecha{
		width: 50% !important;
		margin: 0 !important;
	}
}

@media screen and (max-width: 800px){
	#cabecera-ayuda{
		display: none;
	}
	#cabecera{
		position: relative;
	}
	#logotipo{
		width: 100%;
		text-align: center;
	}
	#logotipo img{
		width: 50%;
	}
	#menu{
		width: 100%;
	}
}

@media screen and (max-width: 700px){
	.seccion{
		width: 100%;
	}
	.imagen-seccion{
		width: 100%;
		text-align: center;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.imagen-seccion img{
		width: 70%;
	}
}

@media screen and (max-width: 600px){
	#menu-r{
		display: block;
	}
	#menu ul{
		display: none;
	}
	#menu ul li{
		width: 100%;
	}

	.mitad{
		width: 100%;
		padding: 0 10px;

		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
	}

	.cuadro{
		width: 97%;
	}
	.titulo{
		margin: 15px 0 0 0;
	}

	#fondo2{
		background: url(../images/fondo2.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
	#fondo3{
		background: url(../images/fondo3.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}

	.fechas, .inversion{
		width: 100%;
	}

	.i{
		width: 80% !important;
		margin: 0 10% !important;
	}
	.asistir{
		width: 100% !important;
	}
	#fecha{
		width: 100% !important;
		
	}
}

@media screen and (max-width: 500px){
	#texto-efecto h1{
		font-size: 37px;
	}

	#texto-efecto p{
		width: 90%;
		margin: 30px 0;
		float: left;
	}

	.seccion-footer{
		width: 100% !important;
	}
}