/* GENERALES
-------------------------------------------------- */


* {
	margin: 0;
	padding: 0;	
}

html {
	
}

body {
	background: url(../img/fondoGeneral.gif) #fff center top repeat-y;
	color: #112235;
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul, li {
	list-style: none;
}

fieldset, a img {
	border: 0;
}

input, select, textarea, button {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #112235;
}

input, select, textarea {
	background-color: #fff;
}

select {
	padding: 0;
}

abbr, acronym {
	cursor: help;	
}

cite {
	font-style: normal;
}

blockquote, q {
	font-style: normal;
}

a {
	text-decoration: underline;
	color: #112235;
	outline: none;	
}

strong {
	font-weight: bold;
	font-style: normal;	
}

em {
	font-weight: normal;
	font-style: italic;	
}




/* ESTRUCTURA
-------------------------------------------------- */


p#saltar {
	position: absolute;
	top: -10000px;
}

div#contenedor {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left;
}

div#cabecera {
	position: relative;
	overflow: hidden;
	width: 920px;
	height: 245px;
	margin-bottom: -50px;
	background-position: center top;
	background-repeat: no-repeat;
}

ul#navegacion {
	position: relative;
	overflow: visible;
	width: 894px;
	margin: 38px auto 0 auto;
	padding-bottom: 15px;
	background: url(../img/fondoNavegacion.png) left top no-repeat;
}

div#contenidos {
	position: relative;
	overflow: hidden;
	clear: left;
	width: 894px;
	margin: 0 auto;
	background: url(../img/fondoContenidos.gif) left top repeat-y;
}




/* CABECERA
-------------------------------------------------- */


div#cabecera h1 {
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: inline;
	float: left;
	/*width: 68px;*/
	height: 63px;
	margin: 30px 0 0 30px;
}

div#cabecera h1 a {
	display: block;
	width: 68px;
	height: 63px;
	background: url(../img/logo.png) left top no-repeat;
	cursor: pointer;
}

div#cabecera h1 a span {
	position: absolute;
	top: -10000px;	
}

div#cabecera ul#enlaces {
	position: relative;
	z-index: 3;
	float: right;
	display: inline;
	height: 14px;
	margin: 20px 35px 0 0;
	line-height: 14px;
	font-size: 11px;
}

div#cabecera ul#enlaces li {
	float: left;
	display: inline;
	height: 14px;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px #021329 solid;
}

div#cabecera ul#enlaces li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

div#cabecera ul#enlaces li a {
	color: #021329;
}

div#cabecera form {
	position: relative;
	z-index: 2;
	float: right;
	clear: right;
	display: inline;
	width: 239px;
	height: 31px;
	margin: -21px 25px 0 0;
	padding-top: 26px;
	background: url(../img/fondoFormularioBusqueda.png) left top no-repeat;
}

div#cabecera fieldset {
	overflow: hidden;
	width: 219px;
	height: 22px;
	margin: 0 10px;
	background: url(../img/fondoBuscador.gif) left top no-repeat;
}

div#cabecera fieldset label {
	float: left;
	margin-left: 10px;
	line-height: 20px;
	color: #fff;
}

div#cabecera fieldset input {
	float: left;
	width: 128px;
	height: 14px;
	margin: 3px 0 0 7px;
	padding: 0 2px;
	border: 1px #e3daa0 solid;
	background-color: #faf8e8;
	line-height: 12px;
	font-size: 11px;
}

div#cabecera fieldset button {
	float: left;
	width: 17px;
	height: 16px;
	margin: 3px 0 0 5px;
	border: 0;
	background: url(../img/iconoLupa.gif) left top no-repeat;
	cursor: pointer;
}

div#cabecera fieldset button span {
	position: absolute;
	top: -10000px;	
}




/* NAVEGACIÓN
-------------------------------------------------- */


ul#navegacion li {
	overflow: hidden;
	float: left;
	display: inline;
	height: 43px;
	margin-top: -38px;
}

ul#navegacion li#pestanya-portada {
	margin-left: 13px;
}

