@charset "utf-8";
body h1{
	font-family: 'Lato', sans-serif;
}
.container{
	width: 100%;
	margin:auto;
	text-align:center;
	display:inline-block;
}

.container .cuerpo #cabecera{width:1000px; background-color:#FFF; padding:20px; height:70px;}


#portada{
	width:1280px;
	text-align:center;
	margin:auto;
}

#portada a{
	font-family: 'Lato', sans-serif;
}

#portada video{
	max-width:100% !important;
	height: auto !important;	
}
.cuerpo{
	width:100%;	
}
.listado{
	width:300px;
	height:200px;
	float: left;
	margin-right:10px;
}
.listado video{
	width:300px;
	height:200px;
}
.listado img{
	width:300px;
	height:200px;
}

@media only screen and (max-width : 500px) {
    nav {
        border-bottom: 0;
        height: auto;
		position:relative;
		z-index:0 !important;
    }

    nav ul {
        display: none;
        height: auto;
        width: 100%;
    }

    nav li {
        width: 80%;
        float: left;
        position: relative;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }

    nav ul ul li a {
        text-align: left;
        width: 100%;
        text-indent: 70px;
    }
	
    nav a#pull {
        display: block;
        background-color: #666;
        width: 100%;
        position: relative;
    }

    nav a#pull:after {
        content:"";
        background: url('../imagenes/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
	video{
		z-index:-100 !important;
	}
}