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