ul#navegacion.portada li#pestanya-portada,
ul#navegacion.estudios li#pestanya-estudios,
ul#navegacion.escuelas li#pestanya-escuelas,
ul#navegacion.el-ie li#pestanya-el-ie,
ul#navegacion.media-campus li#pestanya-media-campus {
	position: relative;
	height: 43px;
	margin-top: -38px;
}

ul#navegacion.portada li#pestanya-portada {
	width: 96px;
}

body.castellano ul#navegacion.portada li#pestanya-portada {
	background-image: url(../img/es/pestanyaElIE_Act.png);
}

body.ingles ul#navegacion.portada li#pestanya-portada {
	background-image: url(../img/en/pestanyaElIe_Act.png);
}

ul#navegacion.estudios li#pestanya-estudios {
	width: 141px;
}

body.castellano ul#navegacion.estudios li#pestanya-estudios {
	background-image: url(../img/es/pestanyaEstudios_Act.png);
}

body.ingles ul#navegacion.estudios li#pestanya-estudios {
	background-image: url(../img/en/pestanyaEstudios_Act.png);
}

ul#navegacion.escuelas li#pestanya-escuelas {
	width: 141px;
}

body.castellano ul#navegacion.escuelas li#pestanya-escuelas {
	background-image: url(../img/es/pestanyaEscuelas_Act.png);
}

body.ingles ul#navegacion.escuelas li#pestanya-escuelas {
	background-image: url(../img/en/pestanyaEscuelas_Act.png);
}

ul#navegacion.media-campus li#pestanya-media-campus {
	width: 172px;
}

body.castellano ul#navegacion.media-campus li#pestanya-media-campus {
	background-image: url(../img/es/pestanyaMediaCampus_Act.png);
}

body.ingles ul#navegacion.media-campus li#pestanya-media-campus {
	background-image: url(../img/en/pestanyaMediaCampus_Act.png);
}

ul#navegacion li a {
	float: left;
	height: 43px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

body.castellano ul#navegacion li#pestanya-portada a {
	width: 96px;
	background-image: url(../img/es/pestanyaElIE.png);
}

body.ingles ul#navegacion li#pestanya-portada a {
	width: 96px;
	background-image: url(../img/en/pestanyaElIE.png);	
}

body.castellano ul#navegacion li#pestanya-estudios a {
	width: 141px;
	background-image: url(../img/es/pestanyaEstudios.png);	
}

body.ingles ul#navegacion li#pestanya-estudios a {
	width: 141px;
	background-image: url(../img/en/pestanyaEstudios.png);	
}

body.castellano ul#navegacion li#pestanya-escuelas a {
	width: 141px;
	background-image: url(../img/es/pestanyaEscuelas.png);	
}

body.ingles ul#navegacion li#pestanya-escuelas a {
	width: 141px;
	background-image: url(../img/en/pestanyaEscuelas.png);	
}

body.castellano ul#navegacion li#pestanya-media-campus a {
	width: 172px;
	background-image: url(../img/es/pestanyaMediaCampus.png);	
}

body.ingles ul#navegacion li#pestanya-media-campus a {
	width: 172px;
	background-image: url(../img/en/pestanyaMediaCampus.png);	
}

ul#navegacion li span {
	position: absolute;
	top: -10000px;
}




/* CONTENIDOS
-------------------------------------------------- */


div#contenidos ul#migas {
	float: left;
	display: inline;
	margin: 5px 0 15px 35px;
}

div#contenidos ul#migas li {
	float: left;
	display: inline;
	margin-left: 6px;
	padding-left: 10px;
	line-height: 16px;
	background: url(../img/separadorMigas.gif) left center no-repeat;
	color: #003063;
}

div#contenidos ul#migas li#pagina-inicio {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

div#contenidos ul#migas li a {
	font-weight: bold;
	color: #365684;
}

div#contenidos div#datos-contenidos {
	overflow: visible;
	clear: left;
	width: 833px;
	margin: 0 auto 25px auto;
	padding-top: 5px;
	background: url(../img/fondoDatosContenidos_Sup.gif) left top no-repeat;
}

div#contenidos div#datos-contenidos div#introduccion {
	overflow: visible;
	width: 833px;
	padding-top: 15px;
}

