/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background: #FECA00;
}

::-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;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
	margin:0;
	padding:0;
}

body {
	font: normal 400 100%/1.5 'PT Sans', sans-serif;
	margin:0;
	padding:0;
}

#site {
	margin:auto;
	width:90%;
}

.container {
	margin:auto;
	width:100%;
}

header {
	background:#FECA00;
	height: 14em;
	left:0;
	padding-top:0;
	position:fixed;
	position:relative;
	top:0;
	width:100%;
	z-index:1;
}


@media only screen and (max-width: 960px) {
	.container {
		margin:auto;
		width:90%;
	}

	header {
		background:#FECA00;
		position:fixed;
	}
}



	.site-nav {
		background:#000;
		color:#fff;
		height:24px;
		margin:0;
		overflow:hidden;
		padding:0.2em 0;
		text-transform:uppercase;
		width: 100%;
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}

	.lt-ie9 .site-nav {
		width: 100%;
	}

	.site-nav.on {
		width: 100%;
	}

	.site-nav li {
		display:inline-block;
		padding: 0 10px;
	}

			.site-nav li a {
				color:#fff;
				text-decoration:none;
			}

				.site-nav li a:hover {
					color:#94C7DB;
				}

#background {
	background-attachment: absolute;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	height:100%;
	position:absolute;
	top: 14em;
	width:90%;
	z-index:-1;
}

@media only screen and (max-width: 820px) {
	#background {
		display: none;
	}
}

#site-content {
	position:absolute;
	top:14em;
	padding-top: 1.375em;
	width:90%;
}

#main {
	padding:0 2.1978022%;

}

.slogan {
	float:left;
	font-size:0.8125em;
	font-weight:700;
	line-height:1.05em;
	margin-right:0.4em;
	width:65px;
}

footer {
	margin: 3.125em auto 0 auto;
	overflow: hidden;
	padding-bottom: 1em;
	width:100%;
}

	footer h2 {
		font-size: 1em;
		margin-bottom: .5em;
	}
	
	footer img {
	padding-bottom: 20px;
	}

	footer .colaboracion {
		overflow: hidden;
	}

	footer .todascolaboraciones .colaboracion:first-child {
		float: left;
	}

	footer .todascolaboraciones #colaboracion_3 {
		clear: left;
	}

	footer.footer_lohacenposible .colaboracion {
		display: none;
	}

		footer.footer_lohacenposible .todascolaboraciones .colaboracion:first-child {
			display: block;
			float: none;
		}

		footer.footer_lohacenposible h2 {
			display: none;
		}

	.dica-logo {
		display:inline-block;
	}

	.dica-logo h2 {
		display:inline-block;
		height:45px;
		margin:0;
		overflow:hidden;
		width:259px;
	}

		.dica-logo h2 a {
			background:url("../img/logo-med.png");
			background-repeat:no-repeat;
			height:inherit;
		    width:inherit;
		    display:inherit;
		}

			.dica-logo h2 a:hover {
				background-position:0 100%;
			}

			.dica-logo h2 a span {
				display:none;
			}

.block {
	width:47.8002198%;
	margin-left:70px;
}

	.block h2 {
		margin-left:-12px;
		margin-top:0;
	}

.download {
	list-style-type: none;
	overflow: hidden;
	padding-left: 0;
	width: 100%;
}

.download li {
	display: block;
	margin: 0 auto;
	width: 96%;
}

.download li a {
	background: url("../img/download.png") no-repeat .75em center #94C7DB;
	color: #fff;
	display: block;
	font-size: 113%;
	font-weight: 700;
	margin: .5em auto .5em auto;
	padding: .5em .5em .5em 2.5em;
	text-decoration: none;
	text-transform: uppercase;
}
	.download li.template {
		margin: 0% 2%;
		width: 46%;
		float: left;
	}

	.download li.template a {
		background-color:#aaa;
	}

	.download li a:hover {
		background-color:#000;
		color:#fff;
	}

