@charset "utf-8";
/*
INNOVARIA | Innovación en la formación - www.innovaria.es
LMMS @ Aluego 2009

VERSIÓN - 1.0
 - CSS realizada y testeada para IE 6/7/8, Firefox 3/3.5, Safari 4, Chrome 3 y Opera 10
 - 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
*/

@font-face {
	font-family: 'ArialRoundedMTBoldRegular';
	src: url('fonts/ARLRDBD.eot');
	src: local('Arial Rounded MT Bold Regular'), local('ArialRoundedMTBold'), url('fonts/ARLRDBD.ttf') format('truetype'), url('fonts/ARLRDBD.svg#ArialRoundedMTBold') format('svg');
}

/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
	background:#DEDEDE;
}
a {
	text-decoration:none;
	color:#E3001A;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}


/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}
	#pageInner {
		width:960px;
		margin:0 auto;
		background:#FFF;
	}
/* CABECERA (#header)
--------------------------------------------- */
#header {
	height:110px;
	text-align:left;
	border-bottom:1px solid #CCC;
	position:relative;
}
	h1 {
		width:210px;
		height:70px;
		padding:20px;
		border-right:1px solid #CCC;
	}
		h1 a {
			width:210px;
			height:69px;
			display:block;
			text-indent:-9999px;
			background:transparent url(/img/logoInnovaria.png) no-repeat;
		}
		.home h1 a:hover {
			cursor:default;
		}
	#utils {
		position:absolute;
		top:-20px;
		right:10px;
		width:300px;
		text-align:right;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#FFF;
	}
		#utils a:hover {
			/*text-decoration:underline;*/
			border-bottom:1px solid #E3001A;
		}
	#contact {
		position:absolute;
		top:10px;
		right:10px;
		width:196px;
	}
		#contact li {
			margin-bottom:10px;
			
		}
			#contact li a {
				display:block;
				height:40px;
				text-indent:-9999px;
			}
			#contact li .contactPhone {
				width:196px;
				background:transparent url(/img/bgContactPhone.png) no-repeat;
			}
			#contact li .contactEmail {
				width:133px;
				background:transparent url(/img/bgContactEmail.png) no-repeat;
			}
	