div#contenidos div#datos-contenidos div#introduccion h2 {
	clear: left;
	overflow: hidden;
	position: relative;
	width: 169px;
	height: 32px;
	margin: 0 0 10px 23px;
	background-position: left top;
	background-repeat: no-repeat;
}

div#contenidos div#datos-contenidos div#introduccion h2 span {
	position: absolute;
	top: -10000px;
}

div#contenidos div#datos-contenidos div#introduccion p {
	float: left;
	display: inline;
	width: 760px;
	margin: 0 0 10px 25px;
	text-align: justify;
	line-height: 20px;
}

div#contenidos div#datos-contenidos ul#acciones {
	overflow: hidden;
	clear: left;
	padding: 20px 0 20px 21px;
}

div#contenidos div#datos-contenidos ul#acciones li {
	float: left;
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	font-size: 12px;
}

div#contenidos div#datos-contenidos ul#acciones li a {
	display: block;
	height: 34px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
}

div#contenidos div#datos-contenidos ul#acciones li#boton-enviar a {
	width: 115px;
	padding-left: 43px;
	background-image: url(../img/fondoBotonEnviar.gif);
}

div#contenidos div#datos-contenidos ul#acciones li#boton-imprimir a {
	width: 64px;
	padding-left: 39px;
	background-image: url(../img/fondoBotonImprimir.gif);
}

div#contenidos div#datos-contenidos ul#acciones li#boton-delicious a {
	width: 75px;
	padding-left: 36px;
	background-image: url(../img/fondoBotonDelicious.gif);
}

div#contenidos div#datos-contenidos ul#acciones li#boton-rss a {
	width: 39px;
	padding-left: 36px;
	background-image: url(../img/fondoBotonRSS.gif);
}

div#contenidos div#datos-ie {
	overflow: hidden;
	width: 884px;
	height: 300px;
	padding: 0 5px;
	background: url(../img/fondoDatosIE.gif) left top no-repeat;
}

div#contenidos div#datos-ie h4 {
	position: relative;
	overflow: hidden;
	display: block;
	height: 28px;
	margin-bottom: 5px;
	background-position: left top;
	background-repeat: no-repeat;
}

body.castellano div#contenidos div#datos-ie div#situacion h4 {
	width: 135px;
	background-image: url(../img/es/textoSituacion.png);
}

body.ingles div#contenidos div#datos-ie div#situacion h4 {
	width: 94px;
	background-image: url(../img/en/textoSituacion.png);
}

body.castellano div#contenidos div#datos-ie fieldset h4 {
	width: 74px;
	background-image: url(../img/es/textoContacto.png);
}

body.ingles div#contenidos div#datos-ie fieldset h4 {
	width: 65px;
	background-image: url(../img/en/textoContacto.png);
}

div#contenidos div#datos-ie h4 span {
	position: absolute;
	top: -10000px;
}

div#contenidos div#datos-ie div#situacion {
	float: left;
	display: inline;
	width: 500px;
	margin: 25px 20px 0 47px;
	padding-bottom: 5px;
}

div#contenidos div#datos-ie div#situacion address {
	float: left;
	display: inline;
	width: 240px;
	margin-right: 10px;
	font-style: normal;
}

div#contenidos div#datos-ie div#situacion address strong {
	display: block;	
}

div#contenidos div#datos-ie div#situacion address img {
	display: block;
	margin: 10px 0 0 -3px;
}

div#contenidos div#datos-ie fieldset {
	float: left;
	width: 300px;
	height: 230px;
	margin-top: 25px;
}

div#contenidos div#datos-ie fieldset label {
	clear: left;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

div#contenidos div#datos-ie fieldset input{
	margin-left: 10px;	
	width: 212px;
	font-weight: normal;
}

div#contenidos div#datos-ie fieldset textarea {
	width: 260px;
	height: 85px;
	margin: 3px 0 3px 0;
}

div#contenidos div#datos-ie fieldset button {
	overflow: hidden;
	position: relative;
	width: 73px;
	height: 34px;
	margin-left: 193px;
	border: 0;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

