/*
A Design by Negocios Web Peru
Author: Negocios Web Peru
Author URL: http://negocioswebperu.com
*/

img, fieldset {
    border: 0;
}
img, object, video {
    max-width: 100%;
}
img{
	height: auto;
	width: auto\9; /* ie8 */
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    margin: 0;
}

/************************************************************************************
ESTILOS GENERALES
*************************************************************************************/

body, html{
    background: #fff;
	font-family: open sans, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
	width: 100%;
}
header{
	background: #000;
	/*background: #dc5a2c;*/
	height: 175px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
img{
	width: 100%;
}
h1{
	color: white;
	font-size: 1.8em;
	margin: 0 auto;
	text-transform: uppercase;
}
h2{
    /*border: 1px solid white;*/
    color: #dc5a2c;
    margin: 0;
}
h3{
    /*border: 1px solid red;*/
    font-size: 2.5em;
    margin: 25px 0;
}
h4{
    /*border: 1px solid red;*/
    font-size: 1em;
    margin: 0;
}
h5{
    font-size: 2em;
    margin: 0;
}
span{
    color: red;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 10px;
}
.logo{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 130px;
}
.contenido{
	background: #fff;
    padding-bottom: 60px;
}
.wrap{	
	background: #e4e3e2;
	padding: 30px 0;
}
nav{
	/*border: 1px solid green;*/
	/*margin: 0 auto;*/
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 80%;
}
ul{
	/*border: 1px solid blue;*/
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
li{
	/*border: 1px solid red;*/
	/*display: inline-block;*/
	float: left;
	list-style: none;
	overflow: hidden;
	text-align: center;
	width: 16.6%;
}
li img{
	width: 80%;
}

.leccion{
	/*border: 1px solid red;*/
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 92%;
}

.video{
	/*border: 1px solid blue;*/
	height: 450px;
	width: 57%;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
}
iframe{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.comentarios{
	text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 70%;
}
.flecha{
	/*border: 1px solid red;*/
	margin: 0 auto;
	width: 100px;
}
.disponible{
	color: green;
}

footer{
    /*border: 1px solid red;*/
    background: #000;   
    height: 70px;
    padding-top: 10px;     
    width: 100%;
}
.recursos{
	/*border: 1px solid blue;*/	
	margin: 20px 0;
	/*overflow: hidden;*/
}
.recursos p{
	/*border: 1px solid green;*/
	margin: 0;
	padding-bottom: 40px;
}
.recursos a{
	/*border: 1px solid red;*/
	background: #dc5a2c;
	color: #fff;
	margin: 0;
	padding: 20px 35px;
	border-radius: 10px;
	text-decoration: none;
	text-transform: uppercase;
}