body {background: #FFF  url(../img/top_bk.gif) repeat-x; color: #000; font-family: Arial, Verdana, Sans-serif; font-size: 14px; margin: 0; padding: 0;}

/****** PROPIETATS COMUNES *******/
a {}
a img {border: none;}

ul, ol, h1, h2, h3, h4, h5, h6, h7, form, p
{margin: 0; padding: 0;}
ul {list-style: none;}

h2, #header p, #header ul#menu, #contents #destacat, #footerCursos #cortos p, #footerCursos #masters p, #contents form div a.btn
{font-family: Georgia;}
.italic {font-style: italic;}

.floatRight {float: right;}
.floatLeft {float: left;}
.clear {clear: both;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

.small {font-size: 11px;}
.nobackground {background: none;}
.mtop10px {margin-top: 10px}

/* Mides relatives en % */
.quarter {width: 25%;}
.third {width: 30%;}
.almosthalf {width: 45%;}
.half {width: 50%;}
.sixth {width: 60%;}
.quarterto {width: 75%;}
.almostfull {width: 90%;}
.full {width: 100%;}

/**** ESTRUCTURA ****/
#container {margin: 0 auto; padding: 0 15px; width: 870px;}
#container.liquid {margin: 0; padding: 0; width: 100%}

#header {}
#contents {padding: 0 0 20px 0;}
#footerAreas {clear: both; border-top: 1px solid #030303; margin: 10px 0 0 0; padding: 10px 0 20px 0;}
#footerCorp {background: #020202; color: #DDD; font-size: 12px; padding: 15px; text-align: center;}

/**** HEADER ****/
#header ul#top {background: #000; color: #ececec; font-size: 12px; padding: 4px 0 6px 0;}
#header ul#top li {display: inline;}
#header ul#top li a {color: #b0b0b0;}
#header ul#top li h1 {display: inline; font-size: 12px; font-weight: normal;}
#header img#logo {margin: 10px 0 5px 0; #margin: 12px 0 0 0;}
#header img#unis {margin: 0px 0 0px 225px; #margin: 1px 0 -7px 223px;}
#header a img {border: none;}

#header p {color: #767676; font-size: 20px; line-height: 10px; #line-height: 15px; margin: 3px 0 0 0; _margin: 0px 0 -5px 0;}
#header p img {margin: 0 10px 0 0; vertical-align: -15px;}

#header h1 {margin: 5px 0 0 0;}

#header ul#menu {font-size: 18px; height: 31px; margin: 15px 0 15px 0;}
#header ul#menu li {display: inline;}
#header ul#menu li a {background: url(../img/header_menu_bk.gif) no-repeat; color: #767676; display: block; float: left; height: 31px;  margin: 0 2px 0 0; text-decoration: none; padding: 4px 21px 4px 21px; _padding: 4px 21px 4px 20px;}
#header ul#menu li a:hover {background: url(../img/ul_menu_hover.gif) no-repeat; color: #da2439;}
#header ul#menu li a.on {background: url(../img/ul_menu_on.gif) no-repeat; border-top: 1px solid #000; color: #000;}
#header ul#menu li a.on:hover {background: url(../img/ul_menu_on.gif) no-repeat; color: #000;}

/* Header per pagines estatiques - Aviso Legal + Conoce EAE */
.statica {margin-top: 5px !important;}
.statica p#back {font-size: 12px; margin: 0; padding: 0;}
.statica p#back a {color: #b0b0b0; font-family: Arial;}

/**** CONTENTS - COMUNS ****/
#contents p {line-height: 19px; margin: 0 0 12px 0;}
#contents p.destaca, #contents p.hi {background: #fffdec; display: inline;}
#contents ul {margin: 0 0 15px 10px;}
#contents ul li {background: url(../img/contents_list.gif) no-repeat 0 4px; padding: 0 0 9px 12px;}
#contents ol {margin: 0 0 15px 30px;}
#contents ol li {line-height: 20px; margin: 0 0 15px 0;}
#contents ol li b {display: block;}

#ciudad { font-family: Georgia, "Times New Roman", Times, serif; font-size:17px; color:#363636; }

#contents .mtop5 {margin-top: 5px;}
#contents .mright4 {margin-right: 4px;}
#contents ul#fichaTec {background: url(../img/contents_fitxatec_bk.gif) no-repeat; font-size: 12px; margin: 0; padding: 12px 0 0 0;}
#contents ul#fichaTec li {background: none; float: left; padding: 0 70px 0 40px;}
#contents ul#fichaTec li img {padding: 0px 5px 0px 0; vertical-align: text-bottom;}

#contents p.small {margin: 5px 0 0 0; _margin: 9px 0 0 0;}
#contents img#formTit {margin: 20px 0 0 0; _margin: 20px 0 -6px 0;}
#contents img.minor {_margin: -12px 0 0 0;}
#contents form {background: url(../img/form_bk.gif) no-repeat; height: 145px;  margin: 0; _margin: -10px 0 0 0; padding: 20px 12px 135px 12px; _padding: 20px 12px 10px 12px; width: 850px;}
#contents form p {float: left; margin: 0 0 17px 0; width: 253px; _width: 263px;}
#contents form p label {display: block; float: left; margin: 0 4px 0 0; padding-top: 2px; text-align: right; width: 80px; height: 25px;}
#contents form p {_width: 260px;}
#contents form p label {_width: 84px;}
#contents form p.vaciocorto { float:left;width: 250px; padding-top: 2px; height: 25px;}
#contents form p.vacio { float: left; margin: 0 0 17px 0; width: 253px; *width: 200px; _width:100px;}
#contents form p input, #contents form p select {font-size: 15px; vertical-align: bottom;}
#contents form p select {height: 25px; font-size: 14px; width: 150px; _width: 158px;}
#contents form p.curso{float: left; margin: 0 0 10px 0; _margin-left:-30px;  _margin-right:-25px;width: 500px; *width: 300px; }
#contents form p.curso label{width: 500px; display: block; float: left; margin-left:20px; *margin-left:25px; padding-top: 2px; text-align: left; height: 20px;}
#contents form p.cursocorto{float: left; margin: 0 0 10px 0; width: 255px; _width: 275px; }
#contents form p.cursocorto label{width: 255px; display: block; float: left;  padding-top: 2px; text-align: left; height: 20px; margin-left:30px; *margin-left:30px;_margin-left:15px;}
#contents form p.dos {width: 288px;}
#contents form p.dos label {width: 128px;}
#contents form p.dos #apellidos {width: 145px;}
#contents form p.dos #apellidos {_width: 140px;}
#contents form p.dos select {width: 152px;}
#contents form p.dos select {_width: 148px;}
#contents form p.tres {width: 300px;}
#contents form p.tres label {width: 135px;}
#contents form p.tres input {width: 148px;}
#contents form p.tres input {_width: 142px;}
#contents form p.edad select {width: 51px; _width: 50px;}
#contents form p.edad select#sDia  {width: 46px; _width: 45px;}
#contents form p.edad select#sMes  {width: 50px; _width: 49px;}
#contents form p.edad select#sAnyo {width: 56px; _width: 55px;}
#contents form p.extraheight {_height: 40px;}
#contents form p input.prefijo {width: 30px;}
#contents form p.dos #prefijo1 {*width: 30px;}
#contents form p.tres #prefijo2 {*width: 30px;}
#contents form p input.telf {width: 110px;}
#contents form p.dos #telf1 {*width: 103px;}
#contents form p.tres #telf2 {*width: 103px;}
#contents form p.cp {}
#contents form p.cp label {_width: 95px;}
#contents form p.cp input {}
#contents form p.campus{width:300px; _width:280px; float: left; margin-top:-15px; *margin-top:0px; margin-left:40px; margin-left:5px\9; _margin-left:-10px;padding:0; }
#contents form p.campus label{width:135px; _width:115px;  float: left;display: block;padding-top: 2px;height: 20px; _margin-left:-15px; }
#contents form p.campus select{width:153px;  }
#contents form p.campuscorto{width:300px;  float: left; margin-left:-10px; margin-left:-25px\9; padding:0; }
#contents form p.campuscorto label{width:135px; float: left;display: block;padding-top: 2px;height: 20px; _margin-left:-15px; }
#contents form p.campuscorto select{width:153px;  }
#contents form p.alegal {margin: 20px 0 0 310px; _margin: 0 0 0 30px; _width: 300px}
#contents form p.alegal label {width: 210px !important; _width: 210px; _margin-left: 0; _padding-top: 6px;}
#contents form p.alegal input {float: left; margin: 6px 0 0 15px;}
#contents form p.alegalingles {margin: 20px 0 0 280px; width: 300px; _margin: -15px 0 0 120px; _width: 500px}
#contents form p.alegalingles label {width: 260px !important; _width: 310px; _margin-left:-50px; _padding-top: 6px;}
#contents form p.alegalingles input {float: left; margin: 6px 0 0 15px;}

#contents form div {float: right; margin: 0 35px 0 0; _margin: 0 13px 0 0; width:100px;_margin-top:-45px;}
#contents form div input.btn {background: url(../img/form_btn.gif) no-repeat; border: none; color: #FFF; cursor: pointer; display: block; font-size: 22px; font-family: Georgia, Cambria, Serif; height: 50px; margin: 0 0 0 -120px; _margin: 0 0 0 0;  padding: 0px 0 8px 0; text-align: center; text-decoration: none; width: 248px;}
/*#contents form div .btn:hover {background: url(../img/form_btn_over.gif) no-repeat; color: #e8e8e8;}*/
#contents p#close {background: url(../img/bk_form_foot.gif) no-repeat; height: 8px; width: 873px;}

#contents form .inputOn {}
#contents form .inputOn input, .inputOn select {background: #fcfcfc; border: 1px solid #ffc58d; border-top: 2px solid #edae71; border-left: 2px solid #ffc58d;}

/*** CONTENTS PER SECCIONS ***/
/* Home */
#contents #destacat {background: url(../img/contents_destacat_bk.gif) no-repeat; float: right; font-size: 16px; height: 149px; margin: 0 0 0 25px; padding: 7px 19px 8px 17px; text-align: center; width: 221px;}
#contents #destacat p {color: #404040; line-height: normal; font-style: italic; margin: 5px 0 0 0;}
#contents #destacat p b {color: #000; font-size: 22px; font-style: normal;}

#contents #destacat p.dm, #contents #destacat p.eb, #contents #destacat p.sc {margin: 15px 0 0 0;}

/* Objetivos */
#contents #universitats {background: url(../img/contents_destacat_bk.gif) no-repeat; font-family: Georgia, Cambria, Helvetica, serif; font-style: italic;  float: right; font-size: 18px; height: 149px; margin: 0 0 0 25px; padding: 13px 5px 8px 8px; width: 244px;}
#contents #universitats p {color: #404040; line-height: normal; font-style: italic; margin: 5px 0 0 4px;}
#contents #universitats ul {margin: 10px 0 0 0; padding: 0;}
#contents #universitats ul li {padding: 0 0 10px 45px;}
#contents #universitats ul li.ucjc {background: url(../img/universitats_ucjc.gif) no-repeat;}
#contents #universitats ul li.upc {background: url(../img/universitats_upc.gif) no-repeat;}
#contents #universitats ul li span {font-size: 16px;}

/* Aviso Legal */
#header p.border {border-bottom: 1px solid #000; margin-bottom: 20px;}
#contents p.tit {font-weight: bold; margin: 5px 0 15px 30px;}
#contents ol#avisoLegal {}
#contents ol#avisoLegal li {margin: 0 0 30px 0;}
#contents ol#avisoLegal li b {background: #fffdec;}

/*** FOOTERAREAS ****/
#footerAreas {text-align:center;}
#footerAreas ul {font-size: 13px; margin: 0 0 10px 0; text-align:center;}
#footerAreas ul li {display: block; float: left; font-weight: bold; padding: 0 15px 0 0px;}
#footerAreas ul li a {color: #505050; text-decoration: none;}
#footerAreas ul li a:hover {color: #292929;}

/**** FOOTERCORP ****/
#footerCorp ul {margin: 0 0 6px 0;}
#footerCorp ul li {display: inline; padding: 0 10px 0 0; }
#footerCorp ul li a {color: #DDD; padding: 0 2px; text-decoration: none;}
#footerCorp ul li a:hover {color: #FFF;}
#footerCorp p {}

/******** HACKS IE7 ********/
*:first-child+html form#cupon p input,
*:first-child+html form#cupon p .dos,
*:first-child+html form#cupon p .tres{width:147px;}
*:first-child+html form#cupon p #sexo,
*:first-child+html form#cupon p #avisoLegal{width:auto !important}

/************HACKS IE8*********/
#contents form p.dos label {width /*\**/: 110px\9;}
#contents form p.tres label {width /*\**/: 100px\9;}

#datosprograma{
	width:871px;
	background-color: #f4f4f4;
	background-attachment: scroll;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 310px;
}
#datosprograma p.datos{
	width:871px;
	height:49px;
	background-image:url(../img/bg_title.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
}

#datosprograma p.datose{
	width:871px;
	height:49px;
	background-image:url(../img/bg_title_eng.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
}


#datosprograma ul{
	margin-top: 10px;
	padding-top: 0px;
}