/* NAVEGACIÓN (#mainNav)
--------------------------------------------- */
#nav {
	position:absolute;
	top:0;
	left:250px;
	width:363px;
}
	#nav ul {
		float:left;
		width:120px;
		height:100px;
		padding:5px 0;
		border-right:1px solid #CCC;
	}
		#nav ul li {
			padding-left:15px;
			height:25px;
			font:bold 12px/25px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
		}
			
			#nav ul li a {
			}
			#nav ul li a:visited {
				color:#888;
			}
			#nav ul li a.selected,
			#nav ul li a.selected:hover {
				color:#CCC;
				border-bottom:3px solid #CCC;
			}
			#nav ul li a:hover {
				color:#333;
				border-bottom:3px solid #E3001A;
			}


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	clear:both;
	margin:0 auto;
	padding:20px 20px 5px;
	text-align:left;
}

	#content p,
	#content .p {
		margin:0.75em 0;
		font:normal 11px/135% Arial, Helvetica, sans-serif;
	}
		#content a {
			font-weight:bold;
		}
		#content a:hover {
			border-bottom:1px solid #E3001A;
		}
	
	/* Listas */
	#content ol,
	#content ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#content ul li,
	#content ol li {
		font:normal 11px/130% Arial, Helvetica, sans-serif;
		margin:0.0em 0;
	}
	#content ol {
		list-style:decimal;
	}
	#content ul{
		list-style: disc;
	}
	#content ol ul,
	#content ul ul,
	#content ol ul,
	#content ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#content ol li ul li,
	#content ul li ul li,
	#content ol li ul li,
	#content ul li ol li{
		font:normal 11px/130% Arial, Helvetica, sans-serif;
	}

	/* PRINCIPAL (#main) */
	#content #main {
		margin:0 0 30px;
		padding-bottom:20px;
		min-height:225px;
		height:auto !important;
		height:225px;
	}
	#content .home,
	#content .gracias,
	#content .desarrollo,
	#content .exito,
	#content .experiencia,
	#content .sistema,
	#content .presencial,
	#content .online,
	#content .bonificada,
	#content .jornadas,
	#content .empresa,
	#content .partners,
	#content .econsulting {
		width:450px;
		padding-right:470px;
		display:block;
	}
	#content .home,
	#content .gracias {
		background:#FFF url(/img/bgMainInnovacion.jpg) right top no-repeat;
	}
		#content .gracias p {
			margin:0.75em 0;
			font:normal 12px/135% Arial, Helvetica, sans-serif;
		}
	#content .desarrollo {
		background: url(/img/bgMainDesarrollo.jpg) right bottom no-repeat;
	}
	#content .exito {
		background: url(/img/bgMainExito.jpg) right top no-repeat;
	}
	#content .experiencia {
		background: url(/img/bgMainExperiencia.jpg) right bottom no-repeat;
	}
	#content .sistema {
		background: url(/img/bgMainSistema.jpg) right top no-repeat;
	}
	#content .presencial {
		background: url(/img/bgMainPresencial.jpg) right bottom no-repeat;
	}
	#content .online {
		background: url(/img/bgMainOnline.jpg) right bottom no-repeat;
	}
	#content .bonificada{
		background: url(/img/bgMainBonificada.jpg) right top no-repeat;
	}
	#content .empresa {
		background: url(/img/bgMainEmpresa.jpg) right bottom no-repeat;
	}
	#content .partners {
		background: url(/img/bgMainPartners.jpg) right bottom no-repeat;
	}
	#content .econsulting {
		background: url(/img/bgMainEconsulting.jpg) right bottom no-repeat;
	}
		#main h2 {
			font:normal 22px "ArialRoundedMTBoldRegular", Arial, Helvetica, sans-serif;
		}
		#main h3 {
			font:bold 14px Arial, Helvetica, sans-serif;
			margin:10px 0;
			color:#999;
		}
		#main h5 {
			font:bold 11px Arial, Helvetica, sans-serif;
		}
		#main strong {
			color:#666;
		}

	#content .links {
		width:500px;
		float:left;
		margin-top:0;
		color:#CCC;
	}
		#content .links span,
		#utils span {
			word-spacing:5px;
		}
	
	#jornada01 {
		min-height:360px;
		height:auto !important;
		height:360px;
		border-bottom:1px solid #CCC;
		position:relative;
	}
		#jornada01 #jornadaTexto {
			background:#BBB;
			padding-right:250px;
		}
		#jornada01 #jornadaCartel {
			position:absolute;
			right:10px;
			top:10px;
			background:#FFF;
			width:235px;
		}
		#jornadaTexto h3 {
			margin:0;
			font-size:20px;
		}
			#jornadaTexto h3 em {
				font-style:normal;
				color:#000;
				text-shadow:1px 1px #FFF;
			}
			#jornadaTexto h3 span {
				color:#FFF;
				text-shadow:1px 1px #000;
			}
		#jornadaTexto h4 {
			color:#000;
			margin:0 0 10px;
			font:italic bold 14px Arial, Helvetica, sans-serif;
			text-shadow:1px 1px #EEE;
		}
		#jornadaTexto p,
		#jornadaTexto p strong {
			color:#000;
		}
		#jornadaMasInfo {
			background:#CCC;
		}
		#jornadaInscripcion {
			background:#DDD;
		}

		#jornadaMasInfo,
		#jornadaInscripcion,
		#jornadaColaboran {
			padding:10px 276px 10px 10px;
		}
			#jornadaMasInfo h4,
			#jornadaInscripcion h4,
			#jornadaColaboran h4 {
				font:bold 15px/25px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				height:25px;
			}
			#jornadaMasInfo h5,
			#jornadaInscripcion h5,
			#jornadaColaboran h5 {
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#333;
			}
			#jornadaMasInfo strong,
			#jornadaInscripcion strong,
			#jornadaColaboran strong {
				color:#000;
			}
			#jornadaMasInfo h4,
			#jornadaInscripcion h4 {
				cursor:pointer;
			}
			#jornadaMasInfo h4:hover,
			#jornadaInscripcion h4:hover {
				color:#FFF;
			}
			#jornadaMasInfo h4 {
				background:transparent url(/img/bgExpandInfoOff.png) 610px 50% no-repeat;
			}
			#jornadaMasInfo h4.selected {
				background:transparent url(/img/bgExpandInfoOn.png) 610px 50% no-repeat;
			}
			#jornadaInscripcion h4 {
				background:transparent url(/img/bgExpandFormOff.png) 610px 50% no-repeat;
			}
			#jornadaInscripcion h4.selected {
				background:transparent url(/img/bgExpandFormOn.png) 610px 50% no-repeat;
			}
				
				#jornadaColaboran a:hover {
					border-bottom:0;
				}
			
	/*Formularios*/
	#main .form fieldset {
		border:1px solid #666;
		margin:1em;
		padding:0.8em 1.5em 0.8em 1.5em;
		display:block;
		position:relative;
	}
	#main .form legend {
		padding:0 0.5em;
		margin-left:-0.5em;
		font:bold 1.4em/140% Arial, Helvetica, sans-serif;
		/*color:#E3001A;*/
		color:#666;
	}

	#main .form label,
	#main .form .label {
		font:bold 1.2em/140% Arial, Helvetica, sans-serif;
		display:block;
		margin:0.75em 0;
		color:#333;
		margin-top:-0.001em;
	}

	#main .form label.floatLeft,
	#main .form .label.floatLeft {
		margin-top:-0.001em; /* No me siento orgulloso de esto :( */
	}
	#main .form label.floatLeft,
	#main .form .label.floatLeft {
		margin-right:2em;
	}
		#main .form small,
		#main .form label.small {
			font:normal 0.9em/150% Arial, Helvetica, sans-serif;
			color:#444;
		}
	#main .form input,
	#main .form textarea,
	#main .form select {
		color:#000;
		font:normal 1em/140% Arial, Helvetica, sans-serif;
	}
	#main .form input[type=text],
	#main .form input[type=password],
	#main .form textarea, 
	#main .form select {
		border:1px solid #CCC;
		background:#fff;
		display:inline-block;
	}
	#main .form input[type=text] + input[type=text] {
		display:block;
		margin-top:0.5em;
	}
	#main .form input[type=checkbox],
	#main .form input[type=radio] {
		padding:0;
		margin:0;
		margin-right:0.3em;
	}
	#main .form input[type=text],
	#main .form input[type=password],
	#main .form textarea {
		padding:2px;
	}
	#main .form select {
		padding:1px;
	}
	#main .form input[type=text]:focus,
	#main .form input[type=password]:focus,
	#main .form textarea:focus{
		border:1px solid #000;
	}
	#main .form input[type=submit] {
		font-weight:bold;
		color:#000;
	}



			