.social {
	float:right;
	height:33px;
	margin:6px 0;
	padding:0;
}

	.social li {
	    display:inline-block;
	    height:32px;
	    width:32px;
	}

	.social a {
		background:url("../img/social.png");
		background-repeat:no-repeat;
		height:inherit;
	    width:inherit;
	    display:inherit;
	}

		.social a span {
			display:none;
		}

		.social-icon.facebook {
			background-position:0 0;
		}

		.social-icon.facebook:hover {
			background-position:0 100%;
		}

		.social-icon.twitter {
			background-position:100% 0;
		}

		.social-icon.twitter:hover {
			background-position:100% 100%;
		}

.corporate {
	list-style:none;
	margin: 0;
	padding:0;
	width:50%;
}

	.corporate li {
		display:inline-block;
		margin:0em 1em 0em 0;
	}

h2 {
	font-size:1.5em;
}

#edicion {
	font-weight:700;
	line-height:1.1em;
}

	#edicion span {
		display:block;
	}

.menu-item {
	cursor:pointer;
}

	.menu-item img {
		vertical-align:text-top;
	}

::-moz-selection {
    background: #94C7DB;
}

::selection {
    background: #94C7DB;
}

/* ==========================================================================
   Formulario de inscripción
   ========================================================================== */

html,
button,
input,
select,
textarea {
	font: normal 400 100%/1.5 'PT Sans', sans-serif;
}

#inscripcion p {
	margin:1em 0 0;
}

form {
	margin:0 0 0 -1em;
	width:100%;
}

legend {
	font-weight:700;
	padding:1em 0 0.5em 1em;
	text-transform:uppercase;
}

	.seccion {
		border-top: 5px solid black;
		display: inline-block;
		font-size: 150% !important;
		padding-top: .25em !important;
		padding-left: 15px !important;
		width: 100%;
	}

	fieldset fieldset legend {
		font-weight:400;
		margin:0;
		padding:0.5em 1em;
		text-transform:none;
	}

	fieldset fieldset input[type="radio"] {
		margin:0.5em 0.15em 1em 1em;
	}

	#obrasinscribir, #datospersonales {
		margin-top: 1em !important;
	}

.explanation, .categoria .descripcion {
	display: block;
	font-family:Arial, sans-serif;
	font-size:0.75em;
	line-height: 1.3em;
	margin:0 0 0 0.5em;
	width:90%;
}

.explanation {
	padding: 0em 1.5em !important;
}

.input,
.input.date label,
.textarea {
	padding:0.5em 1em;
}

	.input.date {
		padding: 0.5em 0;
	}

.input.text,
.input.email,
.input.password,
.input.date label,
.textarea {
	background:#fff;
	margin:0 0 1em;
}

.input.text,
.input.email,
.input.password,
.input.date label,
.textarea {
	border-bottom: 2px solid black;
}

	.input.text label,
	.input.email label,
	.input.password label {
		display: inline-block;
		width: 100%;
	}

	.input.text input,
	.input.email input,
	.input.password input {
		display: inline-block;
		width: 75%;
	}

	.input.date label {
	}

.input.checkbox,
.input.file {
	padding-top:0;
}

.input.file {
	margin-top:-0.5em;
}

.select label,
.date label {
	margin:0 0.5em 0 0;
}

	.date label {
		display:block;
	}

.accepttitular_container label,
label[for=InscripcionAcceptbases],
label[for=InscripcionAcceptbd],
label[for=InscripcionAcceptlegal1],
label[for=InscripcionAcceptlegal2],
label[for=InscripcionAcceptlegal3] {
	display: block;
	float:left;
	font-family:Arial, sans-serif;
	font-size:0.75em;
	line-height: 1.3em;
	margin:0 0 0 0.5em;
	width:90%;
}

input[type="checkbox"] {
	float:left;
}

	.subcategorias input[type="checkbox"] {
		float:none;
	}

