body, html{height: 100%;}
body{transition:0.7s all; background: url(../images/bg_mini.jpg) no-repeat fixed center top; background-size: cover; background-color: #d4b3e0; margin: 0; padding: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 300;}
li, ul{margin: 0; padding: 0; list-style: none;}
h1{font-family: 'Rokkitt', serif; font-weight: 700; color: #552f84; font-size: 1.9em; margin: 0.5em 0;}
h2{font-family: 'Rokkitt', serif; font-weight: 700; color: #552f84; font-size: 1.6em; margin: 0.5em 0;}
h3{font-family: 'Rokkitt', serif; font-weight: 700; font-size: 1.3em; margin: 0.5em 0;}
p{margin: 0.5em 0}
a {font-family: 'Rokkitt', serif; font-weight: 700; text-decoration: none; display: inline-block; font-size: 1.3em; color: #552f84; transition:0.2s ease-in;}
a:hover{color: #444; transition:0.2s ease-out;}
.logo{width: 100%; transition:0.2s all;}
section{min-height: 100%;}
article{padding: 2em 1em; margin: 0 3em; font-size: 1.2em; border-top: 2px solid #552f84; border-bottom: 2px solid #552f84; transition:0.2s all;}
.mini{min-height: 250px;}

.premios h2{margin-bottom: }
.premios h3{font-size: 1.5em; margin-bottom: 0.1em; margin-top: 1em; font-weight: 700;}
.premios h3 span{font-weight: 400;}
.premios p{margin: 0.1em 0; font-size: 1em;}

header, section, footer, nav, .wrap{margin: 0 auto; background-color: rgba(255, 255, 255, 0.7); transition:0.2s all;}
header {text-align: center; padding: 3em 0 1em 0}
footer{padding: 1em 5em;} 
nav{text-align: center; padding: 0 3em; background: none;}
nav li{display: inline-block;}
nav a {font-family: 'Rokkitt', serif; font-weight: 400; text-decoration: none; display: inline-block; font-size: 1.7em; color: #444; padding: 0.5em 0.5em; transition:0.2s ease-in;}
nav a:hover{color: #552f84; text-decoration: underline; transition:0.2s ease-out;}
.container {max-width: 65em; margin: 0 auto; padding: 0 2em; transition:0.2s all;}
.clear{clear: both;}
.logo_footer {float: left; margin: 0.3em 0 0 0;}
.info_footer {text-align: right; font-size: 1em; float: right; font-weight: 400; margin: 0;}
.info_footer strong{font-weight: 600;}
.download{margin-top: 0.7em; font-family: 'Rokkitt', serif; font-weight: 700; text-decoration: none; font-size: 1.3em; color: #FFF; background: #552f84; border-radius: 0.2em; padding: 0.5em 0.7em; transition:0.2s ease-in; border: 1px solid #552f84;}
.download:hover{color: #552f84; background: #FFF; transition:0.2s ease-out; border: 1px solid #552f84;}

/*tabla*/
table{margin-bottom: 0.5em; padding: 0; width: 100%; border-collapse:collapse;border-spacing:0; text-align: left;}
tr {border-bottom: solid 1px #ccc;}
td {width: 50%; padding: 1em; vertical-align: middle;}
.titulo{width: 100%; padding: 0.5em 0 1.25em 1.25em;}
.programa{padding: 1.25em}

.jurado-container{border-bottom: 1px solid #ccc; padding: 1em 0;}
.jurado-container:last-child{border-bottom: none; padding-bottom: 0;}
/*.jurado-container:first-child{padding-top: 0;}*/
.jurado-uno{float: left; padding-top: 0.5em;}
.jurado-uno img{width: 100%;}
.jurado-dos{max-width: 100%; margin-left: 9em;}
.jurado-dos p{font-size: 0.85em; margin-top: 0;}
.jurado-dos h2{margin-top: 0; margin-bottom: 0;}
.jurado-dos h3{margin-top: 0; margin-bottom: 0;}

/*Media Queries*/
@media screen and (max-width: 50em) {
body{background-size: initial; background-position: left top;}
.container{padding: 0 1em;}
article{padding: 1em 0.75em; margin: 0 0.9em; font-size: 1.1em;}
footer{padding: 1em 2em;}
nav{padding: 0 1em;}
nav a{font-size: 1.4em; padding: 0.5em 0.5em;}
.info_footer{font-size: 0.85em;}
.logo_footer{width: 85%;}

.jurado-dos{max-width: 100%; margin-left: 9.75em;}
}

@media screen and (max-width: 40em){
header {padding: 1.5em 0 1em 0}
.logo{width: 90%;}
footer{text-align: center; padding: 0.5em 1em;}
.info_footer, .logo_footer{float: none; text-align: center;}
.info_footer{padding-bottom: 0.5em; border-bottom: 1px solid #CCC; font-size: 1em;}
.logo_footer{margin-top: 1em;}
nav li{display: inherit; border-top: 1px solid #552f84;}
nav a{padding: 0.5em 0; display: block; font-size: 1.3em; /*background-color: #FFF;*/ color: #552f84;}
nav a:hover{background-color: #552f84; color: #FFF; text-decoration: none;}
nav li:last-child{border-bottom: 1px solid #552f84;}
td {width: 45%; padding: 0.7em 0.5em!important;}

.jurado-uno{max-width: 7em;}
.jurado-dos{max-width: 100%; margin-left: 8em;}
}

@media screen and (max-width: 32em){
.container, section{padding: 0;}
article{margin: 0 1em; padding: 1em 0 1.5em 0;}
.download{display: block; text-align: center;}

.jurado-uno{max-width: 6em; display: none;}
.jurado-dos{max-width: 100%; margin-left: 0em;}
}