/* BARRA INFERIOR (#aside)
--------------------------------------------- */	
#aside {
	background:#E3001B url(/img/bgAside.png) left bottom no-repeat;
	color:#FFF;
	margin:10px -30px;
	padding:10px 10px 16px;
	border-top:1px solid #FF203C;
}
	#aside .asideImg {
		float:left;
		margin:-30px 20px 0 0;
	}
		#aside .asideImg a {
			border-bottom:0;
		}
			#aside .asideImg a img {
				padding:10px;
				border-bottom:1px solid #AE0016;
				border-right:1px solid #FFF;
				background:#DEDEDE;
			}

	#aside h3 {
		font:normal 15px "ArialRoundedMTBoldRegular", Arial, Helvetica, sans-serif;
		color:#000;
		letter-spacing:1px;
	}
	#aside p {
		margin:0.75em 0;
		font:normal 11px/120% Arial, Helvetica, sans-serif;
	}
		#aside p a {
			font:bold 14px/120% Arial, Helvetica, sans-serif;
			color:#FFF;
			border-bottom:1px solid #FFF;
		}

/* PIE (#footer)
--------------------------------------------- */
#footer {
	border-top:2px solid #9C9D9F;
	clear:both;
	margin:auto;
	padding:10px 10px 10px 190px;
	text-align:left;
	background:#DEDEDE/* url(/img/bgFooter.png) 10px 10px no-repeat*/;
	color:#666;
	/*height:52px;*/
}
	#footer p {
		font:normal 11px/125% Arial, Helvetica, sans-serif;
	}