.input.checkbox {
	clear:left;
	overflow:hidden;
}

textarea {
	border:none;
	color:#8e8e8e;
	width:100%;
}

#inscripcion fieldset p {
	margin:0;
	padding:0.5em 1em;

}

#inscripcion .obra {
	background: url(../img/blanco.png) repeat top left;
}

#inscripcion .obra .titulo {
	background:#ccc;
	cursor: pointer;
	font-weight:700;
	margin:0 0 1em;
	text-transform:uppercase;
}

	.input input {
		border:none;
		color:#8e8e8e;
	}

#inscripcion .ObraURLcategoriaid {
	display: block;
	margin-left: 1.5em;
	width: 80%;
}

#inscripcion .categorias {
	margin-bottom:1em;
}

#inscripcion .categoria {
	display: block;
	width:100%;
}

#inscripcion .categoria.visible {
	border-bottom:2px dashed #000;
}

	#inscripcion .categoria.visible .titulocat {
		background:url('../img/open.png') no-repeat center right;
		padding:1em;
	}

		#inscripcion .categoria.visible .titulocat:hover {
			background:url('../img/open-on.png') no-repeat center right;
			color:#94C7DB;
			cursor: pointer;
		}

	#inscripcion .categoria.visible .titulocat.open {
		background:url('../img/close.png') no-repeat center right;
	}

	#inscripcion .categoria.visible p {
		padding:0;
	}

		#inscripcion .categoria.visible .descripcion {
			margin:-0.5em 0 1em;
			padding:0 1em;
		}

	#inscripcion .subcategorias {
		margin:0 1em;
	}

#inscripcion .obra .detalle, #inscripcion .obra .detallecat {
	display: block;
}

	#inscripcion .obra .detalle {
		padding-bottom: .25em;
	}

    #inscripcion .obra .detalle .input.file {
      margin-top:0.5em;
    }

	#inscripcion .obra .detallecat .input {
		font-family:Arial, sans-serif;
		font-size:0.75em;
		margin:0.5em 0;
		padding:0.5em 0;
	}

#inscripcion input[type="submit"] {
	background:transparent;
	border:none;
	color:#fff;
    text-transform: uppercase;
    padding:1em 0;
    width: 10em;
}

#inscripcion .submit {
	background-color: #000000;
    color: #FFFFFF;
    cursor: pointer;
    margin: 1em;
    text-align: center;
    width: 10em;
}

#inscripcion .submit:hover {
	background-color: #94C7DB;
}

.error-message, #flashMessage {
	background-color: #000;
  color: #fff;
	font-weight: bold;
	width:47.8002198%;
	margin-left:70px;
}

	.error-message {
		background-color: #B20000;
		color: white;
	}

	.input .error-message, .input #flashMessage {
		margin-left: 0;
		width: 100%;
	}

		.input.error label {
			color: #B20000;
		}

/* ==========================================================================
   Formulario de login
   ========================================================================== */

#UsuarioLoginForm {
	width:47.8002198%;
	margin-left:70px;
}

#UsuarioLoginForm button {
	background-color: #000000;
	border:none;
	color:#fff;
    cursor: pointer;
    margin: 1em 0;
    padding:1em 0;
    text-align: center;
    text-transform: uppercase;
    width: 10em;
}

	#UsuarioLoginForm button:hover {
		background-color: #94C7DB;
	}

/* ==========================================================================
   Trofeo
   ========================================================================== */
#trofeo {
	overflow: hidden;
}
#trofeo .images {
}

	#trofeo .images {
		list-style-type: none;
		float: right;
		margin: 0;
		padding: 0;
		width: 18.072289157%; /* 150px / 830px */
	}

	#trofeo .images li {
		display: block;
		margin-bottom: 1.875em; /* 30px / 16px */
	}

	#trofeo .images img {
		height: auto;
		width: 100%;
	}

#trofeo .articletext {
	float: left;
	width: 78.313253012%; /* 650px / 830px */
}