#datosprograma li{
	background-image: none !Important;
}

#datosprograma li.inicial{
	font-weight: bold;
	color: #000000;
	height: 20px;
	width: 190px;
	float: left;
	padding-left: 45px;
}

#datosprograma li.inicialg{
	font-weight: bold;
	color: #000000;
	height: 40px;
	width: 190px;
	float: left;
	padding-left: 45px;
}

#datosprograma li.inicialgbis{
	font-weight: bold;
	color: #000000;
	height: 20px;
	width: 190px;
	float: left;
	padding-left: 45px;
}


#datosprograma li.secundario{
	width: 750px;
	*width: 550px;
	height: 20px;
	text-align: left;
}

#datosprograma li.secundariobig{
	width: 750px;
	*width: 600px;
	height: 30px;
	text-align: left;
}

#datosprograma li.secundariog{
	width: 600px;
	height: 40px;
	*width: 550px;
	text-align: left;
}

#datosprograma li.secundariog2{
	width: 720px;
	*width: 550px;
	height: 60px;
	text-align: left;
}

#datosprograma li.separador{
	background-attachment: scroll;
	background-image: url(../img/separacion_puntos.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 40px;
}

#openSa, #openSa2{
	padding-bottom:7px;
	border:none;
	width:201px;
	height:41px;
	background:url("../img/boton_informacion.gif") no-repeat left top;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
}

#btncontinuar{
	margin-left:400px;
	cursor:pointer;
	}

#fenix h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

#fenix h3 a:hover{
	text-decoration:underline;
	}

.btn_ulises { width:34px; height:13px; margin:0 38px 0 0; padding:0 0 10px 0; display:block; float:right; text-indent:-9999px; }
a.btn_ulises { background: url("../img/btn-ulises.gif"); background-position:0 0; }
a.btn_ulises:hover { background: url("../img/btn-ulises.gif"); background-position:0 -23px; }