/**** Base styles *** */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,img { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
/* Fonts */
@font-face { font-family: '65-webfont'; src: url('65-webfont.eot') format('embedded-opentype'), url('65-webfont.woff') format('woff'), url('65-webfont.ttf') format('truetype'), url('65-webfont.svg') format('svg'); font-style: normal; font-weight: normal;}
@font-face { font-family: 'helneue-bold-webfont'; src: url('http://www.uab.cat/Xcelerate/UAB2013/general/css/fonts/helneue-bold-webfont?') format('embedded-opentype'), url('helneue-bold-webfont.woff') format('woff'), url('helneue-bold-webfont.ttf') format('truetype'), url('helneue-bold-webfont.svg') format('svg'); font-style: normal; font-weight: normal;}
@font-face { font-family: 'helv-condensed-bold-webfont'; src: url('http://www.uab.cat/Xcelerate/UAB2013/general/css/fonts/helv-condensed-bold-webfont?') format('embedded-opentype'), url('helv-condensed-bold-webfont.woff') format('woff'), url('helv-condensed-bold-webfont.ttf') format('truetype'), url('helv-condensed-bold-webfont.svg') format('svg'); font-style: normal; font-weight: normal;}
/* Global Styles */
body { font: 0.813em Arial, sans-serif; color: #000; line-height: 1.4em; background: #fff; background-attachment: fixed; overflow-y: scroll; overflow-x: hidden; }
a { color: #01644f; text-decoration: underline; -webkit-transition: color linear .2s; -moz-transition: color linear .2s; -o-transition: color linear .2s; -ms-transition: color linear .2s; transition: color linear .2s; }
a:hover { text-decoration: underline; }
a:active { background: hsla( 0, 100%, 100%, 0.5 ); }
a:hover img { opacity: 0.7; }
h1,h2 { line-height: 1.2em; margin-bottom: 0.6em; font-family: '65-webfont', Arial; color: #103437; }
h1 { font-size: 2em; }
h2 { font-size: 1.846em; font-family: 'helneue-bold-webfont', Arial; }
h3 { font-size: 1.154em; line-height: 19px; margin: 12px 0; font-family: 'helneue-bold-webfont', Arial; }
h4 { font-size: 1em; font-weight: 700; margin: 1.250em 0 0 0; color: #333333; }
p,ul,ol,pre,dl { margin-bottom: 1em; }
em { font-style: italic; }
.clear { clear: both; height: 0.001em; overflow: hidden; }
img { border: 0; margin: 0; padding: 0; }
b { font-weight: bolder; }
p { font-size: 1em; line-height: 18px; margin: 10px; }
ul, ol { font-size: 1em; line-height: 20px; margin: 10px 0 10px 20px; }
h1 em, h2 em, h3 em { font-style: normal; }
.gray-bg {background: #e7e7e7;}
sup {font-size: 0.45em; vertical-align: text-top; margin: 0; padding: 0; line-height: 0; }
table {
border-collapse: collapse;
border-spacing: 0;
}
input,button,textarea,select,optgroup,option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
strong {font-weight: bold;}
a.purple {
color: #6a2c72;
}
/**** imatges de fons ****/
.vall {background:#fff url(fitxavallfons.jpg) 50% 0 no-repeat; }
.mastersfons {background:#fff url(fitxamastersfons.jpg) 50% 0 no-repeat; }
/**** header ****/
#accessibilitat { display: none; }
#header { width: 1000px; margin: 0 auto; position: relative; clear: both; }
#access { background: #e2e9de; width: 100%; }
.access { margin: 0 auto; color: #000; }
.access ul { list-style: none; margin: 0; line-height: 40px; }
.opcions { text-align: right; float: right; display: inline; width: 685px; }
.opcions ul { float: right; display: inline; }
.opcions ul li { display: inline; font-size: 1em; }
.opcions a { color: #000; text-decoration: none; }
.opcions a:hover { color: #01644f; text-decoration: underline;}
.opcions ul.xarxes { margin: 0 0 0 15px; }
.opcions ul.xarxes li a { overflow: hidden; display: block; float: left; width: 30px; height: 40px; }
.opcions ul.xarxes li a.link1 { background: url(xarxasocial3.png) 50% 0 no-repeat; background-position:50% 0; }
.opcions ul.xarxes li a.link2 { background: url(xarxasocial1.png) 50% 0 no-repeat; background-position:50% 0; }
.opcions ul.xarxes li a.link3 { background: url(xarxasocial4.png) 50% 0 no-repeat; background-position:50% 0; }
.opcions ul.xarxes li a.link4 { background: url(xarxasocial5.png) 50% 0 no-repeat; background-position:50% 0; }
.opcions ul.xarxes li a.link5 { background: url(xarxasocial2.png) 50% 0 no-repeat; background-position:50% 0; }
.opcions ul.xarxes li a.link1:hover { background: url(xarxasocial3.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a.link2:hover { background: url(xarxasocial1.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a.link3:hover { background: url(xarxasocial4.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a.link4:hover { background: url(xarxasocial5.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a.link5:hover { background: url(xarxasocial2.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a em { display: none; }
.opcions ul.idiomes { margin: 0 10px; }
.opcions ul.idiomes li { padding: 0 5px; border-right: 1px solid #000; margin:10px 0; line-height: 20px; float: left; display: inline;}
.opcions ul.idiomes li a {margin:0; padding:0;}
.opcions ul.idiomes li:last-child { border-right: none; }
.opcions ul.cercador { margin: 0 ; }
.opcions ul.cercador li { float: left; display: inline; margin: 0 15px; }
#topSearch { position: relative; margin:10px 0; line-height: 20px; }
#topSearch input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #fff; border: 0 none; height: 20px; width: 140px; padding: 0 20px 0 10px; border-radius: 12px; line-height: 20px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-sizing: border-box;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
#topSearch input[type="submit"] {cursor: pointer; background: url("ico_search.png") no-repeat scroll 0 0; border: 0 none; line-height: 20px; height: 20px; width: 20px; margin: 0 5px 0 0; padding: 0; text-indent: -999999px; position: absolute; right: 0; top: 0px;}
a.directori {color:#000; text-decoration: none; padding: 0 25px 0 0; background: url(directori.png) no-repeat 100% 50%; display: block;}
a.directori:hover { background: url(directori-hover.png) no-repeat 100% 50%; }
#header .logo { width: 230px; height: 90px; float: left; display: inline; margin: 0; }
#header .logo h1 { margin: 0; }
#header .logo h1 a { width: 230px; height: 90px; display: block; background: url(logo.png) 0 0 no-repeat; text-decoration: none; }
#header .logo h1 a em { display: none; }
#header .logo h2 { margin: 0; }
#header .logo h2 a { width: 230px; height: 90px; display: block; background: url(logo.png) 0 0 no-repeat; text-decoration: none; }
#header .logo h2 a em { display: none; }
/**** nav ****/
#nav-uab { position: relative; margin: 0 auto; height:90px; background: #fff;}
#nav-uab ul {margin:0;}
.nav { float: right; display: inline; margin: 0; line-height: 30px; }
.nav li { float: left; display: inline; padding: 45px 0 15px 0; line-height: 30px; font-size: 2em; font-family: 'helneue-bold-webfont', Arial; }
.nav li#estudia:hover, .nav li#investiga:hover, .nav li#viu:hover, .nav li#coneix:hover{background: url(triangle-gris.png) no-repeat 50% 100%;}
.nav li:last-child { padding: 45px 0 15px 0; border-right: none; }
.nav li:last-child a { border-right: none; }
.nav li a { margin:0; color: #000; text-decoration: none; display: block; padding: 0 23px ; border-right: 1px solid #939598; position: relative;}
.nav li a:hover { color: #01644f; text-decoration: none; }
.nav li a:active { color: #01644f; text-decoration: none; }
.nav li.active a { color: #01644f; text-decoration: none; }
sup.cei { margin: 0; vertical-align: super; }
/**** nav NEW ****/
#nav-uab { width: 1230px; position: relative; margin: 0 auto; height:90px; z-index: 3000;}
.nav { float: right; display: inline; margin: 0; line-height: 30px; }
.nav li { float: left; display: inline; padding: 45px 0 15px 0; line-height: 30px; font-size: 2em; font-family: 'Arial'; font-weight: bold;}
.nav li#estudia:hover, .nav li#investiga:hover, .nav li#viu:hover, .nav li#coneix:hover{background: url(triangle-gris.png) no-repeat 50% 100%;}
.nav li#coneix { padding: 45px 0 15px 0; border-right: none; }
.nav li#coneix a { padding: 0 0 0 23px;border-right: none; }
.nav li a { margin:0; color: #000; text-decoration: none; display: block; padding: 0 23px ; border-right: 1px solid #939598; }
.nav li a:hover { color: #01644f; text-decoration: none; }
.nav li a:active { color: #01644f; text-decoration: none; }
.nav li a.active { color: #01644f; text-decoration: none; }
sup.cei { margin: 0; vertical-align: super; }
/* Especifics per menu de subseccions 1024 */
/*.rwd-menu { width: 1000px; }*/
.rwd-menu.nav ul { width: 1000px; }
.rwd-menu .submenu2,
.rwd-menu .submenu3,
.rwd-menu .submenu4,
.rwd-menu .submenu5 {
width: 125px;
}
.rwd-menu .submenu4 { width: 140px; }
.rwd-menu .submenu5 { width: 190px; }
/******* mega menu list ADOBE Masters (new design) **********/
nav#nav-masters { font-weight: bold; background-color: #f7f7f8; margin: 15px 0px 15px 0px; border-radius: 5px; box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.3)}
/* mega menu list ADOBE*/
.nav-menu { display: block; position: relative; list-style: none; margin: 0; padding: 0; z-index: 501;}
/* a top level navigation item in the mega menu */
.nav-item {list-style: none; display: inline-block; padding: 0; margin: 0; }
/* first descendant link within a top level navigation item */
.nav-item > a { position: relative; display: inline-block; padding: 0.5em 1em; margin: 0 0 -1px 0; }
/* focus/open states of first descendant link within a top level
navigation item */
.nav-item > a:focus,
.nav-item > a.open {}
/* open state of first descendant link within a top level
navigation item */
.nav-item > a.open {border-bottom: none; z-index: 1;}
/* sub-navigation panel */
.sub-nav {position: absolute; z-index: 500; display: none; padding: 0.5em 1em; background: #e4e4e7;border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:0px; border-top-left-radius:0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.3);}
/* sub-navigation panel open state */
.sub-nav.open {display: block;}
/* list of items within sub-navigation panel */
.sub-nav ul {display: inline-block;vertical-align: top;margin: 0 1em 0 0;padding: 0;}
/* list item within sub-navigation panel */
.sub-nav li {display: block;list-style-type: none padding: 0;}
nav#nav-masters .nav-item a {text-decoration: none; color:#000; line-height: 38px; padding: 0 12px; border-right: 1px solid #939598; margin: 0;}
nav#nav-masters .nav-item a:hover {display: block;text-decoration: none; color: #01644f; background: #e4e4e7; }
nav#nav-masters .nav-item a.selected {color: #01644f !important; background: #e4e4e7; }
nav#nav-masters .sub-nav-group a {text-decoration: none; color:#000; line-height: 28px; padding: 0; border-right: none; margin: 0;}
/***************END mega menu list ADOBE Masters (new design) ***************/
/**** nav dropdowns ****/
.nav ul { background: url(gris-trans.png); display: none; left: 0; list-style: none; margin: 0; min-height: 300px; moz-transition: opacity .5s ease-in-out; o-transition: opacity .5s ease-in-out; padding: 0; position: absolute; z-index: 2000;text-align: left; top: 90px; webkit-transition: opacity .5s ease-in-out; width: 1230px; }
ul.nav ul li { float: none; margin: 0; padding: 0; border:0;}
.nav li:hover > ul { display: block; position: absolute;z-index: 2000;}
.col-nav {
float: left;
display: block;
position: relative;
min-height: 300px;
position: relative;}
p.veure-tot {margin:0; position: absolute; bottom:10px; text-align: left; width:207px;}
p.veure-tot a { display: block; padding: 0 30px 0 0; line-height: 20px; background: url(fletxa-mes.png) 100% 0 no-repeat;}
p.veure-tot a:hover { background: url(fletxa-mes.png) 100% -20px no-repeat;}
.submenu1 {width: 207px; padding: 20px 20px 15px 20px; background: #f8f8f9;}
.submenu2 {width: 207px; padding: 20px 10px 15px 20px; }
.submenu3 {width: 207px; padding: 20px 10px 15px 20px;}
.submenu4 {width: 207px; padding: 20px 10px 15px 20px;}
.submenu5 {width: 207px; padding: 20px 20px 15px 20px;}
.submenu1-2 {width: 444px; padding: 20px 10px 15px 20px; background: #f8f8f9;}
.submenu-new {width: 207px;float: left; display: block; margin: 0 10px 0 0; }
.submenu-new2 {width: 207px;float: left; display: block; margin: 0 0 0 10px;}
#header .border-left {border-left: 1px solid #fff; }
.col-nav img { width: 207px; margin: 10px 0; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.col-nav p { margin: 5px 0; font-size:0.2886em;}
.col-nav h3 { margin: 0 0 10px 0; font-size: 0.346em; font-family: 'Arial'; font-weight: bold;}
.nav li .col-nav h3 a { margin:0; color: #000; text-decoration: none; display: block; padding: 0 ; border: 0; }
.nav li .col-nav h3 a:hover { text-decoration: underline; color: #01644f; }
.nav li .col-nav ol { position: relative; margin: 0; width: auto; }
.nav li .col-nav li { font-size: 0.2886em; border: 0; display: block; float: none; padding: 3px 0; line-height: 18px; }
.nav li .col-nav a { padding:0; border:0;}
.nav li .col-nav li a:hover { padding:0; text-decoration: underline; }
.nav li#coneix .col-nav a { padding: 0; }
.col-nav .nav-title {
margin: 0 0 10px 0;
font-size: 0.346em;
font-family: 'Arial';
font-weight: bold;
}
/**** breadcrumb ****/
#breadcrumb {padding: 10px 0 10px 0;}
#breadcrumb p{margin:0 10px; }
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb em {font-style: normal; margin: 0 5px; }
/**** breadcrumb :: Modificat ****/
#breadcrumb {padding: 10px 0 10px 0;}
#breadcrumb p{margin:0 10px; color: #01644f;}
#breadcrumb a {text-decoration: none; color: #000;}
#breadcrumb a:hover {text-decoration: underline; color: #01644f;}
#breadcrumb em {font-style: normal; margin: 0 5px; }
/**** content ****/
#content { width: 1000px; margin: 0 auto; padding-bottom: 20px;position: relative; background: #fff; }
p.submenu {margin: 10px 0; font-size: 1.007em; font-family: 'Arial'; font-weight: bold;}
p.submenu a {text-decoration: none; color:#000;}
p.submenu a:hover, p.submenu a.selected { color: #01644f !important; }
p.texte-destacat { color: #01644f; }
/**** fitxes ****/
#fitxes {float: left; display: inline; width:500px;}
.fitxa {position: relative; box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc; border-radius: 10px; overflow: hidden; }
.fitxa h3 {margin:0; }
.fitxa h3 a{padding:10px 30px 10px 20px; color:#000; text-decoration: none; display: block; background:#e7e7e7; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.fitxa h3 a:hover{color: #01644f; background:#e6e3e3; }
.fitxa h3 a em { text-indent: -99999px; background: url(fletxa-gris-fosc-verd.png) 100% 0 no-repeat; width:20px; height: 20px; margin: 0; position: absolute; top: 11px; right:20px;}
.fitxa h3 a:hover em { background: url(fletxa-gris-fosc-verd.png) 100% -20px no-repeat; }
.fitxa h2 {margin:0; font-size: 1em; font-family: 'Arial';padding:10px 30px 10px 20px;text-align: center; color:#fff; text-decoration: none; display: block; background:#6a2c72; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.fitxa h2 a{padding:10px 30px 10px 20px; color:#fff; text-decoration: none; display: block; background:#6a2c72; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.fitxa h2 a:hover{color: #01644f; background:#e6e3e3; }
.fitxa h2 a em { text-indent: -99999px; background: url(fletxa-gris-fosc-verd.png) 100% 0 no-repeat; width:20px; height: 20px; margin: 0; position: absolute; top: 11px; right:20px;}
.fitxa h2 a:hover em { background: url(fletxa-gris-fosc-verd.png) 100% -20px no-repeat; }
.fitxa img {margin:20px ; float: left; display: inline; width:210px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);}
.fitxa p {margin-right: 30px;text-align: right;font-weight: bold; }
.fitxa ul {list-style: none; margin:10px 10px 20px 10px; }
.fitxa ul li {float: left; display: inline; width:210px; margin: 0 10px; border-bottom: 1px solid #999898; position: relative;}
.fitxa ul.doble-1-2 {width:210px; list-style: none; margin:10px 10px 20px 20px; float: left; display: inline;clear: none;border-top: 1px solid #999898;}
.fitxa ul.doble-1-2 li {margin:0; }
.fitxa ul.doble-2-2 {width:210px; list-style: none; margin:10px 20px 20px 10px; float: left; display: inline;clear: none;border-top: 1px solid #999898;}
.fitxa ul.doble-2-2 li {margin:0; }
.fitxa ul li a {text-decoration: none; color: #383535; font-weight: bold; display: block; padding: 2px 20px 2px 0;}
.fitxa ul li a:hover { color: #01644f;}
.fitxa ul li a em { text-indent: -99999px; background: url(fletxa-gris.png) 100% 0 no-repeat; padding: 0 20px 0 0; position: absolute; top: 1px; right:0px;}
.fitxa ul li a:hover em{ color: #01644f; background: url(fletxa-gris.png) 100% -20px no-repeat; }
a.mes-info { position: absolute; right: 10px; bottom: 10px; text-indent: -99999px; width: 20px; height: 20px; background: url(fletxa-gris.png) 0 0 no-repeat; color: #ccc; border-radius: 10px; display: block; text-decoration: none; }
a.mes-info:hover { background: url(fletxa-gris.png) 0 -20px no-repeat; }
a.mes-info.plus { position: absolute; right: 10px; bottom: 10px; text-indent: -99999px; width: 20px; height: 20px; background: url(fletxa-mes.png) 0 0 no-repeat; color: #ccc; border-radius: 10px; display: block; text-decoration: none; }
a.mes-info.plus:hover { background: url(fletxa-mes.png) 0 -20px no-repeat !important; }
/**** actualitat ****/
#actualitat { float: left; display: inline; }
/**** contingut ****/
#contingut { float: left; display: inline; }
.contingut {margin: 0 10px; clear: both;}
.contingut p {margin-left:0; margin-right: 0;}
.segon-nivell {margin: 20px auto;}
.content { width: 500px; float: left; display: inline; }
.titul { margin: 0 10px 10px 10px; display: block; clear: both;}
.titul h2 { float: left; display: inline; margin: 0; }
.titul h3 { float: left; display: inline; margin:0; line-height: 28px; font-family: 'helneue-bold-webfont', Arial; }
.ciencies {background: #f7f7f8; display: block; width: 100%; margin: 15px 0 15px 0; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.ciencies ul {margin:0; list-style: none;display: block;}
.ciencies ul li {float: left; margin:0; border-right: 1px solid #e0e0e0; border-left: 1px solid #fff;font-weight: bold; font-size: 1.03em; }
.ciencies ul li:first-child {border-left:0;}
.ciencies ul li a {display: block; color:#000; text-decoration: none; padding: 0 12px;line-height: 38px; }
.ciencies ul li a:hover, .ciencies ul li a.selected{color: #01644f !important; background: #e4e4e7; }
.video {position: relative; }
#campus p.play, p.play {position: absolute; top:50%; left:50%; width:58px; height:57px; margin: -28px 0 0 -28px; background: url(play.png) 0 0 no-repeat; text-indent: -9999999px;}
#campus p.play:hover, p.play:hover {background: url(play.png) 0 -57px no-repeat; }
p.play a {display: block; width:57px; height:57px;}
#campus p.play-petit, p.play-petit {position: absolute; top:50%; left:50%; width:33px; height:33px; margin: -16px 0 0 -16px; background: url(play-petit.png) 0 0 no-repeat; text-indent: -9999999px;}
#campus p.play-petit:hover, p.play-petit:hover {background: url(play-petit.png) 0 -33px no-repeat; text-indent: -9999999px;}
p.play-petit a {display: block; width:33px; height:33px;}
/**** recerca ****/
#recerca {width:100%; margin: 0 auto 0 auto;}
.recerca-content{ margin: 0 auto; padding: 10px 0; position: relative;}
.recerca { width: 180px; padding: 10px; float: left; display: inline; }
.recerca ul { list-style: none; border-right: 2px solid #ccc; margin:0;}
.recerca ul li em { font-weight: bold; font-style: normal;}
.recerca ul.last { border-right: 0; }
.recerca a { text-decoration: none; color: #000; }
.recerca a:hover { color: #01644f; text-decoration: underline;}
/**** entitats ****/
#entitats { width: 1000px; margin: 0 auto; padding-bottom: 20px;position: relative; background: #fff; }
#entitats ul {margin:0; padding:0; width: 980px;}
#entitats ul li {float: left; display: inline; margin:0; padding:0;}
/**** footer ****/
#footer { margin: 0 auto 20px auto; background: #fff; padding: 10px 12px 10px 12px;position: relative; text-align: center; }
#footer .logo { width: 230px; float: left; display: inline; margin: 10px; }
#footer .logo h4 { margin: 10px 0; }
#footer .logo h4 a { width: 160px; height: 90px; display: block; background: url(logo-internacional.png) 0 0 no-repeat; text-decoration: none; }
#footer .logo h4 a em { display: none; }
.credits { float: left; display: inline; margin: 10px; }
.credits p { line-height: 1.1em; }
.credits h3 { margin: 0; font-weight: bold; }
.credits p.drets { font-family: 'helneue-bold-webfont', Arial; font-size: 1.2em; }
.legal ul { list-style: none; }
.legal ul li { display: inline; padding: 0 10px; border-right: 1px solid #c9c9c9; }
.legal ul li:last-child { border-right: none; }
.legal a { text-decoration: none; color: #000; }
.legal a:hover { text-decoration: underline; color: #000; }
/*** cosas nuevas ***/
.col1-8 {width: 230px; margin: 10px; float: left; display: inline;}
.col2-8 {width: 230px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col3-8 {width: 355px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col4-8 {width: 480px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col5-8 {width: 605px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col6-8 {width: 730px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col7-8 {width: 855px; margin: 0 10px 10px 10px; float: left; display: inline;}
.col8-8 {width: 980px; margin: 0 10px 10px 10px; float: left; display: inline;}
/* imatge capçelera */
#imatges-uab {width: 1000px;margin: 0 auto; clear: both; position: relative; background: #fff;}
.fons-blanc {width: 1024px;margin: 0 auto; background: #fff;clear: both; }
.wrapper {width: 1024px;margin: 0 auto; background: #fff;clear: both; }
.wrapperFooter { background: none repeat scroll 0 0 #E7E7E7; clear: both; margin: 0 auto; width: 1024px; }
/* titul */
.title { display: block; clear: both;}
.title h3 {margin:5px 0; line-height: 28px; font-size: 20px; font-family: 'helneue-bold-webfont', Arial; display: inline; float: left;}
h3.top, h1.top {margin-top: 0;}
.title h1 { margin:5px 0; line-height: 28px; font-size: 20px; font-family: 'helneue-bold-webfont', Arial; display: inline; float: left;}
p.premsa { font-size: 1.231em; margin: 5px 0; float: right; display: inline; }
p.premsa a { text-decoration: none; display: block; color: #000; background: #e7e7e7; border-radius: 14px; line-height: 28px; width: 127.5px; padding: 0px 20px 0px 20px; position: relative;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
}
p.premsa a:hover {color: #01644f; background: #f7f7f7; }
p.premsa a em { width:20px; height: 20px; text-indent: -99999px; background: url(fletxa-premsamitjans.png) 100% 0 no-repeat; padding: 0 20px 0 0; position: absolute; top: 4px; right:5px;}
p.premsa a:hover em{ color: #01644f; background: url(fletxa-premsamitjans.png) 100% -20px no-repeat; }
/* veure mes */
.veure-mes-gris { margin: 20px 0 20px 0; display: block; text-align: center; background: #f1f2f2; color: #fff; border-radius: 5px; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.veure-mes-gris p { margin: 0; height: 28px; line-height: 28px; font-size: 1em; }
.veure-mes-gris a { color: #000; background: #eff0f2; text-decoration: none; display: block; border-radius: 5px; position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.arrow-veuremes-gris { width: 16px; height: 16px; position: absolute; z-index: 600; bottom: -16px; left: 50%; margin: 0 0 0 -8px; background: url(arrow-gris.png) 0 0 no-repeat;}
/* link format pdf */
.format { margin: 20px 0; background: #f9fcf0; display: block; width: 270px; position: relative;}
.format p {margin:0; line-height: 20px; }
.format a {text-decoration: none; padding: 20px 20px 20px 80px; display: block;}
.pdf a {background: url(pdf.png) 20px 50% no-repeat; color: #7fab54;}
.pdf a:hover {background: url(pdf-hover.png) 20px 50% no-repeat; text-decoration: underline;}
.format a em {font-style: normal; color: #666;}
/* link format pdf cuadrat */
.format-c {
margin: 20px 0;
background: #f1e9f4;
display: block;
width: 100%;
position: relative;
text-align: left;
border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.format-c p {
margin:0;
line-height: 20px;
font-weight: bold;
text-align: left; /*nueva propiedad */
}
.format-c a {
text-decoration: none;
display: block;
color: #6a2c72;
font-size: 14px;
padding: 15px 0 15px 15px;
background: url(pdf.png) 96% center no-repeat;
}
.format-c a:hover {
text-decoration: underline;
background: url(pdf-hover.png) 96% center no-repeat;
}
.format-c a.fletxa-gran {
background: url(fletxa-gran-gris.png) 96% center no-repeat;
}
.format-c a.fletxa-gran:hover {
background: url(fletxa-gran-gris_hover.png) 96% center no-repeat;
}
.format-c a em {font-style: normal; color: #666;}
.br0 {
border-radius: 0 !important;
-webkit-border-radius:0 !important;
-webkit-border-radius: 0 !important;
}
.publicacions {clear: both;}
/* contacte sidebar */
.contacte {
margin: 20px 0;
background: #f3f3f3;
padding:20px;
position: relative;
z-index:500;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.contacte p {margin:10px 0 20px 0;}
.contacte h3 {margin: 0 0 20px 0;}
.contacte em {font-style: normal; font-weight: bold;}
/* fases calendari */
.fases-calendari {width: 100%; clear: both; position: relative;}
.fases-calendari h3 {padding: 0 10px;}
.fases-calendari p {padding: 0 10px;}
.fases-calendari em {font-style: normal; font-weight: bold;}
.fases-calendari:after {clear: both;}
.fase {width: 50%; float: left; display: inline; clear: left;}
.calendari {width: 48%; float: left; display: inline; }
.gris {background: #f1f2f2;}
/* taula dades gris i blanca */
.taula {margin: 20px 0; width: 100%;}
.taula th.t-titul { text-align: left; font-weight: bold;padding: 5px 10px;}
.taula td { padding: 5px 10px;}
p.aplicatiu {margin: 30px 0;}
p.aplicatiu a{padding: 10px 40px 10px 10px; background: #FF9900 url(fletxa-masters.png) 95% 50% no-repeat; color: #fff; text-decoration: none; border-radius: 5px; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
p.aplicatiu a:hover{background:#E08600 url(fletxa-masters.png) 95% 50% no-repeat; color: #fff; }
p.aplicatiu a:hover{background:#E08600 url(fletxa-masters.png) 95% 50% no-repeat; color: #fff; }
/* masters sidebar */
.masters {background: #e2e9de; padding:20px; position: relative; z-index:500; box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.masters p { margin: 0; }
.masters h3 {margin: 0; font-family: Arial; font-size: 1.462em; line-height: 22px;}
.masters em {font-style: normal; font-size: 1.385em; line-height: 22px; font-family: '65-webfont';}
.masters em.fina { font-family: Arial;}
.masters span {font-weight: bold;}
.inscriu-te {background: #ff9900; margin: -10px 0 20px 0; z-index:300; position: relative; box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; overflow: hidden;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}
.inscriu-te:hover {background:#e08600;}
.inscriu-te p {font-size: 1.538em; margin:0;}
.inscriu-te p a { color: #fff; margin-top: 10px; text-decoration: none; display: block; padding:20px 20px 20px 20px; background:#ff9900 url(fletxa-masters.png) 96% 50% no-repeat;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px; }
.inscriu-te p a:hover {color:#fff; background:#e08600 url(fletxa-masters.png) 96% 50% no-repeat;}
.dubtes {background: #EBF5CC; margin: -10px 0 20px 0; padding: 0 0 10px 0; z-index:200; position: relative; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; overflow: hidden;}
.dubtes h3 {margin: 25px 10px 0 10px; font-size: 1.385em; line-height: 22px;}
.compartir ul {margin:0 auto; height: 35px;}
.compartir a {text-decoration: none; padding: 0 10px 0 0; color:#000; display: block;}
.compartir ul li.c-twitter {float: left; display: inline; width: 118px; height: 25px; line-height: 25px; background: url(c-twitter.png) 0 0 no-repeat; text-align: right;}
.compartir ul li.c-facebook {float: left; display: inline; width: 128px; height: 25px; line-height: 25px; background: url(c-facebook.png) 0 0 no-repeat;text-align: right;}
.compartir ul li.c-google {float: left; display: inline; width: 108px; height: 25px; line-height: 25px; background: url(c-google.png) 0 0 no-repeat;text-align: right;}
.compartir ul li {float: left; display: inline; line-height: 25px; text-align: right;margin-right: 8px;}
/* banners */
.banners-links div {margin-top: 20px;}
/* formulari */
#formulari {margin: 0 auto 0 auto; width: 1000px; padding-bottom: 20px;}
#formulari h3.negreta {margin: 10px 0;}
#formulari h3.negreta em {text-align: right; font-style: normal; float: right; display: inline; font-weight: normal; font-family: 'Arial';}
#formulari label { margin: 10px 0; font-weight: bold;}
#formulari label.option { margin: 0 5px; font-weight: normal;}
#formulari label.option-espai { margin: 0 5px 0 20px; font-weight: normal;}
#formulari label.option-avis { font-weight: normal; margin: 0 5px 0 20px; }
#formulari input[type="text"] {display: block; width: 96%; padding: 0 2%; height: 25px; line-height: 25px;border:0;}
#formulari textarea {display: block; width: 100%; height: 90px; border:0;resize: none;}
#formulari input[type="checkbox"] { display:none;}
#formulari input[type="checkbox"] + label span {display:inline-block; width:25px;height:25px; margin:0px 5px ; vertical-align:middle;background:url(checkbox.png) 0 -25px no-repeat; cursor:pointer;}
#formulari input[type="checkbox"]:checked + label span { background:url(checkbox.png) 0 0 no-repeat;}
#formulari input[type="radio"] { display:none;}
#formulari input[type="radio"] + label span {display:inline-block; width:25px;height:25px; margin:0px 5px ; vertical-align:middle;background:url(checkbox.png) 0 -25px no-repeat; cursor:pointer;}
#formulari input[type="radio"]:checked + label span { background:url(checkbox.png) 0 0 no-repeat;}
#formulari form div.options {position:relative;}
#formulari select.select { height : 25px !important; line-height : 25px; position : relative; width : 200px !important; z-index : 10; }
#formulari span.select { background : url(select.png) no-repeat 0 0; bottom : 0; color : #7F7F7F; cursor : default; float : left; height : 25px; left : 0; line-height : 25px; position : absolute; text-indent : 10px; width : 200px; z-index : 1; }
.enviar {margin: 0; display: inline; float: right; text-align: right;}
#formulari input[type="submit"] {font-size: 1.538em; font-weight: 200; cursor: pointer; background: #FF9900 url(fletxa-masters.png) 95% 50% no-repeat; color: #fff; padding:10px 50px 10px 10px; border-radius: 5px; line-height: 28px; vertical-align: center;text-align: left; border:0; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3), -0px -0px 0px rgba(0, 0, 0, 0.3); }
#formulari input[type="submit"]:hover {color:#fff; background: #e08600 url(fletxa-masters.png) 95% 50% no-repeat;}
border-radius: 5px; line-height: 28px; vertical-align: center;text-align: left; border:0; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3), -0px -0px 0px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#formulari input[type="submit"]:hover {color:#fff; background:#01644f url(fletxa-masters.png) 98% 50% no-repeat;}
/* Error al formulari */
.error { border: 1px solid red !important; }
.txt-error { color: #ff0000; font-weight: bold; }
p.web {margin:10px 20px; font-size: 1.154em;}
p.web span {font-weight: bold;}
.informacio {padding: 20px; background: #ebf5cc; position: relative; z-index:500; box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.informacio p {margin:0;}
.camps {width: 200px; margin: 0 20px 10px 0; float: left; display: inline;}
#formulari .camps label, #formulari .camp-texte label {display: block;}
.camp-texte {width: 280px; margin: 0 0 10px 0; float: left; display: inline; }
.rebre-info {line-height: 25px; margin: 10px 0 0 0;}
/* dades */
.dades {clear: both;margin-top: 15px;}
.dades p {margin-left: 0;}
.dades h3 {color: #8b5891; font-size: 24px; border-bottom: 1px solid #8b5891; margin:0; padding-bottom: 10px;}
.dades h3 {font-family: Arial; font-weight: normal;}
.c1 {width: 167.5px; float: left; display:inline; margin: 0 20px 10px 0;}
.c2 {width: 167.5px; float: left; display:inline; margin: 0 0 10px 0;}
/*** cosas que cambian ***/
.access { width: 1000px; }
#nav-uab { width: 1000px; }
#actualitat { width: 1000px; float: left; display: inline; }
#contingut { width: 750px; }
.recerca-content{ width: 1000px; }
#footer { width: 1000px; }
.credits { width: 730px; }
.social-links li {
width: 110px;
}
.masters div {margin:10px 0 10px 0; padding-bottom: 10px;border-bottom: 1px dotted #666;}
.masters div.last {border-bottom: 0; margin: 10px 0 0 0;}
/*** Clases genèriques ***/
.no-list-style {
list-style: none;
padding: 0;
margin: 0;
}
.informaci_ampliada-1,
.informaci_ampliada-2
{
display: none;
}
a.veure-menys-js-1,
a.veure-menys-js-2 {
display: none;
}
.margin0IFAE
{
margin: 0;
}
.margin0IFAE p
{
font-weight: normal;
}
.margin0IFAE a
{
font-weight: normal;
}
.fitxa h2.tituloIFAE {
background: none repeat scroll 0 0 #6A2C72;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #FFFFFF;
display: block;
font-family: 'Arial';
font-size: 1.2em;
margin: 0;
padding: 10px 30px 10px 20px;
position: relative;
text-align: left;
text-decoration: none;
}
p.premsa a.todosloscentrosIFAE {
font-size: 14px;
}
.contacte p.contacteIFAE {
margin: 10px 0 14px;
}
#entitats.boxIFAE {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 40px;
}
.ciencies ul.ayunt li:last-child {
border-right: 0 none;
}
h3.font-arial {
font-family: Arial;
font-weight: bold;
}
#entitats ul li {
width: 185px;
margin-right: 10px;
text-align: center;
}
#entitats ul li:last-child {
margin-right: 0;
}
.videoGrauMaster{
float: left;
padding-bottom: 20px;
padding-right: 20px;
}
/* Footer */
#footer .logo a {
width: 160px;
height: 90px;
display: block;
background: url(logo-internacional.png) 0 0 no-repeat;
}
li.btnTwitter {
width: 65px
}
#footer .logo a em {
display: none;
}
/* Páginas de Masters. Problema con el margénes del menú */
#nav-uab ul {
padding-right: 10px;
}
/* Estilos para graus_llistat.html y departaments_llistat.html*/
/* Entradas graus y departaments en contingut */
.entrada-graus, .entrada-departaments{
margin: 0 10px;
overflow: hidden;
position: relative;
border-top: 1px dashed #ccc;
clear: both;
}
.entrada-graus h3, .entrada-departaments h3 {
display: block;
width: 100%;
overflow: hidden;
}
.entrada-graus h3 a, .entrada-departaments h3 a {
text-decoration: none;
display: block;
}
.entrada-graus h3 a:hover, .entrada-graus h3 a.hover-title, .entrada-departaments h3 a:hover, .entrada-departaments h3 a.hover-title {
text-decoration: underline;
}
.extended-graus, .extended-departaments {
margin: 0 10px;
display: none;
border-top: 1px dashed #ccc;
}
.obert{
display: block;
}
.extended-graus ul, .extended-departaments ul {
list-style: none;
margin: 10px 0 10px 0;
overflow: hidden;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
}
.extended-graus ul li, .extended-departaments ul li {
margin: 5px 0;
display: inline-block;
width: 100%;
}
.extended-graus ul li a, .extended-departaments ul li a {
color: #1d1d1b;
text-decoration: none;
padding-right: 20px;
width: 100%;
}
.extended-graus ul li a:hover, .extended-departaments ul li a:hover {
color: #297C69 !important;
text-decoration: underline;
padding-right: 20px;
}
.final-line {
margin: 0 10px 10px 10px;
overflow: hidden;
position: relative;
border-top: 1px dashed #ccc;
clear: both;
height: 1px;
}
/* Cambios en la flechecita ascendente y descendente */
.entrada-graus .toggle, .entrada-departaments .toggle {
position: absolute;
top: 50%;
right: 0;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center top;
background-image: url(arrow-down.png);
margin: -8px 0px 0px 0px;
cursor: pointer;
}
.entrada-graus .toggle.asc, .entrada-departaments .toggle.asc {
background-image: url(arrow-up.png);
}
.entrada-graus .toggle:hover, .entrada-graus .toggle.hover-toggle, .entrada-departaments .toggle:hover, .entrada-departaments .toogle.hover-toogle {
background-position: center bottom;
cursor: hand;
}