/* Correccions */
#campus .list_carousel { overflow: hidden; }
body { min-width: 1250px; margin: 0 auto;}
.container-layout { height: 100%; position: relative; }
.nav li:last-child a { border-right: 0; display: block; margin: 0; padding: 0 0 0 23px; text-decoration: none; }
#recerca { float: left; overflow: hidden; }
#footer { clear: both; }
a:hover { text-decoration: underline; }
#campus {margin: 20px auto 0 auto;}
/*#campus .list_carousel li {padding-bottom: 0;}*/
.seccions a {font-family:  Arial; font-weight: bold;}
.seccions a.l-estudiants:hover {background: #54a228; color: #fff !important; text-decoration: none;}
.seccions a.l-professorat:hover {background: #D37711; color: #fff !important; text-decoration: none;}
.seccions a.l-pas:hover {background: #3399ff; color: #fff !important; text-decoration: none;}
.seccions a.l-alumni:hover {background: #EC6608; color: #fff !important; text-decoration: none;}

/* Colors P�gina Esdtudiants */
.estudiants a { color: #54a228; text-decoration: none; }
.estudiants #breadcrumb p {color: #54a228 !important;}
.estudiants #recerca .recerca a:hover {color: #54a228; }
.estudiants .seccions a, .estudiants a.directori, .estudiants .opcions a, .estudiants .legal a { color: #000; }
.estudiants .seccions ul li a.active { background: #54a228; color: #fff; }
.estudiants .block-info h3 { background: #54a228; }
.estudiants .block-gris h4 { color: #54a228;  }
.estudiants .featured-sidebar h3 span { color: #54a228; }
.estudiants a.e-access {color: #fff;}
.estudiants .e-button span.e-icon { background: #54a228; }
.estudiants .e-button img { background: #54a228; }
.estudiants a.e-button:hover  { background: #54a228; }
.estudiants .e-access { background: #54a228;}
.estudiants .e-links ul li a:hover { background: #54a228; }
.estudiants .block-gris ul li a:hover {/*color: #54a228;*/ color: #000; text-decoration: underline;}
.estudiants .img-full a.open {background: #54a228;}
.estudiants .featured-sidebar2 a.icon-link {background: #54a228; }
.estudiants .login-sidebar p.icon-link {background: #54a228;}
.estudiants .login-sidebar form input[type=submit] {background: #54a228; color:#fff;}
.estudiants .featured {background: #54a228; }
.estudiants .session {background: #54a228; }
.estudiants .session:hover {background: rgba(84,162,40,0.9);}

/* Colors P�gina Professorat */
.professorat a { color: #D37711; text-decoration: none; }
.professorat #breadcrumb p {color: #D37711 !important;}
.professorat #recerca .recerca a:hover {color: #D37711; }
.professorat .seccions a, .professorat a.directori, .professorat .opcions a, .professorat .legal a { color: #000; }
.professorat .seccions ul li a.active { background: #D37711; color: #fff; }
.professorat .block-info h3 { background: #D37711; }
.professorat .block-gris h4 { color: #D37711;  }
.professorat .featured-sidebar h3 span { color: #D37711; }
.professorat a.e-access {color: #fff;}
.professorat .e-button img{ background: #D37711; }
.professorat a.e-button:hover  { background: #D37711; }
.professorat .e-access { background: #D37711;}
.professorat .e-links ul li a:hover { background: #D37711; }
.professorat .block-gris ul li a:hover {/*color: #D37711;*/ color: #000; text-decoration: underline;}
.professorat .img-full a.open {background: #D37711;}
.professorat .featured-link a:hover {color: #D37711;}
.professorat .featured-sidebar2 a.icon-link {background: #D37711; }
.professorat .login-sidebar p.icon-link {background: #D37711;}
.professorat .login-sidebar form input[type=submit] {background: #D37711; color:#fff;}
.professorat .featured {background: #D37711; }
.professorat .session {background: #D37711; }
.professorat .session:hover {background: rgba(211,119,17,0.9);}

/* Colors P�gina Alumni */
.alumni a { color: #EC6608; text-decoration: none; }
.alumni #breadcrumb p {color: #EC6608 !important;}
.alumni #recerca .recerca a:hover {color: #EC6608; }
.alumni .seccions a, .alumni a.directori, .alumni .opcions a, .alumni .legal a { color: #000; }
.alumni .seccions a:hover, .alumni .nav li a:hover {color: #EC6608; }
.alumni .seccions ul li a.active { background: #EC6608; color: #fff; }
.alumni .block-info h3 { background: #EC6608; }
.alumni .block-gris h4 { color: #EC6608;  }
.alumni .featured-sidebar h3 span { color: #EC6608; }
.alumni a.e-access {color: #fff;}
.alumni .e-button img { background: #EC6608; }
.alumni a.e-button:hover  { background: #EC6608; }
.alumni .e-access { background: #EC6608;}
.alumni .e-links ul li a:hover { background: #EC6608; }
.alumni .block-gris ul li a:hover {/*color: #EC6608;*/ color: #000; text-decoration: underline;}
.alumni .img-full a.open {background: #EC6608;}
.alumni .featured-link a:hover {color: #EC6608;}
.alumni .featured-sidebar2 a.icon-link {background: #EC6608; }
.alumni .login-sidebar p.icon-link {background: #EC6608;}
.alumni .login-sidebar form input[type=submit] {background: #EC6608; color:#fff;}
.alumni .featured {background: #EC6608; }
.alumni .session {background: #EC6608; }
.alumni .session:hover {background: rgba(236,102,8,0.9);}

/* next & prev */
.estudiants #campus a.next {background: transparent url(next_estudiants.png) 50% 0 no-repeat;}
.estudiants #campus a.prev {background: transparent url(prev_estudiants.png) 50% 0 no-repeat;}
.estudiants #campus a.next:hover {background: transparent url(next_estudiants.png) 50%  -40px no-repeat;}
.estudiants #campus a.prev:hover {background: transparent url(prev_estudiants.png) 50% -40px no-repeat;}
.professorat #campus a.next {background: transparent url(next_staff.png) 50% 0 no-repeat;}
.professorat #campus a.prev {background: transparent url(prev_staff.png) 50% 0 no-repeat;}
.professorat #campus a.next:hover {background: transparent url(next_staff.png) 50% -40px no-repeat;}
.professorat #campus a.prev:hover {background: transparent url(prev_staff.png) 50% -40px no-repeat;}
.alumni #campus a.next {background: transparent url(next_alumni.png) 50% 0 no-repeat;}
.alumni #campus a.prev {background: transparent url(prev_alumni.png) 50% 0 no-repeat;}
.alumni #campus a.next:hover {background: transparent url(next_alumni.png) 50% -40px no-repeat;}
.alumni #campus a.prev:hover {background: transparent url(prev_alumni.png) 50% -40px no-repeat;}
#campus a.next:hover, #campus a.prev-hover { }
#campus a.next {margin: 0 3px !important; padding: 0; width: 40px; height: 40px;  display: block; position: absolute; right: 10px; text-align: center; top: 0;}
#campus a.prev {margin: 0 3px !important; padding: 0; width: 40px; height: 40px;   display: block;position: absolute; right: 50px; text-align: center; top: 0;}

/* play video button */
.estudiants .icon-play {background: transparent url(play_estudiants.png) 0 0 no-repeat;}
.professorat .icon-play {background: transparent url(play_staff.png) 0 0 no-repeat;}
.alumni .icon-play {background: transparent url(play_alumni.png) 0 0 no-repeat;}
.icon-play:after {content: ''; padding: 0; }

/*jwplayer*/
.estudiants .jw-skin-uab .jw-controlbar , 
.estudiants .jw-skin-uab .jw-slider-horizontal,
.estudiants .jw-skin-uab .jw-time-tip,
.estudiants .jw-skin-uab .jw-volume-tip,
.estudiants .jw-skin-uab .jw-menu,
.estudiants .jw-skin-uab .jw-skip {
  background: #54a228;
}

.estudiants .jw-skin-uab .jw-background-color ,
.estudiants .jw-skin-uab .jw-display-icon-container
.estudiants .jw-skin-uab:hover .jw-display-icon-container{
  background-color: #54a228;
}

.professorat .jw-skin-uab .jw-controlbar , 
.professorat .jw-skin-uab .jw-slider-horizontal,
.professorat .jw-skin-uab .jw-time-tip,
.professorat .jw-skin-uab .jw-volume-tip,
.professorat .jw-skin-uab .jw-menu,
.professorat .jw-skin-uab .jw-skip {
  background: #d37711;
}

.professorat .jw-skin-uab .jw-background-color ,
.professorat .jw-skin-uab .jw-display-icon-container
.professorat .jw-skin-uab:hover .jw-display-icon-container{
  background-color: #d37711;
}

.alumni .jw-skin-uab .jw-controlbar , 
.alumni .jw-skin-uab .jw-slider-horizontal,
.alumni .jw-skin-uab .jw-time-tip,
.alumni .jw-skin-uab .jw-volume-tip,
.alumni .jw-skin-uab .jw-menu,
.alumni .jw-skin-uab .jw-skip {
  background: #ec6608;
}

.alumni .jw-skin-uab .jw-background-color ,
.alumni .jw-skin-uab .jw-display-icon-container
.alumni .jw-skin-uab:hover .jw-display-icon-container{
  background-color: #ec6608;
}


/* Grid */
.container { margin: 0 auto; overflow: hidden; width: 1250px; }
.container-layout { clear: both; overflow: hidden; }
.row {clear: both; overflow: hidden; float:;}
.col1 {display: inline; float: left; width: 250px;}
.col2 {display: inline; float: left; width: 500px;}
.col3 {display: inline; float: left; width: 750px;}
.col4 {display: inline; float: left; width: 1000px;}
.col5 {display: inline; float: left; width: 1250px;}
.col2-1 {display: inline; float: left; width: 500px;}
.col3-2 {display: inline; float: left; width: 750px;}
.col4-3 {display: inline; float: left; width: 1000px;}
.col5-4 {display: inline; float: left; width: 1250px;}
.content-estudiants { display: inline; float: left; width: 750px; }
.grid-content {padding: 50px 0; text-align: center; background: #eee; display: block; margin: 10px; }

/* Header */
h3.titol  {display: inline;float: left;font-family: Arial;line-height: 28px;margin: 0 0 15px;}
h3.titol a{color: #000; text-decoration: none;}
.seccions ul li:first-child { padding: 0; }
.seccions ul li { padding: 0; }
.seccions ul li a { padding: 0 15px; }
/*#access { float: left; overflow: hidden; }*/
.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;  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 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(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;}
.avis-uab { background: rgba(0, 0, 0, 0.8); box-sizing: border-box; color: #fff; float: right; height: 200px; moz-box-sizing: border-box; padding: 30px; position: absolute; right: 0; top: 0; webkit-box-sizing: border-box; width: 320px; }

.avis-uab h3 { font-family: Arial; font-weight: bold;  font-size: 20px; margin: 0; }
.avis-uab p { margin: 10px 0; }

/* Content */
.post, .new-post { border-bottom: none; margin: 10px 10px 0; }
.post h4, .new-post h4 {font-family: Arial; font-weight: 400;margin: 0 0 12px 0;font-size: 1.385em;line-height: 22px;}
.post h4 a, .new-post h4 a{color: #000;text-decoration: none;}

/* block.info 3 columnes */
.block-info { background: #fff; background-position: 50%; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; float: left; height: auto; margin: 10px; max-width: 800px; moz-box-sizing: border-box; overflow: hidden; padding: 80px 5px 20px 5px; position: relative; webkit-box-sizing: border-box; width: 730px; }
.columns { border-collapse: separate; border-spacing: 30px 15px; display: table; }
.block-gris { background: #f9fafa; display: table-cell; width: 200px; min-height: 277px; position: relative;}
.block-info h3 {font-family: Arial; color: #fff; left: 0; padding: 20px; margin:0; position: absolute; top: 0; }
.block-gris h4 { font-family: Arial; font-weight: bold ;  margin: 15px 5px 5px 20px; }
.block-gris ul { display: block; height: 100%;  margin: 0 5px 10px 12px; overflow: auto; }
.block-gris ul li { margin: 5px 0; padding:0 7px 0 7px; background: url(bullet.png) 0 9px no-repeat;}
.block-gris ul li a {color: #000; }
.block-gris ul li a.private:after { padding: 0 0 0 4px; display:inline-block;content: url(candau.png); line-height: 18px; vertical-align: middle;}
.private-full {width: 14px; height: 18px; background: #fff; position: absolute; bottom: 5px; right: 5px;}
.private-full:after {content: url(candau-full.png);}

/* featured-sidebar */
.featured-sidebar {width: 480px; background: #e5e5e5; display: table;  margin: 10px; overflow: hidden; float: left; position: relative;}
.featured-sidebar h3 { font-family: Arial; font-weight: bold;  margin: 0; }
.featured-sidebar p {margin: 5px 0;}
.featured-sidebar img {display: table-cell; float: left; margin:  0; }
.featured-sidebar img.space-img {padding: 10px 0 25px 25px; width: 205px;}
.featured-sidebar .text {display: table-cell; padding: 0 10px 0 20px; vertical-align: middle; }
.featured-sidebar .text a:hover {text-decoration: underline;}
.featured-sidebar .sidebar-title {margin: 10px 10px 0 25px; display: block; width: 100%;}
.featured-sidebar .remember a{color: #000;}
.featured-sidebar .remember a:hover{text-decoration: underline;}

/* featured-sidebar2 */
.featured-sidebar2 {width: 480px; background: #e5e5e5;  margin: 10px; overflow: hidden; float: left; position: relative;}
.featured-sidebar2 .s-content {display: table;}
.featured-sidebar2 h3 { font-family: Arial; font-weight: bold; margin: 0; }
.featured-sidebar2 p {margin: 5px 0;}
.featured-sidebar2 img {display: table-cell; float: left; margin:  0; }
.featured-sidebar2 img.space-img {padding: 25px 0 25px 25px; width: 205px;}
.featured-sidebar2 .text {display: table-cell; padding: 25px 10px 10px 20px; vertical-align: middle; }
.featured-sidebar2 .text a:hover {text-decoration: underline;}
.featured-sidebar2 .sidebar-title {margin: 0 0px 10px 0px; display: block; }
.featured-sidebar2 .sidebar-title a{color: #000; text-decoration: none; }

/* login-sidebar */
.login-sidebar {width: 480px; background: #e5e5e5;  margin: 10px; overflow: hidden; float: left; position: relative;}
.login-sidebar h3 { font-family: Arial; font-weight: bold;  margin: 0; }
.login-sidebar .s-content {display: table; padding: 5px 0;}
.login-sidebar .sidebar-title {margin: 15px 60px 30px 25px; display: block; }
.login-sidebar p.icon-link {display: block; width: 50px; margin: 0; padding: 0;height: 50px; position: absolute; top: 0; right:0; text-align: center;}
.login-sidebar p.icon-link img {display: block; width: 50px; margin: 0; padding: 0;height: 50px; position: absolute; top: 0; right:0; text-align: center;}
.login-sidebar form {margin: 25px 25px 0 25px;}
.login-sidebar form label {font-family: Arial; font-weight: bold;  float: left; display: table-cell; width: 60px; vertical-align: middle; padding: 5px 5px 5px 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;        }
.login-sidebar form input {float: left; display: table-cell;  border: 0; padding: 5px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;   }
.login-sidebar form input[type=user] {width: 370px;}
.login-sidebar form input[type=password] {width: 295px;}
.login-sidebar form input[type=submit] {width: 65px; margin-left: 10px;}
.login-sidebar .remember {display: block; margin: 0 10px 25px 85px; clear: both;}
.login-sidebar .remember a{color: #000;}
.login-sidebar .remember a:hover{text-decoration: underline;}

/* featured-link */
.featured-link {width: 480px;  background: #e5e5e5; display: table;  margin: 10px; overflow: hidden; float: left; position: relative;}
.featured-link a {display: table; color: #000;}
.featured-link h3 {font-size: 30px; line-height: 30px;font-family: Arial; font-weight: bold;  margin: auto; }
.featured-link p {margin: 10px 0;}
.featured-link img { display: table-cell; float: left; margin: 0; }
.featured-link .text {padding: 0 10px 0 20px; display: table-cell;  vertical-align: middle;  }

/* e-button */
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;}
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; }
a.e-button img { color: #fff; display: table-cell; margin: 0 !important; overflow: hidden; padding: 0 !important; width: 50px; height:50px;}
a.e-button:hover img {opacity: 1;}
a.e-button:hover span.e-text {color: #fff;}
a.e-button span.private::after {content: url("candau.png"); float: right; vertical-align: top;}
a.e-button:hover span.private::after {content: url("candaub.png"); float: right; vertical-align: top;}

/* e-img */
.e-img {display: inline-block; float: left; height: 130px; margin: 10px; text-align: center; width: 230px; position: relative;}
.e-img img {width: 100%; position: relative;}
.e-img:hover img {opacity: 1;}
.e-img h3 {position: absolute; bottom: 0; color: #fff; background: #5a7787; width: 100%; padding: 7px 0; margin:0;}

/* e-text */
.e-text { font-family: Arial; font-weight: bold; margin: 10px 10px 5px 10px; }

/* e-access */
.e-access { color: #fff; display: inline-block; float: left; margin: 10px; text-align: center; width: 230px; min-height: 130px; position: relative;}
.e-access:hover {opacity: 0.9;}
.e-access:hover {text-decoration: none;}
.e-access span { }
.e-access h3 {margin: 5px auto 0 auto; font-size: 25px;}
.e-access h4 {margin: 5px auto 0 auto; font-size: 20px; color:#FFF; font-weight:normal;}
.e-access p {margin:5px auto 10px auto; padding: 0;} 
.e-access img {display: block; margin: 5px auto;  width: 60px; height: 60px;}
.e-access span.private {position: absolute; top: 5px; right: 5px; }
.e-access span.private:after {content: url(candau-blanc.png);  vertical-align: top;}

/* e-links */
.e-links {width: 230px; background: #e5e5e5;  float: left; margin: 10px; position: relative; display: inline-block; font-family: Arial; font-weight: bold;  }
.e-links h3 {margin: 10px 5px 0 0; padding: 5px 20px;}
.e-links ul {width: 100%; display: block; float: left;  list-style: none; margin: 0; padding: 0;  }
.e-links ul li { }
.e-links ul li:first-child a {border-top: 1px solid #fff;}
.e-links ul li a {border-bottom: 1px solid #fff; color: #000; display: block; moz-transition: background linear 0.1s; moz-transition: color linear 0s; ms-transition: background linear 0.1s; ms-transition: color linear 0s; o-transition: background linear 0.1s; o-transition: color linear 0s; padding: 5px 20px; transition: background linear 0.1s; transition: color linear 0s; webkit-transition: background linear 0.1s; webkit-transition: color linear 0s; }
.e-links ul li a:hover { color: #fff; text-decoration: none; }

/* featured */
.featured {display: table; float: left; width: 480px; margin: 10px; position: relative;}
.session {display: table-cell;  float: left; width: 220px; margin: 10px; }
.session h3 {color:#fff; margin:0 0 5px 0; padding:0; line-height: 100%;}
.session h3 a {color:#fff; display: table;}
.session ul {height: 100%; min-height: 250px; background:#fff; list-style: none; margin:0; padding:10px 10px 30px 10px; position: relative;}
.session ul li {margin: 5px 0; display: inline-block; overflow: hidden;}
.session ul li a:hover {text-decoration: underline;}
.session ul li.veure-totes {position: absolute; bottom:5px; left: 10px;}
.session ul li.veure-totes a{color: #000;}
.session h3 img{ display: table-cell; text-align: center; margin: 0; overflow: hidden; padding: 0; width: 50px; height: 50px;}
.session h3 span.e-text {vertical-align: middle; display: table-cell; font-family: Arial; font-weight: bold; margin: 0; padding: 0 10px; }
.session h4 {margin:0;}
.session p {margin:0;}

/* Play video */
.icon-play {cursor: pointer; position: absolute; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; text-align: center; opacity: 0.8;}
.icon-play:after { padding: 0 0 0 5px;  color: #fff;}

/* Footer */
#campus .list_carousel li { border-bottom: none !important; }
#recerca .recerca ul {min-height: 154px; list-style: outside none none;margin: 0;}


/* Media Queries */
@media screen and (max-width: 1200px) {

body { min-width: 1000px; }

/* Grid */
.container { width: 1000px; }
.col2-1 { width: 250px;}
.col3-2 { width: 500px;}
.col4-3 { width: 750px;}
.col5-4 { width: 1000px;}

.img-full {  width: 980px; }


/* featured-sidebar */
.col2-1 .featured-sidebar {width: 230px; display: block;}
.col2-1 .featured-sidebar img { float: none; margin: 0 0 0 0; }
.col2-1 .featured-sidebar .text { padding: 10px; }

/* featured-sidebar2 */
.featured-sidebar2 {width: 230px; display: block;}
.featured-sidebar2 .s-content {display: block;}
.featured-sidebar2 img {display: block; float: none; margin:  0; }
.featured-sidebar2 img.space-img {padding: 10px; width: 210px;}
.featured-sidebar2 .text { padding: 10px ; }
.featured-sidebar2 .sidebar-title {margin: 0px 10px 10px 0px; }

/* login-sidebar */
.login-sidebar {width: 230px; }
.login-sidebar .s-content {display: block; }
.login-sidebar .sidebar-title {margin: 60px 10px 10px 10px; }
.login-sidebar form {margin: 10px;}
.login-sidebar form label {display: block; width: 60px; }
.login-sidebar form input {display: block; }
.login-sidebar form input[type=user] {width: 210px;}
.login-sidebar form input[type=password] {width: 210px;}
.login-sidebar form input[type=submit] {width: 65px; margin: 10px 10px 10px 0;}
.login-sidebar .remember {margin: 0 10px 10px 10px; }

/* featured-link */
.featured-link {width: 230px;  }
.featured-link a {display: block; }
.featured-link img { margin: 0 0 10px 0; }
.featured-link .text { display: block; padding: 10px 25px;  }

/* e-access */
.e-access { display: table; min-height: 50px; margin: 2.5px 10px;}
.e-access span.e-icon { display: table-cell;  float: left; padding: 0; height: 50px; width: 50px; margin: 0 auto;}
.e-access h3 {margin: 0; padding: 0; font-size: 18px; text-align: left; font-family: Arial; font-weight: bold; }
.e-access h4 {margin: 0; padding: 0; font-size: 18px; text-align: left; font-family: Arial; font-weight: bold; }
.e-access p {margin: 0; padding:0; text-align: left;} 
.e-access span.text {text-align: left; margin: 0;  width: 180px;  display: table-cell; vertical-align: middle;} 

/* featured */
.featured {width: 230px; background: none !important;}
.session { width: 230px; margin: 0 0 10px 0;  }
.session ul {display: none;}
.session h3 { margin:0; }



}