@font-face{
	font-family:"trajanusbricks";
	src:url("trajanus.woff"),
	url("trajanus.eot");
}

html{
	color:#222;
	font-size:1em;
	line-height:1.4;
	background:#d2c2d5;
}

::-moz-selection{
	background:#b3d4fc;
	text-shadow:none;
	}
	
::selection{
	background:#b3d4fc;
	text-shadow:none;
	}
	
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;margin:1em 0;
	padding:0;
	}
	
audio, canvas, iframe, img, svg, video{
	vertical-align:middle;
	}
	
fieldset{
	border:0;
	margin:0;
	padding:0;
	}
	
textarea{
	resize:vertical;
	}
	
.browserupgrade{
	margin:0.2em 0;
	background:#ccc;
	color:#000;
	padding:0.2em 0;
	}
	
body{
	max-width:980px;
	margin:auto;
	background-color:white;
	}
	
.wrapper{
	width:90%;
	margin:0 auto;
	}
	
.header-container{
	margin-top:80px;
	display:block;
	background:url("../img/cabeceraFinal.jpg");
	background-size:100%;
	background-repeat: no-repeat;
	min-width:300px;
	min-height:250px;
	max-width:980px;
	overflow:hidden;
	}
	
.footer-container{
	border-top:20px solid rgb(127, 85, 123);
	}
	
.footer-container{
	background:rgb(63, 41, 62);
	}
	
.titulo{
	display:block;
	margin-top:150px;
	padding-left:15px;
	background-color: rgba(255, 255, 255, .5);
	}
	
.title{
	color:rgb(127, 85, 123);
	font-family:"trajanusbricks", Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	font-size:25px;
	text-shadow:rgb(0, 0, 0) 1px 1px 1px;
	font-weight:bold;
	display:block;
	width:100%;
	}
	
.descripcion{
	color:rgb(255, 255, 255);
	display:block;
	font-family:Orator, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	text-shadow:rgb(0, 0, 0) 1px 1px 1px;
	display:block;
	}
	
.menu{
	display:block;
	width:100%;
	}


.img-pers{
	display: block;
	text-align: center;
}
	
#pie{
	font-size:12px;
	color:rgb(153, 153, 153);
	font-weight:normal;
	margin:auto;
	margin-bottom:15px;
	}
	
#pie a{
	text-decoration:none;
	color:white;
	}
	
h1{
	color:rgb(63, 41, 62);
	font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
h2, h3{
	color:rgb(127, 85, 123);
	font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
.premio{
	margin-left:auto;
	display:block;
	max-width:725px;
	text-align:center;
	}
	
.videoAdapt{
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
	}
	
.videoAdapt iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	
.videopeq{
	max-width:350px;
	display:inline-block;
	}
	
section{
	display:block;
	}
	
.menu-bar{
	display:block;
	width:100%;
	position:fixed;
	top:0;
	background-color:rgb(63, 41, 62);
	border-bottom:1px dotted rgba(127, 85, 123, .5);
	z-index:1000;
	}
	
.menu-bar .bt-menu{
	display:block;
	padding:12px;
	color:rgb(127, 85, 123);
	overflow:hidden;font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-size:40px;
	text-decoration:none;
	}
	
.menu-bar img{
	float:right;
	font-size:50px;
	font-weight:bold;
	padding-top:10px;
	padding-right:10px;
	}
.menu nav{
	z-index:1000;
	width:60%;
	margin:0;
	position:fixed;
	right:-100%;
	top:81px;
	height:calc(100% - 80px);
	overflow:auto;
	z-index:1000;
	}
	
nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
nav a{
	display:block;
	padding:15px 0;
	border-bottom:1px dotted rgba(127, 85, 123, .5);
	text-align:center;
	text-decoration:none;
	color:rgb(127, 85, 123);
	background-color:rgb(63, 41, 62);
	font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-size:20px;
	}
	
nav a:hover{
	color:rgb(63, 41, 62);
	background-color:rgb(127, 85, 123);
	}
	
.main{
	padding:30px 0;
	}
	
.main article h1{
	font-size:2em;
	}
	
.footer-container footer{
	color:white;
	padding:20px 0;
	}
	
.ie7 .title{
	padding-top:20px;
	}
	
@media only screen and (min-width:480px){
	.title{
		font-size:30px;
	}

	.menu{
		background-color:rgb(63, 41, 62);
		}
		
	.menu-bar{
		display:none;
		}

	.menu nav{
		position:static;
		width:100%;
		}
		
	nav a{
		display:inline-block;
		width:12%;
		margin:0;
		padding:10px 0.5%;
		margin-bottom:0;
		border-bottom:none;
		font-size:17px;
		}
		
	nav li:first-child a{
		margin-left:0;
		}
		
	nav li:last-child a{
		margin-right:0;
		}

	.img-pers{
		float: right;
		display: block;
	}
		
	#pie div{
		display:inline-block;
		width:48%;
		}
		
	#pie2{
		text-align:right;
		}
		
	.header-container {
		margin-top:30px;
		}
		
	nav ul li{
		display:inline;
		}
		
	.oldie nav a{
		margin:0 0.7%;
		}
	
}


@media only screen and (min-width:768px){
	
	.titulo{
		margin-top:0px;
		}
		
	.title{
	float:left;
	}
	
	nav{
		display:inline-bock;
		width:100%;
		}
		
	.main article{
		display:block;
		width:90%;
		margin:auto;
		}

}

@media only screen and (min-width:1140px){
	.wrapper{
		max-width:980px;
		margin:0 auto;
		}
}

.hidden{
	display:none !important;
	visibility:hidden;
	}
	
.visuallyhidden{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	}
	
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
	}
	
.invisible{
	visibility:hidden;
	}
	
.clearfix:before, .clearfix:after{
	content:" ";
	display:table;
	}
	
.clearfix:after{
	clear:both;
	}
	
.clearfix{
	*zoom:1;
	}
	
@media print{*,
	*:before, *:after{
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
		}
		
	a, a:visited{
		text-decoration:underline;
		}
		
	a[href]:after{
		content:" (" attr(href) ")";
		}
		
	abbr[title]:after{
		content:" (" attr(title) ")";
		}
		
	a[href^="#"]:after, a[href^="javascript:"]:after{
		content:"";
		}
		
	pre,
	blockquote{
		border:1px solid #999;
		page-break-inside:avoid;
		}
		
	thead{
		display:table-header-group;
		}
		
	tr,
	img{
		page-break-inside:avoid;
		}
		
	img{
		max-width:100% !important;
		}
		
	p,
	h2,
	h3{
		orphans:3;
		widows:3;
		}
		
	h2,
	h3{
		page-break-after:avoid;
		}
}