#trofeo p {
	margin: 2em 0;
	margin-left: 1em;
}

	#trofeo p:first-child {
		margin-top: 0;
	}
/* ==========================================================================
   Jurado y Evento
   ========================================================================== */
#main.juradocontainer,
#main.eventocontainer {
		padding: 0;
	}

	#jurados {
		font-size: 0.875em; /* 14px / 16px */
		width: 100%; /* 881px */
	}
		#jurados ul {
			list-style-type: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}

		#jurados li {
			display: block;
			float: left;
			overflow: hidden;
			position: relative;
			width: 33.333333333%; /* 307px / 921px */
		}

		#jurados dl {
			margin: 0;
			margin-top: 50%;
			overflow: hidden;
		}

		#jurados li dt, #jurados li dd {
			background-color: transparent;
			display: block;
			float: left;
			margin: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 50%;
		}

			#jurados li dd {
				padding: 0 3.125% 0 3.125%; /* 10px / 320px */
				padding-top: 3.125%;
				width: 43.75%; /* 50% - paddingleft - paddingright*/
			}

			#jurados li.par dd {
				margin-left: 50%;
			}

			#jurados li.impar dt {
				margin-left: 50%;
			}

		#jurados li img {
			height: 100%;
			width: 100%;
		}

			#jurados li dt img {
				cursor: pointer;
			}

		#jurados p {
			margin: 0;
		}

		#jurados hr {
			border-top: 3px solid black;
			height: 3px;
			width: 2.142857143em; /* 30px / 14px */
			margin: 0.35em 0 0.25em 0; /* 8px / 16px */
		}

		#jurados .nombrecorto {
			font-family: 'PT Sans', Arial, sans-serif;
			font-size: 1.191428571em; /* 16,68px / 14px */
			font-weight: bold;
			line-height: 1.012857143em; /* 14,18px / 14px */
		}

			#jurados .nombrecorto a {
				color: black;
				text-decoration: none;
			}

		#jurados .descripcioncorta {
			font-family: Georgia, Arial, sans-serif;
			font-weight: bold;
			line-height: 1.285714286em; /* 18px / 14px */
		}

		#jurados .masinfo {
			font-family: 'PT Sans', Arial, sans-serif;
			font-size: 0.952857143em; /* 13,34px / 14px */
			font-weight: bold;
			margin-top: 0.714285714em; /* 10px / 14px */
			line-height: 1.012857143em; /* 14,18px / 14px */
		}

			#jurados .masinfo a {
				color: black;
				text-decoration: none;
			}

				#jurados .masinfo a:hover {
					text-decoration: underline;
				}

		#jurado,
		#evento {
			padding-left: 2.947368421%; /* 28px / 950px*/
			padding-right: 49.252411779%;
			padding-top: 2.947368421%; /* 28px / 950px*/
			padding-bottom: 2.1875em; /* 35px / 16px */
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position: relative;
		}

			#jurado p,
			#evento p {
				margin: 0;
			}

			#jurado .cerrar,
			#evento .cerrar {
				margin: 0;
				position: fixed;
				top: 4.75em;
				right: 5%;
				width: 8.105263158%; /* 77px / 950px */
			}

				#jurado .cerrar a, #jurado .cerrar img,
				#evento .cerrar a, #evento .cerrar img {
					display: block;
					height: auto;
					width: 100%;
				}

				#jurados .cerrar a:hover,
				#evento .cerrar a:hover {
					text-decoration: underline;
				}

			#jurado .foto,
			#evento .foto {
				width: 50.227272727%; /* 221px / 440px */
			}

				#jurado .foto img,
				#evento .foto img {
					height: auto;
					width: 100%;
				}

			#jurado .nombrelargo {
				font-family: 'PT Sans', Arial, sans-serif;
				font-size: 1.25em; /* 20px / 16px */
				font-weight: bold;
				line-height: 0.85em; /* 17px / 20px */
				margin-top: 1.75em; /* 35px / 20px */
			}

			#jurado hr,
			#evento hr {
				border-top: 3px solid black;
				height: 3px;
				margin: 0;
				width: 2.142857143em; /* 30px / 14px */
				margin: 0.25em 0; /* 8px / 16px */
			}

			#jurado .descripcionlarga {
				font-family: Georgia, Arial, sans-serif;
			}

				#jurado .descripcionlarga p,
				#evento .descripcionlarga p {
					margin: 1em 0;
				}

			#jurado .url,
			#evento .url {
				font-family: Georgia, Arial, sans-serif;
				font-style: italic;
				margin-top: 0.625em; /* 10px / 16px */
			}

				#jurado .url a,
				#evento .url a {
					color: black;
					text-decoration: none;
				}

				#jurado .url a:hover,
				#evento .url a:hover {
					text-decoration: underline;
				}

			#jurado .descripcionlarga, #jurado .url,
			#evento .descripcionlarga, #evento .url {
				line-height: 1.5625em; /* 25px / 16px */
			}

			#jurado .volver,
			#evento .volver {
				font-family: 'PT Sans', Arial, sans-serif;
				font-weight: bold;
				line-height: 1.0625em; /* 17px / 16px */
				margin-top: 1.5625em; /* 25px / 16px */
			}

				#jurado .volver a,
				#evento .volver a {
					color: black;
					text-decoration: none;
				}

				#jurado .volver a:hover,
				#evento .volver a:hover {
					text-decoration: underline;
				}
	.eventometa,
		.breadcrumbs {
			font-family:Georgia,serif;
			font-size:1em;
			font-style:italic;
			font-weight:700;
			list-style-type:none;
			margin:0 0 1.25em; /* 20px / 16px */
			padding:0;
		}

			.breadcrumbs,
			.breadcrumbs li {
				display:inline-block;
			}

				.breadcrumbs a {
					color:#e98e99;
				}

		.fotoevento,
		.descripcionevento {
			/*width: 90.909091%;*/ /* 400px / 440px */
		}

			.fotoevento img {
				height:auto;
				width:100%;
			}

		#evento .nombrelargo {
			font-family: Georgia,serif;
			font-style:italic;
			font-weight: bold;
			line-height: 0.85em; /* 17px / 20px */
			margin-top: 0.75em; /* 15px / 20px */
			margin-bottom: 0.25em; /* 5px / 20px */
		}

			#evento .nombrelargo.big {
				font-size: 1.5em; /* 24px / 16px */
			}

		.descripcionevento {
			font-family:'PT Sans',sans-serif;
			font-size:1em;
		}

		#evento p.ticketea {
			background:#000;
			color:#fff;
			font-family:Georgia,serif;
			font-style:italic;
			font-size:14,79px;
			margin:1em 0;
			padding:0.75em 2.3%; /* 30px / 130px */
			text-align:center;
			width:29.545455%; /* 130px / 440px */
		}

			.galeria {
				padding:0;
			}

			.galeria li {
				display:inline-block;
				width:22%; /* 72px / 423px */
				padding:0 2% 3% 0;
			}

			.galeria li img {
				height:auto;
				width:100%;
			}

			.item, .item.w1 { width: 25%; margin-bottom: 10px; }
			.item.w2 { width: 50%; }
			.item.w3 { width: 75%; }

			.item img { width: 100%; height: auto; }

