/** GENERAL ****************************/

/** Cursivas **/
EM {
	color: #7D8B8F;
}

/** Enlaces **/
A {
	color: #229078;
	font-weight: bold;
}

A:hover {
	text-decoration: underline;
}

/** Titulares **/
H2 {
	padding: 8px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	line-height: 1.2em;
	color: #229078;
}

H3 {
	margin: 1em 0em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

H4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}

/** Párrafos **/
P {
	padding: 0.5em 0em;
}

/** Botones **/
A.boton IMG {
	width: 358px;
	display: block;
	margin: 1em auto;
	border: 1px solid #D3DCDE;
}

A.boton:hover IMG {
	border: 1px solid #49897B;
}

/** Listas no numeradas **/
#contenido UL {
	margin-left: 2.1em;
}

#contenido UL LI {
	margin: 0.5em 0em;
	list-style: disc;
}

/** Listas numeradas **/
#contenido OL {
	margin-left: 2.5em;
}

#contenido OL LI {
	margin: 1em 0em;
	list-style: decimal;
}

#contenido OL.abc LI {
	list-style: upper-latin;
}

/** Tablas **/
TABLE {
	width: 100%;
	margin: 1em 0em;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #C7D1D3;
}

TH {
	padding: 6px 11px 8px;
	background: #C7D1D3;
	border: 1px solid #C7D1D3;
	color: #404749;
	text-align: left;
	text-transform: uppercase;
}

TR.separador {
	border-top: 1px solid #C7D1D3;
}

TD {
	padding: 7px 11px 8px;
	border-top: 1px solid #C7D1D3;
}

TD H4 A {
	text-transform: uppercase;
}

#contenido TD LI {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

TD P {
	margin: 0.3em 0em 0em;
	font-style: italic;
}

TABLE .num {
	text-align: center;
}

/** Ficha de datos **//** Tablas **//* Añadido por Roger 14/07/2009 hasta inicio del proximo comment. */
TABLE.events {
	width: 100%;
	margin: 1em 0em;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

TABLE.events TD, TABLE.events TH {
	padding: 1.3em 0em;
	border-top: 1px solid #E2E9EB;
	border-bottom: 1px solid #E2E9EB;
	background-color:transparent;
	border-width:1px 0 1px 0;
}

TABLE.events TH {
	padding-right: 20px;
	color: #7D8B8F;
	font-weight: bold;
	vertical-align: top;
}

TABLE.events TD H3 {
	font-size: 1.1em;
	margin: 0px 0px 5px;
}

TABLE.events TD H3 {
	font-size: 1.1em;
	margin: 0px 0px 5px;
}

#contenido DL {
	margin: 0px;
}

#contenido DT {
	width: 120px;
	display: block;
	float: left;
	clear: right;
	color: #7D8B8F;
	font-style: normal;
}

#contenido DD {
	width: 260px;
	display: block;
	float: right;
}
*:first-child+html #contenido DD { float: none; } /* IE7  */
* html #contenido DD { float: none; } /* IE6 */



/** HOME ************************************/

/** Titulares **/
BODY#home #contenido H2, BODY#home #submenu H2 {
	margin-bottom: 10px;
	padding: 5px 0px 6px;
	background: #E5EAEB;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

BODY#home #contenido H2 SPAN, BODY#home #submenu H2 SPAN {
	padding: 4px 10px 5px;
	background: #6B777B;
}
*:first-child+html BODY#home #contenido H2 SPAN { padding: 6px 10px; } /* IE7 */
*:first-child+html BODY#home #submenu H2 SPAN { padding: 5px 10px 6px; } /* IE7 */
* html BODY#home #contenido H2 SPAN { padding: 6px 10px; } /* IE6 */
* html BODY#home #submenu H2 SPAN { padding: 5px 10px 6px; } /* IE6 */

BODY#home #news {
	clear: left;
}

BODY#home #about IMG, BODY#home #news IMG {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

BODY#home #about .boton IMG {
	width: 228px;
	height: 61px;
	float: none;
}


/** PROGRAM » STRUCTURE  |  CLASS OFFERINGS *******************/

BODY.program TABLE {
	margin: 0.5em 0em 1em;
}

BODY.program TH.subject, BODY.program TH.teacher, BODY.class_offerings TH.subject, BODY.class_offerings TH.teacher {
	width: 31%;
}

BODY.program .num, BODY.class_offerings .num {
	width: 12%;
	background: #E5EAEB;
}

BODY.program TH.num, BODY.class_offerings TH.num {
	background: #6B777B;
}

BODY.program TR.separador H4 {
	text-transform: uppercase;
}

BODY.program TD.subject, BODY.class_offerings TD.subject {
	font-weight: bold;
}

BODY.program TR.nota {
	border: 1px solid #FFF;
	border-top: 1px solid #6B777B;
	color: #7D8B8F;
	font-style: italic;
}

BODY.program TR.nota TD {
	padding-bottom: 0px;
}
*:first-child+html BODY.program TR.nota TD { padding-bottom: 8px } /* IE7 */
* html BODY.program TR.nota TD { padding-bottom: 8px } /* IE6 */



/** FACULTY  |  STUDENTS *******************/

TABLE.personas {
	margin: 1em 0em;
	border: 0px;
}

