@charset "utf-8";
/*
ITE5 - GIJ
www.imaginatuempresa.es (.com .net .org)
LMMS @ Pulso 2009

VERSIÓN - 1.0
 - CSS realizada y testeada para IE 6/7/8, Firefox 2/3/3.5, Safari 4, Chrome 2 y Opera 9.64
 - Hacks y código especfico para IE en la CSS: styleScreenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/

/* FUENTES NO EST�?NDAR - @font-face 
--------------------------------------------- */
@font-face {
	font-family: "DIN Black";
	src: url(fonts/DIN-Black.eot);
	src: local("DIN-Black"), local("DIN Alternate Black"), local("DIN BlackAlternate"),
		url(fonts/DIN-Black.ttf) format("truetype");
}
@font-face {
	font-family: DIN;
	src: url(fonts/DIN-Regular.eot);
	src: local("DIN-Regular"),local("DIN-RegularAlternate"), local("DIN"), local("DIN Alternate"), local("DIN-Medium"), local("DIN-MediumAlternate"), local("DIN MediumAlternate"),
		url(fonts/DIN-Regular.ttf) format("truetype");
	font-weight:normal;
}
@font-face {
	font-family: DIN; 
	src: url(fonts/DIN-Bold.eot);
	src:local("DIN Bold"), local("DIN Alternate Bold"), local("DIN BoldAlternate"),
		url(fonts/DIN-Bold.ttf) format("truetype");
	font-weight:bold; 
}
@font-face {
	font-family: Dolphins; 
	src: url(fonts/Dolphins.eot);
	src:local("Dolphins"),
		url(fonts/Dolphins.ttf) format("truetype");
}

/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
	background:#FFF;
}
#main a {
	font-weight:bold;
	text-decoration:none;
	/*background:#FFD200;*/
	border-bottom:3px solid #DDD;
}
#main a:link,
#main a:visited {
	color:#000;
}
#main a:hover {
	/*color:#FFD200;
	background:#000;*/
	border-bottom:3px solid #FFD200;
}
#main a:active {
}
#main a.normal {
	border-bottom:none;
}

/* P�?GINA (#page)
--------------------------------------------- */
#page {
	background:#FFF;
	width:98em;
	text-align:left;
	margin:0 auto;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	position:relative;
	min-height:20em;
	height:auto !important;
	height:20em;
}
	/* LOGO (#logo)*/
	#logo {
		position:absolute;
		top:2em;
		left:0;
		width:61em;
		height:12em;
		background:#FFF url(/_img/bgHeader.png) -10px bottom no-repeat;
	}
		#logo h1 {
			width:303px;
			height:83px;
			margin:1px 0 0 28px;
		}
			#logo h1 a {
				width:303px;
				height:83px;
				display:block;
				text-indent:-9999px;
				background:transparent url(/_img/logoITE5.gif) left top no-repeat;
			}
			.home #logo h1 a:hover {
				cursor:default;
			}
	/* NAVEGACIÓN (#mainNav) */
	#mainNav {
		position:absolute;
		top:14em;
		left:0;
		width:60em;
		height:3em;
	}
		#mainNav li {
			float:left;
			margin-right:7px;
			margin-top:5px;
			position:relative;
		}
		
		#mainNav li.last {
			margin-right:0px;
		}
			#mainNav li a {
				text-indent:-9999px;
				height:20px;
				background-position:left top;
				background-repeat:no-repeat;
				float:left;
			}
			#mainNav li a:hover,
			#mainNav li a.selected,
			#mainNav li a.selected:hover {
				background-position:left bottom;
			}
			#mainNav li a.selected:hover {
				cursor:default;
			}

			#mainNav li a#navHome {
				width:46px;
				background-image:url(/_img/bgMainNavHome.gif);
			}
			#mainNav li a#navITE5 {
				width:77px;
				background-image:url(/_img/bgMainNavIte5.gif);
			}
			#mainNav li a#navInscripcion {
				width:85px;
				background-image:url(/_img/bgMainNavInscripcion.gif);
			}
			#mainNav li a#navRecursos {
				width:70px;
				background-image:url(/_img/bgMainNavRecursos.gif);
			}
			#mainNav li a#navMedia {
				width:50px;
				background-image:url(/_img/bgMainNavMedia.gif);
			}
			#mainNav li a#navParticipantes {
				width:100px;
				background-image:url(/_img/bgMainNavParticipantes.gif);
			}
			#mainNav li a#navAnteriores {
				width:120px;
				background-image:url(/_img/bgMainNavAnteriores.gif);
			}
			#mainNav li ul {
					position:absolute;
					top:15px;
					left:0;
					display:none;
					
			}
			.ite5 #mainNav li ul#subNavIte5,
			.recursos #mainNav li ul#subNavRecursos,
			.media #mainNav li ul#subNavMedia,
			.participantes #mainNav li ul#subNavParticipantes,
			.anteriores #mainNav li ul#subNavAnteriores {
				display:block;
				height:20px;
				width:300px;
			}
				#mainNav li ul li {
					float:left;
					font:bold 1.1em/140% Verdana, Arial, Helvetica, sans-serif !important;
					display:inline-block;
					margin-right:8px;
					padding-left:15px;
					background:transparent url(/_img/bgSubNavLi.gif) left center no-repeat;
				}
				#mainNav li ul li.first {
					background:none;
					padding-left:0;
				}
				#mainNav li ul li a {
					float:left;
					text-indent:0;
					height:inherit;
					background:none !important;
					display:inline-block;
					color:#19161A;
					text-decoration:none;
					border-bottom:3px solid #FFF;

				}
				#mainNav li ul li a.selected,
				#mainNav li ul li a.selected:hover,
				#mainNav li ul li a:hover {
					border-bottom:none;
					border-bottom:3px solid #FFD200;
					cursor:default;
				}

			
	/* VIDEO (#video) */
	#video {
		position:absolute;
		left:62em;
		top:0;
		width:28em;
		background:#FFD200;
	}
		#video p {
			margin:1em;
		}
		#video .logoJuntaExtremadura {
			text-indent:-9999px;
			width:176px;
			height:18px;
			display:block;
			float:right;
			background:transparent url(/_img/logoJuntaExtremadura.gif) right top no-repeat;
			margin-bottom:1em;
		}
	