/* ==========================================================================
   Colaboradores
   ========================================================================== */
#main.lohacenposible .block {
	width: 75% !important;
}
#main.lohacenposible .colaboradores {
	padding-bottom: 1em;
}

#main.lohacenposible .block .colaboradores:first-child {
	float: left;
}

#main.lohacenposible .colaboradores li {
	margin: .5em 1em .5em 0;
}


/* ==========================================================================
   Calendario
   ========================================================================== */
#semana-sm {display:none;}
#semana-lg {}

.calendar .block {width:95%;}

#semana-lg th {
	font-size:1.0425em; /* 16,68px / 16px */
	font-weight:700;
}

	/* SEMANA PREVIA */

	table.semana {
		width:100%;
	}

	table.semana th {
		text-align:center;
	}

ul.semana {clear:both}

/* LAYOUT TABLAS */

.calendar table {clear:both;}

.calendar th {
	padding:0.625em 0.9375em; /* 10px / 16px  //  15px / 16px */
	text-align:left;
}

.calendar td {
	font-family:Georgia,serif;
	font-size:1em;
	font-style:italic;
	font-weight:700;
	padding:0.9375em; /* 15px / 16px */
	vertical-align: top;
}

	.calendar td.esdescanso {
		border-top:1px solid #7f7f7f;
		border-bottom:1px solid #7f7f7f;
		color:#a1a1a1;
		padding:1.25em 0; /* 20px / 16px */
		text-transform:uppercase;
	}

