/* CSS base */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, table, tr, th, td {margin: 0; padding: 0; border: 0;}
body {font-family: verdana, sans-serif; font-size: .75em; line-height: 1.3em; text-align: center; color: #555; background: url(../img/bg-body.png) #fff repeat-x center top; text-align: center;}
li {list-style-type: none;}
input, textarea, select, option {font-family: verdana, sans-serif; font-size: 100%; border: 1px solid #d8d8d9;}
h1 {}
h2 {font-size: 2.1em;}
h3 {font-size: 1.5em; color: #475463;line-height: 1.4em;}
h4 {font-size: 1em; color: #475463; line-height: 1.2em;}
h5 {font-size: 1em;}
p {margin-bottom: 1em;}
p.last {margin-bottom: 2em;}
img {border: 0;}
br.clear {clear: both; visibility: hidden; height: 1px;}
/* Colores de los links */
a:link, a:visited, a:hover, a:active {color: #ff6600;}
#content div.col-left ul.equipo li ul li a:link, #content div.col-left ul.equipo li ul li a:visited, #content div.col-left ul.equipo li ul li a:hover, #content div.col-left ul.equipo li ul li a:active {color: #475463;}
#content div.col-left ul.equipob p.last a:link, #content div.col-left ul.equipo p.last a:link,
#content div.col-left ul.equipob p.last a:visited, #content div.col-left ul.equipo p.last a:visited,
#content div.col-left ul.equipob p.last a:hover, #content div.col-left ul.equipo p.last a:hover,
#content div.col-left ul.equipob p.last a:active, #content div.col-left ul.equipo p.last a:active {color:#475463; }
ul.languages a:link, ul.languages a:visited, ul.languages a:hover, ul.languages a:active {color: #273544;}
#cast div.col-right ul li.datos p a:link, #cast div.col-right ul li.datos p a:visited, #cast div.col-right ul li.datos p a:hover, #cast div.col-right ul li.datos p a:active {color: #ff6600;}
div.col-right ul li.links li a:link, div.col-right ul li.links li a:visited, div.col-right ul li.links li a:hover, div.col-right ul li.links li a:active {color: #475463;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #666;}
#content div.col-left ul.equipo li p.links a:link,
#content div.col-left ul.equipo li p.links a:visited,
#content div.col-left ul.equipo li p.links a:hover,
#content div.col-left ul.equipo li p.links a:active,
#content div.col-left ul.equipo li p.descr a:link,
#content div.col-left ul.equipo li p.descr a:visited,
#content div.col-left ul.equipo li p.descr a:hover,
#content div.col-left ul.equipo li p.descr a:active,
#content div.col-left ul.equipob li p.links a:link,
#content div.col-left ul.equipob li p.links a:visited,
#content div.col-left ul.equipob li p.links a:hover,
#content div.col-left ul.equipob li p.links a:active,
#content div.col-left ul.equipob li p.descr a:link,
#content div.col-left ul.equipob li p.descr a:visited,
#content div.col-left ul.equipob li p.descr a:hover,
#content div.col-left ul.equipob li p.descr a:active {color: #475463;}
#top, #content, #subfooter, #footer {width: 988px; margin: 0 auto; text-align: left;}
#top {background: url(../img/bg-header.png) left top no-repeat; height: 188px; margin-bottom: 4em;}
#content {color: #475463;}
div.master {width: 726px; float: left; height: 131px;}
div.master h1 {background: url(../img/master-en-web.gif) no-repeat left top; width: 305px; height: 43px; text-indent: -9999px; margin-left: 23px; margin-top: 21px;}
#cat div.master h1 {background: url(../img/master-en-web-uab.gif) no-repeat left top; width: 305px; height: 43px; text-indent: -9999px; margin-left: 23px; margin-top: 21px;}
#eng div.master h1 {background: url(../img/master-in-web.gif) no-repeat left top; width: 305px; height: 43px; text-indent: -9999px; margin-left: 23px; margin-top: 21px;}
div.master h2 {background: url(../img/comunicacion-marketing-negocio.gif) no-repeat left top; width: 422px; height: 27px; text-indent: -9999px; margin-left: 64px;}
#cat div.master h2 {background: url(../img/comunicacio-marqueting-negoci.gif) no-repeat left top; width: 422px; height: 27px; text-indent: -9999px; margin-left: 64px;}
#eng div.master h2 {background: url(../img/communication-marketing-business.gif) no-repeat left top; width: 422px; height: 27px; text-indent: -9999px; margin-left: 64px;}
div.master h1 a, div.master h1 span {display: block; width: 305px; height: 43px;}
div.master h2 a, div.master h2 span {display: block; width: 422px; height: 27px;}
div.nav-right {width: 248px; float: left; clear: right; height: 131px;}
div.nav-right ul {clear: both;}
div.nav-right li {float: left; }
ul.logos li.uab {background: url(../img/bg-logo-uab.png) no-repeat left top #000; width: 122px; height: 75px;}
ul.logos li.uab a {display: block; width: 122px; height: 75px; background: url(../img/logo-uab.gif) no-repeat 10px top;}
ul.logos li.edp {background: #6a8c3b; width: 126px; height: 75px; clear: right;}
ul.logos li.edp a {display: block; width: 126px; height: 75px; background: url(../img/logo-escola-de-postgrau.png) no-repeat left top;}
ul.logos a {text-indent: -9999px;}
ul.languages {font-size: .95em; font-weight: bold; color: #273544; padding-top: .5em; margin-left: 2.2em;}
ul.languages li {background: url(../img/bg-languages.gif) no-repeat right .5em; padding-right: 1.2em; margin-right: 1em;}
ul.languages li.last {background: none;}
ul.languages a {font-weight: normal;}
div.main-nav {background: url(../img/bg-mainnav.png) no-repeat left top; clear: both;}
div.main-nav ul {height: 57px; margin: 0 0 0 34px;}
div.main-nav ul li {float: left; height: 57px; background: url(../img/bg-li-mainnav.gif) no-repeat right top; padding-right: 4px; width: auto; padding: 0 24px 0 20px;}
div.main-nav ul li.last {clear: right; background: none;}
div.main-nav span {background: url(../img/bg-li-mainnav.gif) right top;}
/* castellano */
#cast div.main-nav ul li.home span {background-image: url(../img/inicio.png) width: 130px; height: 34px;}
div.col-left {width: 580px; float: left; padding-left: 84px; margin-bottom: 2em; margin-right: 40px;}
div.col-right {width: 208px; float: left; clear: none; background: #ebeff0; margin-bottom: 0; border-bottom: 2em solid white;}
div.col-right-p {width: 208px; float: left; background: #fff; margin-bottom: 0;}
div.col-right-p img {padding: 10px 0px 10px 0px; }
div.col-right-p ul {margin: 0px 0px 0px 12px;}
/* Right column */
div.col-right ul {background: url(../img/bg-col-right.gif) repeat-x left top; margin: 10px 10px 10px 12px; font-size: .95em; padding-top: 10px;}
div.col-right ul li {background: url(../img/bg-col-right.gif) repeat-x left bottom;}
div.col-right ul li h4 {background: url(../img/bg-bt-mas-informacion.png) no-repeat left top; width: 184px; height: 58px; padding-top: 8px; padding-left: 0;}
div.col-right ul li h4 a {background: url(../img/bg-bt-mas-informacion.png) no-repeat left top; width: 168px; height: 46px; display: block; margin-left: 8px; text-indent: -9999px;}
#cast div.col-right ul li.datos {display: none;}
#cast div.col-right ul li.datos h4 {background: url(../img/datos-basicos.gif) no-repeat left top; width: 184px; height: 13px; margin-top: 16px; margin-bottom: .4em; text-indent: -9999px;}
#cast div.col-right ul li.datos dt {font-weight: bold;}
#cast div.col-right ul li.datos dd {margin-bottom: .4em;}
#cast div.col-right ul li.datos p {text-align: left;}
div.col-right ul li p {padding-bottom: 14px; text-align: center; line-height: 1.3em; }
div.col-right ul li.pdf h4 {background: url(../img/bg-bt-mas-informacion.png) no-repeat left top; width: 184px; height: 58px; margin-top: 10px; padding-top: 8px; padding-left: 0;}
div.col-right ul li.links h4 {background: no-repeat left top; width: 184px; height: 18px; margin-top: 10px; padding-top: 8px; padding-left: 0; text-indent: -9999px;}
div.col-right ul li.links {padding-bottom: 14px;}
div.col-right ul li.links ul {background: none; margin: 0; padding: 0;}
div.col-right ul li.links li {background: none; margin: 0 0 .5em; padding: 0;}
div.col-right ul li.socialmedia h4 {background: no-repeat left top; width: 184px; height: 18px; padding-top: 8px; padding-left: 0; text-indent: -9999px;}
div.col-right ul li.socialmedia {padding-bottom: 8px;}
div.col-right ul li.socialmedia ul {background: none; margin: 0; padding: 0;}
div.col-right ul li.socialmedia li {background: none; margin: 0 0 .5em; padding: 0;}
div.col-right ul li.socialmedia p {padding: 0px 0px 0px 30px; text-align:left;}
div.col-right ul li.socialmedia a {padding: 0px 0px 0px 10px;}
div.col-right ul li.socialmedia img {vertical-align: middle; text-decoration:none;}
/* #languages ul {padding-left: 70px;}
#languages li {display: inline;}
#languages li img {margin-right: 60px;} */
/* castellano */
#cast div.col-right ul li.masinfo h4 a {background-image: url(../img/bt-mas-informacion.png);}
#cast div.col-right ul li.pdf h4 a {background-image: url(../img/bt-descargar-pdf.png);}
#cast div.col-right ul li.campus h4 a {background-image: url(../img/bt-campus-virtual.png);}
#cast div.col-right ul li.estudiantes h4 a {background-image: url(../img/estudiantes001.png);}
#cast div.col-right ul li.datos h4 {background-image: url(../img/datos-basicos.gif);}
#cast div.col-right ul li.links h4 {background-image: url(../img/links-recomendados.gif);}
#cast div.col-right ul li.socialmedia h4 {background-image: url(../img/siguenos.png);}
/* catalán */
#cat div.col-right ul li.masinfo h4 a {background-image: url(../img/bt-mes-informacio.png);}
#cat div.col-right ul li.pdf h4 a {background-image: url(../img/bt-descarregar-pdf.png);}
#cat div.col-right ul li.campus h4 a {background-image: url(../img/bt-campus-virtual.png);}
#cat div.col-right ul li.datos h4 {background-image: url(../img/dades-basiques.gif)}
#cat div.col-right ul li.estudiantes h4 a {background-image: url(../img/estudiants001.png);}
#cat div.col-right ul li.links h4 {background-image: url(../img/links-recomanats.gif);}
#cat div.col-right ul li.socialmedia h4 {background-image: url(../img/segueixnos.png);}
/* english */
#eng div.col-right ul li.masinfo h4 a {background-image: url(../img/bt-more-information.png);}
#eng div.col-right ul li.pdf h4 a {background-image: url(../img/bt-download-pdf.png);}
#eng div.col-right ul li.campus h4 a {background-image: url(../img/bt-virtual-campus.png);}
#eng div.col-right ul li.estudiantes h4 a {background-image: url(../img/students001.png);}
#eng div.col-right ul li.datos h4 {background-image: url(../img/basic-details.gif)}
#eng div.col-right ul li.socialmedia h4 {background-image: url(../img/followuson.png)}
/* Left column */
#content div.col-left {line-height: 1.5em;}
#content div.col-left h3 {font-size: 1.6em; margin-bottom: 1em;}
#content div.col-left h4 {font-size: 1.5em;margin-bottom: 1em; clear: both;}
#content div.col-left p { padding-right: 2em;}
#content div.col-left ul {margin-bottom: 2em; }
#content div.col-left li {margin-bottom: .5em; background: url(../img/bg-languages.gif) no-repeat left .4em; padding-left: 20px;}
#content div.col-left .list-home {margin-bottom: 2em; float: left; clear: both; background: url(../img/bg-form.gif) repeat-x scroll left top; padding-top: 1.5em; width: 100%; position: relative;}
#content div.col-left .list-home span {position: absolute; right: 2em;
top: 1.3em;}
#content div.col-left .list-home div {float: left; clear: both; background: url(../img/bg-form.gif) repeat-x scroll left bottom; width: 100%;}
#content div.col-left .list-home dl {width: auto; margin-right: 30px; float: left; margin-bottom: 1em;}
#content div.col-left .list-home dl.dates {float: left;}
#content div.col-left .list-home dl.place {margin-right: 0;}
#content div.col-left .list-home dt {font-weight: bold;}
#content div.col-left .list-home dd {margin-bottom: .5em;}
#content div.col-left ul.prog li {background: none; padding-left: 0;}
#content div.col-left ul.prog dt {font-weight: bold;}
#content div.col-left ul.prog dt.prof{font-weight: normal; float: left; margin-right: .5em;}
/*#content div.col-left ul.equipoa li,
#content div.col-left ul.equipob li,
#content div.col-left ul.equipo li {background: none; padding: 0; margin: 0;}
#content div.col-left ul.equipo li {float: left; clear: both; width: 275px;}
#content div.col-left ul.equipo, #content div.col-left ul.equipob li {width: 275px; float: left;}
#content div.col-left ul.left, #content div.col-left ul.equipob li.left {margin-right: 30px;}
#content div.col-left ul.equipob li p, #content div.col-left ul.equipo li p {padding-right: 0;}
#content div.col-left ul.equipoa h5,
#content div.col-left ul.equipob h5,
#content div.col-left ul.equipo h5 {font-size: 1em; width: 275px;}
#content div.col-left ul.equipoa p,
#content div.col-left ul.equipob p,
#content div.col-left ul.equipo p {margin-bottom: .1em; font-size: .9em; line-height: 1.4em; width: 275px;}
#content div.col-left ul.equipoa p.last,
#content div.col-left ul.equipob p.last {margin-bottom: 2em;}
#content div.col-left ul.equipo p.last {margin-bottom: .4em;}
#content div.col-left ul.equipo li p.links {font-size: .8em; line-height: 1.5em; margin-bottom: 3em;}
#content div.col-left ul.equipob ul,
#content div.col-left ul.equipo ul {float: none; clear: left;}
*/
/* Ficha Profesores */
/*
ul.equipoa li {height: 80px;}
ul.equipoa img {float: left; margin-right: 14px; border: 1px solid #cbd3d1; padding: 4px;}
ul.equipoa div {float: left; clear: right; width: 500px;}
ul.equipoa div li {width: auto;}
ul.equipob img {float: left; margin-right: 14px; border: 1px solid #cbd3d1; padding: 4px;}
ul.equipob div {float: left; clear: right;}
ul.equipo img {float: left; margin-right: 14px; border: 1px solid #cbd3d1; padding: 4px;}
ul.equipo div {float: left; clear: right;}
*/
#content div.col-left ul.equipoa, #content div.col-left ul.equipob, #content div.col-left ul.equipo {margin-left: 0; margin-bottom: 0;}
#content div.col-left ul.equipoa li, #content div.col-left ul.equipob li, #content div.col-left ul.equipo li {background-image: none; padding-left: 0; margin-left: 0; float: left; width: 580px; margin-bottom: 2em;}
#content div.col-left ul.equipoa img, #content div.col-left ul.equipob img, #content div.col-left ul.equipo img {float: left; margin-right: 14px; border: 1px solid #cbd3d1; padding: 4px;}
#content div.col-left ul.equipoa div, #content div.col-left ul.equipob div, #content div.col-left ul.equipo div {float: left; clear: right; width: 580px;}
#content div.col-left ul.equipoa p.asign, #content div.col-left ul.equipob p.asign, #content div.col-left ul.equipo p.asign {font-size: .95em; /* margin-bottom: 0; */ padding-right: 0; padding-left: 84px;}
#content div.col-left ul.equipoa p.descr, #content div.col-left ul.equipob p.descr, #content div.col-left ul.equipo p.descr { margin: 0; padding-right: 0; padding-left: 84px;}
#content div.col-left ul.equipoa p.links, #content div.col-left ul.equipob p.links, #content div.col-left ul.equipo p.links { margin-bottom: 0; font-size: .9em; padding-right: 0; padding-left: 84px;}
#content img.img-home {float: left; border: 1px solid #cbd3d1; padding: 4px; margin-right: 14px; margin-bottom: 10px;}
#content div.picts {float: left; width: 200px;}
#content div.picts img {border: 1px solid #cbd3d1; padding: 4px; margin-bottom: 14px;}
dl.ficha {margin-bottom: 2em; margin-left: 200px; }
dl.ficha dt {font-weight: bold; padding: 0 .5em 0; }
dl.ficha dd { margin-bottom: .5em; border-bottom: 1px dashed #d3d3d3; padding: 0 .5em .6em; }
p.subir {text-align: right; clear: both;}
#form { background: url(../img/bg-form.gif) repeat-x left top #fff; padding-top: 20px; padding-top:20px; margin: 0 14px 1.5em; clear: both;}
#form h4 {background: url(../img/solicitud-de-informacion.png) no-repeat #fff 70px top; text-indent: -9999px; margin: 1em 0 2em; height: 18px; padding-left: 70px;}
#cat #form h4 {background: url(../img/sollicitud-dinformacio.png) no-repeat #fff 70px top; text-indent: -9999px; margin: 1em 0 2em; height: 18px; padding-left: 70px;}
#eng #form h4 {background: url(../img/request-for-information.png) no-repeat #fff 70px top; text-indent: -9999px; margin: 1em 0 2em; height: 18px; padding-left: 70px;}
#form fieldset {background: url(../img/bg-form.png) repeat-y left top #fff; margin: 0; paddding: 0; padding-top: .5em; padding-left: 70px;}
#form fieldset div {clear: both;}
#form dl.form1 {padding-left: 70px; margin-bottom: 2em;}
#form dl.form1, #form dl.form2 {float: left; width: 222px; margin-right: 20px; padding: 0;}
#form dl.form1 input, #form dl.form2 input, #form dl.form3 textarea {width: 95%; padding: .4em;}
#form dl.form3 {float: left; clear: right; width: 356px; padding: 0;}
#form dl.form3 textarea {width: 100%; height: 127px;}
#form dt {font-weight: bold; text-indent: .5em;}
#form dt {margin: 0 0 .2em;}
#form dd {margin: 0 0 .8em;}
#form dl.form4 {clear: left; float: left; padding-bottom: 1.5em; width: 520px;}
/* #form dl.form4 dt {float: left; width: 384px; height: 40px;}
#form dl.form4 dd {float: left; width: 120px; clear: right;}
#form dl.form4 li {display: inline; margin-right: 1em;} */
#form dl.form4 dd {float: left; width: 504px; height: 40px; clear: right;}
#form dl.form4 input {border: 0; margin-right: .5em;}
#form p {font-size: .95em; clear: both; margin-bottom: 2em; margin-top: 1em;}
#form fieldset div.button {background: url(../img/bt-bg-enviar.png) no-repeat 95px top; width: 132px; height: 64px; float: left; clear: none; padding-left: 103px; margin-top: 0em; clear: none; margin-top: -1em;}
/*input.bt-send {background: url(../img/bt-send.png) no-repeat left top; font-size:0; line-height:0; text-indent:-9999px; width: 116px; height: 46px; margin-left: 8px; margin-top: 9px; border: 4px solid white; display: block;}*/
input.bt-send {background: url(../img/bt-enviar.png) no-repeat left top; width: 116px; height: 46px; text-indent: -9999px; font-size: 0px; display:block; line-height: 0px; border: 0;float: left; margin-top: 9px;}
#subfooter {clear: both; background: url(../img/bg-footer.png) no-repeat #fff left top; color: #666; padding-top: 3em; margin-bottom: 3em;}
#subfooter h4 {background: url(../img/patrocinadores.png) no-repeat #fff 70px top; text-indent: -9999px; margin: 1em 0 2em; height: 18px; padding-left: 70px;}
#subfooter ul {padding-left: 70px;}
#subfooter li {display: inline;}
#subfooter li img {margin-right: 60px;}
#footer {background: url(../img/bg-form.gif) repeat-x left top #fff; padding-top: 20px; padding-top:20px; margin: 0 auto 1.5em; text-align: center; color: #666; font-size: .95em; padding-top: 3em;}
#footer ul {margin-bottom: 1.4em;}
#footer li {display: inline; border-right: 1px solid #666;}
#footer li.last {border-right: 0;}
#footer a {margin: 0 1em;}
#footer p a {margin: 0 0em; text-decoration: none;}