@charset "utf-8";
/* CSS Document */

.logo {float:left; margin:0.5em 0 0 0.5em;}
.header-slogan {float:left; margin:0.5em 0 0.5em 17%; display:none;}
.header-nav {width:22%;}
.header-slogan-concurso {float:left; margin:0.5em 0 0.5em 14%;}
.header-button {float:left; width:17em; text-align:center; background-color:#bbda95; opacity:0.8; border-radius:0.4em; border:1px solid #38568a; margin:2.5em 0 0 3.5em;}

/*.page-title-part1 {float:left; margin-left:5%;}*/
.page-title-part2 {margin-top:0.5em;}
nav ul li {list-style-type:none; float:none; overflow:hidden; border-left:2px solid #7c9a9f; color:#315487; font-family:Verdana, Geneva, sans-serif; border-top:0 none;}
nav li:first-child {border: 0 none;}

/*header {overflow:hidden; background-image:url(../images/header-background-pic.png); background-repeat:no-repeat; background-position:center;}*/
.concurso-header-nav {width:35%; margin:0 0 0 3%;}
.header-nav ul li {float:left;}

.bloque01 {float:left; width:35em; margin-right:1em;}
.bloque02 {float:left; width:10em; margin-top:0.5em;}
.bloque03 {float:left; clear:left; width:17em; margin-right:1em;}
.bloque03 form input {clear:both; float:left; width:95%; margin:0.25em 0;}
.bloque04 {float:left; width:28em;}
#contacto-bloque04 {width:47.3em;}
.bloque05 {float:left; width:28em;}

#bloque-titulo {min-height:56px;}
.bloques {margin-left:11%;}
#norma-bloques {position:static; margin-left:0.5em;}


.exposicion-de-foto {float:left; overflow:hidden;}
#page-title-part1 {float:left; width:58%;}
#acceso-content {padding-bottom:5em;}


.footer-logo {float:left; margin:0.5em;}
.footer-social-logo {float:right; overflow:hidden; margin:2.5em 1em 0 0;}
.footer-social-media {float:left; margin-top:0.5em; margin-left:1em; margin-right:1.2em;}
.footer-logo-second {float:left;}
.footer-retrata-tu-foto {float:left; margin-top:0.5em; width:49%;}
.footer-nav {float:left;}




/*Listado-Concuro*/
.concurso-bloques {width:32%; margin-left:0.25em; margin-right:0.25em;}
.listado-title {overflow:hidden; padding:0.5em;}
.fotografias-concurso {float:left;}
.fotografias-concurso-popular {float:left; margin:0.4em 0 0 3em;}
.fotografias-concurso-popular img {margin-left:1em; margin-right:0.3em;}
.fotografias-concurso-popular span {float:left;}
@media (min-width: 1023px){
.bloques {margin-left:20%;}

.concurso-bloques {width:24%; margin-left:0.25em; margin-right:0.25em;}
.concurso-header-nav {width:35%; margin:0 0 0 1%;}
#concurso-header-slogan {display:block; margin:0.5em 0 0.5em 22%;}
.header-slogan {float:left; margin:0.5em 0 0.5em 1%; display:block;}
.header-nav ul li {float:left;}
.header-nav {float:right;}
.footer-retrata-tu-foto {float:left; margin-left:1em; width:51%;}
.footer-nav {float:left; margin-top:0.5em;}
.header-button {margin-left:1em;}
/*.page-title-part1 {float:left; margin-left:14%;}*/
#bloque-titulo {min-height:72px;}

}
@media (min-width: 1104px) and (max-width: 1310px) {
nav {font-size:1em;}
nav ul li {float:left;}
.concurso-header-nav {width:auto; margin-top:0.5em;}
.header-nav {float:right;}
.header-button {margin-left:2em;}
.header-slogan {float:left; margin:0.5em 0 0.5em 7%; display:block;}
#concurso-header-slogan {margin:0.5em 0 0.5em 26%;}
.page-title-part1 {width:65%;}
}

@media (min-width: 1104px) and (max-width: 1144px) {
.bloques {margin-left:27%;}

}

@media (min-width: 1145px){
	.header-slogan {float:left; margin:0.5em 0 0.5em 10%;}
	#bloque-titulo {min-height:55px;}
	.footer-retrata-tu-foto {float:left; margin-left:1em; width:57%; margin-top:1em;}
	.bloques {margin-left:29.5%;}


}

@media (min-width: 1220px){
.bloques {margin-left:34.7%;}	
}
	
@media (min-width: 1311px){
	#concurso-header-slogan {display:block;}
	.header-nav {float:right;}
	nav ul li {float:left;}
.concurso-header-nav {width:auto; margin-top:0.5em;}
.page-title-part1 {width:65%;}


}
@media (min-width: 1357px){
	.header-slogan {float:left; margin:0.5em 0 0.5em 22%;}	
	
}
@media (min-width: 1568px){
	.header-slogan {float:left; margin:0.5em 0 0.5em 50%;}
	#concurso-header-slogan {margin:0.5em 0 0.5em 10%;}	
	.concurso-header-nav {margin:0.5em 0 0 6%;}
}


@media (min-width: 1323px){
.footer-nav ul li {margin:2.5em 0.5em 0; float:left;}
}