/* COMÚN */

.zona {
	font-family:Georgia,serif;
	font-weight:700;
	font-size:1.5em; /* 24px / 16px */
	font-style:italic;
	margin-bottom:0;
}
		table.semana span.time {
			border-top:1px solid #e6e6e6;
			color:#a1a1a1;
			display:block;
		}

	.localizacion1 {color:#000;} 	/* TEA */
	.localizacion2 {color:#e98e99;} /* Sala La Recova */
	.localizacion3 {color:#a1a1a1;} /* Teatro Guimerá */
	.localizacion4 {color:#000;} 	/* Escuela de Arte y Superior Diseño Gran Canaria */
	.localizacion5 {color:#df9b25;} /* Escuela de Ingenierías Industriales y Civiles ULPGC */
	.localizacion6 {color:#e98e99;} /* Espacio INCUBE */
	.localizacion7 {color:#00ff00;} /* Club de Esgrima */

.calendar .legend {
	font-size:1.0425em; /* 16,68px / 16px */
	font-weight:700;
	list-style-type: square;
	margin-top:0;
	overflow:hidden;
	padding-left:1em;
}

	.calendar .legend li {
		float:left;
		margin-right:6.8965517%; /* 60px / 870px */
	}

table.prev_semana a,
table.semana a {
	color:inherit;
	text-decoration:none;
}

/* CALENDARIO LISTA - SMALL BREAKPOINT */

ul.semana {
	list-style-type:none;
	margin:0; /* 20px / 16px */
	padding:0;
}

	ul.semana h4 {
		color:#fff;
		font-size:1.125em; /* 18px / 16px */
		font-weight:700;
		margin:0;
		padding:0.5625em 0 0.5625em 0.9375em; /* 9px / 16px *** 15px / 16px */
	}

	ul.events {
		font-family:Georgia,sans-serif;
		font-weight:700;
		list-style-type:none;
		padding:0;
	}

		ul.semana li,
		ul.events li {
			clear:both;
		}

			ul.events li {
				margin:0.9375em 0; /* 15px / 16px */
			}

		ul.events .time {
			color:#A1A1A1;
			float:left;
			font-style:italic;
			width: 22.131148%; /* 135px / 610px */
			margin-left:2.4590164%; /* 15px / 610px */
		}

		ul.events p {
			margin:0 0 0 24.590164%; /* 150px / 610px */
		}

		ul.events a {
			color:inherit;
			text-decoration:none;
		}

	h3.zona {
		cursor:pointer;
		min-height:45px;
		padding-right:45px;
		position:relative;
	}

	.zone-block.opened h3 span {
		background-position:-45px 100%;
	}

	.zone-block.closed h3 span {
		background-position:0 100%;
	}

	.zone-block h3 span {
		background-image:url('../img/sprites-openclose.png');
		background-repeat:no-repeat;
		height:45px;
		top:0;
		position:absolute;
		right:0;
		width:45px;
	}

.closed .accordion-content {display:none;}
.opened .accordion-content {display:block;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 960px) {

	.site-nav {
		width:6.25em;
	}

	.site-nav.on {
		width:100%;
	}

	#semana-lg {display:none;}
	#semana-sm {display:block;}

	/* meter en main.css para que no se corte el banner de la octi */
	footer .todascolaboraciones .colaboracion:first-child {float:none;}

	#evento p.ticketea {
		width:100%;
	}

	.site-nav {
		height:2.1em;
		margin-bottom:4em;
		overflow:hidden;
		padding:0;
		width:100%;
	}

		.site-nav.on {
			height:auto;
		}

		.site-nav li {
			border-bottom:1px solid #fff;
			display:block;
			text-align: left;
			padding: 5px 2%;
			width:98%;
		}
}

@media only screen and (max-width: 768px) {

	header {
		height:10.375em;
	}



	#site #background,
	#site #site-content {
		top: 14em;
	}

		#site header {
			height: 14em;
		}

	#site.on #background,
	#site.on #site-content {
		top:14em;
	}

		#site.on header {
			height:14em;
		}

	#background,
	#site-content {
		top:14em;
	}

	.dica-logo {
		display:block;
		text-align:left;
	}

	.social {
		float:none;
		margin:auto;
		padding:0;
		text-align:left;
		width:100%;
	}

	.corporate {
	}

	.block {
		width:67.8002198%;
	}

	.download li {
		margin-left:0;
		width:60%;
	}

/* ==========================================================================
   Formulario de Inscripción
   ========================================================================== */

	#inscripcion.block, .block {
		/*overflow: hidden;*/
		margin-left: 2% !important;
		width:95%;
	}

	form {
		margin-left: 0;
		width: 100%;
	}

	legend {
		padding:1em 0 0.5em;
	}

	.select label,
	.date label {
		display:block;
	}

	.input, .textarea {
		padding: .5em;
		width: 95%;
	}

	#inscripcion fieldset p,
	fieldset fieldset legend {
		padding:0.5em 0;
	}

	/*fieldset#obrasinscribir .input.text,
	fieldset#obrasinscribir .input.email,
	fieldset#obrasinscribir .textarea {
		width:75%;
	}

		fieldset#obrasinscribir textarea {
			width:95%;
		}*/

	#inscripcion .categorias {
		width: 86%;
	}

	fieldset {
		width:95%;
		display:block;
	}

	label[for="InscripcionAccepttitular"],
	label[for="InscripcionAcceptbases"],
	label[for="InscripcionAcceptbd"] {
		margin-top:-1em;
		margin-left:1.5em;
	}