/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	padding:0 0 0 1em;
	background:transparent url(/_img/bgContent.gif) right bottom no-repeat;
}
.inscripcion #content {
	/*margin-top:1em;*/
	padding:0 0 0 1em;
	background:none;
}
	/* PRINCIPAL (#main) */
	#main {
		float:left;
		width:58em;
		margin-right:2em;
		margin-bottom:1em;
	}
	.inscripcion #main {
		margin-right:0;
		float:none;
		width:99%;
	}
		#main h2,
		#main h3 {
			font:bold 2.5em/140% Dolphins, Arial, Helvetica, sans-serif;
			background:transparent url(/_img/patternYellow.gif) left center repeat-x;
			margin:0;
		}
		.home #main h2,
		#main h3 {
			text-transform:uppercase;
			font:bold 1.5em/140% DIN, Verdana, Arial, Helvetica, sans-serif;
			margin:0 0 0.5em;
		}
			#main h2 span,
			#main h3 span {
				background:#FFF;
				display:inline-block;
				padding-right:5px;
			}
			#main h2 span em {
				font:bold 1em/140% DIN, Verdana, Arial, Helvetica, sans-serif;
			}
		#main .banner {
			margin-bottom:20px;
			width:280px;
			height:130px;
			overflow:hidden;
		}
			#main .banner a,
			#main .banner a:hover {
				background-color:none;
			}
		#main .columns {
		}
		#main .columns .column {
			width:28em;
			float:left;
		}
		#main .columns .last,
		#main .columnizer .last {
			margin-left:2em;
		}
		#main .columnizer {
			-moz-column-width:28em;
			-webkit-column-width:28em;
			-moz-column-gap:2em;
			-webkit-column-gap:2em;
		}
		#main #pasos {
			margin:2em 0;
			background:#FFD200 url(/_img/patternBlack.gif) left top repeat-x;
			padding:20px 0 10px 20px;
		}
			#main #pasos li {
				width:180px;
				float:left;
				list-style:none;
			}
				#main #pasos li a {
					width:180px;
					height:61px;
					float:left;
					text-indent:-9999px;
					background-position:left center;
					background-repeat:no-repeat;
				}
					#main #pasos li a.paso1 {
						background-image:url(/_img/paso1.gif)
					}
					#main #pasos li a.paso2 {
						background-image:url(/_img/paso2.gif)
					}
					#main #pasos li a.paso3 {
						background-image:url(/_img/paso3.gif)
					}
				#main #pasos li a:hover {
					background-color:transparent;
				}
	
	#main strong {
		background:#FFD200;
		color:#000;
		text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	}
	
	#main .box {
		background:#19161A;
		color:#FFF;
		padding:1em;
		border-radius:1em;  
		-moz-border-radius:1em;  
		-webkit-border-radius:1em;  
	}
		#main .box p {
			margin:0;
		}
		#main .box p + p {
			margin-top:1em;
		}
			#main .box p strong {
				background:none;
				text-shadow:none;
				color:#FFD200;
				font-weight:bold;
			}

	#main .box.loginInscripcion,
	#main .box.loginGestionGrupos {
		background:#FFD200;
		color:#000;
	}
	#main .box.loginInscripcion {
		background:#FFD200 url(/_img/bgLoginInscripcion.png) right bottom no-repeat;
	}
		#main .box.loginInscripcion label,
		#main .box.loginGestionGrupos label {
			font-weight:bold;
		}

	/* Recursos / Descargas */			
	#main ul.download {
		list-style:none;
		/*overflow:visible;
		padding-left:10em !important;*/
		padding-left:0;
		}
		#main ul.download li {
			list-style: none;
			width:40%;
			float:left;
			margin-left:0;
			/*clear:left;*/
			font:normal 1.1em/140% Verdana, Arial, Helvetica, sans-serif;
			zoom:1;
			margin-top:0;
			margin-bottom:0.5em;
		}
		#main ul.download li a {
		}
			#main ul.download li a span {
				display:block;
				float:left;
				width:40px;
				height:50px;
				background:transparent url(/_img/IcoDescarga.gif) left top no-repeat;
			}
			#main ul.download li a[href$='.pdf'] span,
			#main ul.download li a[href$='.PDF'] span {
				background:transparent url(/_img/IcoPDF.png) left top no-repeat;
			}
			#main ul.download li a[href$='.doc'] span,
			#main ul.download li a[href$='.DOC'] span {
				background:transparent url(/_img/IcoDOC.png) left top no-repeat;
			}
			#main ul.download li a[href$='.ppt'] span,
			#main ul.download li a[href$='.PPT'] span {
				background:transparent url(/_img/IcoPPT.png) left top no-repeat;
			}
			#main ul.download li a[href$='.pps'] span,
			#main ul.download li a[href$='.PPS'] span, {
				background:transparent url(/_img/IcoPPS.png) left top no-repeat;
			}
			#main ul.download li a[href$='.xls'] span,
			#main ul.download li a[href$='.XLS'] span {
				background:transparent url(/_img/IcoXLS.png) left top no-repeat;
			}
			#main ul.download li a[href$='.zip'] span,
			#main ul.download li a[href$='.ZIP'] span,
			#main ul.download li a[href$='.rar'] span,
			#main ul.download li a[href$='.RAR'] span {
				background:transparent url(/_img/IcoZIP.png) left top no-repeat;
			}

		/* Media: Fotos, Vídeos y Podcasts*/
		#main ul.listadoVideos,
		#main ul.listadoFotos {
			list-style:none;
			overflow:auto;
			padding-left:9px;
			}
			#main ul.listadoVideos li,
			#main ul.listadoFotos li {
				list-style: none;
				min-height:70px;
				float:left;
				margin-right:9px;
				margin-bottom:9px;
			}
			#main ul.listadoFotos li {
				margin-right:4px;
				margin-bottom:4px;
			}
			.fotografias #main ul.listadoFotos li {
				margin-right:8px;
				margin-bottom:4px;
			}
		
				#main ul.listadoVideos li a,
				#main ul.listadoFotoss li a {
					display:block;
					width:94px;
					height:70px;
					overflow:hidden;
					position:relative;
					cursor:pointer !important;
				}
					#main ul.listadoVideos li a img {
						border:2px solid #CCC;
						position:absolute;
						top:0px;
						left:0px;
					}
					#main ul.listadoVideos li a:hover img {
						border:2px solid #FFD200;
					}
					#main ul.listadoFotos li a img {
						border:1px solid #CCC;
						padding:3px 3px 8px;
						background:#FFF;
					}
					#main ul.listadoFotos li a:hover img {
						border:1px solid #FFD200;
					}
					#main ul.listadoVideos li a span {
						display:block;
						width:90px;
						height:70px;
						position:absolute;
						top:0px;
						left:0px;
						background:transparent url(/_img/frameVideoPlay.png) left top no-repeat;
					}
				
			#main ul#anterioresVideos.listadoVideos,
			#main ul#anterioresFotos.listadoFotos {
				padding-left:0;
				overflow:hidden;
				margin-top:0;
			}
			#main ul#anterioresVideos.listadoVideos li,
			#main ul#anterioresFotos.listadoFotos li {
				margin-right:0;
				margin-top:9px;
				padding-bottom:9px;
				float:none;
				}
			#main ul#anterioresVideos.listadoVideos li {
				border-bottom:1px solid #EEE;
			}
				#main ul#anterioresVideos.listadoVideos li div,
				#main ul#anterioresFotos.listadoFotos li div {
					display:block;
					font:normal 11px/125% Arial, Helvetica, sans-serif;
					text-align:left;
				}
				#main ul#anterioresVideos.listadoVideos li div a,
				#main ul#anterioresFotos.listadoFotos li div a {
					float:left;
					margin-right:10px;
					margin-bottom:9px;
					background:#FFF;
				}
			
			#main a img#ultimaFoto {
				border:1px solid #CCC;
				background:#FFF;
				padding:9px 9px 40px;
			}
			#main a:hover img#ultimaFoto {
				border:1px solid #FFD200;
			}
			#listadoPodcasts p,
			.listadoPodcasts p {
				font:normal 11px/125% Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
	.anteriores .column {
		
	}
		.anteriores .column img {
			background:transparent url(../_img/patternYellow.gif) repeat;
			padding:0.5em;
			width:260px;
		}
		.anteriores .column h2 {
			font-size:2em !important;
			margin-bottom:0 !important;
		}
			
			
			/* LATERAL (#sidebar) */
			#sidebar {
				float:right;
				width:36em;
				padding-bottom:12px;
				border-bottom:10px solid #FFF;
				background:#FFF url(/_img/patternYellow.gif) left bottom repeat-x;
				position:relative;
			}
			.inscripcion #sidebar {
				display:none;
				visibility:hidden;
			}
				
				/* EVENTOS (#eventsNav) */
				#eventsNav {
					float:left;
					background:#FFD200 url(/_img/bgSidebar.png) right bottom no-repeat;
					width:28em;
					height:500px;
				}
					#eventsNav h2 {
						margin:1em auto;
						width:199px;
						height:85px;
						text-indent:-9999px;
						background:transparent url(/_img/bgEventosDestacados.png) left top no-repeat;
					}
					#eventsNav ol {
						list-style:none;
						padding:0;
					}
						#eventsNav ol li {
							list-style:none;
							height:1.5em;
							font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
							margin-bottom:1em;
							color:#666;
							padding-left:1.5em;
						}
							#eventsNav ol li a {
								text-decoration:none;
								color:#000;
								font-weight:bold;
								display:inline-block;
								margin-left:-1.5em;
								padding-left:1.5em;
								padding-right:0.5em;
							}
						#eventsNav ol li a:hover {
							background:#FFE980 url(/_img/bgEventsLink.gif) center right no-repeat;
							padding-right:3em;
						}
						#eventsNav ol li a.selected,
						#eventsNav ol li a.selected:hover {
							background:#FFF;
							cursor:default;
							padding-right:0.5em;
						}
				
					
			
		/* ITINERARIO (#itinerary) */
		#itinerary {
			position:absolute;
			bottom:12px;
			right:0em;
			width:6em;
			height:480px;
			background:transparent url(/_img/bgItinerary.png) center bottom no-repeat;
			margin-right:1em;
	
		}

/* PIE (#footer)
--------------------------------------------- */
#footer {
	clear:both;
	background:#19161B;
	color:#fff;
	padding:0 1.5em;
}
	#footer p {
		font:normal 0.9em/140% Verdana, Arial, Helvetica, sans-serif;
		color:#FFF;
		margin:1.5em 0;
	}
		#footer a {
			color:#FFD200;
			text-decoration:none;
		}
		#footer a:hover {
			border-bottom:1px solid #FFD200;
		}