/**** ANUBISBase 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('https://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('https://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-size: 0.8125em /* 13px */ ; font-family: Arial, sans-serif; color: #000; line-height: 1.4em; background: #fff; word-wrap:break-word;}
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 { font-size: 2em /* 26px */ ; font-family: '65-webfont', Arial; color: #103437;}
h1.negre {color: #000; font-size: 1.385em !important; /*antic valor 1.6em*/ font-family: 'helneue-bold-webfont', Arial;}
h2 { font-size: 1.846em /* 23px */ ; font-family: 'helneue-bold-webfont', Arial; color: #103437;}
h3 { font-size: 1.385em /* 18px */ ; line-height: 22px; margin: 12px 0; }
h4 { font-size: 1.2em /* 15px */ ; font-weight: 700; margin: 10px; color: #333333; }
h5 { font-size: 1.12em /* 14px */ ; font-weight: 700; margin: 10px; color: #333333; }
h1 em, h2 em{ font-style: normal; }
.clear { clear: both; height: 0.001em; overflow: hidden; }
img { border: 0; margin: 0; padding: 0; }
img.hover { opacity: 0.7; }
/*img:hover { opacity: 0.7; }*/
b { font-weight: bolder; }
p { font-size: 1em /* 13px */; line-height: 1.385em /* 18px */; margin: 10px; }
ul, ol { font-size: 1em /* 13px */; line-height: 1.385em /* 15px */; margin: 10px 0 10px 20px; }
sup {font-size: 7px /* 5px */; vertical-align: top; margin: 0; padding: 0; }
.gray-bg {background: #e7e7e7; padding-bottom: 100px;}
input,button,textarea,select,optgroup,option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
em {font-style: italic;}
h3.centrat { text-align:center; }
/**** header ****/
#skipto a {
padding:6px;
position: absolute;
top:-40px;
left:0px;
color:white;
border-right:1px solid white;
border-bottom:1px solid white;
border-bottom-right-radius:8px;
background:transparent;
-webkit-transition: top 1s ease-out, background 1s linear;
transition: top 1s ease-out, background 1s linear;
z-index: 100;
text-decoration: none;
}
#skipto a:focus {
position:absolute;
left:0px;
top:0px;
background:#3D3938;
outline:0;
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
}
.hidden {position:absolute; left:0;top:-500px;width:1px;height:1px;overflow:hidden;}
#accessibilitat {display: none;} /* ELIMINAR UN COP AFEGIM BÉ AQUESTA DIV*/
.accessibilitat {
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
text-align: left;
overflow: hidden;
}
a.accessibilitat:active,
a.accessibilitat:focus,
a.accessibilitat:hover {
left: 0;
top: 0;
width: auto;
height: auto;
overflow: visible;
}
#header { width: 100%; position: relative; clear: both; }
#header a{text-decoration: none;}
#access { background: #e2e9de; width: 100%; }
.access { width: 1230px; margin: 0 auto; background: #e9eee5; color: #000; }
.access ul { list-style: none; margin: 0; line-height: 40px; }
.seccions { float: left; display: inline;}
.seccions ul {display: inline; float: left; clear: both;}
.seccions ul li { margin:0; display: block; float: left; padding: 0 15px; border-right: 2px solid #fff; }
.seccions ul li:first-child {padding: 0;}
.seccions ul li {padding: 0;}
.seccions ul li a {padding: 0 15px;}
/* .seccions ul li:first-child { padding: 0 15px 0 0; }*/
.seccions a { text-decoration: none; color: #000; font-size: 1.3em; font-family: 'helneue-bold-webfont', Arial;display: block;}
.seccions a:hover { color: #01644f; text-decoration: underline; }
.seccions a.l-professorat:hover { background: none repeat scroll 0 0 #d37711;color: #fff !important;text-decoration: none;}
.seccions a.l-pas:hover { background: none repeat scroll 0 0 #3399ff; color: #fff !important; text-decoration: none;}
.seccions a.l-alumni:hover { background: none repeat scroll 0 0 #ec6608; color: #fff !important; text-decoration: none;}
.seccions a.l-estudiants:hover { background: none repeat scroll 0 0 #54a228; color: #fff !important; text-decoration: none;}
#header p.verd { font-size: 0.923em; background: #97bb23 ; margin: 10px 10px 10px 0; color: #fff; padding: 0 20px; border-radius: 5px; line-height: 20px; text-decoration: none; text-transform: uppercase; position: relative; z-index:300; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; font-weight: lighter; }
#header.pic-dret { width: auto; height: 20px; }
.arrow-right { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #96ba22; position: absolute; z-index: 600; top: 50%; right: -6px; margin: -6px 0 0 0; }
.opcions { text-align: right; float: right; display: inline;}
.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.link6 { background: url(xarxasocial6.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.link6:hover { background: url(xarxasocial6.png) 50% -40px no-repeat; background-position:50% -40px; }
.opcions ul.xarxes li a em { display: none; }
.opcions ul.idiomes { margin: 0 5px; /* antic valor 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;}
#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, #header .extraLogo img{ width: 230px; height: 90px; float: left; display: inline; margin: 0; }
#header .logo h1, #header .extraLogo 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, #header .extraLogo h1 a em { display: none; }
#header .logo h2, #header .extraLogo 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 { 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:last-child a { border-right: 0px; } /*esborra el separador dret de l'últim element #1486*/
.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; }
/**** 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; }
/**** slides ****/
#slides { width: 1230px; height: 300px; position: relative; margin: 0 auto; }
#slides .slides_container { width: 1230px; height: 300px; overflow: hidden; }
#slides .navigation { position: absolute; bottom: 10px; right: 10px; z-index: 800; }
#slides a.prev { float: left; display: block; width: 40px; height: 40px; margin-right: 5px; text-indent: -999999px; background: url(prev.png) 50% 0 no-repeat; }
#slides a.prev:hover {background: url(prev.png) 50% -80px no-repeat; }
#slides a.next { float: left; display: block; width: 40px; height: 40px; text-indent: -999999px; background: url(next.png) 50% 0 no-repeat; }
#slides a.next:hover { background: url(next.png) 50% -80px no-repeat; }
#slides ul.pagination { list-style: none; position: absolute; bottom: -16px; right: 0px; z-index: 1000; margin: 0; }
#slides .pagination li { float: left; display: inline; margin: 0 0 0 10px; }
.slide { width: 1230px; height: 300px; position: relative; overflow: hidden; }
.info-slide-back { width: 400px; height: 260px; background: url(verd2.png); color: #fff; position: absolute; top: 20px; left: 20px; border-radius: 10px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.info-slide-back.hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.info-slide { width: 400px; height: 260px; color: #fff; position: absolute; top: 20px; left: 20px; border-radius: 10px; }
.info-slide a { color: white; text-decoration: underline;} /*classe afegida per modificar els enllaços dins el div*/
.info-slide h2 { margin: 20px 40px 0 20px; font-size: 3.385em; line-height: 44px; color: #fff; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; font-weight: lighter; }
.info-slide h2 a{ color: #fff; text-decoration: none;}
.info-slide h2.texte-petit { margin: 20px 20px 0 20px; font-size: 2.308em; line-height: 32px; color: #fff; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; font-weight: lighter; }
.info-slide p { margin: 10px 20px 10px 20px; font-size: 1.077em; line-height:17px;}
.info-slide p.text-gran {font-size: 1.385em; line-height:20px; }
.arrow-slide { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #156e59; position: absolute; z-index: 600; top: 50%; right: -12px; margin: -6px 0 0 0; }
.arrow-slide.semi { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.fletxa-mes { width: 15px; height: 15px; position: absolute; z-index: 600; top: 15px; right: 15px; display: none; }
.fletxa-mes.hover { display: block; }
.info-slide2 { width: 480px; height: 260px; color: #fff; overflow: hidden; position: absolute; top: 20px; left: 440px; }
.info-slide2 img {width: 480px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.info-slide3 { width: 300px; height: 260px; color: #fff; position: absolute; top: 20px; left: 930px;overflow: hidden; color: #000; }
.slide-new {clear: both; margin: 0 0 10px 0;position: relative; }
.slide-new img {width:145px; float: left; display:inline; margin: 0 10px 0 0; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.slide-new h3 {margin:0; font-size: 1.231em; line-height: 20px;}
.slide-new p {margin:0 10px 0 0; line-height: 15px;}
.slide-new h3 a {text-decoration: none;}
.slide-new h3 a:hover {text-decoration: underline;}
.slide-new .video { float: left; display: inline; margin:0;}
#slides .pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(pagination.png); background-position: 0 0; float: left; overflow: hidden; }
#slides .pagination li.current a { background-position: 0 -12px; }
.gris-clar {background: #f8f8f9; display: block;}
/* Mini Slider */
#small-slides { margin: 0 auto; width: 190px; height: 107px; }
#small-slides .slide { width: 190px; height: 107px; }
#small-slides ul.pagination { display: block; z-index: 1000; margin: 10px 0 10px 45px; }
#small-slides .pagination li { float: left; display: inline; margin: 0 0 0 10px; }
#small-slides .pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(pagination.png); background-position: 0 0; float: left; overflow: hidden; }
#small-slides .pagination li.current a { background-position: 0 -12px; }
/**** carrusel ****/
#carrusel { width: 1230px; height: 250px; position: relative; margin: 0 auto; }
/**** imatge-fixa ****/
#imatge-fixa { width: 1230px; height: 160px; position: relative; margin: 0 auto; }
#imatge-fixa .info-imatge {float: left; display: inline; width: 340px; height:150px; background: url(verd.png); color: #fff; border-radius: 10px; margin: 0 10px 10px 0; }
#imatge-fixa .info-imatge h2 { margin: 20px 20px 0 20px; font-size: 3.385em; line-height: 44px; text-transform: uppercase; color: #fff; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; font-weight: lighter; }
#imatge-fixa .info-imatge h3 { margin: 20px 20px 0 20px; font-size: 2.308em; line-height: 32px; text-transform: uppercase; color: #fff; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; font-weight: lighter; }
#imatge-fixa .info-imatge p { margin: 10px 20px 10px 20px; font-family: '65-webfont'; font-size: 1.2em; line-height:1.2em;}
#imatge-fixa .imatge {float: left; display: inline; margin:0 0 10px 10px; width: 870px; height:150px; overflow: hidden;}
/**** breadcrumb ****/
#breadcrumb {margin: 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 {margin: 10px auto 10px auto; padding: 10px 0 10px 0; width: 1250px;}
#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; }
#breadcrumb.topSpecial {
position: relative;
top: -60px;
}
/**** destacats ****/
#destacats { width: 1230px; margin: 20px auto; background: #e2e9de; position: relative; border-radius: 10px; }
#destacats p { font-size: 1.385em; margin: 20px 10px; line-height: 22px; }
#destacats a { text-decoration: none; }
#destacats a:hover { text-decoration: underline; }
#destacats p.verd { text-align: center; text-transform: uppercase; background: #96ba22; color: #000; border-radius: 5px; line-height: 22px; padding: 0 5px; margin: -11px 0 0 20px; position: relative; z-index:300; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); font-size: 0.923em; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; }
.p1-4 { float: left; display: inline; width: 150px; }
.p2-4 { float: left; display: inline; width: 360px; }
.p3-4 { float: left; display: inline; width: 360px; }
.p4-4 { float: left; display: inline; width: 360px; }
.arrow-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #96ba22; position: absolute; z-index: 600; top: 22px; left: 50%; margin: 0 0 0 -6px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.arrow-down-taronja { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #FF6633; position: absolute; z-index: 600; top: 22px; left: 50%; margin: 0 0 0 -6px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
/**** content ****/
#content { width: 1250px; margin: 0 auto; position: relative; background: #fff; }
#content.contentTopSpecial { margin-top: -60px; }
/**** actualitat ****/
#actualitat { width: 1000px; float: left; display: inline; }
#actualitat-viu { float: left; display: inline; }
.veure-mes { margin: 10px 10px 20px 10px; display: block; clear: both; text-align: center; background: #01644f; color: #fff; border-radius: 5px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.veure-mes p { margin: 0; height: 30px; line-height: 30px; font-family: Arial; font-weight: bold; font-size: 1em; }
.veure-mes a { color: #fff; background: #01644f; text-decoration: none; display: block; border-radius: 5px; position: relative; }
.veure-mes a:hover { text-decoration: underline;}
/* fixem la mida de la div veure-mes només a la portada*/
#actualitat .veure-mes{width: 730px;}
.arrow-veuremes { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #01644f; position: absolute; z-index: 600; bottom: -8px; left: 50%; margin: 0 0 0 -6px; }
.content { width: 500px; float: left; display: inline; }
.titul { margin: 0 10px 10px 0px; display: block;}
.titul h2 { float: left; display: inline; margin: 0; }
.titul h3 { float: left; display: inline; margin:0 0 15px 0; line-height: 28px; font-family: 'helneue-bold-webfont', Arial; }
/* Afegit h1 */
.titul h1 { overflow:hidden;font-size: 1.231em; /*antic valor 1.385*/ float: left; display: inline; margin:0; line-height: 28px; font-family: 'helneue-bold-webfont', Arial; }
.titul h3 a {color: #000; text-decoration: none;}
.titul h3 a:hover { text-decoration: underline;}
p.premsa { font-size: 1.231em; margin: 3px 0 12px 0; display: inline-block; font-weight: bold; }
p.premsa a { text-decoration: none; display: block; color: #000; background: #e7e7e7; border-radius: 14px; line-height: 28px; width: 205px; padding: 0px 5px 0px 20px; position: relative; margin: 0 0 10px 10px;}
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; }
.pre_titul{ font-size: .9em; float: left; display: inline; margin:0; }
#actualitat .titul, #actualitat-viu .titul{margin: 0 10px 10px 10px;}
.post, .new-post { margin: 20px 10px 0 10px; padding: 0 0 20px 0; position: relative; border-bottom: 1px dotted #000; }
.post img, .new-post img { margin-bottom: 15px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.post a img, .new-post a img {text-decoration: none; display: block;}
.post p, .new-post p { margin: 10px 0; }
.post h3, .new-post h3 {margin-top:0;}
.post h3 a, .new-post h3 a {color:#000; text-decoration: none;}
.post h3 a:hover, .new-post h3 a:hover {color:#000; text-decoration: underline;}
.gran h3 { font-size: 1.692em; line-height:24px;}
.petit h3 { }
.gran { clear: left; width: 480px; }
.petit { width: 230px; float: left; display: inline; }
a.mes { position: absolute; right: 0; bottom: 7px; text-indent: -99999px; width: 20px; height: 20px; background: url(fletxa-mes.png) 50% 0 no-repeat; color: #fff ; border-radius: 10px; display: block; text-decoration: none; }
a.mes:hover { background: url(fletxa-mes.png) 50% -20px no-repeat; }
a.mes-blanc { position: absolute; right: 0; bottom: 7px; text-indent: -99999px; width: 20px; height: 20px; background: url(fletxa-mes-b.png) 50% 0 no-repeat; color: #ccc; border-radius: 10px; display: block; text-decoration: none; }
a.mes-blanc:hover { background: url(fletxa-mes-b.png) 50% -20px no-repeat; }
.margin20 {margin-top: 20px;}
.margin10 {margin-top: 10px;}
.video {position: relative; }
.video_slide {position: relative; height:260px; }
#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; cursor:pointer;}
#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.ply-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; cursor:pointer;}
#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;}
/**** noticies hover ****/
a img.hover { opacity: 0.7;}
.sidebar a img.hover { opacity: 0.7;}
h3 a.hover { color: #000000;text-decoration: underline;}
.bloc h3 a.hover { color: #000000;text-decoration: underline;}
.sidebar h3 a.hover { color: #000000;text-decoration: underline;}
h4 a.hover { color: #000000;text-decoration: underline;}
#campus h4 a.hover { color: #000000;text-decoration: underline;}
a.mes.hover { background: url(fletxa-mes.png) no-repeat scroll 50% -20px transparent;}
.bloc a.mes.hover { background: url(fletxa-mes.png) no-repeat scroll 50% -20px transparent;}
a.mes-info.hover { background: url(fletxa-gris.png) no-repeat scroll 50% -20px transparent;}
a.mes-info.plus.hover { background: url(fletxa-mes.png) no-repeat scroll 50% -20px transparent !important;}
a.mes-info.pdf { position: absolute; right: 10px; bottom: 10px; text-indent: -99999px; width: 20px; height: 20px; background: url(pdf-petit.png) 0 0 no-repeat; color: #ccc; border-radius: 10px; display: block; text-decoration: none; }
a.mes-info.pdf.hover { background: url(icono-pdf2.jpg) 0 0 no-repeat; }
a.mes-info.pdf:hover { background: url(icono-pdf2.jpg) 0 0 no-repeat; }
/**** sidebar ****/
.sidebar { width: 250px; float: left; display: inline; }
.sidebar h3 a, #uab-info h3 a {color:#000; text-decoration: none;}
.sidebar h3 a:hover, #uab-info h3 a:hover {color:#000; text-decoration: underline;}
.sidebar a img {text-decoration: none; display: block;}
.sidebar2{ width: 340px; float: left; margin: 0 0 0 10px;}
.bloc { margin: 0 10px 10px 10px; background: #e7e7e7; border-radius: 10px; padding: 10px 20px 0 20px; }
.bloc h3 { margin: 10px 0; }
.bloc p { margin: 10px 0; }
.bloc img { width: 190px; margin: 0 ; text-align: center; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.new { position: relative; margin: 10px 0 20px 0; padding: 0 0 20px 0; }
.border { border-bottom: 1px dotted #000; display: block; }
.entrevista { margin: 20px 10px 10px 10px; padding: 10px 0 20px 0; position: relative; border-bottom: 1px dotted #000; }
.entrevista p { margin: 10px 0; }
.entrevista em { font-style: normal; font-weight: bold; }
.entrevista img { box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); width: 230px; }
.entrevista p.verd { position: absolute; z-index: 300; top: -2px; left: 5px; text-align: center; font-size: 0.923em; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; text-transform: uppercase; background: #96ba22; color: #000; border-radius: 5px; line-height: 22px; padding: 0 15px; margin: 0; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.uab-new { margin: 20px 10px 20px 10px; padding: 10px 0 30px 0; position: relative; border-bottom: 1px dotted #000; }
.uab-new p { margin: 10px 0; }
.uab-new em { font-style: normal; font-weight: bold; }
.uab-new img { box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); width: 230px; }
.uab-new p.taronja { position: absolute; z-index: 300; top: -2px; left: 5px; text-align: center; font-size: 0.923em; font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; text-transform: uppercase; background: #ff6633; color: #fff; border-radius: 5px; line-height: 22px; padding: 0 15px; margin: 0; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.banner { margin: 10px 10px 10px 10px; }
.banner img { box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); width: 230px; margin: 20px 0; }
.home .banner img{margin: 0;}
/*.banner a:hover img { opacity: 1; }*/
.temps { margin: 0 10px 10px 10px; position: relative; }
.temps p { margin: 0; line-height: 27px; display: inline; }
.temps p em { font-style: normal; font-weight: bold; padding: 5px 25px 5px 5px; }
.temps p em.sol { background: url(sol.png) 100% 50% no-repeat; }
.temps p.temps-ciutat { float: left; display: inline; }
.temps p.info-temps { float: right; display: inline; }
.agenda { margin: 0 10px 10px 10px; }
.agenda p {}
.agenda a {text-decoration: none; cursor: pointer; display: block;}
.agenda a:hover {text-decoration: underline;}
.agenda h3 { font-family: 'helneue-bold-webfont', Arial; line-height: 28px; margin:0 0 10px 0; }
.data a{ width: 56px; height: 48px; margin: 0 10px 3px 0; background: #e7e7e7; position: relative; z-index: 500; border-radius: 5px; color: #01644f; float: left; display: block; }
.data a:hover { background: #f7f7f7;}
.data a:hover {text-decoration: none;}
.data p.mes { font-size: 0.846em; width: 53px; height: 48px; margin: 0; text-align: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); writing-mode: lr-tb;}
.data p.dia { width: 35px; font-size: 1.769em; text-align: center; border-left: 1px solid #01644f; height: 38px; line-height: 38px; position: absolute; top: 0; right: 0; margin: 5px 0; }
.hora-lloc { position: relative; display: inline; }
.hora-lloc p { margin: 0; font-size: 0.923em; }
.jornada { clear: both; padding: 5px 0 20px 0; }
.jornada p { margin: 5px 0; }
.veure-seccio { margin: 10px 0; }
.veure-seccio h3 { font-size: 1.231em; padding: 10px 0 10px 0; margin: 0; border-top: 1px dotted #000; display: block; font-weight: normal; border-bottom: 1px dotted #000; position: relative;}
.veure-seccio h3 a { text-decoration: none; color: #000; display: block; line-height: 20px; }
.veure-seccio h3 a:hover { color: #01644f; text-decoration: none;}
.veure-seccio h3 a em { text-indent: -99999px; background: url(fletxa-gris.png) 100% 0 no-repeat; padding: 0 20px 0 0; position: absolute; top: 10px; right:0px;}
.veure-seccio h3 a:hover em{ color: #01644f; background: url(fletxa-gris.png) 100% -20px no-repeat; }
.extra { margin: 0 10px 10px 10px; padding: 10px 0 10px 0; position: relative; }
.extra p { margin: 10px 0; }
.extra img { width: 230px; }
.extra p.verd { position: absolute; z-index:300; top: -2px; left: 10px; text-align: center; font-size: 0.923em; text-transform: uppercase; background: #96ba22; color: #000; border-radius: 5px; line-height: 22px; padding: 0 15px; margin: 0; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); font-family: 'helv-condensed-bold-webfont', 'Arial Narrow', Arial; }
.bloc-uab {margin: 10px 10px 20px 10px; box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc; border-radius: 10px; overflow: hidden;}
.bloc-uab h3 {padding:10px; background: #e7e7e7; margin:0;}
.bloc-uab h3 a{color:#000; text-decoration: none; display: block; background: url(fletxa-gris-fosc.png) 100% 0 no-repeat; }
.bloc-uab h2 {margin:0; font-size: 1.385em; font-family: 'Arial'; }
.bloc-uab h2 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;}
.bloc-uab h2 a:hover{color: #01644f; background:#e6e3e3; }
.bloc-uab 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: 10px; right:20px;}
.bloc-uab h2 a:hover em { background: url(fletxa-gris-fosc-verd.png) 100% -20px no-repeat; }
.espai {padding:10px;}
.bloc-menu {margin: 0 10px 20px 10px; box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc; border-radius: 10px; overflow: hidden;}
.bloc-menu h3 {padding:10px; background: #e7e7e7; margin:0;}
.bloc-menu ul {margin:0; list-style: none;}
.bloc-menu ul li {margin: 0; padding: 10px; border-bottom: 1px solid #999898; position: relative;}
.bloc-menu ul li:last-child {clear: both; border-bottom: 0;}
.bloc-menu ul li a {text-decoration: none; color: #383535; font-weight: bold; display: block; }
.bloc-menu ul li a:hover { color: #01644f;}
.bloc-menu ul li a em { text-indent: -99999px; background: url(fletxa-mes.png) 100% 0 no-repeat; padding: 0 20px 0 0; position: absolute; top: 10px; right:5px;}
.bloc-menu ul li a:hover em{ color: #01644f; background: url(fletxa-mes.png) 100% -20px no-repeat; }
/**** contingut ****/
#contingut { width: 770px; float: left; display: inline; }
.contingut {margin: 0; clear: both;}
.contingut p {margin-left:0; margin-right: 0;}
.segon-nivell {margin: 0 auto;}
.columna {float: left; display: inline; width: 165px;}
.columna h3 {display: block; border-bottom: 1px solid #01644f; margin:0; color: #01644f; padding-bottom: 10px; font-size: 1.846em;}
.v1-4 {clear: left; margin: 10px 10px 10px 0 ;}
.v2-4 {margin: 10px ;}
.v3-4 {margin: 10px;}
.v4-4 {margin: 10px 0 10px 10px; }
.v1-4 p, .v2-4 p, .v2-4 p, .v2-4 p{margin-left: 0; margin-right: 0;}
/*.ciencies {background: #e7e7e7; display: block; width: 100%; margin: 10px 0 20px 0; border-radius: 5px; overflow: hidden; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);}
.ciencies ul {margin:0; list-style: none;display: block;}
.ciencies ul li {float: left; margin:0; border-right: 1px solid #e0e0e0; }
.ciencies ul li a {display: block; color:#000; text-decoration: none; padding: 0 20px;line-height: 40px; }
.ciencies ul li a:hover {color: #01644f; background: #dadadb; }*/
.ciencies {clear: left; background: #f7f7f8; display: block; margin: 15px 10px 15px 10px; 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; }
.twocol{width: 980px !important;}
/* Small slides central */
.small-slides-central {
overflow: hidden;
display:block;
margin: 0 auto;
width: 201px;
}
.small-slides-central .slide {
/*min-height: 360px;*/
overflow: hidden;
display:block;
width: 201px;
}
.small-slides-central .slides_container { height:100%;
overflow: hidden;
display:block;}
.slide-central { position: relative; overflow: hidden; }
/**** uab-info ****/
#uab-info { width: 250px; float: left; display: inline; }
.serveis { margin: 0 10px 20px 10px; }
.serveis ul { margin: 0; font-size: 1.231em; list-style: none; font-family: 'helneue-bold-webfont', Arial; border-bottom: 1px solid #c3c3c3; }
.serveis ul li { border-top: 1px solid #c3c3c3; padding: 7px 0 7px 0; position: relative;}
.serveis ul li a { display: block; text-decoration: none; color: #000; line-height: 20px; padding: 0 ; }
.serveis ul li a:hover { color: #01644f; }
.serveis ul li a em { text-indent: -99999px; background: url(fletxa-gris.png) 100% 0 no-repeat; padding: 0 20px 0 0; position: absolute; top: 7px; right:0px;}
.serveis ul li a:hover em{ color: #01644f; background: url(fletxa-gris.png) 100% -20px no-repeat; }
#uab-info .bloc-info {margin: 0 10px 14px 10px;}
.bloc-info { /**margin: 0 10px 10px 10px;**/ margin: 0 0px 14px 0; background: #e7e7e7; border-radius: 10px; padding: 10px 10px 30px 10px; position: relative; -webkit-transition: background-color linear .2s; -moz-transition: background-color linear .2s; -o-transition: background-color linear .2s; -ms-transition: background-color linear .2s; transition: background-color linear .2s; }
.bloc-info:hover { background: #f7f7f7; }
.bloc-info h3 { margin: 10px; font-family: 'helneue-bold-webfont', Arial; }
.bloc-info em { font-style: normal; font-weight: bold; }
.bloc-info h4 { margin: 10px 0px 18px; font-family: 'helneue-bold-webfont', Arial;font-size: 1.2em; }
.bloc-info h4 a{ color:#000; font-weight: bold;}
.bloc-info h4 a:hover {text-decoration: underline;}
.bloc-info a { text-decoration: none; font-weight: bold; }
.bloc-info a:hover { text-decoration: underline; }
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; }
span.camera {
background: url(camera_1.png) no-repeat 0 0;
padding-left: 23px;
}
span.vimeo {
background: url(vimeo_1.png) no-repeat 0 0;
padding-left: 20px;
}
/**** fitxes ****/
#fitxes {float: left; display: inline; width:500px;}
#fitxes .sidebar{width: 230px; margin: 0 10px;}
.fitxa {margin: 0 10px 20px 10px; 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: 1.385em; font-family: 'Arial'; }
.fitxa h2 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 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:20px 20px 10px 20px; }
.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; }
/**** link-uab ****/
.link-uab {position: relative; width: 480px; margin: 10px; overflow: hidden;}
.link-uab img{width: 480px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);}
.link-uab a:hover img{opacity: 1;}
.uab-link {position: relative;}
.uab-link p {position: absolute; margin:0; top: 10px; left: 80px; width: 110px; font-size: 1.231em; line-height: 18px; color: #fff;}
.uab-link a {text-decoration: none; color: #fff; display: block;}
.carrusel-petit {position: relative; width: 480px; margin: 10px 10px; overflow: hidden;}
/**** llistat-complet-nomenaments ****/
.list_navigation {padding: 12px 12px 12px 0;}
.navigation_status {float: left; color: #01644f;}
.list_navigation a {text-decoration: none;}
#nomenaments_items .llistat_item, #acords_items .llistat_item {padding: 3px 12px 4px 0;}
#nomenaments_items .llistat_item a, #acords_items .llistat_item a {text-decoration: none; background: url(fletxa-mes.png) 100% -2px no-repeat; padding-right: 20px;}
#nomenaments_items .llistat_item a:hover, #acords_items .llistat_item a:hover {background: url(fletxa-mes.png) 100% -22px no-repeat;}
#nomenaments_items .llistat_item span, #acords_items .llistat_item span {padding-right: 5px;}
#nomenaments_items .newCol_Black, #acords_items .newCol_Black {color: #000;}
#nomenaments_items .newCol_Bold, #acords_items .newCol_Bold {font-weight: bold;}
#iNomenamentsDetall p, #iAcordsDetall p {margin-left: 0px;}
#iNomenamentsDetall .fondo_subpestana, #iAcordsDetall .fondo_subpestana, #acords_search_box .fondo_subpestana {background: #01644f none repeat scroll 0 0; height: 1px;}
#iNomenamentsDetall span, #iAcordsDetall span {color: #01644f;}
#iAcordsDetall p.titol {font-weight: bold;}
#iAcordsDetall p.verd {color: #01644f;}
#iAcordsDetall p.mb30 {margin-bottom: 30px;}
#iAcordsDetall ul.collection{ margin: 0; padding: 0; list-style: none; display: block;}
#iAcordsDetall ul.collection p {margin-bottom: 0px;}
#iAcordsDetall ul.collection .collection_element img {display: none;}
#acords_search_box .cos_cercador {padding: 15px 0px; overflow: hidden;}
#acords_search_box .titol_cercador {color: #01644f;}
#acords_search_box .fila_cercador {float: left; margin-right: 49px;}
#acords_search_box .fila_cercador_submit {float: right; margin-top: 15px;}
#acords_search_box .fila_cercador_submit input[type="submit"] {
color: hsl(0, 100%, 100%);
font-size: 13px;
width: 80px;
height: 31px;
float: right;
border: none;
border-radius: 4px;
display: inline-block;
background: hsl(168, 100%, 19%);
background: -moz-linear-gradient(top, #00634f 49%, #004e3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,hsl(168, 100%, 19%)), color-stop(100%,hsl(168, 100%, 15%)));
background: -webkit-linear-gradient(top, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
background: -o-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: -ms-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: linear-gradient(to bottom, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00634f', endColorstr='#004e3f',GradientType=0 );
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}
/**** campus ****/
#campus { margin: 0px auto; width: 1250px; position: relative; }
#campus h3 {font-size: 1.2em;}
.titular { margin: 0 10px 10px 10px; display: block; clear: both;}
.titular h2 { margin: 0; }
#campus .titular h3, .titular h3 { margin:0; line-height: 28px; font-family: 'helneue-bold-webfont', Arial; }
.titular a {text-decoration: none; color #000;}
#campus h2 {margin: 10px;}
#campus h5 {margin: 10px 0 5px 0; font-size: 1.385em; }
#campus h4 {margin: 10px 0 5px 0; font-size: 1.385em; font-weight: normal; line-height: 22px; }
#campus h4 a {color:#000;}
#campus a {text-decoration: none;}
#campus a:hover {text-decoration: underline;}
#campus img {box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); width: 230px; display: block; margin-bottom: 15px;}
#campus p {margin: 5px 0;}
#campus p.mesinfo {margin:0;}
#campus .list_carousel { margin: 0 auto; width: 1250px;display: block; }
#campus .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
#campus .list_carousel li { text-align: left; width: 230px; border-bottom: 1px dotted #000; min-height: 230px; padding: 0 0 20px 0; margin: 10px; display: block; float: left; position: relative;}
#campus .clearfix { float: none; clear: both; }
#campus .prev { position: absolute; width: 40px; height: 40px; top: 0; right: 50px; text-indent: -999999px; background: url(prev.png) 50% -40px no-repeat; }
#campus .prev:hover {background: url(prev.png) 50% 0 no-repeat; }
#campus .next { position: absolute; width: 40px; height: 40px; top: 0; right: 10px; text-indent: -999999px; background: url(next.png) 50% -40px no-repeat; }
#campus .next:hover { background: url(next.png) 50% 0 no-repeat; }
#campus .pager a { margin: 0 5px; text-decoration: none; }
/**** consulta ****/
#consulta {margin: 20px auto; width: 1230px; position: relative; clear: both; border-radius: 10px; overflow: hidden;}
#consulta h3{font-size: 1.2em;}
#consultes {background: #e7e7e7; width: 910px; height: 155px; padding:0px 10px; float: left; display: inline; overflow: hidden;}
#promocions {background: #e7e7e7; width: 275px; height: 135px; padding:10px; float: right; display: inline;}
.post-consulta {float: left; display: inline; width: 110px; margin: 10px;}
.post-consulta p {margin:5px 0;}
.post-consulta img {width:110px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); }
.post-consulta a {text-decoration: none; border:0; color: #000; }
.post-consulta a:hover {text-decoration: underline; border:0; }
#promocions .post-consulta {float: none; display: block; width: 255px; margin: 5px 10px 0 10px;}
#promocions .post-consulta p.promo-text {margin:0; line-height: 1em; width: 135px; float: left; display: inline; font-family: 'Arial'; font-weight: bold; font-size: 1.2em; line-height: 1em;}
#promocions .post-consulta p.promo-desc {margin:10px 0 5px 0; line-height: 1em; clear: both;}
#promocions .post-consulta img {width:110px; box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2); float: right; display: inline; margin: 0;}
#promocions .post-consulta a p {text-decoration: none;}
#promocions .post-consulta a:hover p {text-decoration: underline;}
/**** recerca ****/
#recerca {width:100%; margin: 30px auto 10px auto;}
#recerca .recerca-content{ width: 1250px; margin: 0 auto; padding: 10px 0; position: relative;}
#recerca .recerca { width: 250px; margin: 10px 0; float: left; display: inline; }
#recerca .border-left { border-left: 2px solid #ccc; padding: 0px 10px 0px 20px; }
#recerca .border-none { padding: 0px 10px 0px 20px; }
#recerca .recerca ul { list-style: none; margin:0;}
#recerca .recerca ul li:first-child {
/*font-weight: bold; */
}
#recerca .recerca ul li em {
font-weight: bold;
}
#recerca .recerca ul.last { border-right: 0; }
#recerca .recerca a { text-decoration: none; color: #000; }
#recerca .recerca a:hover { color: #01644f; text-decoration: underline;}
#recerca .cultura a { text-decoration: none; font-weight: bold; }
/**** mapa - duplicat de l'estil recerca per mantenir l'estil mentre fem els canvis per a la navegacio per skip to content ****/
#mapa {width:100%; margin: 30px auto 10px auto;}
#mapa .recerca-content{ width: 1250px; margin: 0 auto; padding: 10px 0; position: relative;}
#mapa .recerca { width: 250px; margin: 10px 0; float: left; display: inline; }
#mapa .border-left { border-left: 2px solid #ccc; padding: 0px 10px 0px 20px; }
#mapa .border-none { padding: 0px 10px 0px 20px; }
#mapa .recerca ul { list-style: none; margin:0;}
#mapa .recerca ul li:first-child {
/*font-weight: bold; */
}
#mapa .recerca ul li em {
font-weight: bold;
}
#mapa .recerca ul.last { border-right: 0; }
#mapa .recerca a { text-decoration: none; color: #000; }
#mapa .recerca a:hover { color: #01644f; text-decoration: underline;}
#mapa .cultura a { text-decoration: none; font-weight: bold; }
/**** coverflow ****/
.coverflow-big { height: 304px; margin: 10px auto -65px auto; overflow: hidden; width: 1250px; } /*#46212: fit margin bottom (31/01/2014)*/
.coverflow-big .post-item { width: 350px;
background-image: linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -moz-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -ms-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -o-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0, rgb(60,60,60)),
color-stop(0.5, rgb(105,106,105)),
color-stop(1, rgb(60,60,60))
); background-image: -webkit-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); border-radius: 10px; color: #fff; cursor: pointer; display: block; height: 100%; margin: 0; moz-border-radius: 10px; webkit-border-radius: 10px; width: 300px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3c3c3c', endColorstr='#f0f0f0');/*For IE7-8-9*/
height: 1%;/*For IE7*/
}
.coverflow-big img { border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0; moz-border-radius-topleft: 10px; moz-border-radius-topright: 10px; padding: 0; webkit-border-top-left-radius: 10px; webkit-border-top-right-radius: 10px; width: 100%; }
.coverflow-big h3 { font-size: 1.154em; line-height: 1.385em; margin: 0; padding: 5px 20px; }
.coverflow-big a { color: #fff; text-decoration: none; }
.coverflow-big a:hover { text-decoration: underline; }
.coverflow-big .selectedItem img:hover { opacity: 0.7; }
.coverflow-big .itemTitle { display: none; }
/*
#coverflow2 { height: 180px; margin: 25px auto; overflow: hidden; width: 480px; }
#coverflow2 .post-item { background-image: linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -moz-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -ms-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -o-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0, rgb(60,60,60)),
color-stop(0.5, rgb(105,106,105)),
color-stop(1, rgb(60,60,60))
); background-image: -webkit-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); border-radius: 5px; color: #fff; cursor: pointer; display: block; margin: 0; moz-border-radius: 5px; webkit-border-radius: 5px; width: 160px; }
#coverflow2 img { border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; moz-border-radius-topleft: 5px; moz-border-radius-topright: 5px; padding: 0; webkit-border-top-left-radius: 5px; webkit-border-top-right-radius: 5px; width: 100%; }
#coverflow2 a { color: #fff; text-decoration: none; }
#coverflow2 a:hover { text-decoration: underline; }
#coverflow2 .selectedItem img:hover { opacity: 0.7; }
#coverflow2 .itemTitle { display: none; }
#coverflow2 p { font-size: 1em; line-height: 15px; margin: 0; padding: 2px 20px; }
*/
.coverflow-little { height: 180px; margin: 25px auto; overflow: hidden; width: 480px; }
.coverflow-little .post-item { background-color: #333;background-image: linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -moz-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -ms-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -o-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0, rgb(60,60,60)),
color-stop(0.5, rgb(105,106,105)),
color-stop(1, rgb(60,60,60))
); background-image: -webkit-linear-gradient(right , rgb(60,60,60) 0%, rgb(105,106,105) 50%, rgb(60,60,60) 100%); border-radius: 5px; color: #fff; cursor: pointer; display: block; margin: 0; moz-border-radius: 5px; webkit-border-radius: 5px; width: 160px; }
.coverflow-little img { border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; moz-border-radius-topleft: 5px; moz-border-radius-topright: 5px; padding: 0; webkit-border-top-left-radius: 5px; webkit-border-top-right-radius: 5px; width: 100%; }
/*.coverflow-little .selectedItem img:hover{opacity: 0.7; }*/
.coverflow-little a { color: #fff; text-decoration: none; }
.coverflow-little a:hover { text-decoration: underline; }
.coverflow-little .selectedItem img:hover { opacity: 0.7; }
.coverflow-little .itemTitle { display: none; }
.coverflow-little p { font-size: 1em; line-height: 15px; margin: 0; padding: 2px 20px; }
/**** footer ****/
#footer { width: 1250px; margin: 10px auto 30px auto; 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 { width: 780px; 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.231em; }
.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; }
/**** Estils per Coneix la UAB ****/
/**********************************/
/* Classes */
.left {
float: left;
}
.right {
float: right;
}
.clearfix {
overflow: hidden;
position: relative;
}
.no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important ;
margin-left: 0 !important;
margin-right: 0 !important;
}
.mr0 { margin-right: 0 !important; }
.ml0 {
margin-left: 0 !important;
}
.ml5 {
margin-left: 5px !important;
}
.mr5 {
margin-right: 5px;
}
.mr-5 {
margin-right: -5px;
}
.mt5 {
margin-top: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.ml10 {
margin-left: 10px !important;
}
.m10 {
margin: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mt10 {
margin-top: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pl0 {
padding-left: 0;
}
.pl10 {
padding-left: 10px;
}
.pr0 {
padding-right: 0;
}
.pr10 {
padding-right: 10px;
}
.pl20 {
padding-left: 20px;
}
.p15 {
padding: 15px;
}
.br0 {
border-radius: 0 !important;
-webkit-border-radius:0 !important;
-webkit-border-radius: 0 !important;
}
.light-shadow {
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
}
.shadow {
box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.2);
}
.special-shadow {
box-shadow: 0 8px 3px -5px rgba(0,0,0,0.2);
}
.rounded {
border-radius: 10px;
}
.no-ovf {
overflow: visible;
}
.no-border {
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}
strong {
font-weight: bold;
}
/*#imatge-fixa .info-imatge.coneix {
width: 360px;
}*/
/*#imatge-fixa .imatge.coneix {
width: 850px;
}*/
#imatge-fixa .info-imatge h1 {
margin: 20px 20px 0 20px;
font-size: 2.308em;
line-height: 32px;
/*text-transform: uppercase;*/
color: #fff;
font-family: 'helv-condensed-bold-webfont', "Arial Narrow", Arial, sans-serif;
font-weight: lighter;
}
#imatge-fixa .info-imatge h2 {
margin: 20px 20px 0 20px;
font-size: 3.385em;
line-height: 44px;
text-transform: uppercase;
color: #fff;
font-family: 'helv-condensed-bold-webfont', "Arial Narrow", Arial, sans-serif;
font-weight: lighter;
}
#imatge-fixa .info-imatge h3 {
margin: 20px 20px 0 20px;
font-size: 2.308em;
line-height: 32px;
text-transform: uppercase;
color: #fff;
font-family: 'helv-condensed-bold-webfont', "Arial Narrow", Arial, sans-serif;
font-weight: lighter;
}
/* Header */
#header .logo a {
width: 230px;
height: 90px;
display: block;
background: url(logo.png) 0 0 no-repeat;
text-decoration: none;
}
#header .logo a em {
display: none;
}
#header ol {
list-style: none;
}
/* Nav */
.col-nav .nav-title {
margin: 0 0 10px 0;
font-size: 0.346em;
font-family: 'Arial';
line-height: 23px;
font-weight: bold;
}
/* Layout */
.aside-nav {
width: 230px;
padding-bottom: 10px;
font-size: 1.10em;
}
.right-content {
width: 980px;
}
.aside-nav-content {
border-radius: 10px;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background-color: #fff;
margin-bottom: 14px;
}
.inside-left-content {
width: 730px;
}
.inside-left-content h2 {
color: black;
}
.inside-sidebar {
width: 230px;
}
.inside-sidebar .video { margin-left: 5px; }
/* Left sidebar */
.title {
padding: 10px 30px 10px 10px;
color: #000;
font-size: 18px;
background: #e7e7e7;
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px solid #ccc;
}
.right-col-title {
padding: 12px 0 12px 20px;
}
.aside-nav-content nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.aside-nav-content nav ul li a {
display: block;
line-height: 18px;
padding: 5px 25px 5px 10px;
cursor: pointer;
border-bottom: 1px solid #ccc;
text-decoration: none;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.aside-nav-content a:hover {
color: #00856c;
}
.aside-nav-content nav ul li:last-child a {
border-bottom: 0;
}
.aside-nav-content nav ul li a:hover {
background-color: #f3f3f3;
}
.aside-nav-content nav ul li.sub > a {
background: url(plus_g.png) 203px center no-repeat;
}
.aside-nav-content nav ul li.sub > a:hover {
background: #f3f3f3 url(plus_v.png) 203px center no-repeat;
}
.aside-nav-content nav ul li.sub.opened > a {
background: #f3f3f3 url(minus_g.png) 203px center no-repeat;
border-bottom: 0;
}
.aside-nav-content nav ul li.sub.opened > a:hover {
background: #f3f3f3 url(minus_v.png) 203px center no-repeat;
border-bottom: 0;
}
.aside-nav-content nav ul li.no-sub > a {
/*background: url(arrow_g.png) 203px center no-repeat;*/
}
.aside-nav-content nav ul li.no-sub > a:hover {
/*background: #f3f3f3 url(arrow_v.png) 203px center no-repeat;*/
}
.aside-nav-content nav ul li > ul {
display: none;
background-color: #f3f3f3;
border-bottom: 1px solid #ccc;
}
.aside-nav-content nav ul li > ul li > ul {
display: none;
background-color: #e7e7e7;
border-bottom: 0;
}
.aside-nav-content nav ul li > ul li.sub > a:hover {
background-color: #e7e7e7;
}
.aside-nav-content nav ul li > ul li.sub.opened > a {
background-color: #e7e7e7;
}
.aside-nav-content nav ul li > ul li.sub.opened > a:hover {
background-color: #e7e7e7;
}
.aside-nav-content nav ul li ul li a:hover{
background-color: #e7e7e7;
}
.aside-nav-content nav ul li ul li a {
padding-left: 20px;
border-bottom: 0;
}
.aside-nav-content nav ul li ul li ul li a {
padding-left: 40px;
border-bottom: 0;
}
.aside-nav-content nav ul li ul li ul li a:hover {
background-color: #ddd;
}
.current {
color: #00856c !important;
font-weight: bold;
}
/****************************************************/
.aside-nav-content.external-links nav ul li {
font-weight: bold;
font-size: 90%;
}
.aside-nav-content.external-links nav ul li.ext > a {
background: #e7e7e7 url(ext_g.png) 203px center no-repeat;
}
.aside-nav-content.external-links nav ul li.ext > a:hover {
background: #f3f3f3 url(ext_v.png) 203px center no-repeat;
}
.aside-nav-content.external-links nav ul li:first-child a {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.aside-nav-content.external-links nav ul li:last-child a {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* Right Content */
.top-img {
height: 268px;
background-color: #e3e3e2;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 8px 3px -5px rgba(0,0,0,0.2);
}
.top-img-text {
width: 253px;
padding: 25px 24px 20px 26px;
/* background: url(../img/comillas.png) 10px 10px no-repeat; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top-img-text p {
color: #00856c;
font-size: 18px;
font-weight: bold;
line-height: 20px;
margin: 0px;
}
.play {
position: absolute;
top: 50%;
left: 50%;
width: 58px;
height: 57px;
margin-top: -26px;
margin-left: -26.5px;
cursor: pointer;
background: url(play.png) 0 0 no-repeat;
}
.play:hover {
background: url(play.png) 0 -57px no-repeat;
}
/* Table */
.gris {
background: none repeat scroll 0 0 rgb(241, 242, 242);
}
.taula {
margin: 20px 0;
width: 100%;
}
.taula th.t-titul {
font-weight: bold;
padding: 5px 10px;
text-align: left;
}
.taula td {
padding: 5px 10px;
}
.taulaborder td, .taulaborder th {
border: 1px solid rgb(0, 0, 0);
}
.taulaborder {
border-collapse: collapse;
border-style: hidden;
width:97%;
}
.table {
position: relative;
width: 100%;
z-index: 10;
margin-top: 3px;
}
.table table {
width: 100%;
table-layout: fixed;
border-radius: 10px;
box-shadow: 0 3px 3px rgba(0,0,0,0.3);
border-spacing: 0;
}
.table table th {
background-color: #00644f;
color: #fff;
padding: 13px 0;
font-size: 14px;
border-left: 2px solid #fff;
}
.table table th:first-child {
border: none;
}
.table table td {
padding: 25px 10px;
text-align: center;
border-left: 2px solid #fff;
background: #f5f8ea;
background: -moz-linear-gradient(top, #f5f8ea 0%, #dbe7b9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8ea), color-stop(100%,#dbe7b9));
background: -webkit-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -o-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -ms-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: linear-gradient(to bottom, #f5f8ea 0%,#dbe7b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8ea', endColorstr='#dbe7b9',GradientType=0 );
}
.table table td:first-child {
border: none;
}
.table table tr.last td {
background: none;
padding: 0;
}
.table table td span {
display: block;
margin-bottom: 10px;
font-family: "Arial";
font-weight: lighter;
color: #00644f;
font-size: 34px;
}
/* Table Rounded Corners Classes */
.table table th.first {
border-top-left-radius: 10px;
}
.table table th.last {
border-top-right-radius: 10px;
}
.bblr {
border-bottom-left-radius: 10px;
}
.bbrr {
border-bottom-right-radius: 10px;
}
.btlr {
border-top-left-radius: 10px;
}
.btrr {
border-top-right-radius: 10px;
}
/* Table Arrows */
.table-arrows {
position: relative;
z-index: 9;
top: -5px;
}
.table-arrows table {
width: 100%;
table-layout: fixed;
border-spacing: 0;
}
.table-arrows table td {
position: relative;
border-left: 2px solid #fff;
cursor: pointer;
}
.table-arrows table td:first-child {
border: none;
}
.table-arrows table td div.plus {
position: absolute;
top: 15px;
left: 50%;
margin-left: -11.5px;
width: 25px;
height: 25px;
background: url(plus_green_big.png) center center no-repeat;
background-position: 0 0;
}
.table-arrows table td span {
position: relative;
display: block;
width: 100%;
height: 30px;
background-color: #ebebeb;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.arrow {
width: 0;
height: 0;
border-left: 72px solid transparent;
border-right: 72px solid transparent;
border-top: 30px solid #ebebeb;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.table-arrows table td:hover span {
background-color: #00644e;
}
.table-arrows table td:hover div.plus {
background-position: 0 -25px;
}
.table-arrows table td:hover .arrow {
border-top-color: #00644e;
}
/* Large link */
.large-link {
margin-top: 9px;
padding-bottom: 11px;
text-align: right;
position: relative;
color: #00856c;
border-bottom: 1px dotted #999;
}
.large-link a.mes-link {
color: #01644f;
text-decoration: none;
padding-right: 25px;
background: url(fletxa-mes.png) 100% -3px no-repeat;
}
.large-link a.mes-link:hover {
text-decoration: underline;
background: url(fletxa-mes.png) 100% -23px no-repeat;
}
/* Box Menu */
.box-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.box-links li {
float: left;
position: relative;
}
.box-links ul li a {
display: block;
width: 143px;
height: 90px;
margin-right: 3px;
padding: 20px 15px;
background-color: #abc838;
border-radius: 10px;
color: #fff;
font-size: 14px;
text-decoration: none;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mes-green {
display: block;
position: absolute;
bottom: 10px;
right: 13px;
width: 17px;
height: 17px;
background: url(masconeix.png) 0 -17px no-repeat;
}
.box-links ul li:last-child a {
margin-right: 0;
}
/* Banners */
figure.left { overflow: visible; }
/*figure.left a:hover img { opacity: 1; }*/
/* Right Sidebar */
.sidebar .video {
margin: 15px 15px 15px 5px;
}
.sidebar.small-sidebar {
width: 230px;
}
.bloc-info h4 { font-family: Arial, sans-serif; }
.sidebar h4 span { color: #01644f; }
.sidebar h5 { font-size: 16px; font-weight: bold; margin: 10px;}
.bloc-info h4 {
margin: 10px 10px 18px 10px;
}
.bloc-info p.black-link a { color: #000; }
.bloc-info:hover.white {
background-color: #fff;
}
.bloc-info.white {
padding-bottom: 10px;
}
.bloc-info.white h4 {
margin: 0 0 5px 5px;
}
.bloc-info.white h4.small {
font-size: 1.2em;
}
.bloc-info.white h4 a {
position: relative;
bottom: 7px;
}
.bloc-info.white a.cercador {
position: relative;
top: -30px;
}
.bloc-info.white p {
margin: 0 0 5px 5px;
}
.bloc-info.white p.cercador {
width: 48%;
margin: 0;
}
.bloc-info.white h4 img {
vertical-align: baseline;
}
.side-box {
position: relative;
background-color: #e7e7e7;
}
.title.small {
font-size: 16px;
}
.title.ranquing {
padding: 10px 3px 3px;
}
.title.ranquing img {
position: relative;
bottom: 5px;
vertical-align: middle;
}
figure.img-rector {
margin-bottom: 10px;
}
.green {
background-color: #00644f;
color: #fff;
}
.white {
background-color: #fff;
border-bottom: none;
}
.light-border {
border: 1px solid #eee;
}
.side-box-content {
padding: 20px 20px 30px 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.side-box-content.ranquing {
padding: 0 10px 10px 10px;
}
.side-box-content a {
text-decoration: none;
}
.side-box-content a:hover {
text-decoration: underline;
}
.side-box-content a.mes {
right: 10px;
}
.central-box-content{
margin: 0 10px 10px 0;
background: #e7e7e7;
border-radius: 10px;
padding: 10px 10px 0 10px;
position: relative;
float: left;
width: 350px;
}
.pie:foto{
}
.central-box-content a.mes {
position: relative;
}
.central-box-content a.mes:hover {background: url(fletxa-mes.png) 50% -20px no-repeat;color:#01644f;}
.veure_mes{
position: absolute;
left: 0;
bottom: 7px;
text-indent: 20px;
width: 410px;
height: 20px;
background: url(fletxa-mes.png) 50% 0 no-repeat;
color: #fff;
border-radius: 10px;
display: block;
text-decoration: none;
color: #000;
font-weight: bold;*/
}
.central-box-content a.mes {
position: relative;
right: 0;
bottom: 7px;
text-indent: 0;
width: 370px;
height: 20px;
background: url(fletxa-mes.png) 50% 0 no-repeat;
color: #000;
border-radius: 10px;
display: block;
text-decoration: none;
font-weight: bold;
}
.position {
width: 208px;
padding: 10px;
background: #ffd0ac url(ranquing_bg.jpg) center top no-repeat;
border-bottom: 1px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.position p {
margin: 0;
padding: 0;
width: 138px;
font-size: 12px;
}
.pos-txt {
display: block;
padding-top: 3px;
}
.num-pos {
font-size: 21px;
}
.cronologia_any{
margin: 0;
background: #e7e7e7;
overflow: hidden;
}
.cronologia_any h2 {
margin: 10px 0 10px 20px;
font-size: 1.385em;
color:#000;
font-family: 'Arial';
}
.cronologia{
margin: 0;
border-bottom: 1px dotted #999;
}
.cronologia h4{
font-size: 1em;
color:#000;
margin: 10px 0 5px 20px;
}
.cronologia p{
margin:0px 10px 10px 20px;
}
.cronologia_ultimo{
margin: 0;
border-bottom: 1px solid #FFF;
}
.cronologia_ultimo h4{
font-size: 1em;
color:#000;
margin: 10px 0 5px 20px;
}
.cronologia_ultimo p{
margin:0px 10px 10px 20px;
}
.ficha_honoris{
margin: 0 10px 0 10px;
border-bottom: 1px dotted #999;
}
.ficha_honoris p{ margin: 10px 10px 10px 0; line-height: 1.385em; /* 18px */}
.ficha_honoris h5 { margin: 10px 10px 10px 0;}
.honoris{
padding: 0;
margin: 0;
}
.honoris ul{
font-size: 1em /* 13px */;
margin: 0;
width: 48%;
float: left;
margin-right: 2%;
}
.honoris ul li {
list-style-type: none;;
border-top: 1px dotted #999898;
line-height: 40px;
/* Xavi */
/* width: 48%;
float: left;
margin-right: 2%;*/
}
.honoris ul li.ultim {
list-style-type: none;;
border-top: 1px dotted #999898;
border-bottom: 1px dotted #999898;
line-height: 40px;
}
.honoris ul li a {color: #000; text-decoration: none;}
.honoris ul li a:hover {color: #01644f; text-decoration: underline;}
.estudis{
padding: 0;
margin: 0;
}
.estudis ul{
font-size: 1em /* 13px */;
margin: 0;
width: 100%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}
.estudis ul li {
list-style-type: none;
border-top: 1px dotted #999898;
line-height: 20px; /*antic valor 40px*/
padding: 10px 0px 10px 0px;
}
.estudis ul li.ultim {
list-style-type: none;
border-top: 1px dotted #999898;
border-bottom: 1px dotted #999898;
line-height: 20px; /*antic valor 20px*/
padding: 10px 0px 10px 0px;
}
.estudis ul li a {color: #000; text-decoration: none;}
.estudis ul li a:hover {color: #01644f; text-decoration: underline;}
.side2-nav{
padding-bottom: 10px;
font-size: 1.10em;
}
.side2-nav ul {
list-style: none;
padding: 0;
margin: 10px;
}
.side2-nav ul li{
display: block;
text-decoration: none;
color: #000;
line-height: 20px;
border-top: 1px solid #c3c3c3;
padding: 7px 0 7px 0;
position: relative;
font-weight: bold;
}
.side2-nav ul li a em {
text-indent: -99999px;
background: url(fletxa-gris.png) 100% 0 no-repeat;
padding: 0 20px 0 0;
position: absolute;
top: 7px;
right: 0px;
}
.side2-nav ul li a:hover em{ color: #01644f; background: url(fletxa-gris.png) 100% -20px no-repeat; }
.side2-nav ul li.ultim {
display: block;
text-decoration: none;
color: #000;
line-height: 20px;
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
padding: 7px 0 7px 0;
position: relative;
}
.side2-nav ul li a{
color:#000;
text-decoration: none;
font-size: 13px;
}
.side2-nav ul li a:hover{
color:#01644f;
text-decoration: none;
}
/* Footer */
#footer .logo a {
width: 160px;
height: 90px;
display: block;
background: url(logo-internacional.png) 0 0 no-repeat;
}
#footer .logo a em {
display: none;
}
/* Internet Explorer 7-8 */
/*.lt-ie9 #imatge-fixa .info-imatge h1 {
font-family: "Arial Narrow";
font-weight: bold;
}*/
.lt-ie8 .side-box {
padding-bottom: 20px;
}
.lt-ie8 .side-box-content {
padding-bottom: 0;
margin-bottom: 20px;
}
.lt-ie8 .position {
padding-left: 0;
padding-right: 0;
}
.lt-ie8 .nav ul {
min-height: 300px;
height: 300px !important;
}
.lt-ie8 .col-nav {
min-height: 265px;
height: 265px !important;
}
/* CEI */
.info-slide h2.texte-petit {
margin-top: 40px;
}
.info-slide h2.texte-petit a.texteAdaptatSlide1 {
font-size: 1.28em;
line-height: 40px;
}
.slide-new h3 a.texteAdaptatSlide2 {
font-size: 15px;
line-height: 19px;
}
div.slide-new p.play-petit, div.slide-new p.ply-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; cursor:pointer;
}
.slide-new { height: 82px; padding: 10px;}
.info-slide h2 a.texteAdaptatSlide2 {
font-size: 34px;
}
.info-slide p.texteAdaptatSlide2 {
font-size: 16px;
}
/*Header Menú desplegable*/
.play-little-video {
position: absolute;
top: 48px;
left: 87px;
width: 33px;
height: 33px;
margin: -16px 0 0 -16px;
background: url(play-petit.png) 0 0 no-repeat;
text-indent: -9999999px;
cursor: pointer;
}
/*Header capçalera amb una unica imatge de fons*/
.img-full { background: #fff; background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 200px; margin: 0 auto 10px auto; max-height: 200px; overflow: hidden; position: relative; width: 1230px; }
.img-full:before { content: ""; display: block; width: 100%; }
.img-full h2 { color: #fff; font-family: Arial; font-weight: bold; font-size: 65px !important; line-height: 65px; margin: 0; padding: 25px 0 0 25px; }
.img-full p { color: #fff; font-family: Arial; font-weight: bold; font-size: 28px; line-height: 65px; margin: 0; padding: 0 0 0 25px; }
.img-full .container-layour h2 { color: #fff; font-family: Arial; font-weight: bold; font-size: 65px; line-height: 65px; margin: 0; padding: 25px 0 0 25px; }
.img-full a.open { display: block; height: 35px; position: absolute; right: 0; speak: none; text-align: center; top: 0; width: 35px; z-index: 200; }
.img-full a.open:before { content: url(https://www.uab.cat/Xcelerate/UAB2013/general/css/x.png); display: inline-block; padding: 9px 0; moz-transition: 0.5s ease-in-out; o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; vertical-align: middle; webkit-transition: 0.5s ease-in-out; }
.img-full a.close:before { moz-transform: rotate(45deg); transform: rotate(45deg); webkit-transform: rotate(45deg); padding-right: 3px;}
/*Breadcrumb*/
#breadcrumb {
margin: 0px auto 6px auto;
}
/*Degradado del texto a la izquierda del video en coneix.php*/
.greyback {
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #c4c8c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#c4c8c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#c4c8c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#c4c8c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#c4c8c9 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#c4c8c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c4c8c9',GradientType=0 ); /* IE6-9 */
}
/*Tabla central de coneix.html*/
.table-coneix table {
box-shadow: 0 11px 10px -6px rgba(0,0,0,0.6);
border-spacing: 0;
}
.table-coneix table th {
background-color: #E0E2E1;
color: #000;
font-weight: bold;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.table-coneix table td {
background: #f5f8ea;
background: -moz-linear-gradient(top, #f5f8ea 0%, #dbe7b9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8ea), color-stop(100%,#dbe7b9));
background: -webkit-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -o-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -ms-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: linear-gradient(to bottom, #f5f8ea 0%,#dbe7b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8ea', endColorstr='#dbe7b9',GradientType=0 );
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.table-coneix .normal {
background: #f5f8ea;
background: -moz-linear-gradient(top, #f5f8ea 0%, #dbe7b9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8ea), color-stop(100%,#dbe7b9));
background: -webkit-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -o-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: -ms-linear-gradient(top, #f5f8ea 0%,#dbe7b9 100%);
background: linear-gradient(to bottom, #f5f8ea 0%,#dbe7b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8ea', endColorstr='#dbe7b9',GradientType=0 );
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.table-coneix .hover {
background: #f5f8ea;
background: -moz-linear-gradient(top, #f5f8ea 0%, #b2cd62 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f8ea), color-stop(100%,#b2cd62));
background: -webkit-linear-gradient(top, #f5f8ea 0%,##b2cd62 100%);
background: -o-linear-gradient(top, #f5f8ea 0%,#b2cd62 100%);
background: -ms-linear-gradient(top, #f5f8ea 0%,#b2cd62 100%);
background: linear-gradient(to bottom, #f5f8ea 0%,#b2cd62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8ea', endColorstr='#b2cd62',GradientType=0 );
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.table-coneix-arrows table td:hover span {
background-color: #99B83C;
}
.table-coneix-arrows table td:hover .arrow {
border-top-color: #99B83C;
}
.table-coneix-arrows table td:hover div.plus {
background-position: 0 0px;
}
.box-links-coneix {
margin-top: 8px;
}
/*Banner con imágenes el el botton del contenido central de coneix.php*/
.banner_coneix {
margin-top: 24px;
}
.banner_coneix1 {
width:220px;
padding: 0px;
}
.banner_coneix2 {
padding: 0px;
margin-bottom: 0px;
margin-right: 0px;
overflow: hidden;
}
.banner_coneix2 a.mes-info.plus {
margin: 0px;
bottom: auto;
top: 16px;
}
.banner_coneix2 h4 {
margin: 16px 10px 17px 20px;
}
.banner_coneix2 figure {
height: 287px;
}
/*Cuadro del rector de la barra derecha de coneix.php*/
.bloc-info.rector {
padding: 10px 10px 8px 10px;
}
.rector h4 {
margin-top: 5px;
margin-bottom: 14px;
}
.rector div {
margin-left: -10px;
}
.rector p {
line-height: 13px;
}
a.mes {
right: 13px;
bottom: 10px;
background: url(fletxa-mes.png) 50% 0 no-repeat;
}
.bloc-info.ilustres {
padding: 10px 10px 14px 10px;
}
.ilustres h4 {
margin-top: 5px;
margin-bottom: 14px;
}
/* Fons taronja per als quadrats de la pàgina de Consell Social */
.bloc-info.consellsocial{background-color: #EB7330;}
.consellsocial a, .consellsocial h4{color: #fff;}
a.mes-info.consellsocial{background: url(https://www.uab.cat/Xcelerate/UAB2013/general/css/fletxa-taronja.png) 0 0 no-repeat; width: 17px; height: 17px;}
a.mes-info.consellsocial:hover{background: url(https://www.uab.cat/Xcelerate/UAB2013/general/css/fletxa-taronja.png) 0 -17px no-repeat;}
.contactecs { padding:10px; }
/*Página ficha.php*/
.ficha_honoris {
position: relative;
top: 0px;
left: 0px;
}
a.mes-info.plus-doris {
right: 0px;
bottom: 10px;
}
/*Estilos para agenda.html*/
#imatge-fixa .info-imatge h1.title-agenda {
text-align: center;
vertical-align: middle;
margin-top: 60px;
}
#imatge-fixa .info-imatge h1.title-agenda span {
font-family: 'helv-condensed-webfont', "Arial Narrow", Arial, sans-serif;
font-weight: lighter;
}
.contenedor .row {
width: 100%;
clear: both;
display: inline-block;
}
.contenedor .row .left {
float: left;
}
.contenedor .row .right {
float: right;
}
.contenedor .row h2 {
font-size: 1.8em;
font-family: 'helneue-regular-webfont', Arial;
}
.contenedor .row .date p {
font-size: 1.4em;
font-family: 'helneue-regular-webfont', Arial;
margin: 11px 0px 0px 0px;
}
.contenedor .row .right.time-frame p {
margin: 16px 0px 0px 0px;
}
.time-frame .current {
font-weight: bold;
}
.contenedor .row hr {
border: 0;
border-bottom: 1px dashed #ccc;
clear: both;
margin: -8px 0px 0px 0px;
}
/*Entradas Agenda de todas las secciones*/
.contenedor .row.entrada-agenda {
margin: 7px 0px 9px 0px;
}
.entrada-agenda .hora {
width: 89px;
height: 61px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-right: 20px;
color: white;
}
.entrada-agenda h3 a {
color: black;
text-decoration: none;
}
.entrada-agenda h3 a:hover, .entrada-agenda h3 a.hover-title { text-decoration: underline; }
.entrada-agenda .hora p {
margin-top: 21px;
}
.contenedor .row .left.info {
margin: 8px 0px 0px 0px;
max-width: 800px; /* nou valor tiquet #1472*/
}
.entrada-agenda .info h3 {
margin: 0px 0px 3px 0px;
font-size: 1.49em;
}
.entrada-agenda .info span {
font-size: 1.19em;
}
.row.extended {
margin: 0px 0px 0px 110px;
width: 850px;
}
.row.extended p {
margin: 0px 0px 8px 0px;
}
.row.extended span.strong {
font-weight: bold;
}
/*Entrada Agenda Sección Cultura - color magenta*/
.entrada-agenda.cultura .hora {
background-color: #d70c58;
}
.entrada-agenda.cultura .info .seccion {
color: #d70c58;
}
/*Entrada Agenda Sección Recerca - color verde*/
.entrada-agenda.recerca .hora {
background-color: #bfd730;
}
.entrada-agenda.recerca .info .seccion {
color: #bfd730;
}
/*Entrada Agenda Sección Esport - color azul*/
.entrada-agenda.esport .hora {
background-color: #00aeef;
}
.entrada-agenda.esport .info .seccion {
color: #00aeef;
}
/*Ocultamos los bloques de información al inicio*/
.contenedor .row.extended {
display: none;
}
/*Cambios en la flechecita ascendente y descendente*/
.row.entrada-agenda .toggle {
width: 17px;
height: 17px;
background-repeat:no-repeat;
background-position: center top;
background-image: url(arrow-down.png);
margin: 10px 0px 0px 0px;
cursor: pointer;
}
.row.entrada-agenda .toggle.asc {
background-image: url(arrow-up.png);
}
.row.entrada-agenda .toggle:hover, .row.entrada-agenda .toggle.hover-toggle {
background-position: center bottom;
cursor: hand;
}
.row.entrada-agenda .toggle.desc {
}
/* Territori */
.new-post {
margin: 0 10px 0 10px;
}
.new-post img {
box-shadow: none;
}
.new-post h3 {
font-size: 17px;
}
.new-post .bloc-info {
padding: 20px 20px 20px 20px;
}
.new-post .bloc-info h3 {
margin: 0;
font-family: Arial;
font-size: 18px;
position: relative;
width: 203px;
}
.new-post .bloc-info a {
font-weight: normal;
}
#tag-cloud {
line-height: 22px;
}
#tag-cloud a {
color: hsl(169, 100%, 26%);
font-weight: normal;
}
#tag-cloud .little a {
}
#tag-cloud .little-bold a {
font-weight: bold;
}
#tag-cloud .middle a {
font-size: 13px;
}
#tag-cloud .middle-bold a {
font-size: 13px;
font-weight: bold;
}
#tag-cloud .big a {
font-size: 15px;
}
#tag-cloud .big-bold a {
font-size: 15px;
font-weight: bold;
}
/* Rankings */
.ball span {
display: block;
text-align: center;
font-family: Arial;
font-size: 32px;
color: white;
font-weight: normal;
line-height: 127px;
}
.ball.small span {
line-height: 107px;
}
.ball.terra {
display: block;
width: 126px;
height: 127px;
margin: 20px auto;
background: transparent url(ball_terra.png) center center no-repeat;
}
.ball.terra.small {
display: block;
width: 109px;
height: 107px;
margin: 0;
background: transparent url(ball_terra_small.png) center center no-repeat;
}
.ball.spain {
display: block;
width: 126px;
height: 127px;
margin: 20px auto;
background: transparent url(ball_spain.png) center center no-repeat;
}
.ball.spain.small {
display: block;
width: 109px;
height: 108px;
margin: 0;
background: transparent url(ball_spain_small.png) center center no-repeat;
}
.ball.catalonia {
display: block;
width: 126px;
height: 127px;
margin: 20px auto;
background: transparent url(ball_cat.png) center center no-repeat;
}
.ball.catalonia.small {
display: block;
width: 109px;
height: 108px;
margin: 0;
background: transparent url(ball_cat_small.png) center center no-repeat;
}
.post h3.green-header a,
.new-post h3.green-header a,
.bloc-info h4.green-header a {
color: #008d9b;
}
.ranking-text {
width: 110px;
}
/* Página honores.html */
.titul-honoris {
margin-left: 0px;
}
/* Página coneix.html */
.bloc-info.white h4.title-margins {
margin-bottom: 12px;
}
.bloc-info.white h4.title-margins a {
bottom: 0px;
}
/*Estilos para los videos del plugin jwplayer*/
.jwlogo {
width: auto !important;
} /* estil que cal eliminar un cop posem el player 7*/
.jw-icon {
font-family: 'jw-icons';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-transform: none;
background-color: transparent;
font-variant: normal;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-moz-osx-font-smoothing: grayscale;
}
.jw-skin-uab .jw-background-color {
background: #333333;
}
.jw-skin-uab .jw-controlbar {
background: #01644f;
}
.jw-skin-uab .jw-text {
color: #cecece;
}
.jw-skin-uab .jw-tooltip-title {
color: #cecece;
}
.jw-skin-uab .jw-knob {
color: #cecece;
}
.jw-skin-uab .jw-button-color {
color: #cecece;
}
.jw-skin-uab .jw-button-color:hover {
color: #cecece;
}
.jw-skin-uab .jw-toggle {
color: #eeeeee;
}
.jw-skin-uab .jw-toggle.jw-off {
color: #cecece;
}
.jw-skin-uab .jw-option {
color: #cecece;
}
.jw-skin-uab .jw-option.jw-active-option {
color: #eeeeee;
}
.jw-skin-uab .jw-icon-display {
color: #cecece;
}
.jw-skin-uab .jw-display-icon-container {
border-radius: 2em;
}
.jw-skin-uab .jw-display-icon-container:hover {
background: #4d4d4d;
}
.jw-skin-uab .jw-display-icon-container:hover .jw-icon-display {
color: #eeeeee;
}
.jw-skin-uab .jw-rail {
background: #666666;
}
.jw-skin-uab .jw-buffer {
background: #202020
}
.jw-skin-uab .jw-progress {
background: #eeeeee;
}
.jw-skin-uab .jw-slider-horizontal {
background: #01644f;
}
.jw-skin-uab .jw-slider-horizontal .jw-knob {
margin-left: -0.4em;
}
.jw-skin-uab .jw-slider-vertical .jw-knob {
margin-bottom: -0.4em;
}
.jw-skin-uab .jw-time-tip,
.jw-skin-uab .jw-volume-tip,
.jw-skin-uab .jw-menu {
background: #01644f;
border: 1px solid #000;
padding: 0.5em;
}
.jw-skin-uab .jw-skip {
background: #01644f;
padding: 0.5em;
}
.jw-skin-uab .jw-skip .jw-skip-icon {
color: #cecece;
}
.jw-skin-uab .jw-skip.jw-skippable:hover .jw-skip-icon,
.jw-skin-uab .jw-skip.jw-skippable:hover .jw-text {
color: #eeeeee;
}
.jw-skin-uab .jw-time-tip .jw-text,
.jw-skin-uab .jw-dock-button .jw-text {
color: #bbbbbb;
}
.jw-skin-uab .jw-time-tip {
bottom: 1em;
}
.jw-skin-uab .jw-dock-button {
background: #333;
border-radius: 0.5em;
}
.jw-skin-uab .jw-dock-button:hover {
background: #4d4d4d;
}
.jw-skin-uab .jw-playlist-container {
padding: 0;
}
.jw-skin-uab .jw-icon-inline,
.jw-skin-uab .jw-icon-tooltip,
.jw-skin-uab .jw-text-elapsed,
.jw-skin-uab .jw-text-duration {
padding: 0 0.25em;
}
.jw-skin-uab .jw-background-color {
background-color: #01644f;
}
.jw-skin-uab .jw-controlbar {
display: inline-block;
width: 96%;
max-width: 50em;
margin: 0 auto;
bottom: .7em;
left: 2%;
right: 2%;
}
.jw-skin-uab.jw-flag-audio-player .jw-controlbar {
bottom: 0;
}
.jw-skin-uab .jw-controlbar {
border-radius: .4em;
background-size: 100% 100%;
}
.jw-skin-uab .jw-controlbar .jw-overlay {
bottom: 2em;
padding-bottom: .25em;
}
.jw-skin-uab .jw-display-icon-container {
background-color: #01644f;
background-size: 100% 100%;
border-radius: 4em;
}
.jw-skin-uab:hover .jw-display-icon-container {
background-color: #01644f;
background-size: 100% 100%;
}
.jw-skin-uab .jw-option {
text-align: left;
}
.jw-skin-uab .jw-option .jw-icon-menu-bullet:before {
content: "\e606";
}
.jw-skin-uab .jw-option:before {
font-size: .4em;
vertical-align: middle;
margin-right: 0.4em;
}
.jw-skin-uab .jw-playlist-container {
left: -41%;
}
.jw-skin-uab .jw-playlist-container .jw-text,
.jw-skin-uab .jw-playlist-container .jw-icon {
color: #eeeeee;
}
.jw-skin-uab .jw-playlist-container .jw-option {
border-bottom: 1px solid #2f2f31;
color: #878787;
}
.jw-skin-uab .jw-playlist-container .jw-option:before {
content: "";
}
.jw-skin-uab .jw-playlist-container .jw-option:hover,
.jw-skin-uab .jw-playlist-container .jw-option.jw-active-option {
background-color: #2f2f31;
color: #ffffff;
}
.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar {
border-radius: 0.25em;
}
.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar-track {
background-color: #3c3c3e;
}
.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar-thumb {
background: linear-gradient(to right, #ffffff 0, #cccccc 50%, #ffffff 100%);
}
.jw-skin-uab .jw-rail,
.jw-skin-uab .jw-buffer,
.jw-skin-uab .jw-progress {
border-radius: 0.5em;
}
.jw-skin-uab .jw-progress,
.jw-skin-uab .jw-buffer {
border: 1px solid #000000;
}
.jw-skin-uab .jw-progress {
background: linear-gradient(to bottom,#ffffff 0,#cccccc 50%,#ffffff 100%);
}
.jw-skin-uab .jw-rail {
border: 1px solid #000;box-shadow: inset 0 3px 10px 1px rgba(51,51,51,0.85)
}
.jw-skin-uab .jw-knob {
width: .8em;
height: .8em;
border-radius: 1em;
background: radial-gradient(ellipse at center,#f3f3f3 0,#d2d2d2 90%,#b0b0b0 100%);
box-shadow: 0 1px 10px 1px rgba(0,0,0,0.75)
}
.jw-skin-uab .jw-slider-horizontal .jw-slider-container {
height: 1.2em;
}
.jw-skin-uab .jw-slider-horizontal .jw-rail,
.jw-skin-uab .jw-slider-horizontal .jw-buffer,
.jw-skin-uab .jw-slider-horizontal .jw-progress {
height: 0.65em;
}
.jw-skin-uab .jw-slider-horizontal .jw-knob {
top: -0.075em;
}
.jw-skin-uab .jw-slider-horizontal .jw-progress {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: .5em;
border-top-left-radius: 0.5em;
}
.jw-skin-uab .jw-slider-horizontal .jw-progress,
.jw-skin-uab .jw-slider-horizontal .jw-buffer {
border: 1px solid #000;
border-style: solid none #000000;
}
.jw-skin-uab .jw-slider-horizontal .jw-cue {
top: .2em;
width: .25em;
height: .25em;
background-color: #616164;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0,0,0,0.75);
}
.jw-skin-uab .jw-slider-vertical .jw-rail,
.jw-skin-uab .jw-slider-vertical .jw-progress {
width: 0.65em;
}
.jw-skin-uab .jw-slider-vertical .jw-progress {
background: linear-gradient(to right,#ffffff 0,#cccccc 50%,#ffffff 100%);
border-top-right-radius: 0;
border-bottom-right-radius: .5em;
border-bottom-left-radius: .5em;
border-top-left-radius: 0;
}
.jw-skin-uab .jw-time-tip,
.jw-skin-uab .jw-volume-tip,
.jw-skin-uab .jw-menu {
background-size: 100% 100%;
border-radius: 0.25em;
}
.jw-skin-uab .jw-dock .jw-dock-button {
background: linear-gradient(0deg,rgba(73,73,75,0.85) 0,rgba(69,69,71,0.9) 3%,rgba(63,63,65,0.9) 7%,rgba(62,62,64,0.9) 10%,rgba(58,58,61,0.9) 59%,rgba(52,52,55,0.9) 97%,rgba(52,52,55,0.85) 100%);
background-size: 100% 100%;
border-radius: 0.25em;
}
.jw-skin-uab .jw-dock .jw-dock-button:hover {
background: linear-gradient(0deg,rgba(73,73,75,0.87) 0,#454547 3%,#3f3f41 7%,#3e3e40 10%,#3a3a3d 59%,#343437 97%,rgba(52,52,55,0.87) 100%);
}
.jw-skin-uab .jw-dock .jw-dock-button .jw-overlay {
background: linear-gradient(0deg,rgba(73,73,75,0.87) 0,#454547 3%,#3f3f41 7%,#3e3e40 10%,#3a3a3d 59%,#343437 97%,rgba(52,52,55,0.87) 100%);
background-size: 100% 100%;
border-radius: 0.25em;
}
.jw-skin-uab .jw-skip {
background: linear-gradient(0deg,rgba(73,73,75,0.85) 0,rgba(69,69,71,0.9) 3%,rgba(63,63,65,0.9) 7%,rgba(62,62,64,0.9) 10%,rgba(58,58,61,0.9) 59%,rgba(52,52,55,0.9) 97%,rgba(52,52,55,0.85) 100%);
background-size: 100% 100%;
border: 1px solid #000;
border-radius: .3em;
padding: 0.25em 0.5em;
}
.jw-skin-uab .jw-skip:hover.jw-skippable {
background: linear-gradient(0deg,rgba(73,73,75,0.87) 0,#454547 3%,#3f3f41 7%,#3e3e40 10%,#3a3a3d 59%,#343437 97%,rgba(52,52,55,0.87) 100%);
background-size: 100% 100%;
}
.jw-icon-rewind {
display: none !important;
}
/*jw carousel fix*/
#campus .list_carousel .jw-option{
float:none;
min-height: 0;
width: auto;
border-bottom: none;
padding-left: 6px;
padding-right: 6px;
margin: 0;
}
#campus .list_carousel ul.jw-menu{
padding: 8px;
}
/*end jw carousel fix*/
/* Videos en el footer de la section "campus" */
#campus .video {
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
width: 230px;
display: block;
margin-bottom: 15px;
}
/* Videos en el menú "Investiga"*/
.col-nav .video-investiga {
width: 207px;
margin: 10px 0;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
/* index.html */
.video-post-gran {
margin-bottom: 15px;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
.slide-new .video {
width: 145px;
float: left;
display: inline;
margin: 0 10px 0 0;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
.info-slide2 .video_slide {
width: 480px;
height: 245px;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
/* Maquetación del cajetin de selección de temas de la barra izquierda de agenda.html */
.aside-nav-content.temas-agenda nav ul li {
font-weight: bold;
font-size: 90%;
}
.aside-nav-content.temas-agenda nav ul li label {
display: block;
line-height: 18px;
padding: 7px 10px 9px 12px;
cursor: pointer;
border-bottom: 1px solid hsl(0, 0%, 80%);
text-decoration: none;
color: hsl(0, 0%, 0%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
}
.aside-nav-content.temas-agenda nav ul li:first-child label {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.aside-nav-content.temas-agenda nav ul li:last-child label {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.aside-nav-content.temas-agenda nav ul li .circle {
display: inline-block;
width: 13px;
height: 13px;
background-color: hsl(0, 0%, 0%);
border-radius: 50%;
vertical-align: middle;
margin: 0px 4px 0px 3px;
}
.aside-nav-content.temas-agenda nav ul li .circle.circle-cultura {
background-color: hsl(338, 89%, 45%);
}
.aside-nav-content.temas-agenda nav ul li .circle.circle-recerca {
background-color: hsl(69, 68%, 52%);
}
.aside-nav-content.temas-agenda nav ul li .circle.circle-esport {
background-color: hsl(196, 100%, 47%);
}
/* Maquetación del datepicker de la barra izquierda de agenda.html */
.aside-nav-content.datepicker-agenda {
margin-bottom: 20px;
}
table.datepicker-agenda {
width: 95%;
font-size: .9em;
border-collapse: collapse;
text-align: right;
margin: 3px 4px 2px 4px;
}
table.datepicker-agenda th,
table.datepicker-agenda td {
height: 25px;
}
table.datepicker-agenda th {
font-weight: bold;
padding: 3px 5px 3px 5px;
}
table.datepicker-agenda a {
text-decoration: none;
color: black;
padding: 4px 7px 3px 4px;
font-size: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
table.datepicker-agenda a:hover {
color: black;
}
table.datepicker-agenda td.dia-destacado {
font-weight: bold;
}
table.datepicker-agenda td.dia-selected a {
border-radius: 5px;
border: 1px solid hsl(0, 0%, 91%);
box-shadow: -1px 2px 1px hsla(0, 0%, 0%, 0.2);
background-color: #E9F2F0;
}
.title.title-datepicker-agenda {
padding: 10px 10px 10px 10px
}
.title-datepicker-agenda div {
display: inline-block;
width: 100%;
text-align: center;
}
.title-datepicker-agenda a.mes-pre {
background: url(arrow-left.png) 0 0 no-repeat;
}
.title-datepicker-agenda a.mes-sig {
background: url(arrow-right.png) 0 0 no-repeat;
}
.title-datepicker-agenda a.mes-sig,
.title-datepicker-agenda a.mes-pre {
position: absolute;
bottom: 10px;
text-indent: -99999px;
width: 17px;
height: 17px;
color: hsl(0, 0%, 80%);
/*border-radius: 10px;*/
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-position: center top;
}
.title-datepicker-agenda a.mes-sig:hover,
.title-datepicker-agenda a.mes-pre:hover {
background-position: center bottom;
}
.title-datepicker-agenda a.mes-sig {
right: 10px;
}
/* Estilos para la página noticia.html */
#imatge-fixa.imatge-fixa-noticia {
height: 155px;
}
#imatge-fixa.imatge-fixa-noticia .info-imatge {
width: 364px;
height: 144px;
}
#imatge-fixa.imatge-fixa-noticia .info-imatge h1 {
margin: 21px 20px 0 25px;
font-size: 2.5em;
}
#imatge-fixa.imatge-fixa-noticia .info-imatge p {
margin: 4px 20px 10px 25px;
}
#imatge-fixa.imatge-fixa-noticia .imatge {
width: 842px;
margin: 0 0 10px 14px;
height: 144px;
}
section#content.content-noticia {
/*margin-top: 28px;*/
}
section#content.content-noticia #breadcrumb {
margin: 0px auto 28px auto;
}
section.content-noticia .inside-sidebar .title-otras-noticias {
line-height: 16px;
font-size: 19px;
margin: 0px 0px 0px 0px;
}
section.content-noticia .post.petit {
margin-right: 0px;
margin-left: 0px;
}
section.content-noticia .post.petit.primer {
margin-top: 24px;
}
section.content-noticia .post.petit h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 4px;
}
section.content-noticia .post.petit p {
margin-top: 0px;
line-height: 19px;
margin-bottom: 12px;
}
section.content-noticia .post.petit a.mes {
right: 0px;
bottom: 8px;
}
section.content-noticia .inside-sidebar .video {
margin-left: 0px;
margin-bottom: 15px;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
section.content-noticia .inside-sidebar {
margin-top: 0px;
}
section.content-noticia .aside-nav {
margin-right: 10px;
}
section.content-noticia .aside-nav-content {
margin-bottom: 18px;
}
section.content-noticia .aside-nav-content .title {
padding-left: 18px;
}
section.content-noticia .aside-nav-content form,
section.content-newsroom .aside-nav-content form {
padding: 14px 20px 20px 20px;
}
section.content-noticia .aside-nav-content form label,
section.content-newsroom form label {
font-size: 15px;
}
section.content-noticia .aside-nav-content form .form-row.label-date,
section.content-newsroom .aside-nav-content form .form-row.label-date {
margin: 16px 0px 0px 0px;
}
section.content-noticia .aside-nav-content form .form-row.input,
section.content-newsroom .aside-nav-content form .form-row.input {
margin: 6px 0px 0px 0px;
}
section.content-noticia .aside-nav-content form .form-row.date,
section.content-newsroom .aside-nav-content form .form-row.date {
margin: 6px 0px 0px 0px;
}
section.content-noticia .aside-nav-content form .form-row.buttons,
section.content-newsroom .aside-nav-content form .form-row.buttons {
margin: 21px 0px 0px 0px;
}
section.content-noticia .aside-nav-content form .form-row.date input,
section.content-newsroom .aside-nav-content form .form-row.date input {
width: 143px;
}
section.content-noticia .aside-nav-content form .form-row.date button,
section.content-newsroom .aside-nav-content form .form-row.date button {
width: 35px;
height: 29px;
display: inline-block;
float: right;
margin: 0px;
padding: 0px;
border-radius: 3px;
border: 1px solid hsl(0, 0%, 90%);
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
background-color: hsl(0, 100%, 100%);
background-image: url("calendar-button.png");
background-repeat: no-repeat;
background-position: center center;
}
section.content-noticia button,
section.content-newsroom button {
cursor: pointer;
}
section.content-noticia .aside-nav-content form input,
section.content-newsroom form input[type="text"] {
border-radius: 3px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: inset 0 2px 6px hsla(0, 0%, 0%, 0.2);
height: 27px;
width: 100%;
background-color: hsl(0, 0%, 98%);
margin: 0px;
padding: 0px;
}
section.content-noticia .aside-nav-content form .form-row.buttons button,
section.content-newsroom form .form-row.buttons button,
aside.aside-nav .form-row.buttons button{
height: 27px;
margin: 0px 0px 0px 0px;
padding: -1px 7px 0px 7px;
color: white;
border-radius: 2px;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
border: none;
font-size: 12px;
}
section.content-noticia .aside-nav-content form .form-row.buttons button.cerca,
section.content-newsroom form .form-row.buttons button.cerca,
aside.aside-nav .form-row.buttons button.envia{
width: 55px;
background: #00856c; /* Old browsers */
background: -moz-linear-gradient(top, #00856c 0%, #006f59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00856c), color-stop(100%,#006f59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00856c 0%,#006f59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00856c 0%,#006f59 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00856c 0%,#006f59 100%); /* IE10+ */
background: linear-gradient(to bottom, #00856c 0%,#006f59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00856c', endColorstr='#006f59',GradientType=0 ); /* IE6-9 */
}
section.content-noticia .aside-nav-content form .form-row.buttons button.cerca-advanced,
section.content-newsroom .aside-nav-content form .form-row.buttons button.cerca-advanced {
margin-left: 8px;
width: 110px;
background: #9acd00; /* Old browsers */
background: -moz-linear-gradient(top, #9acd00 0%, #839e29 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9acd00), color-stop(100%,#839e29)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9acd00 0%,#839e29 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9acd00 0%,#839e29 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9acd00 0%,#839e29 100%); /* IE10+ */
background: linear-gradient(to bottom, #9acd00 0%,#839e29 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9acd00', endColorstr='#839e29',GradientType=0 ); /* IE6-9 */
}
section.content-newsroom form input[type="checkbox"] {
width: 15px;
height: 15px;
border-radius: 3px;
border: 1px solid hsl(0, 0%, 80%);
margin: 0px 0px 0px 0px;
}
section.content-noticia .right-content {
margin-left: 10px;
}
section.content-noticia article p,
section.content-noticia article h5 {
margin-left: 0px;
margin-right: 0px;
}
section.content-noticia article h5 {
font-size: 13px;
}
section.content-noticia article p.destacat {
width: 252px;
float: right;
font-size: 21px;
line-height: 25px;
margin-top: 0px;
margin-left: 20px;
margin-right: 27px;
color: hsl(169, 100%, 26%);
}
section.content-noticia article .mes-info-noticia a {
font-size: 14px;
color: hsl(169, 100%, 26%);
}
section.content-noticia article .social-print {
margin: 22px 0px 0px 0px;
}
section.content-noticia article .social-print .pdf-link {
margin: 0px 0px 0px 7px;
}
section.content-noticia article .social-print .print-link {
margin: 0px 0px 0px 8px;
}
section.content-noticia .pdf-link a,
section.content-noticia .print-link a {
text-decoration: none;
}
section.content-noticia .anar-informacio a {
width: 190px;
color: hsl(0, 100%, 100%);
background: #00846b;
text-decoration: none;
display: inline-block;
border-radius: 5px;
padding: 10px 20px 10px 20px;
margin-top: 20px;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
position: relative;
}
section.content-noticia .anar-informacio a:hover {
text-decoration: underline;
}
section.content-noticia .anar-informacio a span {
background: url(arrow-right-white.png) 0 0 no-repeat;
position: absolute;
bottom: 10px;
text-indent: -99999px;
width: 17px;
height: 17px;
color: hsl(0, 0%, 80%);
border-radius: 10px;
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-position: center top;
right: 10px;
}
section.content-noticia .anar-informacio a:hover span {
/*background-position: center bottom;*/
}
section.content-noticia .aside-prensa,
section.content-newsroom .aside-prensa {
background: hsl(0, 0%, 91%);
border-radius: 10px;
padding: 20px;
}
section.content-noticia .aside-prensa-title,
section.content-newsroom .aside-prensa-title {
color: hsl(0, 0%, 0%);
font-size: 20px;
}
section.content-noticia .aside-prensa div,
section.content-newsroom .aside-prensa div {
margin: 0px 0px 14px 0px;
font-size: 18px;
font-weight: bold;
}
section.content-noticia .aside-prensa div:last-child,
section.content-newsroom .aside-prensa div:last-child {
margin: 0px 0px 0px 0px;
}
section.content-noticia .aside-prensa p,
section.content-newsroom .aside-prensa p {
margin: 0px 0px 0px 0px;
line-height: 18px;
font-size: 13px;
}
section.content-noticia .aside-prensa a,
section.content-newsroom .aside-prensa a {
text-decoration: none;
font-weight: bold;
color: #00856c;
}
section.content-noticia .subtitle-noticia {
margin-left: 0px;
font-weight: bold;
position: absolute;
top: 30px;
}
section.content-noticia .title-noticia {
font-size: 1.66em;
margin-bottom: 20px;
line-height: 1.2em;
}
section.content-noticia .top-img{
height: 271px;
box-shadow: 0px 2px 6px -1px hsla(0, 0%, 0%, 0.4);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
section.content-noticia .top-only-text{
font-weight: bold;
box-shadow: 0px 2px 6px -1px hsla(0, 0%, 0%, 0.4);
border-radius: 10px;
background: #f8f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f9 0%, #e5e5e4 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f9), color-stop(99%,#e5e5e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* IE10+ */
background: linear-gradient(to bottom, #f8f8f9 0%,#e5e5e4 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#e5e5e4',GradientType=0 ); /* IE6-9 */
}
section.content-noticia .greyback {
background: #f8f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f9 0%, #e5e5e4 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f9), color-stop(99%,#e5e5e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8f8f9 0%,#e5e5e4 99%); /* IE10+ */
background: linear-gradient(to bottom, #f8f8f9 0%,#e5e5e4 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#e5e5e4',GradientType=0 ); /* IE6-9 */
}
section.content-noticia .top-img-text {
padding: 30px 24px 20px 26px;
background-image: none;
width: 248px;
}
section.content-noticia .top-img-text p {
color: hsl(0, 0%, 0%);
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin: 0px;
}
section.content-noticia .subtitle p {
margin: 0px;
font-style: italic;
font-size: 11px;
}
section.content-noticia .noticia-date {
color: hsl(169, 100%, 26%);
}
section.content-noticia article.noticia {
margin-top: 18px;
}
/* Estilos para los Slides de noticia.html */
#slides-noticia {
width: 482px;
height: 271px;
position: relative;
top: 0px;
left: 0px;
display: inline-block;
float: left;
margin-bottom: 20px;
}
#slides-noticia .slide {
width: 482px;
height: 271px;
position: relative;
overflow: hidden;
}
/* Estilos para los "puntitos de página" */
#slides-noticia ul.pagination {
display: none;
list-style: none;
position: absolute;
bottom: 16px;
right: 0px;
z-index: 1000;
margin: 0;
}
#slides-noticia .pagination li {
float: left;
display: inline;
margin: 0 0 0 10px;
}
#slides-noticia .pagination li a {
display: block;
width: 12px;
height: 0;
padding-top: 12px;
background-image: url(pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
#slides-noticia .pagination li.current a {
background-position: 0 -12px;
}
#slides-noticia .navigation {
position: absolute;
bottom: 9px;
right: 26px;
z-index: 800;
}
#slides-noticia a.prev:hover {
background: url(prev.png) 50% -80px no-repeat;
}
#slides-noticia a.prev {
float: left;
display: block;
width: 40px;
height: 40px;
margin-right: 2px;
text-indent: -999999px;
background: url(prev.png) 50% 0 no-repeat;
}
#slides-noticia a.next:hover {
background: url(next.png) 50% -80px no-repeat;
}
#slides-noticia a.next {
float: left;
display: block;
width: 40px;
height: 40px;
text-indent: -999999px;
background: url(next.png) 50% 0 no-repeat;
}
/*section.content-noticia #twitter-widget-0 {
display: inline-block;
float: left;
}
section.content-noticia .fb-like {
margin-right: 10px;
float: left;
}*/
section.content-noticia .social-print ul {
margin:0 auto;
}
section.content-noticia .social-print a {
/* text-decoration: none;
padding: 0 10px 0 0;
color:#000;
display: block;*/
}
section.content-noticia .social-print ul li.btnTwitter {
float: left;
display: inline;
width: 50px; /*antic valor 90px*/
height: 25px;
line-height: 25px;
text-align: right;
margin-top: 5px; /*nova propietat*/
}
section.content-noticia .social-print ul li.btnTwitter iframe {
float: left;
}
section.content-noticia .social-print ul li.btnFacebook {
float: left;
display: inline;
/*width: 128px; */
width: 105px; /* Antic valor 128px; */
height: 25px;
line-height: 25px;
text-align: right;
}
section.content-noticia .social-print ul li.btnGoogle {
float: left;
display: inline;
width: 50px;
height: 25px;
line-height: 25px;
text-align: right;
margin-top: 5px; /*nova propietat*/
}
section.content-noticia .social-print ul li {
float: left;
display: inline;
line-height: 25px;
text-align: right;
margin-right: 8px;
}
/* página serveis.html - plantilla de cuatro columnas */
.container-layout {
width: 1240px;
margin: 0px auto 0px auto;
}
.container-layout .row-layout {
width: 1230px;
display: inline-block; /* nou valor tiquet #1488*/
}
.container-layout .columns-1-layout {
width: 294px;
margin-right: 18px;
display: inline-block;
float: left;
}
.container-layout .columns-1-layout .servei h3{
font-weight: bold;
}
.container-layout .columns-1-layout:last-child {
margin-right: 0px;
}
.container-layout .columns-1-layout-botiga {
width: 294px;
margin-right: 12px;
display: inline-block;
float: left;
}
.container-layout .columns-1-layout-botiga .servei h3{
font-weight: bold;
}
.container-layout .columns-1-layout-botiga:last-child {
margin-right: 0px;
}
.container-layout .botiga {
min-height: 275px;
margin-bottom: 10px;
}
.container-layout .botiga h4 {
margin: 16px 0px 0px 0px;
font-size: 13px;
color: hsl(166, 50%, 32%);
}
.container-layout .botiga h3 {
margin: 3px 0px 0px 0px;
font-size: 16px;
font-weight: bold;
/*color: #9acd00;*/
}
.container-layout .botiga figure {
margin: 13px 0px 0px 0px;
}
.container-layout .botiga figure img {
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
width: 100%;
}
.container-layout .botiga ul.parent {
margin: 23px 0px 0px 0px;
font-size: 13px;
list-style: none;
font-family: Arial, sans-serif;
font-weight: bold;
}
.container-layout .botiga ul.parent ul {
list-style: none;
margin: 0px 0px 0px 0px;
}
.container-layout .botiga ul.parent ul li {
border-top: 1px solid #c3c3c3;
padding: 4px 0px 4px 0px;
position: relative;
}
.container-layout .botiga ul.parent ul li:last-child {
border-bottom: 1px solid #c3c3c3;
}
.container-layout .botiga ul.parent ul li a {
display: block;
text-decoration: none;
color: #000;
line-height: 20px;
padding: 0 ;
}
.container-layout .botiga ul.parent ul li a:hover {
color: #01644f;
}
.container-layout .botiga ul.parent ul li a em {
text-indent: -99999px;
background: url(fletxa-gris.png) 100% 0 no-repeat;
padding: 0 20px 0 0;
position: absolute;
top: 5px;
right:0px;
}
.container-layout .botiga ul.parent ul li a:hover em{
color: #01644f;
background: url(fletxa-gris.png) 100% -20px no-repeat;
}
.container-layout .botiga ul.parent .more {
margin: 0px;
text-align: center;
cursor: pointer;
padding: 6px 0px 6px 0px;
background-color: hsl(240, 17%, 98%);
color: hsl(166, 50%, 32%);
font-family: Arial, sans-serif;
}
.container-layout .botiga ul.parent .more em {
text-indent: -99999px;
background: url(fletxa-down-gris.png) 100% 0 no-repeat;
padding: 3px 16px 0 0;
position: relative;
top: 1px;
right: 0px;
}
.container-layout .botiga ul.parent .more.shown em {
background: url(fletxa-up-gris.png) 100% 0 no-repeat;
}
.container-layout .botiga ul.parent .more:hover em {
color: #01644f;
/*background: url(fletxa-down-gris.png) 100% -20px no-repeat; */
background-position: 100% -20px;
}
/*
.container-layout .row-layout .columns-2-layout {
width: 606px;
margin-right: 18px;
display: inline-block;
float: left;
}
*/
.container-layout .columns-3-layout {
width: 918px;
margin-right: 18px;
display: inline-block;
float: left;
}
.container-layout .row-columns-3-layout {
width: 918px;
display: inline-block;
float: left;
}
.container-layout h2 {
font-size: 21px;
}
.container-layout .servei {
min-height: 354px;
}
.container-layout .servei h4 {
margin: 16px 0px 0px 0px;
font-size: 13px;
color: hsl(166, 50%, 32%);
}
.container-layout .servei h3 {
margin: 3px 0px 0px 0px;
font-size: 16px;
/*color: #9acd00;*/
}
.container-layout .servei figure {
margin: 13px 0px 0px 0px;
}
.container-layout .servei figure img {
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
width: 100%;
}
.container-layout .servei ul.parent {
margin: 23px 0px 0px 0px;
font-size: 13px;
list-style: none;
font-family: Arial, sans-serif;
font-weight: bold;
}
.container-layout .servei ul.parent ul {
list-style: none;
margin: 0px 0px 0px 0px;
}
.container-layout .servei ul.parent ul li {
border-top: 1px solid #c3c3c3;
padding: 4px 0px 4px 0px;
position: relative;
}
.container-layout .servei ul.parent ul li:last-child {
border-bottom: 1px solid #c3c3c3;
}
.container-layout .servei ul.parent ul li a {
display: block;
text-decoration: none;
color: #000;
line-height: 20px;
padding: 0 ;
}
.container-layout .servei ul.parent ul li a:hover {
color: #01644f;
}
.container-layout .servei ul.parent ul li a em {
text-indent: -99999px;
background: url(fletxa-gris.png) 100% 0 no-repeat;
padding: 0 20px 0 0;
position: absolute;
top: 5px;
right:0px;
}
.container-layout .servei ul.parent ul li a:hover em{
color: #01644f;
background: url(fletxa-gris.png) 100% -20px no-repeat;
}
.container-layout .servei ul.parent .more {
margin: 0px;
text-align: center;
cursor: pointer;
padding: 6px 0px 6px 0px;
background-color: hsl(240, 17%, 98%);
color: hsl(166, 50%, 32%);
font-family: Arial, sans-serif;
}
.container-layout .servei ul.parent .more em {
text-indent: -99999px;
background: url(fletxa-down-gris.png) 100% 0 no-repeat;
padding: 3px 16px 0 0;
position: relative;
top: 1px;
right: 0px;
}
.container-layout .servei ul.parent .more.shown em {
background: url(fletxa-up-gris.png) 100% 0 no-repeat;
}
.container-layout .servei ul.parent .more:hover em {
color: #01644f;
/*background: url(fletxa-down-gris.png) 100% -20px no-repeat; */
background-position: 100% -20px;
}
#imatge-fixa.imatge-fixa-serveis .info-imatge h1 {
margin: 24px 20px 0 26px;
font-size: 31px;
}
#imatge-fixa.imatge-fixa-serveis .info-imatge p {
margin: 0px 20px 0 26px;
font-size: 31px;
line-height: 32px;
text-transform: uppercase;
color: hsl(0, 100%, 100%);
font-family: 'helv-condensed-webfont', "Arial Narrow", Arial, sans-serif;
font-weight: lighter;
}
#imatge-fixa.imatge-fixa-serveis .info-imatge {
width: 364px;
height: 145px;
}
#imatge-fixa.imatge-fixa-serveis .imatge {
width: 846px;
}
#breadcrumb.breadcrumb-serveis {
padding: 5px 0px 13px 0px;
}
#breadcrumb.breadcrumb-serveis p {
margin-left: 0px;
}
.container-layout .servei.servei-list {
margin: 37px 0px 0px 0px;
}
.container-layout .servei.servei-list ul.parent {
margin: 12px 0px 0px 0px;
}
/* Estilos para la página newsroom.html */
#content.content-newsroom #actualitat {
float: right;
}
#content.content-newsroom .aside-nav-content,
#content.content-newsroom .veure-seccio {
margin: 0px 10px 14px 12px;
}
section.content-newsroom .aside-nav-content .title.title-cercador {
padding-left: 18px;
}
section.content-newsroom .aside-prensa {
margin: 20px 10px 20px 10px;
}
section.content-newsroom .sci-pub figure a img {
width: 160px;
margin: 0px auto 10px auto;
box-shadow: none;
}
section.content-newsroom .sci-pub p.butlletins {
font-size: 13px;
font-weight: bold;
margin: 20px 0px 0px 0px;
}
section.content-newsroom .banner img {
box-shadow: none;
}
section.content-newsroom .sci-pub {
padding-bottom: 25px;
}
section.content-newsroom .sci-pub form .form-row.label {
margin: 0px 0px 17px 0px;
}
section.content-newsroom .sci-pub form .form-row.label label {
font-size: 12px;
}
section.content-newsroom .sci-pub form .form-row.input {
margin: 0px 0px 17px 0px;
}
section.content-newsroom .sci-pub form .form-row.checkbox span {
color: hsl(169, 100%, 26%);
font-size: 12px;
}
section.content-newsroom .sci-pub form .form-row.checkbox span:hover {
text-decoration: underline;
}
section.content-newsroom .sci-pub form .form-row.buttons {
margin: 18px 0px 0px 0px;
}
#imatge-fixa.newsroom-imatge .info-imatge {
height: 145px;
width: 364px;
}
#imatge-fixa.newsroom-imatge .info-imatge h1.title-agenda {
margin: 57px 20px 0 3px;
}
#imatge-fixa.newsroom-imatge .imatge {
width: 846px;
}
#breadcrumb.breadcrumb-newsroom {
padding: 5px 0 10px 0;
}
section.content-newsroom .title {
padding: 9px 30px 9px 10px;
}
section.content-newsroom .aside-nav-content nav ul li a {
padding: 5px 10px 5px 10px;
}
.bloc-info.news-multimedia {
padding: 0 0 10px 0;
margin: 0 10px 8px 12px;
}
.bloc-info.news-multimedia:hover {
background: hsl(0, 0%, 91%);
}
.bloc-info.news-multimedia h4 {
padding: 12px 10px 0px 5px;
color: hsl(0, 0%, 0%);
font-weight: normal;
}
.bloc-info.news-multimedia p {
margin: 0px 0px 11px 0px;
height: 22px;
background-position: left bottom;
background-repeat: no-repeat;
background-size: 22px 22px;
position: relative;
}
.bloc-info.news-multimedia p.news-multimedia-item img {
position: absolute;
top: 0px;
left: 10px;
}
.bloc-info.news-multimedia a p span {
font-weight: normal;
vertical-align: sub;
}
.bloc-info.news-multimedia a {
text-decoration: none;
font-weight: normal;
}
.bloc-info.news-multimedia a:hover p span {
text-decoration: none;
color: hsl(167, 98%, 20%);
}
.bloc-info.news-multimedia span {
margin: 0px 0px 0px 35px;
vertical-align: super;
color: black;
}
.bloc-info.news-multimedia p a:hover span {
color: hsl(167, 98%, 20%);
}
.bloc-info.news-videos {
padding: 12px 24px 12px 24px;
margin: 0 10px 8px 12px;
}
.bloc-info.news-videos:hover {
background: hsl(0, 0%, 91%);
}
.bloc-info.news-videos h6 {
margin: 14px 0px 13px 0px;
}
.bloc-info.news-videos .row-video {
}
.bloc-info.news-videos .row-video .video {
display: inline-block;
float: left;
margin: 0px 0px 20px 0px;
}
.bloc-info.news-videos .row-video .texto {
display: inline-block;
color: hsl(169, 100%, 26%);
}
h2.titul-noticies {
margin: 0 10px 10px 10px;
font-size: 21px;
}
section.content-newsroom .post.gran.news-post {
margin: 16px 10px 0 10px;
padding: 0px 0px 5px 0px;
}
section.content-newsroom .post.gran .noticia-newsroom {
margin: 10px 15px 10px 0;
}
section.content-newsroom .post.gran .noticia-newsroom a {
color: black;
text-decoration: none;
}
section.content-newsroom .noticia-newsroom span {
color: hsl(169, 100%, 26%);
}
section.content-newsroom .post.gran .noticia-newsroom a:hover {
color: hsl(169, 100%, 26%);
text-decoration: underline;
}
article.news-more-info {
margin: 16px 10px 0 10px;
padding: 0 0 26px 0;
}
article.news-more-info p.more-info-text {
color: hsl(169, 100%, 26%);
float: right;
margin: 0px 25px 0px 0px;
}
article.news-more-info p.more-info-text.hover,
article.news-more-info p.more-info-text:hover {
text-decoration: underline;
}
section.content-newsroom .post.gran.news-post a.mes,
article.news-more-info a.mes {
right: 0px
}
.titul.fons-entrevistes {
margin: 12px 10px 10px 10px;
}
section.content-newsroom .post.petit.news-post {
margin: 0px 10px 0 10px;
border-bottom: none;
padding-bottom: 0px;
}
section.content-newsroom .post.petit.news-post .video {
margin-bottom: 12px;
box-shadow: 0 8px 3px -5px hsla(0, 0%, 0%, 0.2);
}
section.content-newsroom .post.petit.news-post img {
margin-bottom: 12px;
}
section.content-newsroom .post.petit.news-post h3 {
font-size: 17px;
margin-bottom: 0px;
}
article.news-more-info.mes-entrevistes {
margin: 0px 10px 0 10px;
}
.entrevista.news-interview {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
top: -10px;
}
.entrevista.news-interview h3 {
line-height: 19px;
margin-bottom: 0px;
}
.entrevista.news-interview h3 a {
font-size: 13px;
font-weight: bold;
}
.entrevista.news-interview p.news-interview-text {
margin: 7px 0px 0px 0px;
line-height: 20px;
font-size: 12px;
}
article.news-more-info.experts {
margin-top: 10px;
}
section.content-newsroom .carrusel-petit {
margin: 4px 10px 10px 10px;
}
section.content-newsroom .carrusel-petit h3 {
margin: 12px 0px 12px 0px;
}
section.content-newsroom .carrusel-petit .coverflow-little {
margin: 15px auto 25px auto;
}
section.content-newsroom .carrusel-petit .coverflow-little p {
/*font-size: 1em; */
line-height: 15px;
margin: 0;
padding: 12px 6px;
}
section.content-newsroom .carrusel-petit .coverflow-little a {
font-family: Arial, sans-serif;
font-size: 14px;
font-style: normal;
}
section.content-newsroom .carrusel-petit .coverflow-little .post-item {
width: 150px;
}
/* Arreglar problema con el ancho de la columna de la derecha en algunas páginas */
.inside-sidebar.margin-correct .bloc-info {
margin-right: 0px;
margin-left: 0px;
}
.inside-sidebar.margin-correct .bloc-info.white .video {
margin-right: 5px;
}
.inside-sidebar.margin-correct .bloc-info.white .video img {
width: 100%;
}
aside.inside-sidebar article.entrevista h3 a {text-decoration: none; color: #000;}
aside.inside-sidebar article.entrevista h3 a:hover {text-decoration: underline;}
aside.inside-sidebar article.entrevista img {max-width:210px;}
#contingut.width-adjust {
width: 750px;
/*margin-left: 10px;
margin-right: 10px;*/
}
.imatgegran img {width: 100%; margin-right: 10px;}
#contingut.width-adjust .left img {margin: 0 10px;}
.sidebar.small-sidebar.margin-correct {
margin-right: 10px;
margin-left: 10px;
}
.sidebar.small-sidebar.margin-correct .bloc-info {
margin-right: 0px;
margin-left: 0px;
}
.sidebar.small-sidebar.margin-correct .bloc-info.white .video {
margin-right: 5px;
}
.sidebar.small-sidebar.margin-correct .bloc-info.white .video img {
width: 100%;
}
.sidebar.small-sidebar.margin-correct .bloc-info.white a.biblioteques img {
width: 200px;
margin-right: 5px;
}
.sidebar.small-sidebar.margin-correct .bloc-info.white p.cercador {
margin-left: 5px;
}
/* Arreglar problema con los márgenes del breadcrumb en index2.html */
#content.contentTopSpecial {
margin-top: -84px;
}
#content.contentTopSpecial .content .titul {
margin: 0;
}
#content.contentTopSpecial .content .titul h3 {
line-height: 20px;
}
#content.contentTopSpecial .premsa {
margin-top: 0px;
}
/* Estilos para graus.html */
#imatge-fixa .info-imatge.graus {
width: 365px;
}
#imatge-fixa .info-imatge.graus .title-agenda {
margin: 30px 4px 20px 24px;
text-align: left;
font-size: 42px;
line-height: 45px;
}
#imatge-fixa .imatge.graus {
width: 845px;
}
.contenedor .row p.pretitle {
margin: 0px;
font-weight: bold;
}
.contenedor .row h2.title-graus {
margin-top: 9px;
font-size: 23px;
margin-bottom: 18px;
}
table.grau-table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
table.grau-table thead {
background: hsl(0, 0%, 91%);
}
table.grau-table thead th {
text-align: left;
padding: 7px 17px 10px 17px;
font-size: 18px;
}
table.grau-table .col-1 {
width: 33%;
}
table.grau-table .col-2 {
width: 26%;
}
table.grau-table .col-3 {
width: 13%;
}
table.grau-table .col-4 {
width: 28%;
}
table.grau-table tbody td {
border-bottom: 1px dashed hsl(0, 0%, 80%);
padding: 11px 17px 11px 17px;
}
/* Estilos para gr_llistat.html (fitxes grups de recerca)*/
.contenedor h2.title-grups {
margin-top: 9px;
font-size: 23px;
margin-bottom: 23px;
width: 300px;
float: left;
font-family: 'helneue-regular-webfont', Arial;
color: #103437;
}
#cercaGrups{
margin-bottom: 20px;
}
#cercaGrups 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;
}
.llistatGrups{
margin: 20px 0;
}
.llistatGrups li{
list-style: none;
font-size: 16px;
line-height: 22px;
padding: 10px 0 0 0;
}
.llistatGrups li a{
text-decoration: none;
}
.llistatGrups li a:hover{
text-decoration: underline;
}
.entrada-gr{
margin: 10px;
overflow: hidden;
position: relative;
border-top: 1px dashed #ccc;
clear: both;
}
.entrada-gr h3{
color: #008d9b;
}
.contingut-gr h4{
color: #008d9b;
font-size: 13px; margin-bottom: 0;
margin-top: 25px;
}
.contingut-gr h4:first-child{
margin-top: 0;
}
.contingut-gr ul{
margin: 0 10px;
}
.contingut-gr ul li{
list-style: none;
}
.contingut-gr ul li.dept{
font-weight: bold;
}
.info-gr{
list-style: none;
margin: 5px;
}
ul.info-gr{
margin-bottom: 25px;
}
.info-gr .destacat{font-weight: bold;}
/* Estilos para form.html */
.form-grey-container {
background: hsl(0, 0%, 91%);
border-radius: 10px;
padding: 20px;
}
.form-grey-container .form-row {
margin-bottom: 13px;
clear: both;
}
.form-grey-container .form-row.row-title {
margin-top: 20px;
}
.form-grey-container .form-row.row-title.form-row-estudis {
margin-top: 40px;
margin-bottom: 20px;
}
.form-grey-container .form-row.left-empty {
margin-left: 254px;
margin-bottom: 13px;
clear: both;
}
.form-grey-container .form-row h3 {
margin: 0px;
}
.form-grey-container .form-row label,
.form-grey-container .form-row span {
font-size: 15px;
display: inline-block;
float: left;
text-align: right;
padding: 4px 0px 0px 0px;
}
.form-grey-container .form-row p {
margin: 0px;
font-size: 15px;
}
.form-grey-container .form-row label.col1 {
width: 227px;
display: inline-block;
float: left;
text-align: right;
padding: 4px 0px 0px 0px;
margin-right: 25px;
}
.form-grey-container .form-row input[type="text"],
.form-grey-container .form-row input[type="tel"],
.form-grey-container .form-row input[type="email"] {
border-radius: 3px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: inset 0 2px 6px hsla(0, 0%, 0%, 0.2);
height: 27px;
background-color: hsl(0, 0%, 98%);
margin: 0px;
padding: 0px 0px 0px 10px;
}
.form-grey-container .form-row textarea {
border-radius: 3px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: inset 0 2px 6px hsla(0, 0%, 0%, 0.2);
background-color: hsl(0, 0%, 98%);
margin: 0px;
padding: 0px 0px 0px 10px;
}
.form-grey-container .form-row input.col2 {
width: 474px;
}
.form-grey-container .form-row input[type="tel"] {
width: auto;
}
.form-grey-container .form-row div.col2 {
width: 474px;
display: inline-block;
}
.form-grey-container .form-row div.col2.flex {
width: auto;
display: inline-block;
}
.form-grey-container .form-row .styled-select {
display: inline-block;
float: left;
overflow: hidden;
border: 1px solid hsl(0, 0%, 80%);
background: hsl(0, 100%, 100%);
width: auto;
margin-right: 22px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 1;
border: 0;
border-radius: 4px;
height: 31px;
-webkit-appearance: none;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
border: none;
background: hsl(0, 100%, 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 62%, #d3d3d3 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(0, 100%, 100%)), color-stop(62%,hsl(0, 0%, 95%)), color-stop(98%,hsl(0, 0%, 83%)));
background: -webkit-linear-gradient(top, hsl(0, 100%, 100%) 0%,hsl(0, 0%, 95%) 62%,hsl(0, 0%, 83%) 98%);
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 62%,#d3d3d3 98%);
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 62%,#d3d3d3 98%);
background: linear-gradient(to bottom, hsl(0, 100%, 100%) 0%,hsl(0, 0%, 95%) 62%,hsl(0, 0%, 83%) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
}
.form-grey-container .form-row .styled-select select {
width: auto;
padding: 0px 0px 0px 11px;
font-size: 15px;
line-height: 1;
border: 0;
height: 31px;
-webkit-appearance: none;
border: none;
/*background: url(../img/arrow-form.png) no-repeat 38px center;*/
background: none no-repeat 38px center;
}
.form-grey-container .form-row input#disminucion {
width: 333px;
display: inline-block;
float: right;
}
.form-grey-container .form-row input[type="submit"] {
color: hsl(0, 100%, 100%);
font-size: 18px;
width: 132px;
height: 44px;
border: none;
border-radius: 4px;
background: hsl(168, 100%, 19%);
background: -moz-linear-gradient(top, #00634f 49%, #004e3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,hsl(168, 100%, 19%)), color-stop(100%,hsl(168, 100%, 15%)));
background: -webkit-linear-gradient(top, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
background: -o-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: -ms-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: linear-gradient(to bottom, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00634f', endColorstr='#004e3f',GradientType=0 );
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}
.form-grey-container .form-row.radio-buttons {
margin-bottom: 17px;
}
.form-grey-container .form-row.radio-buttons.accept {
margin-bottom: 0px;
}
.form-grey-container .form-row.radio-buttons label {
font-size: 15px;
text-align: start;
margin-right: 10px;
width: 48px;
height: 25px;
overflow: hidden;
}
.form-grey-container .form-row.radio-buttons input[type="radio"] {
display: none;
}
.form-grey-container .form-row.radio-buttons input[type="radio"] + span {
display: inline-flex;
width: 25px;
height: 25px;
margin: 0px 5px;
vertical-align: middle;
background: url(checkbox-grey.png) 0 -25px no-repeat;
cursor: pointer;
float: right;
margin: -3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.form-grey-container .form-row.radio-buttons input[type="radio"]:checked + span {
background: url(checkbox-grey.png) 0 0 no-repeat;
}
.form-grey-container .form-row.checkbox {
margin-bottom: 35px;
}
.form-grey-container .form-row.checkbox input[type="checkbox"] {
display: none;
}
.form-grey-container .form-row.checkbox input[type="checkbox"] + span {
display: inline-flex;
width: 25px;
height: 25px;
margin: 0px 5px;
vertical-align: middle;
background: url(checkbox-square-grey.png) 0 -25px no-repeat;
cursor: pointer;
float: left;
margin: -3px 16px 0px 0px;
padding: 0px 0px 0px 0px;
}
.form-grey-container .form-row.checkbox input[type="checkbox"]:checked + span {
background: url(checkbox-square-grey.png) 0 0 no-repeat;
}
.form-grey-container fieldset {
border: 1px solid gray;
margin-bottom: 2em;
padding: 1em;
}
.form-grey-container fieldset.sense-linia {
border: 0 none #000000;
}
.form-row .avis {
color: #F00;
font-weight: bold;
font-size: 1em;
text-align: left;
}
/* Estilos para arxiu.html */
.aside-contacta-uab {
background: hsl(0, 0%, 91%);
border-radius: 10px;
padding: 20px;
margin: 0px 0px 20px 0px;
}
.aside-contacta-uab div {
margin: 0px 0px 13px 0px;
font-size: 18px;
font-weight: bold;
}
.aside-contacta-uab div:last-child {
margin-bottom: 0px;
}
.aside-contacta-uab p {
margin: 0px 0px 0px 0px;
line-height: 18px;
font-size: 13px;
}
.aside-contacta-uab a {
text-decoration: none;
font-weight: bold;
color: hsl(169, 100%, 26%);
}
.cercador-noticies {
border-radius: 10px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
background-color: hsl(0, 100%, 100%);
}
.cercador-noticies .cercador-noticies-title {
padding: 10px 30px 10px 10px;
color: hsl(0, 0%, 0%);
font-size: 18px;
background: hsl(0, 0%, 91%);
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px solid hsl(0, 0%, 80%);
}
.cercador-noticies .cercador-noticies-body {
padding: 20px;
overflow: hidden;
}
.cercador-noticies .cercador-noticies-row {
clear: both;
}
.cercador-noticies .cercador-noticies-row p {
margin: 0px 0px 14px 0px;
}
.cercador-noticies .cercador-noticies-row .cercador-noticies-column {
width: 215px;
float: left;
display: inline-block;
}
.cercador-noticies .cercador-noticies-row .cercador-noticies-two-column {
float: left;
display: inline-block;
margin-left: 20px;
}
.cercador-noticies .cercador-noticies-row .cercador-noticies-two-column .column-b {
margin-left: 20px;
}
.cercador-noticies form input[type="text"] {
border-radius: 3px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: inset 0 2px 6px hsla(0, 0%, 0%, 0.2);
height: 27px;
width: 100%;
background-color: hsl(0, 0%, 98%);
margin: 0px;
padding: 0px;
}
.cercador-noticies form .form-row.date input {
width: 170px;
}
.cercador-noticies form .form-row.label-date {
margin: 16px 0px 0px 0px;
}
.cercador-noticies form .form-row.date {
margin: 6px 0px 0px 0px;
}
.cercador-noticies form label {
font-size: 15px;
}
.cercador-noticies form .form-row.date button {
width: 35px;
height: 29px;
display: inline-block;
float: right;
margin: 0px;
padding: 0px;
border-radius: 3px;
border: 1px solid hsl(0, 0%, 90%);
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
background-color: hsl(0, 100%, 100%);
background-image: url("calendar-button.png");
background-repeat: no-repeat;
background-position: center center;
}
.cercador-noticies form .styled-select {
width: 215px;
margin-bottom: 42px;
display: inline-block;
float: left;
overflow: hidden;
border: 1px solid hsl(0, 0%, 80%);
background: hsl(0, 100%, 100%);
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 1;
border-radius: 4px;
height: 27px;
-webkit-appearance: none;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
background: hsl(0, 100%, 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 62%, #d3d3d3 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(0, 100%, 100%)), color-stop(62%,hsl(0, 0%, 95%)), color-stop(98%,hsl(0, 0%, 83%)));
background: -webkit-linear-gradient(top, hsl(0, 100%, 100%) 0%,hsl(0, 0%, 95%) 62%,hsl(0, 0%, 83%) 98%);
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 62%,#d3d3d3 98%);
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 62%,#d3d3d3 98%);
background: linear-gradient(to bottom, hsl(0, 100%, 100%) 0%,hsl(0, 0%, 95%) 62%,hsl(0, 0%, 83%) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
}
.cercador-noticies form .styled-select select {
width: 215px;
padding: 0px 0px 0px 11px;
font-size: 15px;
line-height: 1;
border: 0;
height: 27px;
-webkit-appearance: none;
border: none;
background: url(arrow-form.png) no-repeat 202px center;
}
.cercador-noticies form .cercador-noticies-submit label,
.cercador-noticies form .cercador-noticies-submit label input[type="checkbox"],
.cercador-noticies form .cercador-noticies-submit label p {
float: left;
display: inline-block;
}
.cercador-noticies form .cercador-noticies-submit label input[type="checkbox"] {
margin: 12px 10px 0px 0px;
}
.cercador-noticies form .cercador-noticies-submit label p {
line-height: 15px;
}
.cercador-noticies form .cercador-noticies-submit label input[type="checkbox"] {
display: none;
}
.cercador-noticies form .cercador-noticies-submit label input[type="checkbox"] + span {
display: inline-flex;
width: 25px;
height: 25px;
margin: 0px 5px;
vertical-align: middle;
background: url(checkbox-square-grey.png) 0 -25px no-repeat;
cursor: pointer;
float: left;
margin: 4px 16px 0px 0px;
padding: 0px 0px 0px 0px;
}
.cercador-noticies form .cercador-noticies-submit label input[type="checkbox"]:checked + span {
background: url(checkbox-square-grey.png) 0 0 no-repeat;
}
.cercador-noticies form .cercador-noticies-submit input[type="submit"] {
color: hsl(0, 100%, 100%);
font-size: 13px;
width: 80px;
height: 31px;
float: right;
border: none;
border-radius: 4px;
display: inline-block;
background: hsl(168, 100%, 19%);
background: -moz-linear-gradient(top, #00634f 49%, #004e3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,hsl(168, 100%, 19%)), color-stop(100%,hsl(168, 100%, 15%)));
background: -webkit-linear-gradient(top, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
background: -o-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: -ms-linear-gradient(top, #00634f 49%,#004e3f 100%);
background: linear-gradient(to bottom, hsl(168, 100%, 19%) 49%,hsl(168, 100%, 15%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00634f', endColorstr='#004e3f',GradientType=0 );
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
}
h3.resultats {
margin-top: 18px;
margin-bottom: 0px;
font-size: 18px;
font-weight: bold;
}
.new-post.post-arxiu.petit {
margin: 20px 6px 0 7px;
}
/* Estilos para rector.html */
#content.content-rector aside {
width: 310px;
}
#content.content-rector aside .grey-container {
border-radius: 10px;
border: 1px solid hsl(0, 0%, 80%);
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
background-color: #eeeff0;
}
#content.content-rector aside .grey-container .biografia {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 25px 25px 25px 25px;
}
#content.content-rector aside .grey-container .biografia p.text {
margin: 0px 0px 45px 0px;
font-size: 12px;
line-height: 20px;
}
#content.content-rector aside .grey-container .biografia p.premsa {
width: 100%;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
#content.content-rector aside .grey-container .biografia p.premsa a {
text-decoration: none;
display: block;
color: #000000;
background: #ffffff;
border-radius: 14px;
line-height: 28px;
width: auto;
padding: 0px 5px 0px 20px;
position: relative;
margin: 0px 0px 0px 0px;
}
#content.content-rector aside .grey-container .discursos {
background-color: #f6f6f6;
padding: 25px 25px 25px 25px;
}
#content.content-rector aside .grey-container .discursos .serveis {
margin: 0 0px 0px 0px;
}
#content.content-rector aside .grey-container .discursos .serveis ul {
font-size: 13px;
}
#content.content-rector aside .grey-container .discursos .serveis ul li a {
padding: 0px 0px 0px 9px;
font-family: Arial, sans-serif;
}
#content.content-rector aside .grey-container .discursos .serveis ul li {
padding: 4px 0 4px 0;
}
#content.content-rector aside .grey-container .articulos {
padding: 25px 25px 25px 25px;
}
#content.content-rector aside .grey-container .articulos p {
margin: 0px 0px 7px 0px;
font-weight: bold;
font-size: 13px;
}
#content.content-rector aside .grey-container .arxiu {
background-color: #f6f6f6;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 25px 25px 25px 25px;
}
#content.content-rector aside .grey-container h3 {
color: #00856c;
margin: 0px 0px 12px 0px;
font-size: 18px;
font-weight: bold;
}
#content.content-rector aside .grey-container .arxiu h3 {
margin-bottom: 3px;
}
.list-calendar,
.list-calendar ul {
list-style: none;
padding: 0;
margin: 0;
}
.list-calendar li.level-1 > a,
.list-calendar li.level-2 > a {
background-image: url("list-calendar-arrow-right.png");
background-repeat: no-repeat;
padding-left: 18px;
}
.list-calendar li.level-1.opened > a,
.list-calendar li.level-2.opened > a {
background-image: url("list-calendar-arrow-down.png");
}
.list-calendar ul.sublevel-1 {
margin: 0px 0px 0px 10px;
}
.list-calendar li.level-2 {
margin-bottom: 4px;
}
.list-calendar li.level-2 > ul {
margin: 0px 0px 0px 20px;
}
.list-calendar li > a {
text-decoration: none;
color: #00856c;
}
.list-calendar li > a:hover {
text-decoration: underline;
}
.list-calendar li.level-1 > a,
.list-calendar li.level-2 > a {
font-size: 12px;
font-weight: bold;
}
.list-calendar li.level-2 > ul > li > a {
color: #000000;
font-size: 13px;
font-weight: normal;
}
.list-calendar li.level-2 > ul > li > a:hover {
color: #00856c;
text-decoration: underline;
}
.list-calendar li.level-2 > ul > li {
padding: 4px 0px 2px 0px;
}
.list-calendar li.level-1 > ul {
display: none;
}
.list-calendar li.level-2 > ul {
display: none;
}
section.blog-rector {
width: 900px;
}
section.blog-rector img:hover { opacity: 1; }
section.blog-rector .rector-cabecera {
padding-bottom: 38px;
margin-bottom: 42px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: hsl(0, 0%, 80%);
}
section.blog-rector .rector-cabecera figure {
margin-bottom: 22px;
}
section.blog-rector .rector-cabecera p {
margin: 0px 0px 14px 0px;
}
section.blog-rector article {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: hsl(0, 0%, 80%);
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 44px;
}
section.blog-rector article .rector-date {
display: inline-block;
float: left;
width: 76px;
height: 76px;
margin-right: 54px;
text-align: center;
color: #ffffff;
}
section.blog-rector article .rector-date p.day {
background-color: hsl(69, 67%, 51%);
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: hsl(0, 100%, 100%);
font-size: 39px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 0px;
}
section.blog-rector article .rector-date p.month {
background-color: #bed62f;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 0px;
}
section.blog-rector article .rector-content {
display: inline-block;
float: left;
width: 770px;
}
section.blog-rector article .rector-content h3 {
margin: 0px 0px 0px 0px;
font-size: 23px;
}
section.blog-rector article .rector-content h3:hover,
section.blog-rector article .rector-content h3.hover {
text-decoration: underline;
}
section.blog-rector article .rector-content h3 a {
color: #000000;
text-decoration: none;
}
section.blog-rector article .rector-content p {
margin: 0px 0px 0px 0px;
line-height: 20px;
}
section.blog-rector article .rector-content p.mesinfo {
position: relative;
margin: 40px 0px 0px 0px;
width: 100%;
}
section.blog-rector article .rector-content a.mes {
position: absolute;
right: 0px;
bottom: 0px;
text-indent: -99999px;
width: 20px;
height: 20px;
background: url(fletxa-mes.png) 50% 0 no-repeat;
color: hsl(0, 100%, 100%);
border-radius: 10px;
display: block;
text-decoration: none;
}
section.blog-rector article .rector-content a.mes:hover,
section.blog-rector article .rector-content a.mes.hover {
background: url(fletxa-mes.png) 50% -20px no-repeat;
}
section.blog-rector article .row {
margin-top: 16px;
clear: both;
overflow: hidden;
}
section.blog-rector article .row.info {
margin-top: 0px;
}
section.blog-rector article .row figure {
float: left;
display: inline-block;
margin-top: 7px;
}
section.blog-rector article .row figure img:hover,
section.blog-rector article .row figure img.hover {
opacity: 0.7;
}
section.blog-rector article .row p.row-text-imatge {
float: left;
display: inline-block;
width: 552px;
margin-left: 20px;
}
section.blog-rector .veure-articles {
margin: 20px 0 20px 0;
display: block;
text-align: center;
background: hsl(180, 4%, 95%);
color: hsl(0, 100%, 100%);
border-radius: 5px;
box-shadow: 0 2px 4px 0px hsla(0, 0%, 0%, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
section.blog-rector .veure-articles p {
margin: 0;
height: 28px;
line-height: 28px;
font-size: 1em;
}
section.blog-rector .veure-articles a {
color: hsl(0, 0%, 0%);
background: hsl(220, 10%, 94%);
text-decoration: none;
display: block;
border-radius: 5px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
section.blog-rector .veure-articles .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;
}
/* Cambios para navigation.html para poder dejar el menú abierto en la página actual */
.aside-nav-content nav ul li.sub.actual-section.opened > a {
background: hsl(0, 0%, 95%) url(minus_v.png) 203px center no-repeat;
border-bottom: 0;
color: #00856c;
}
.aside-nav-content nav ul li.sub.actual-section > a {
background: hsl(0, 0%, 95%) url(plus_v.png) 203px center no-repeat;
color: #00856c;
}
.aside-nav-content nav ul li.no-sub.actual-section a {
background: hsl(0, 0%, 95%);
color: #00856c;
}
.aside-nav-content nav ul li.actual-section > ul {
display: block;
}
.aside-nav-content nav ul li.actual-section ul li a.actual-page {
background-color: #e7e7e7;
color: #00856c;
}
/* Estilos para el paginador de agenda.html */
.agenda-pagination-container {
width: 730px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
ul.agenda-pagination{
border:0;
margin: 13px auto 0 auto;
padding:0;
}
.agenda-pagination li{
border:0;
margin:0;
padding:0;
font-size:13px;
list-style:none;
display: inline;
}
.agenda-pagination a{
}
.agenda-pagination .active{
color: #118066;
font-weight:bold;
padding:4px 3px;
}
.agenda-pagination a:link,
.agenda-pagination a:visited {
color:#000000;
padding:4px 4px;
text-decoration:none;
}
.agenda-pagination a:hover{
font-weight: bold;
}
.agenda-pagination .previous,
.agenda-pagination .next {
bottom: 10px;
text-indent: 0px;
width: 17px;
height: 17px;
color: hsl(0, 0%, 80%);
border-radius: 10px;
display: inline-block;
text-decoration: none;
background-repeat: no-repeat;
background-position: center top;
margin-top: 4px;
cursor: pointer;
}
.agenda-pagination .previous {
background: url(arrow-left.png) 0 0 no-repeat;
margin-right: 8px;
}
.agenda-pagination .next {
background: url(arrow-right.png) 0 0 no-repeat;
margin-left: 8px;
}
.agenda-pagination .previous:hover,
.agenda-pagination .next:hover {
background-position: center bottom;
}
.agenda-pagination .previous.off:hover,
.agenda-pagination .next.off:hover {
background-position: center top;
}
/* Estilo que varia para evitar que el texto sobresalga */
#imatge-fixa .info-imatge {
overflow: hidden;
text-wrap: nowrap;
}
/* 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;
}
.extended-graus ul.items {
float: left;
width: 50%;
-webkit-columns: auto;
-moz-columns: auto;
columns: auto;
}
.final-line {
margin: 0 10px 10px 10px;
overflow: hidden;
position: relative;
border-top: 1px dashed #ccc;
clear: both;
height: 1px;
}
.extended-graus .flex-row{
display: flex;
flex-direction: row;
}
.extended-graus .flex-column{
display: flex;
flex-direction: column;
flex-basis: 0;
flex-grow: 1;
}
/* Estilos para graus.html añanido para listas con bullets*/
.extended-graus .contingut ul{
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
list-style-type: disc;
}
.extended-graus .contingut ul li{
list-style-type: disc;
list-style-position: inside;
}
/* Cambios de colores según sección en el listado de graus*/
.g-salut h3 a {
color: #015f81;
}
.g-salut ul li a:hover {
color: #005e7d;
}
.g-ciencies h3 a {
color: #e05102;
}
.g-ciencies ul li a:hover {
color: #e05102;
}
.g-biociencies h3 a {
color: #59b448;
}
.g-biociencies ul li a:hover {
color: #59b448;
}
.g-humanitats h3 a {
color: #7c6300;
}
.g-humanitats ul li a:hover {
color: #7c6300;
}
.g-socials h3 a {
color: #982739;
}
.g-socials ul li a:hover {
color: #982739;
}
.g-enginyeries h3 a {
color: #e3b104;
}
.g-enginyeries ul li a:hover {
color: #e3b104;
}
/* 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;
}
/* Sidebar links */
h3.verd {
color: #297C69;
font-size: 1.231em;
font-weight: bold;
}
.top10 {
padding-top: 10px;
clear: both;
overflow: hidden;
}
.top5 {
padding-top: 5px;
clear: both;
overflow: hidden;
}
.links {
margin: 0 0 25px 0;
}
.links ul {
border-bottom: 1px solid #C3C3C3;
font-family: Arial;
font-size: 1em;
list-style: none outside none;
margin: 0;
}
.links ul li {
border-top: 1px solid #C3C3C3;
padding: 7px 0;
position: relative;
}
.links ul li a {
color: #000000;
display: block;
line-height: 20px;
padding: 0 20px 0 0;
text-decoration: none;
}
.links ul li a:hover {
color: #01644F;
}
.links ul li a em {
background: url("fletxa-gris.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
padding: 0 20px 0 0;
position: absolute;
right: 0;
text-indent: -99999px;
top: 7px;
}
.links ul li a:hover em {
background: url("fletxa-gris.png") no-repeat scroll 100% -20px rgba(0, 0, 0, 0);
color: #01644F;
}
/* Sidebar info + image */
.s-image {
margin: 0;
overflow: hidden;
}
.s-image img {
margin: 1em 0;
width: 100%;
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
}
.s-image h3 {
margin: 0;
font-size: 16px;
/*color: #99cc00;*/
}
.s-image h4 {
font-size: 1em;
margin: 0;
color: #008065;
}
.box-shadow {
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
}
/* Small slides 2 */
#small-slides2 {
overflow: hidden;
display:block;
margin: 0 auto;
width: 190px;
}
#small-slides2 .slide {
min-height: 360px;
overflow: hidden;
display:block;
width: 190px;
}
#small-slides2 .slides_container { height:100%;
overflow: hidden;
display:block;}
#small-slides2 ul.pagination {
display: block;
margin: 10px 0 10px 45px;
z-index: 1000;
}
#small-slides2 .pagination li {
display: inline;
float: left;
margin: 0 0 0 10px;
}
#small-slides2 .pagination li a {
background-image: url("pagination.png");
background-position: 0 0;
display: block;
float: left;
height: 0;
overflow: hidden;
padding-top: 12px;
width: 12px;
}
#small-slides2 .pagination li.current a {
background-position: 0 -12px;
}
#small-slides2 a.next {width: 17px; height:17px; overflow: hidden; background: url(arrow-right.png); display: inline-block; position: absolute; bottom: 10px; right: 10px; z-index:100;}
#small-slides2 a.next span {display: none;}
#small-slides2 a.prev {width: 17px; height:17px; overflow: hidden; background: url(arrow-left.png); display: inline-block; position: absolute; bottom: 10px; left: 10px; z-index:100;}
#small-slides2 a.prev span {display: none;}
#small-slides2 a.next:hover {background-position: center bottom; }
#small-slides2 a.prev:hover { background-position: center bottom; }
/* Consultes 2 */
#consulta {
margin: 20px auto;
width: 1230px;
position: relative;
clear: both;
border-radius: 10px;
overflow: hidden;
}
#consultes2 {
background: #e7e7e7;
width: 910px;
height: 130px;
padding: 10px;
float: left;
display: inline;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
#consultes2 .post-consulta {
width: 120px;
height: 150px;
padding-top: 15px;
vertical-align: top;
display: inline-block;
*display: inline;
float: none; margin: auto;
zoom: 1;
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}
#promocions2 {
background: #e7e7e7;
width: 275px;
height: 130px;
padding: 10px;
float: right;
display: inline;
}
#promocions2 .post-consulta {
float: none;
display: block;
width: 255px;
margin: 5px 10px 0 10px;
}
#promocions2 .post-consulta p.promo-text {
margin: 0;
width: 135px;
float: left;
display: inline;
font-family: 'Arial';
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
}
#promocions2 .post-consulta p.promo-desc {
margin: 10px 0 5px 0;
line-height: 1em;
clear: both;
}
#promocions2 .post-consulta img {
width: 110px;
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
float: right;
display: inline;
margin: 0;
}
#promocions2 .post-consulta a p {
text-decoration: none;
}
#promocions2 .post-consulta a:hover p {
text-decoration: underline;
}
/* Maquetació notÃcies recull internacional*/
#centerNoticies { width: 750px; float: left; margin: 0 auto; position: relative; background: #fff; }
.feedItemsHalf h1{
margin: 20px 10px 10px 10px;
font-size: 21px;
font-family: 'helneue-bold-webfont', Arial;
color: #103437;
}
.feedItem{ margin: 20px 10px 0 10px; padding: 0 0 10px 0; position: relative; border-bottom: 1px dotted #000; }
.feedItem span {
color: hsl(169, 100%, 26%);
text-transform: uppercase;
}
.feedItem .titularNoticia{ text-decoration: none; color: #000;}
.feedItem .titularNoticia:hover{ color: hsl(169, 100%, 26%);text-decoration: underline;}
.feedItem p.texteNoticia{margin: 10px 20px 0 0;}
.titularMasinfo{position: absolute; right: 0; bottom: 7px; text-indent: -99999px;}
.titularMasinfo a{position: absolute; right: 0; bottom: 7px; text-indent: -99999px; width: 20px; height: 20px; background: url(fletxa-mes.png) 50% 0 no-repeat; color: #fff ; border-radius: 10px; display: block; text-decoration: none; }
.titularMasinfo a:hover { background: url(fletxa-mes.png) 50% -20px no-repeat; }
/* Estils videos en TG */
.videoTG{
/*margin: 0 auto;
width: 480px;*/
float: left;
padding-bottom: 20px;
padding-right: 20px;
}
.col2to1imig{
width: 480px;
float: left;
}
/* Maquetació pàgina d'enquestes */
.col2to1imig .fitxa .pregunta {font-weight: bold; margin-bottom: 0; padding-left: 1em;}
.col2to1imig .fitxa .resposta {margin-top: 0; margin-bottom: 20px; padding-left: 3.5em;}
.col2to1imig .fitxa span{padding-left: 0; line-height: 1.5px; }
.col2to1imig .estudiant{color: #297C69; font-size: 1.5em; }
.col2to1imig .titulat{color: #810127; font-size: 1.5em; }
.col2to1imig .fitxa h4 {margin:0; font-size: 1.385em; font-family: 'Arial'; font-weight: normal; }
.col2to1imig .fitxa h4 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;}
.col2to1imig .fitxa h4 a:hover{color: #01644f; background:#e6e3e3; }
.col2to1imig .fitxa h4 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;}
.col2to1imig .fitxa h4 a:hover em { background: url(fletxa-gris-fosc-verd.png) 100% -20px no-repeat; }
/* fons per a blocs de text de recerca */
#ite h3{font-weight: bold; font-size: 1.2em; width: 80%; float: left;}
#ite .fonsgris{background-color:#e7e7e7; padding: 10px; margin: 20px 0; }
#ite .visualitza{float: right; width: 20%; font-weight: normal;}
#ite .visualitza a{float: right; background: #E7E7E7 url(visualitza.png) no-repeat 12px 10px; text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 50px 10px 10px 10px; text-decoration: none; color: #333;}
#ite .visualitza a:hover{text-decoration: underline;}
#ite .fonsgris .visualitza a{background: #fff url(visualitza.png) no-repeat 12px 10px; }
/**** nav CONSELL SOCIAL ****/
.nav-cs {
float: left;
display: inline;
margin: 0;
line-height: 30px;
width: 100%;
background-color: #eb7330;
position: absolute;
bottom: 0px;
}
.nav-cs li {
float: left;
display: inline;
padding: 0px;
line-height: 30px;
font-size: 1.138em;
font-family: Arial;
position: relative;
}
.nav-cs li a {
margin: 0;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 0 23px;
border-right: 1px solid #ffffff;
}
.nav-cs li:first-child {
padding: 0 0 0 25px;
}
.nav-cs li:first-child a {
border-left: 1px solid #ffffff;
}
.nav-cs li a:hover {
/*color: #eb7330;
font-weight: bold;*/
}
.nav-cs li a:active {
/*color: #eb7330;
font-weight: bold;*/
}
.nav-cs em{
font-style: normal;
}
/* ESTILS AFEGITS PER MODIFICAR EL COLOR D'ALGUNS ELEMENTS A LA PGINA DEL CONSELL SOCIAL*/
.veure-mes-cs a {
color: #fff;
background: #EB7330;
text-decoration: none;
display: block;
border-radius: 5px;
position: relative;
}
.veure-mes-cs {
margin: 10px 10px 20px 10px;
display: block;
clear: both;
text-align: center;
background: #EB7330;
color: #fff;
border-radius: 5px;
box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
padding: 1px;
}
.bloc-agenda-cs { padding-top: -10px; }
h3.bloc-agenda-cs { margin: 0 0px 10px 0px; }
.bloc-agenda-cs a, .bloc-agenda-cs .jornada p { color:#EB7330; }
.bloc-agenda-cs p.dia { border-left: 1px solid #EB7330;}
.bloc-agenda-cs .vscrollerbar {
width: 5px;
background-color: #EB7330;
}
/* ESTILS AFEGITS PER ALUMNI 01/07/2015 */
#uab-info .e-button span.e-icon { background: #01644f; }
#uab-info .e-button img { background: #01644f; }
#uab-info a.e-button:hover span.e-text {color: #000;}
#uab-info a.e-button { background: #e5e5e5; display: table; float: left; font-size: 18px; margin: 0 10px 5px 10px; overflow: hidden; padding: 0; position: relative; width: 230px; height: 50px; text-decoration: none;}
#uab-info a.e-button span.e-text {vertical-align: middle; color: #000; display: table-cell; font-family: Arial; font-weight: bold; margin: 0; padding: 0 10px; }
#uab-info a.e-button img { color: #000; display: table-cell; margin: 0 !important; overflow: hidden; padding: 0 !important; width: 50px; height:50px;}
#uab-info a.e-button:hover img {opacity: 1;}
#uab-info a.e-button:hover span.e-text {color: #000;}
.sidebar .e-button span.e-icon { background: #EB7330; }
.sidebar .e-button img { background: #EB7330; }
.sidebar a.e-button:hover span.e-text {color: #000;}
.sidebar a.e-button { background: #e5e5e5; display: table; float: left; font-size: 18px; margin: 0 10px 5px 10px; overflow: hidden; padding: 0; position: relative; width: 230px; height: 50px; text-decoration: none;}
.sidebar a.e-button span.e-text {vertical-align: middle; color: #000; display: table-cell; font-family: Arial; font-weight: bold; margin: 0; padding: 0 10px; }
.sidebar a.e-button img { color: #000; display: table-cell; margin: 0 !important; overflow: hidden; padding: 0 !important; width: 50px; height:50px;}
.sidebar a.e-button:hover img {opacity: 1;}
.sidebar a.e-button:hover span.e-text {color: #000;}
/* views-field */
.views-field {
display: -moz-box;
height: 200px;
overflow: hidden;
position: relative;
width: calc(33% - 11px);
margin-left: 11px;
/*margin-top: 10px;*/
word-wrap: break-word;
float:left;
}
.views-field img {
height: 200px;
width: 100%;
}
.views-field .grid-field {
top: 0;
height: 100%;
}
.views-field .content-field {
-webkit-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
transition: all linear 0.2s;
color: #fff;
background: rgba(0, 133, 108, 0.7);
position: absolute;
top: calc(100% - 70px);
width: 100%;
}
.views-field .content-field h4 {
/*min-height: 38px;*/
color: white;
min-height: 50px;
font-weight: 200;
margin-top: 0;
padding: 10px;
}
.views-field .content-field p {
padding: 10px;
}
.views-field .content-field h4 a {
color: #fff;
}
.views-field .content-field p.more {
margin-top: 20px;
}
.views-field .content-field p.more a {
color: #fff;
padding: 8px 15px;
border: 1px solid #fff;
text-decoration: blink;
}
.views-field .content-field p.more a:hover {
text-decoration: none;
color: #00856c;
background-color: #fff;
}
.views-field:hover .content-field,
.views-field:focus .content-field {
top: 0;
height: 100%;
}
/*Menu de la dreta*/
.dretaEnCaixa{
background-color: #8A8888;
padding: 10px;
vertical-align: middle;
margin: 0 0 10px 0;
display: table;
text-decoration: blink;
color:white;
width:210px;
}
.dretaEnCaixaRound{
border-radius: 10px;
box-shadow: 0 9px 5px -5px rgba(0,0,0,0.2);
}
.dretaEnCaixaRound .dreta-en-caixa-title{
display: table-cell;
vertical-align: middle;
margin-left: 5px;
}
.dretaEnCaixaRound .dreta-en-caixa-arrow img{
display: table-cell;
float: right;
}
.dretaEnCaixaImg{
max-width: 76px;
max-height: 300px;
text-align: left;
vertical-align: middle;
display: table-cell;
}
.dretaEnCaixaImg img{
max-width:76px;
max-height:150px;
display: table-cell;
}
.dretaEnCaixaTitle{
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.dreta-en-caixa-title{
display: table-cell;
vertical-align: middle;
margin-left: 5px;
}
.dreta-en-caixa-arrow {
max-width: 20%;
text-align: right;
vertical-align: middle;
display: table-cell;
height:27px;
}
a.dretaEnCaixa:hover {text-decoration: none;}
a.dretaEnCaixa:hover img {opacity: 1;}
.error {border: 1px solid #F00 !important;}
.error_text {color: #F00 !important;}
/*twitter*/
.twitter h3 a {
color:#000;
text-decoration: none;
}
.twitter h3 a:hover {
color:#01644f;
text-decoration: underline;
}
.twitter .block-title{
margin: 10px 0px;
display: block;
clear: both;
font-family: helneue-bold-webfont, Arial;
height: 25px;
}
.twitter .last-tweets a{
color: #000;
text-decoration: none;
}
.twitter .last-tweets img{
display: table-cell;
float: left;
padding-right: 5px;
}
.twitter .tweets-content{
margin: 0 0 20px 0;
background: #e7e7e7;
padding: 10px 20px;
box-shadow: 0 8px 3px -5px rgba(0,0,0,0.2)
}
.twitter .tweets-content .twitter-timeline{
position: static;
visibility: visible;
display: inline-block;
width: 210px;
height: 468px;
padding: 0px;
border: none;
max-width: 100%;
min-width: 180px;
margin-top: 0px;
margin-bottom: 0px;
}
.caixes-centrals a{
color: black !important;
font-weight: bold !important;
}
.caixes-centrals {
text-align: center;
box-shadow: 2px 4px 2px 2px rgba(0,0,0,0.2);
border: 1px solid #eee;
border-radius: 50px;
padding: 10px 10px 10px 10px;
position: relative !important;
width: 35%;
float: left;
margin: 0px 20px 20px;
left: 50px;
}
.caixes-centrals img.foto-grau {
display: block;
padding: 10px;
margin: auto;
width: 80%;
height: 40%;
}
.caixes-centrals ul.llista-grau {
text-align: left !important;
line-height: 30px !important;
}
.caixes-centrals div.extended-graus ul {
-webkit-columns: 1 !important;
columns: 1;
}
.caixes-centrals .entrada-graus{
border-top: 0 !important;
}
/* ./Classes per posal el filtre verd a la imatge */
section.centre {
display:inline-block;
}
div.caixes-ident .interior {
border: 1px solid #dedede;
border-radius: 15px;
overflow: hidden;
color: black;
font-family:'helv-condensed-bold-webfont', Arial, sans-serif;
}
div.caixes-ident .interior h4 {
padding-left: 20px;
padding-right: 20px;
margin-bottom:0;
}
div.caixes-ident .interior p {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
}
div.caixes-ident {
position: relative;
margin-bottom: 5px;
}
img.img-interior {
width: 100%;
}
div.imatge p {
padding-top: 25px;
font-size: 3.5em;
color: white;
font-weight: bolder;
margin: 0px;
}
div.interior img {
float: right;
padding-right: 10px;
margin-bottom: 10px;
}