body, html{height: 100%; font-size: 16px;}
body{/*background: url(../images/58.jpg) no-repeat right top; background-color: #F6F6F6;*/ margin: 0; padding: 0; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #000;}
li, ul{margin: 0; padding: 0; list-style: none;}
h1{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #000; font-size: 2em; margin: 0.25em 0;}
h2{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #000; font-size: 1.6em; margin: 0.25em 0;}
h3{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.4em;}
h4{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.2em;}
tr, p{margin: 0.25em 0; font-size: 1.1em; line-height: 1.5em; font-weight: 400;}
a {text-decoration: none; display: inline-block; color: #000; transition:0.2s ease-in;}
a:hover{text-decoration: line-through; color: #999; transition:0.2s ease-out;}
section{min-height: 100%; background: url(../images/bg-04.jpg); background-position: top;}
article{max-width: 55em; padding: 1.5em 2em 2.5em 2em; margin: 0 3em; font-size: 1.2em; transition:0.2s all; /*background: url(../images/bg-03.png); background-repeat: no-repeat; background-position:center bottom;*/}
header, section, footer, article, nav, .wrap{margin: 0 auto; transition:0.2s all;}
header {text-align: center; background: url(../images/bg-02.png); background-repeat: no-repeat; background-position:top;}
footer{padding: 1.5em 2.5em; max-width: 65em;}
.logo, .logo-mf {margin: 4em 0 1.5em 0; transition:0.2s all;}
.logo-mf{display: none;}
.mini{min-height: 280px;}
span {font-weight: 300;}
strong {font-weight: 600}
img{width: 100%;}

.material-icons { font-size: 15px; display: inherit;}
hr{margin-top: 1em;}

.premios h3{font-size: 1.25em; margin-bottom: 0.1em; margin-top: 1em; font-weight: 700;}
.premios h3 span{font-weight: 500;}
.premios p{margin: 0.1em 0; font-size: 1em;}
.premios h1 {font-size: 1.7em; margin: 1em 0 0 0;}
.premios h1+h3 {margin-top: 0.4em;}

.menu{background-image: url(../images/bg-01.png); background-repeat: no-repeat; background-position: bottom; background-color: #FFF; border-bottom: 2px solid #d9d9d9;}
nav{text-align: center; /*padding: 0 3em;*/ background: none;}
nav li{display: inline-block;}
nav a {font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; display: inline-block; font-size: 2em; color: #ff1a56; padding: 0.5em 0.25em; transition:0.1s ease-in;}
nav a:hover {text-decoration: line-through; color: #4d1a56; transition:0.1s ease-out;}
.nav-visited{text-decoration: line-through; color: #4d1a56; transition:0.1s ease-out; cursor: default;}

.container {/*max-width: 65em;*/ margin: 0 auto; /*padding: 0 2em;*/ transition:0.2s all;}
.container-footer {margin: 0 auto; background-color: #4dffff; border-top: solid 30px #ff1a56;}
.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: 500; margin-top: 0.9em; color: #4d1a56;}
.info_footer strong{font-weight: 700; text-decoration: line-through; font-size: 1.1em;}
.download{margin: 0 0.5em 0 0; font-family: 'Open Sans', sans-serif; font-weight: 700; text-decoration: none; font-size: 1em; color: #FFF; background: #000; border-radius: 0.5em; padding: 0.7em 1.5em; transition:0.2s ease-in; border: 1px solid #999;}
.download:hover{color: #000; background: #fff; transition:0.2s ease-out; border: 1px solid #999; text-decoration: none;}
.como{text-align: center; border-bottom: 1px solid #ae1519; padding: 0 5em 1.5em 5em;}
.como p{text-align: center;}

.tema{padding: 0 0.5em; font-family: 'Montserrat', sans-serif; color: #000; font-size: 2em; text-align: center; padding-top: 0.5em; /*margin: 0 3em;*/}
.tema strong{font-weight: 700}

/*tabla*/
table{border-top: solid 1px #999; margin-bottom: 0.5em; margin-top: 1em; padding: 0; width: 100%; border-collapse:collapse;border-spacing:0; text-align: left;}
tr {border-bottom: solid 1px #999;}
td {padding: 0.3em 1em 0.6em 1em; vertical-align: middle;}
.titulo{width: 100%; /*padding: 0.5em 0 1.25em 1.25em;*/}
.programa{padding: 0.5em}
td.premio {width: 15%; }
td.seudonimo {width: 25%; }
td.coluno {width: 24%; background-color: rgba(153,153,153,0.3);}
td.coldos {width: 38%;}

.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) {

.container{padding: 0 0em;}
article{padding: 1em 0.75em 2em 0.75em; margin: 0 0.9em; font-size: 1.1em;}
footer{padding: 1em 2em;}
/*nav{padding: 0;}
nav a{font-size: 1.2em; padding: 1.65em 0.5em;}*/
.info_footer{font-size: 0.85em;}
/*.logo_footer{width: 85%;}*/

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

@media screen and (max-width: 40em){
/*body{background-image: none;}*/
/*body{background: url(../images/bg-top-a.png) repeat-x top;}*/

/*.logo{width: 90%;}*/
header{ background-image: none; }
footer{text-align: center; padding: 0.5em 0em;}
.info_footer, .logo_footer{float: none; text-align: center;}
.info_footer{padding-bottom: 0.5em; border-bottom: 1px solid #333; font-size: 1em;}
.logo_footer{margin: 1em 0 0.5em 0;}
nav li{display: inherit; border-top: 1px solid #000;}
nav a{border-bottom: none; padding: 0.4em 0; display: block; font-size: 1.2em; background-color: none; color: #000;}
nav a:hover{border-bottom: none; background-color: #000; color: #FFF; text-decoration: none;}
nav li:last-child{border-bottom: 1px solid #000;}
td {width: 45%; padding: 0.7em 0.5em!important;}
.como{padding: 0 2em 0.7em 2em;}
.menu{background-image: none; border-bottom: none; /*padding-bottom: 1em;*/}
.logo{transition:0.2s all; margin: 0 0 1em 0;}
/*.logo-mf{transition:0.2s all; display: inherit; margin: 0 0 1em 0;}*/


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

@media screen and (max-width: 32em){
.container, section{padding: 0;}
article{margin: 0 1em; padding: 1em 0 2em 0;}
.download{display: block; text-align: center; margin: 0 0 0.7em 0;}
.download:last-child{margin-bottom:0;}
.material-icons {display: inline-block!important;}
.como{padding: 0.2em 0.5em 0.5em 0.5em;}
.como img{width: 90%}

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