body,html{
	margin:0px;
	padding:0px;
	background:#fff;
	width:100%;
	height:100%;
}
body{
	text-align:center;
}
p{
	color:#545454;
}

#liston{
	background:#fff;
	border-top:solid 3px #0079c3;
	display:inline-block;
	height:100px;
	position:fixed;
	left:0;
	right:0;
	z-index:999;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	text-align:center;
}
#liston figure, #liston a, #liston img{
	margin:0px;
	padding:0px;
}
#banner{
	width:100%;
	height:100%;
	position:relative;
}
#banner .overlay{
	background:url("../img/mesh.png");
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#banner .texto{
	background:rgba(255,255,255,0.9);
	border-radius:10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	position:absolute;
	bottom:1em;
    left:5em;
    right:5em;
}
	#banner .texto article{
		display:inline-block;
		width:50%;
		float:left;
		margin:1.5em 0 0.5em 0;
		text-align:center;
	}


	#banner .texto strong{
		display:block;
		text-align:left;
		margin:0px 1.5em;
		
	}
	#banner .texto h1{
		margin:0px 1em;
		display:block;
		text-align:left;
	}
	#banner .texto p{
		margin:0px 1.5em;
		display:block;
		text-align:left;
	}
.naranja{
	color:#eda438;
}
.azul{
	color:#0079c3;
}


.boton{
	display:block;
	background:#eda438;
	border-radius:5px 0 5px 0;
	border-bottom:solid 5px #d08e2c;
	border-left:solid 5px #db952e;
	padding:0.5em 2em;
	margin:0 6em;
	color:#fff;
}
	#banner .texto .precio{
		font-size:2em;
		display:inline-block;
		margin:0em 2em;
	}


.cbp-so-scroller{
	margin-top:0px !important;
}

.contenido{
	background:#fff;
	min-width:100px;
	max-width:1100px;
	margin:0 auto;
}
	.para_quien{
		background:#fff;
		border-top:dotted 2px #cecece;
		border-bottom:dotted 2px #cecece;
		margin:1.5em 1em;
	}

	.para_quien .titulo{
		font-size:2em;
		margin:1em 0px 0px 1em;
	}
	.para_quien .azul{
		font-size:1.3em;
		margin:0px 0px 0px 2.5em;
	}
	.para_quien .desc{
		font-size:1em;
		margin:1em;
	}

  	.temario{
  		text-align:center;
  		border-radius:10px;
  	}
	.temario .titulo{
		font-size:1.8em;
		margin:1em 0px 0px 1em;
	}
	.temario .azul{
		font-size:1.3em;
		margin:0px 0px 0px 2.5em;
	}
	.temario .desc{
		font-size:1em;
		margin:1em;
	}
		.temario .temas, .teoria .temas{
			margin:0px;
			padding:0px;
			margin:0 auto;
		}
		.temario .temas li, .teoria .temas li{
			list-style:none;
			
			border:dotted 1px #cecece;
			margin:0px;
			padding:0.2em 1em;
			text-align:right;
		}
		.temario .temas li img, .teoria .temas li img{
			margin:0px 0 0 0.8em;
		}

	.teoria{
		background:#fff;
		border-top:dotted 2px #cecece;
		border-bottom:dotted 2px #cecece;
		margin:1.5em 1em;
	}	
		.teoria .temas li{
			text-align:left;
		}

		.teoria .temas li img{
			margin:0px 0.8em 0 0em;
		}

	.teoria .titulo{
		font-size:1.8em;
		margin:1em 0px 0px 1em;
	}
	.teoria .azul{
		font-size:1.3em;
		margin:0px 0px 0px 2.5em;
	}
	.teoria .desc{
		font-size:1em;
		margin:1em;
	}



.testimonios{
	
	background-image: url("img/comillasIzq.png"), url("img/comillasDer.png");
	background-position: top left, bottom right;
	background-repeat: no-repeat;


	min-width:100px;
	max-width:800px;
	margin:0em 2em;
    display:inline-block;
}
	.testimonio{

		display:inline-block;
		background-image: url("../img/comillasIzq.png"), url("../img/comillasDer.png");
		background-position: top left, bottom right;
		background-repeat: no-repeat;
	}
	.testimonio p{
		margin:1em 5em;
	}
	.test{
		margin:1em 3em;
	}
		.testimonio .nombre{
			text-align:right;
			margin-right:8em;
			display:block;
			position:relative;
		}
		.testimonio .nombre img{
			border-radius:5px;
			margin-top:-1em;
			margin-right:5em;
			position:absolute;
		}

.llamadoAccion{
	margin:7em auto 1em;
	border-radius:1em;
	padding:2.5em 0.5em;
	background:url("../images/footer.png");
	background-position: cover;
	min-width:100px;
	max-width:968px;
    
}
.otrosCursos{
	color:#fff;
}


footer{
	width:100%;
	display:inline-block;
	margin:0px;
}
footer p{
	margin-right:2em;
	text-align:center;
	color:#5E5E5E;
}
footer a{
	color:#cecece;
}
/*.......................*/
/* General Blueprint Style */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    color: #fff;
    background: #cecece;
    font-family: 'Titillium Web', sans-serif;
}

.bp-icon:after {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.bp-icon-next:after {
	content: "\e000";
}
.bp-icon-drop:after {
	content: "\e001";
}
.bp-icon-archive:after {
	content: "\e002";
}
.bp-icon-about:after {
	content: "\e003";
}
.bp-icon-prev:after {
	content: "\e004";
}

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

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 30px;
	}
}