/* ==========================================================================
   Formulario de login
   ========================================================================== */

	#UsuarioLoginForm {
		width:100%;
		margin-left:0;
	}

	.input {
		width: 85%;
	}

	#inscripcion form {
		overflow: hidden;
	}

	/*#inscripcion legend, #inscripcion .obra .titulo {
		width: 92%;
	}*/

	.input.text label, .input.email label, .input.password label, .input.file label, .input.text input, .input.email input, .input.password input, .textarea textarea {
		display: block;
		width: 95%;
	}

	input[type=file] {
		font-size: 60%;
		max-width: 95%;
	}

	.download li, .download li.template {
		float: none;
		margin: 0;
		width: 97%;
	}

	#inscripcion #importe_total {
		padding: 0 !important;
	}

	#trofeo .articletext {
		float: none;
		width: 100%;
	}

	#trofeo .images {
		float: none;
		margin: 0 auto;
		width: 50%;
	}

	#jurado {
		padding-right: 20%;
		padding-top: 1em;
	}

	#jurado .cerrar {
		top: 5em;
		width: 20%;
	}

	#jurados li dd .descripcioncorta {
		font-size: 92%;
	}

	footer .todascolaboraciones .colaboracion:first-child {
		float: none;
	}

	#evento {padding-right:9.252411779%;}

	#evento p.ticketea {
		width:100%;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.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;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}