TABLE.personas TD {
	padding: 0px;
	border-top: 1px solid #E2E9EB;
	border-bottom: 1px solid #E2E9EB;
}

TABLE.personas TD H3 {
	font-size: 1.1em;
	margin: 0px 0px 5px;
}

TABLE.personas TD H3 {
	font-size: 1.1em;
	margin: 0px 0px 5px;
	clear: left;
}

TABLE.personas TD IMG {
	margin: 15px 30px;
}

TABLE.personas TD DL {
	margin: 0px;
}

TABLE.personas TD DT {
	width: 100px;
	display: block;
	float: left;
	clear: right;
	color: #7D8B8F;
	font-style: normal;
}

TABLE.personas TD DD {
	width: 280px;
	display: block;
	float: right;
}
*:first-child+html TABLE.personas TD DD { float: none; } /* IE7 */
* html TABLE.personas TD DD { float: none; } /* IE6 */



/** FACULTY » CARD ***************************/

BODY#card TABLE {
	margin-bottom: 0em;
}

BODY#card DT {
	width: 100px;
}

BODY#card DD {
	width: 240px;
}

BODY#card #contenido UL, BODY#card #contenido OL {
	margin-bottom: 1.6em;
}

BODY#card #contenido LI {
	margin: 0.5em 0em;
}



/** GRADUATES » PLACEMENT INFORMATION **/

BODY#placement_information TH.name {
	width: 25%;
}

BODY#placement_information TH.position {
	width: 25%;
}



/** GRADUATES » BRIEF PROFILE **/

BODY#brief_profile TABLE {
	width: 70%;
}

BODY#brief_profile .graduates {
	width: 25%;
}

BODY#brief_profile TR.separador {
	background: #E5EAEB;
	font-weight: bold;
}



/** THE PLACE » LIVING IN BARCELONA **/

BODY#living_in_barcelona #contenido LI {
	margin: 0.5em 0em;
}



/** NEWS **/

BODY.news #contenido UL {
	margin: 10px 0px 0px;
	border-bottom: 1px solid #E2E9EB;
}

BODY.news #contenido LI {
	list-style: none;
	border-top: 1px solid #E2E9EB;
	padding: 1px 0px 15px;
	margin: 0px;
	clear: right;
}

BODY.news #contenido IMG {
	float: right;
	margin: 1em 0em 0.5em 1em;
}

.fecha {
	font-size: 0.9em;
	color: #778488;
	text-transform: uppercase;
}


/** NEWS » EXTENDED **/

BODY#extended #contenido H2 {
	padding-bottom: 0px;
}


/** CLASS OFFERINGS » ACADEMIC CALENDAR *******************/

BODY#academic_calendar TABLE {
	border: 0px;
}

BODY#academic_calendar TABLE TH, BODY#academic_calendar TABLE TD {
	padding: 4px 0px;
	text-align: center;
}

BODY#academic_calendar TABLE TD {
	border: 0px;
	border-bottom: 1px dashed #86979B;
}

BODY#academic_calendar TABLE .espacio {
	width: 15px;
	border: 0px;
	background: #FFF;
}

BODY#academic_calendar TABLE .fiesta {
	background: #E5EAEB;
}

BODY#academic_calendar TABLE TR.mes TH {
	background: none;
	border: 0px;
	color: #404749;
}

BODY#academic_calendar TABLE .sel {
	background: #229078;
	color: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

BODY#academic_calendar TABLE TR.paginacion TD {
	border: 0px;
	text-align: left;
}

BODY#academic_calendar TABLE TR.paginacion TD.next {
	text-align: right;
}


/** FACULTY AREA *****************************************/

BODY#area TABLE {
	border: 1px solid #E5EAEB;
	margin-top: 1px;
}

BODY#area TD, BODY#area TH {
	border: 0px;
	padding: 11px 11px 0px;
}

BODY#area TH {
	width: 130px;
	background: #E5EAEB;
	color: #404749;
	vertical-align: top;
	text-transform: none;
	text-align: right;
	padding-top: 13px;
}

BODY#area TD {
	width: 378px;
}

BODY#area TR.cabecera {
	background: #6B777B;
}

BODY#area INPUT, BODY#area TEXTAREA, BODY#area SELECT {
	border: 1px solid #A4B1B4;
	padding: 3px 5px 4px;
	width: 363px;
}

BODY#area SELECT {
	width: 374px;
	padding: 3px 3px 2px;
}

BODY#area OPTION {
	padding: 1px 5px;
}

BODY#area .boton {
	color: #FFF;
	background: #6B777B;
	width: 80px;
	border: 0px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 11px;
}

BODY#area .boton:hover {
	background: #229078;
}

BODY#area DIV#extra {
	margin-top: 15px;
}

BODY#area .new {
	text-align: right;
	margin-bottom: 15px;
}

BODY#area .new A {
	padding: 4px 15px 5px;
	margin: 0px;
}

BODY#area .new A:hover {
	text-decoration: none;
}

BODY#area #subjects {
	border: 1px solid #6B777B;
	width: 100%;
}

BODY#area #subjects TH {
	background: #6B777B;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	padding: 8px 10px;
}

BODY#area #subjects TD {
	border-bottom: 1px dashed #86979B;
	padding: 8px 10px;
}

BODY#area #subjects TD.sel {
	background: #E5EAEB;
	font-weight: bold;
}