body.castellano div#contenidos div#datos-ie fieldset button {
	background-image: url(../img/es/botonEnviar.gif);
}

body.ingles div#contenidos div#datos-ie fieldset button {
	background-image: url(../img/en/botonEnviar.gif);
}

div#contenidos div#datos-ie fieldset button span {
	position: absolute;
	top: -10000px;
}

div#contenidos div#datos-ie a {
	float: right;
	margin: 19px 12px 0 0;
	line-height: 16px;
}

div#contenidos div#datos-ie div#situacion a {
	float: none;
	margin: 0;
	line-height: auto;
}

ul#acciones li#accion-enviar a {
	width: 115px;
	padding-left: 43px;
	background-image: url(../img/fondoBotonEnviar.gif);
}

ul#acciones li#accion-imprimir a {
	width: 64px;
	padding-left: 39px;
	background-image: url(../img/fondoBotonImprimir.gif);
}

ul#acciones li#accion-delicious a {
	width: 75px;
	padding-left: 36px;
	background-image: url(../img/fondoBotonDelicious.gif);
}

ul#acciones li#accion-rss a {
	width: 39px;
	padding-left: 36px;
	background-image: url(../img/fondoBotonRSS.gif);
}

ul#acciones li a span {
	position: absolute;
	top: -1000px;	
}

div#enviar-amigo {
	display: none;
	position: absolute;
	z-index: 200;
	left: 50%;
	top: 50%;
	width: 376px;
	height: 410px;
	margin-left: -188px;
	margin-top: -205px;
	border: 3px #1c4060 solid;
	border-top-width: 28px;
	background-color: #fff;
}

div#enviar-amigo.activo {
	display: block;
}

div#enviar-amigo a {
	position: absolute;
	top: -22px;
	right: 4px;
	overflow: hidden;
	display: block;
	width: 15px;
	height: 15px;
	background: url(http://www.ie.edu/IE/img/botonCerrar.gif) left top no-repeat;
}

div#enviar-amigo a span {
	position: absolute;
	top: -1000px;	
}

div#enviar-amigo h5 {
	margin: 15px 20px;
	text-align: justify;
	font-weight: bold;
	font-size: 16px;
	color: #1c4160;
}
div#enviar-amigo p {
	margin: 0 20px 20px 20px;
	text-align: justify;
	line-height: 16px;
	color: #004575;
}

div#enviar-amigo fieldset {
	overflow: hidden;
	position: relative;
}

div#enviar-amigo label {
	position: absolute;
	top: -1000px;	
}

div#enviar-amigo input,
div#enviar-amigo textarea {
	display: block;
	width: 322px;
	margin: 0 auto 15px auto;
}

div#enviar-amigo button {
	margin-left: 20px;
	padding: 1px 4px;
}




/* IMPRIMIR
-------------------------------------------------- */


@media print {
	* span {
		position: static !important;
	}
}



body.castellano #banner {
	width: 265px;
	height: 220px;
	background: url(http://www.ie.edu/IE/site/img/IE-banner-guiame-es.gif) left top no-repeat;
	float: left;
	margin: 10px 0 0 25px;
	position: relative;
}

body.ingles #banner {
	width: 265px;
	height: 220px;
	background: url(http://www.ie.edu/IE/site/img/IE-banner-guiame-en.gif) left top no-repeat;
	float: left;
	margin: 10px 0 0 25px;
	position: relative;
}

body.castellano #bannergrande {
	width: 265px;
	height: 220px;
	background: url(http://www.ie.edu/IE/site/img/IE-bannerg-guiame-es.gif) left top no-repeat;
	float: left;
	margin: 10px 0 10px 0;
	position: relative;
}

body.ingles #bannergrande {
	width: 265px;
	height: 220px;
	background: url(http://www.ie.edu/IE/site/img/IE-bannerg-guiame-en.gif) left top no-repeat;
	float: left;
	margin: 10px 0 10px 0;
	position: relative;
}

#banner a {
	clear: both;
	margin: 10px 0 0 102px;
	padding: 0;
}

#bannergrande a {
		clear: both;
	margin: 10px 0 0 102px;
	padding: 0;
}