/* reseteo */
*{
	border: 0;
	margin: 0;
	padding: 0;
}

article,aside,figcaption,figure,footer,header,hgroup,nav,section,video{
	display: block;
}


/* estilos del sitio */

body{
	background: #000 url(../img/fondo.jpg) no-repeat;
	color: #fff;
	font-family: Arial;
	font-size:1em;
}

a{
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

a:hover{
	color: #fff;
}

figcaption{
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

img, video{
	max-width: 100%;
}

h1{
	font-size: 1.1em;
}

h2{
	font-size: 1em;
	font-weight: normal;
}

p{
	font-size: 0.75em;
}

p#creditos{
	font-size: 0.55em;
}

header{
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}

nav#menu, section#contenido, footer{
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
}

article#titulo{
	display: block;
	margin: 0 auto;
	max-width: 65%;
	padding-top: 3em;
}

img#100-horas{

}

img#un-documental{
	padding-top: 6em;
}

nav#menu{
	padding-top: 0.75em;
	max-width: 65%;
}

nav#menu ul{
	background: #691111;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

nav#menu li{
	display: inline-block;
	padding: 0em;
	vertical-align: middle;
}

nav#menu a{
	color: #000;
	background: url(../img/flecha.png) no-repeat;
	background-position: center 2.65em;
	display: inline-block;
	font-family: Arial;
	font-size: 0.9em;
	padding: 0.75em 2.5em;
	transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
}

nav#menu a:hover{
	background: #4d0c0c url(../img/flecha.png) no-repeat;
	background-position: center 1.85em;
	color: #fff;
	transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;	
}

section#contenido{
	background: #860609;
	max-width: 65%;
	padding: 0;
}

article#video{
	margin: 0 auto;
	padding-top: 3em;
	text-align: center;
	max-width: 100%;
}

div#principal, div#fotos-cambiantes{
	display: inline-block;
	margin: 0 auto;
	max-width: 90%;
	padding: 1em;
	width: 45%;
}

div#fotos-cambiantes{
	padding: 1em;
	width: 40%;
}

div#principal, div#fotos-cambiantes{
	display: inline-block;
	vertical-align: top;
}

article#fotos-2{
	padding-top: 2em;
}

aside#fotos-cambiantes img{
	padding-bottom: 1em;
}

div#principal{
	text-align: right;
}

nav#menu .pestana-activa{
	background: #4d0c0c url(../img/flecha.png) no-repeat;
	background-position: center 1.85em;
	color: #fff;
}

nav#vinculos{
	max-width: 100%;
}

nav#vinculos ul{
	list-style: none;
}

nav#vinculos li{
	display: inline-block;
	padding: 0.1em;
	vertical-align: middle;
}

nav#vinculos a{
	background: url(../img/pie.png) no-repeat;
	background-position: center 2.65em;
	display: inline-block;
	padding: 0.35em;
}

nav#vinculos a:hover{
	background: url(../img/pie.png) no-repeat;
	background-position: center 0.65em;
	display: inline-block;
	padding: 0.35em;
}

article#derechos{
	margin: 0 auto;
	max-width: 97%;
}

footer{
	background: #860609;
	margin-bottom: 3em;
	max-width: 65%;
	padding-bottom: 2em;
}

@media(max-width:1081px){
	nav#menu li{
		font-size: 0.8em;
	}
	
	h1{
		font-size: 1em;
	}

	h2{
		font-size: 0.80em;
		font-weight: normal;
	}

	p{
		font-size: 0.57em;
	}

	p#creditos{
		font-size: 0.45em;
	}
	
	nav#vinculos ul{
		width: 100%;
	}

}