html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
}
ul {
padding: 0;
list-style: none;
margin: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
a:hover, a:active, a:focus,
a:hover h5, a:active h5, a:focus h5,
a:hover .h7, a:active .h7, a:focus .h7,
a:hover .overlay-category, a:active .overlay-category, a:focus .overlay-category {
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
outline: none;
}
textarea {
resize: vertical;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.main.container.fixed,
.main.container {
margin-top: 56px;
}
.no-padding {
padding: 0;
}
.row {
position: relative;
}
.row.no-margin {
margin-left: -32px;
margin-right: -32px;
}
.row.margin0 {
margin: 0;
}
.row.white {
background-color: #FFF;
}
.row.light-grey {
background-color: #EAE9E4;
}
.row.lighter-grey {
background-color: #F5F5F1;
border-top: 1px solid #D9D5D3;
border-bottom: 1px solid #D9D5D3;
}
.row.grey {
background-color: #444444;
}
.uppercase {
text-transform: uppercase !important;
}
[role="button"] {
cursor: pointer;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.text ul li ul {
margin-bottom: 0px;
}
.text ul li.no-circle {
list-style: none !important;
}
.text ul li {
list-style-image: url(../img/_8_bullet_purple.png);
margin-left: 16px;
}
.escola-ciencies-empresa .text ul li {
list-style-image: url(../img/_8_bullet_red.png);
}
.escola-politecnica .text ul li {
list-style-image: url(../img/_8_bullet_blue.png);
}
.escola-salut .text ul li {
list-style-image: url(../img/_8_bullet_green.png);
}
.text ol {
padding-left: 0px;
counter-reset:li;
}
.text ol li {
list-style: none;
}
.text ol > li::before {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 21px;
text-align: left;
color: #444;
counter-increment: li;
content: counter(li) ". ";
}
/* ==========================================================================
Fonts
========================================================================== */
@font-face {
font-family: Raleway;
src: url('../font/Raleway-Bold.ttf');
font-weight: bold;
}
@font-face {
font-family: Roboto;
src: url('../font/Roboto-Regular.ttf');
font-weight: normal;
}
/* ==========================================================================
Author's styles
========================================================================== */
/* ====================
Color palette
==================== */
p a {
color: #F5AF03;
}
a {
color: #444;
}
a:hover, a:active, a:focus,
a:hover h5, a:active h5, a:focus h5,
a:hover .h7, a:active .h7, a:focus .h7,
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus,
.list-gallery a span.name:hover, .list-gallery a span.name:active, .list-gallery a span.name:focus,
.grid-item a:hover .title, .grid-item a:active .title, .grid-item a:focus .title {
color: #870D4E;
}
.escola-ciencies-empresa p a {
color: #B83D3D;
}
.escola-ciencies-empresa a:hover, .escola-ciencies-empresa a:active, .escola-ciencies-empresa a:focus,
.escola-ciencies-empresa a:hover h5, .escola-ciencies-empresa a:active h5, .escola-ciencies-empresa a:focus h5,
.escola-ciencies-empresa a:hover .h7, .escola-ciencies-empresa a:active .h7, .escola-ciencies-empresa a:focus .h7,
.escola-ciencies-empresa .breadcrumb a:hover, .escola-ciencies-empresa .breadcrumb a:active, .escola-ciencies-empresa .breadcrumb a:focus,
.escola-ciencies-empresa .list-gallery a span.name:hover, .escola-ciencies-empresa .list-gallery a span.name:active, .escola-ciencies-empresa .list-gallery a span.name:focus,
.escola-ciencies-empresa .grid-item a:hover .title, .escola-ciencies-empresa .grid-item a:active .title, .escola-ciencies-empresa .grid-item a:focus .title {
color: #B83D3D;
}
.escola-politecnica p a {
color: #5F8FA2;
}
.escola-politecnica a:hover, .escola-politecnica a:active, .escola-politecnica a:focus,
.escola-politecnica a:hover h5, .escola-politecnica a:active h5, .escola-politecnica a:focus h5,
.escola-politecnica a:hover .h7, .escola-politecnica a:active .h7, .escola-politecnica a:focus .h7,
.escola-politecnica .breadcrumb a:hover, .escola-politecnica .breadcrumb a:active, .escola-politecnica .breadcrumb a:focus,
.escola-politecnica .list-gallery a span.name:hover, .escola-politecnica .list-gallery a span.name:active, .escola-politecnica .list-gallery a span.name:focus,
.escola-politecnica .grid-item a:hover .title, .escola-politecnica .grid-item a:active .title, .escola-politecnica .grid-item a:focus .title {
color: #476B79;
}
.escola-salut p a {
color: #658965;
}
.escola-salut a:hover, .escola-salut a:active, .escola-salut a:focus,
.escola-salut a:hover h5, .escola-salut a:active h5, .escola-salut a:focus h5,
.escola-salut a:hover .h7, .escola-salut a:active .h7, .escola-salut a:focus .h7,
.escola-salut .breadcrumb a:hover, .escola-salut .breadcrumb a:active, .escola-salut .breadcrumb a:focus,
.escola-salut .list-gallery a span.name:hover, .escola-salut .list-gallery a span.name:active, .escola-salut .list-gallery a span.name:focus,
.escola-salut .grid-item a:hover .title, .escola-salut .grid-item a:active .title, .escola-salut .grid-item a:focus .title {
color: #4C674C;
}
.nivo-directionNav a,
.carousel-controls a,
a.close {
background-color: #F5AF03;
}
.nivo-directionNav a:hover,
.module.nuvol-tags .terms-list li a:hover, .module.nuvol-tags .terms-list li a:focus, .module.nuvol-tags .terms-list li a:active,
.overlay-category:hover, .overlay-category:active, .overlay-category:focus,
.carousel-controls a:hover,
a.see-more:hover, a.see-more:active, a.see-more:focus,
a.close:hover, a.close:active, a.close:focus,
.block.anchors ul li a:hover, .block.anchors ul li a:active, .block.anchors ul li a:focus,
.cycle-directionNav a:hover {
background-color: #870D4E;
color: #FFF;
}
.escola-ciencies-empresa .nivo-directionNav a:hover,
.escola-ciencies-empresa .module.nuvol-tags .terms-list li a:hover, .escola-ciencies-empresa .module.nuvol-tags .terms-list li a:focus, .escola-ciencies-empresa .module.nuvol-tags .terms-list li a:active,
.escola-ciencies-empresa .overlay-category:hover, .escola-ciencies-empresa .overlay-category:active, .escola-ciencies-empresa .overlay-category:focus,
.escola-ciencies-empresa .carousel-controls a:hover,
.escola-ciencies-empresa a.see-more:hover, .escola-ciencies-empresa a.see-more:active, .escola-ciencies-empresa a.see-more:focus,
.escola-ciencies-empresa a.close:hover, .escola-ciencies-empresa a.close:active, .escola-ciencies-empresa a.close:focus,
.escola-ciencies-empresa .block.anchors ul li a:hover, .escola-ciencies-empresa .block.anchors ul li a:active, .escola-ciencies-empresa .block.anchors ul li a:focus,
.escola-ciencies-empresa .cycle-directionNav a:hover {
background-color: #B83D3D;
color: #FFF;
}
.escola-politecnica .nivo-directionNav a:hover,
.escola-politecnica .module.nuvol-tags .terms-list li a:hover, .escola-politecnica .module.nuvol-tags .terms-list li a:focus, .escola-politecnica .module.nuvol-tags .terms-list li a:active,
.escola-politecnica .overlay-category:hover, .escola-politecnica .overlay-category:active, .escola-politecnica .overlay-category:focus,
.escola-politecnica .carousel-controls a:hover,
.escola-politecnica a.see-more:hover, .escola-politecnica a.see-more:active, .escola-politecnica a.see-more:focus,
.escola-politecnica a.close:hover, .escola-politecnica a.close:active, .escola-politecnica a.close:focus,
.escola-politecnica .block.anchors ul li a:hover, .escola-politecnica .block.anchors ul li a:active, .escola-politecnica .block.anchors ul li a:focus,
.escola-politecnica .cycle-directionNav a:hover {
background-color: #476B79;
color: #FFF;
}
.escola-salut .nivo-directionNav a:hover,
.escola-salut .module.nuvol-tags .terms-list li a:hover, .escola-salut .module.nuvol-tags .terms-list li a:focus, .escola-salut .module.nuvol-tags .terms-list li a:active,
.escola-salut .overlay-category:hover, .escola-salut .overlay-category:active, .escola-salut .overlay-category:focus,
.escola-salut .carousel-controls a:hover,
.escola-salut a.see-more:hover, .escola-salut a.see-more:active, .escola-salut a.see-more:focus,
.escola-salut a.close:hover, .escola-salut a.close:active, .escola-salut a.close:focus,
.escola-salut .block.anchors ul li a:hover, .escola-salut .block.anchors ul li a:active, .escola-salut .block.anchors ul li a:focus,
.escola-salut .cycle-directionNav a:hover {
background-color: #4C674C;
color: #FFF;
}
.escola-ciencies-empresa .module .see-all a {
background-image: url(../img/_24_Link_Home.png);
background-color: transparent;
border: 1px solid #B83D3D;
color: #B83D3D;
}
.module .see-all a:hover, .module .see-all a:active, .module .see-all a:focus {
background-image: url(../img/_24_Link_Home_off.png);
background-color: #870D4E;
border-color: #870D4E;
color: #FFF;
}
.escola-ciencies-empresa .module .see-all a:hover, .escola-ciencies-empresa .module .see-all a:active, .escola-ciencies-empresa .module .see-all a:focus {
background-image: url(../img/_24_Link_Home_off.png);
background-color: #B83D3D;
color: #FFF;
}
.escola-politecnica .module .see-all a {
background-image: url(../img/_24_Link_Home.png);
background-color: transparent;
border: 1px solid #5F8FA2;
color: #5F8FA2;
}
.escola-politecnica .module .see-all a:hover, .escola-politecnica .module .see-all a:active, .escola-politecnica .module .see-all a:focus {
background-image: url(../img/_24_Link_Home_off.png);
background-color: #5F8FA2;
color: #FFF;
}
.escola-salut .module .see-all a {
background-image: url(../img/_24_Link_Home.png);
background-color: transparent;
border: 1px solid #658965;
color: #658965;
}
.escola-salut .module .see-all a:hover, .escola-salut .module .see-all a:active, .escola-salut .module .see-all a:focus {
background-image: url(../img/_24_Link_Home_off.png);
background-color: #658965;
color: #FFF;
}
/* ====================
Icons
==================== */
span.social-icon,
span.icon {
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
display: block;
}
span.icon-48 {
height: 48px;
width: 48px;
}
span.icon-24 {
height: 24px;
width: 24px;
}
/* Facebook */
span.facebook.icon-48.white {
background-image: url(../img/_48_Facebook.png);
}
a:hover span.facebook.icon-48.white {
background-image: url(../img/_48_Facebook_hover.png);
}
span.facebook.icon-48.black {
background-image: url(../img/_48_Facebook_hover.png);
}
a:hover span.facebook.icon-48.black {
background-image: url(../img/_48_Facebook.png);
}
span.icon-24.facebook.white {
background-image: url(../img/_24_Facebook.png);
}
a:hover span.facebook.icon-24.white {
background-image: url(../img/_24_Facebook_Hover.png);
}
span.facebook.icon-24.black {
background-image: url(../img/_24_Facebook.png);
}
a:hover span.facebook.icon-24.black {
background-image: url(../img/_24_Facebook.png);
}
/* END Facebook */
/* Twitter */
span.twitter.icon-48.white {
background-image: url(../img/_48_Twitter.png);
}
a:hover span.twitter.icon-48.white {
background-image: url(../img/_48_Twitter_hover.png);
}
span.twitter.icon-48.black {
background-image: url(../img/_48_Twitter_hover.png);
}
a:hover span.twitter.icon-48.black {
background-image: url(../img/_48_Twitter.png);
}
span.twitter.icon-24.white {
background-image: url(../img/_24_Twitter-52.png);
}
a:hover span.twitter.icon-24.white {
background-image: url(../img/_24_Twitter-57.png);
}
span.twitter.icon-24.black {
background-image: url(../img/_24_Twitter-52.png);
}
a:hover span.twitter.icon-24.black {
background-image: url(../img/_24_Twitter-57.png);
}
/* END Twitter */
/* Linkedin */
span.linkedin.icon-48.white {
background-image: url(../img/_48_Linkedin.png);
}
a:hover span.linkedin.icon-48.white {
background-image: url(../img/_48_Linkedin_hover.png);
}
span.linkedin.icon-48.black {
background-image: url(../img/_48_Linkedin_hover.png);
}
a:hover span.linkedin.icon-48.black {
background-image: url(../img/_48_Linkedin.png);
}
span.linkedin.icon-24.white {
background-image: url(../img/_24_Linkedin-56.png);
}
a:hover span.linkedin.icon-24.white {
background-image: url(../img/_24_Linkedin-61.png);
}
span.linkedin.icon-24.black {
background-image: url(../img/_24_Linkedin-61.png);
}
a:hover span.linkedin.icon-24.black {
background-image: url(../img/_24_Linkedin-56.png);
}
/* END Linkedin */
/* Youtube */
span.youtube.icon-24.white {
background-image: url(../img/_24_Youtube-53.png);
}
a:hover span.youtube.icon-24.white {
background-image: url(../img/_24_Youtube-58.png);
}
span.youtube.icon-24.black {
background-image: url(../img/_24_Youtube-58.png);
}
a:hover span.youtube.icon-24.black {
background-image: url(../img/_24_Youtube-53.png);
}
/* END Youtube */
/* RSS */
span.rss.icon-24.white {
background-image: url(../img/_24_RRSS.png);
}
a:hover span.rss.icon-24.white {
background-image: url(../img/_24_Blocs.png);
}
span.rss.icon-24.black {
background-image: url(../img/_24_Blocs.png);
}
a:hover span.rss.icon-24.black {
background-image: url(../img/_24_RRSS.png);
}
/* END RSS */
/* Flickr */
span.flickr.icon-24.white {
background-image: url(../img/_24_Flickr-55.png);
}
a:hover span.flickr.icon-24.white {
background-image: url(../img/_24_Flickr-60.png);
}
span.flickr.icon-24.black {
background-image: url(../img/_24_Flickr-60.png);
}
a:hover span.flickr.icon-24.black {
background-image: url(../img/_24_Flickr-55.png);
}
/* END Flickr */
/* Close */
span.close.icon-24.white {
background-image: url(../img/_24_close.png);
}
a:hover span.close.icon-24.white {
background-image: url(../img/_24_close_.png);
}
span.close.icon-24.black {
background-image: url(../img/_24_close_.png);
}
a:hover span.close.icon-24.black {
background-image: url(../img/_24_close.png);
}
/* END Close */
/* Info icon */
a span.info {
background-image: url(../img/_24_Help.png);
}
a span.info:hover {
background-image: url(../img/_24_Help_hover.png);
}
/* END Info icon */
/* Email icon */
span.email.icon-24.white {
background-image: url(../img/_24_Email.png);
}
a:hover span.email.icon-24.white {
background-image: url(../img/_24_Email_black.png);
}
/* END Email icon */
/* @TODO por acabar */
span.check {
background-image: url(../img/check.png);
background-repeat: no-repeat;
margin: 0 auto;
display: block;
height: 15px;
width: 20px;
}
/* ====================
Tipography
==================== */
h1 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 24px;
font-weight: 500;
font-size: 18px;
color: #444444;
margin: 0;
}
h2 {
/*color: #FFFFFF;*/
font-family: 'Raleway', sans-serif;
font-weight: 500;
text-transform: uppercase;
text-align: center;
font-size: 20px;
line-height: 24px;
margin: 0;
}
h3 {
/*color: #FFFFFF;*/
font-family: 'Raleway', sans-serif;
font-weight: 500;
text-transform: uppercase;
text-align: center;
font-size: 14px;
line-height: 21px;
margin: 0;
}
h4 {
color: #444;
font-family: 'Raleway', sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 21px;
margin: 0;
}
h5 {
color: #444;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-transform: none;
font-size: 16px;
line-height: 21px;
margin: 0;
}
h6 {
color: #FFFFFF;
font-family: 'Raleway', sans-serif;
font-weight: 500;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 21px;
margin: 0;
}
h6 a {
color: #F5AF03;
}
.h7 {
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.h7.black {
color: #444;
}
.h8 {
color: #444;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.h9 {
color: #444;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.h10 {
color: #333;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 18px;
margin: 0;
}
.p1 {
color: #444;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p1 strong {
font-weight: 500;
}
.p2 {
color: #444;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p3 {
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p4 {
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p5 {
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p6 {
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p7 {
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.p8 {
color: #FFF;
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.xifra-destacada {
font-family: 'Roboto', sans-serif;
text-align: center;
font-weight: bold;
font-size: 48px;
color: #444;
}
.xifra-1 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 28px;
text-align: center;
color: #FFF;
}
.xifra-2 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 28px;
text-align: center;
color: #FFF;
}
.xifra-3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 21px;
text-align: left;
color: #444;
}
.uppercase-1 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 400;
font-size: 12px;
color: #FFF;
margin: 0;
}
.uppercase-2 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
color: #FFF;
margin: 0;
}
.uppercase-3 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
color: #878787;
margin: 0;
}
.uppercase-4 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 400;
font-size: 14px;
color: #FFF;
margin: 0;
}
.uppercase-5 {
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 300;
font-size: 14px;
margin: 0;
}
.uppercase-5.white {
color: #FFF;
}
.uppercase-5.grey {
color: #878787;
}
/* ====================
Tipography: Tablet
==================== */
@media only screen and (min-width: 768px) {
.row.no-margin-sm {
margin-left: -32px;
margin-right: -32px;
}
h1 {
font-size: 28px;
line-height: 32px;
text-align: left;
}
h2 {
font-size: 32px;
line-height: 36px;
text-align: left;
}
h3 {
font-size: 24px;
line-height: 32px;
}
h4 {
font-size: 18px;
line-height: 24px;
}
h5 {
font-size: 18px;
line-height: 24px;
text-align: left;
}
h6 {
line-height: 24px;
}
.h7 {
font-size: 18px;
line-height: 24px;
}
.h8 {
font-size: 16px;
}
.p2 {
font-size: 16px;
line-height: 24px;
}
.p5 {
font-size: 16px;
line-height: 24px;
}
.p6 {
font-size: 18px;
line-height: 28px;
}
.p7 {
font-size: 18px;
line-height: 28px;
}
.p8 {
font-size: 24px;
line-height: 32px;
}
.xifra-1 {
font-size: 36px;
}
.xifra-2 {
font-size: 36px;
}
.uppercase-2 {
font-size: 16px;
}
.uppercase-4 {
font-size: 16px;
}
}
/* ====================
Tipography: Desktop
==================== */
@media only screen and (min-width: 1220px) {
footer .row.top>div {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
footer .row.bottom>div {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
footer .no-padding-left-lg {
padding-left: 0;
}
footer .no-padding-right-lg {
padding-right: 0;
}
footer .row.margin0-lg {
margin: 0;
}
footer .no-padding-lg {
padding: 0;
}
footer .top .twitter-items>div:first-child {
padding-left: 0;
}
footer .top .twitter-items>div:last-child {
padding-right: 0;
}
h4 {
text-align: left;
}
h5 {
font-size: 18px;
line-height: 24px;
text-align: left;
}
}
/* ====================
Masonry grid: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.list .row {
padding: 0px 20px;
}
.grid-sizer,
.grid-item {
width: 50%;
}
.gutter-sizer {
width: 0%;
}
}
/* ====================
Buttons
==================== */
a.call-to-action-1 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 500;
font-size: 18px;
margin: 0;
min-width: 255px;
color: #333;
background-color: #F5AF03;
}
a.call-to-action-1:hover, a.call-to-action-1:active, a.call-to-action-1:focus {
color: #FFF;
background-color: #870D4E;
}
.escola-ciencies-empresa a.call-to-action-1 {
background-color: #B83D3D;
color: #FFF;
}
.escola-ciencies-empresa a.call-to-action-1:hover, .escola-ciencies-empresa a.call-to-action-1:active, .escola-ciencies-empresa a.call-to-action-1:focus {
color: #FFF;
background-color: #8A2E2E;
}
.escola-politecnica a.call-to-action-1 {
background-color: #5F8FA2;
color: #FFF;
}
.escola-politecnica a.call-to-action-1:hover, .escola-politecnica a.call-to-action-1:active, .escola-politecnica a.call-to-action-1:focus {
color: #FFF;
background-color: #476B79;
}
.escola-salut a.call-to-action-1 {
background-color: #658965;
color: #FFF;
}
.escola-salut a.call-to-action-1:hover, .escola-salut a.call-to-action-1:active, .escola-salut a.call-to-action-1:focus {
color: #FFF;
background-color: #4C674C;
}
/* Desktop */
@media only screen and (min-width: 768px) {
a.call-to-action-1 {
border-radius: 24px;
padding-left: 24px;
padding-right: 24px;
height: 48px;
}
}
/* END Desktop */
/* Tablet */
@media only screen and (max-width: 768px) {
a.call-to-action-1 {
border-radius: 24px;
padding-left: 24px;
padding-right: 24px;
height: 48px;
}
}
/* END Tablet */
/* Mobile */
@media only screen and (min-width: 768px) {
a.call-to-action-1 {
border-radius: 20px;
width: 100%;
height: 40px;
}
}
/* END Mobile */
a.call-to-action-2 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0;
min-width: 170px;
background-color: #F5AF03;
color: #333;
height: 40px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
}
a.call-to-action-2:hover, a.call-to-action-2:active, a.call-to-action-2:focus {
color: #FFF;
background-color: #870D4E;
}
.escola-ciencies-empresa a.call-to-action-2 {
background-color: #B83D3D;
color: #FFF;
}
.escola-ciencies-empresa a.call-to-action-2:hover, .escola-ciencies-empresa a.call-to-action-2:active, .escola-ciencies-empresa a.call-to-action-2:focus {
color: #FFF;
background-color: #8A2E2E;
}
.escola-politecnica a.call-to-action-2 {
background-color: #5F8FA2;
color: #FFF;
}
.escola-politecnica a.call-to-action-2:hover, .escola-politecnica a.call-to-action-2:active, .escola-politecnica a.call-to-action-2:focus {
color: #FFF;
background-color: #476B79;
}
.escola-salut a.call-to-action-2 {
background-color: #658965;
color: #FFF;
}
.escola-salut a.call-to-action-2:hover, .escola-salut a.call-to-action-2:active, .escola-salut a.call-to-action-2:focus {
color: #FFF;
background-color: #4C674C;
}
a.call-to-action-3 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
border: 1px solid #333333;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0;
min-width: 170px;
color: #333;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
height: 40px;
display: inline-block;
}
a.call-to-action-3:hover {
background-color: #333;
text-decoration: none;
color: #FFF;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a.call-to-action-4 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
border: 1px solid #333333;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0;
min-width: 170px;
color: #FFF;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
height: 40px;
display: inline-block;
background-color: #333;
}
a.call-to-action-4.inversed {
background-color: #F5AF03;
color: #333;
border-color: #F5AF03;
}
a.call-to-action-4:hover, a.call-to-action-4:active, a.call-to-action-4:focus {
background-color: #F5AF03;
border-color: #F5AF03;
text-decoration: none;
color: #333;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a.call-to-action-4.inversed:hover {
color: #FFF;
background-color: #333;
border-color: #333;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* ====================
HEADER
==================== */
header .nav-desktop {
display: none;
}
/* ====================
HEADER: Desktop
==================== */
@media only screen and (min-width: 1220px) {
.main.container {
margin-top: 0px;
}
header .nav-desktop {
display: block;
}
header .nav-mobile .nav-bar {
display: none;
}
header .nav-top ul,
header .nav-middle ul,
header .nav-bottom ul {
list-style: none;
}
header .nav-top ul li,
header .nav-middle ul li,
header .nav-bottom ul li {
display: inline;
}
/* Top Navigation */
header .nav-top {
height: 48px;
background-color: #333333;
}
header .nav-top .menu.profiles {
float: left;
margin-top: 14px;
}
header .nav-top .menu.profiles ul li a {
margin-right: 16px;
font-family: "Roboto";
font-weight: 400;
font-size: 14px;
line-height: 21px;
}
header .nav-top .language-selector,
header .nav-top .search-button {
float: right;
position: relative;
}
header .nav-top .language-selector ul {
display: none;
margin: 0;
position: absolute;
left: 0;
}
header .nav-top button.language-button {
background-color: #222;
border: none;
border-radius: 30px;
margin-top:8px;
height: 32px;
width: 150px;
text-align: left;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #FFFFFF;
font-size: 14px;
line-height: 21px;
padding-left: 16px;
}
header .nav-top button.language-button img {
float: right;
}
header .nav-top ul li a {
font-family: 'Roboto', sans-serif;
font-weight: normal;
color: #FFFFFF;
font-size: 14px;
line-height: 21px;
}
header .nav-top button.search-button {
border: none;
background: none;
margin:0;
margin-left: 20px;
height: 48px;
width: 48px;
padding: 0;
background-image: url(../img/_24_cercador.png);
background-color: #333;
background-repeat: no-repeat;
background-position: center;
}
header .nav-top button.search-button.active {
background-image: url(../img/_24_close.png);
background-color: #222;
}
header .nav-top button.search-button:active,
header .nav-top button.search-button:focus {
outline: none;
}
header .nav-top button.search-button img {
float: right;
}
header .nav-top .dropdown {
position: relative;
display: inline-block;
}
header .nav-top .dropdown .dropdown-menu {
position: absolute;
top: 100%;
left: 18px;
margin: 0;
list-style: none;
width: 120px;
padding: 0;
z-index: 1000;
-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.75);
}
header .nav-top .dropdown:hover .dropdown-menu {
display: block;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
header .nav-top .dropdown a {
display: block;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #444444;
font-size: 14px;
line-height: 21px;
background-color: #FFF;
padding: 8px;
}
header .nav-top .dropdown a:hover {
background-color: #EAE9E4;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
header .nav-desktop .nav-search {
display: none;
background-color: #222;
height: 168px;
width: 100%;
}
header .nav-desktop .nav-search .top-searchs {
height: 72px;
background-color: #333;
padding-top: 26px;
}
header .nav-desktop .nav-search .top-searchs p {
color: #FFF;
text-transform: uppercase;
margin: 0;
font-family: "Roboto";
font-size: 12px;
font-weight: bold;
display: inline-block;
margin-left: 24px;
}
header .nav-desktop .nav-search .top-searchs a {
color: #FFF;
border: 1px solid #FFF;
margin-left: 24px;
font-family: "Roboto";
font-size: 14px;
line-height: 21px;
font-weight: 400;
padding: 11px;
}
header .nav-desktop .nav-search .top-searchs a:hover,
header .nav-desktop .nav-search .top-searchs a:active {
color: #333;
border-color: #F5AF03;
background-color: #F5AF03;
text-decoration: none;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
header .nav-desktop .nav-search .search {
padding-right: 88px;
padding-left: 88px;
position: relative;
height: 96px;
padding-top: 32px;
}
header .nav-desktop .nav-search .search input[type="submit"] {
margin-left: 24px;
border: 0;
position: absolute;
background-image: url(../img/_24_cercador.png);
background-color: #222;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 32px;
left: 24px;
}
header .nav-desktop .nav-search .search input[type="search"],
header .nav-desktop .nav-search .search input.search-input {
width: 100%;
background-color: #222;
color: #FFF;
font-family: "Roboto";
font-size: 24px;
line-height: 24px;
font-weight: 200;
border: 0;
border-bottom: 1px solid #FFF;
padding-bottom: 10px;
}
header .nav-desktop .nav-search .search input:focus {
outline: none;
}
/* END Top navigation */
/* Middle Navigation */
header .nav-middle ul {
list-style: none;
}
header .nav-middle {
height: 88px;
background-color: #F5AF03;
}
header .nav-middle .logo {
margin-top: 24px;
float:left;
}
header .nav-middle .profile {
font-family: "Raleway", sans-serif;
font-weight: 500;
color: #F5AF03;
font-size: 15px;
line-height: 21px;
padding: 2px 12px;
background-color: #333;
float: left;
text-transform: uppercase;
margin-top: 38px;
margin-left: 16px;
}
header .nav-middle .menu {
float: right;
margin-top: 30px;
}
header .nav-middle .menu ul {
padding: 0;
margin: 0;
}
header .nav-middle .menu ul li a {
font-family: "Roboto";
font-weight: 500;
color: #333333;
font-size: 14px;
line-height: 21px;
padding: 0px 12px;
}
header .nav-middle .menu ul li a:last-child {
padding-right: 0;
}
header .nav-middle .menu ul li a:hover,
header .nav-middle .menu ul li a:focus,
header .nav-middle .menu ul li a:active,
header .nav-middle .menu ul li a:visited {
text-decoration: none;
}
/* END middle navigation */
/* Bottom Navigation */
header .nav-bottom {
height: 64px;
background-color: #FFF;
}
header .nav-bottom ul {
margin: 0;
padding: 0;
height: 64px;
}
header .nav-bottom ul:after {
content: '';
display: inline-block;
width: 100%;
}
header .nav-bottom ul li {
transition: 0.3s;
display: inline-block;
height: 64px;
padding-left: 20px;
padding-right: 20px;
}
header .nav-bottom ul li:first-child {
padding-left: 0;
}
header .nav-bottom ul li a {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #444;
font-size: 15px;
display: block;
padding-top: 32px;
padding-bottom: 18px;
line-height: 8px;
border-bottom: 6px solid #FFF;
position: relative;
height: 64px;
}
header .nav-bottom ul li a.active {
border-bottom: 6px solid #F5AF03;
}
header .nav-bottom .menu ul li a:hover,
header .nav-bottom .menu ul li a:active,
header .nav-bottom .menu ul li a:focus {
text-decoration: none;
}
header .nav-bottom .menu ul li a:hover {
border-bottom: 6px solid #F5AF03;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
outline: none;
}
header .nav-bottom li a:after {
border-left: solid transparent 10.5px;
border-right: solid transparent 10.5px;
border-top: solid #FFF 9px;
top: 0px;
content: " ";
height: 0;
left: 50%;
margin-left: -10px;
position: absolute;
width: 0;
}
header .nav-bottom li a:hover:after {
border-top: solid #F5AF03 9px;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
/* END Bottom navigation */
/* Level 2 Navigation */
header .nav-level-2 {
border-top: 2px solid #F5AF03;
display: none;
}
header .nav-level-2 ul {
list-style: none;
}
header .nav-level-2 .row {
margin-left: -32px;
margin-right: -32px;
overflow: hidden;
}
header .nav-level-2 .level-two,
header .nav-level-2 .level-three,
header .nav-level-2 .outstanding {
padding-left: 32px;
padding-right: 32px;
padding-top: 24px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
header .nav-level-2 .level-two {
background-color: #F5F5F1;
padding-right: 0;
}
header .nav-level-2 .level-three {
background-color: #EAE9E4;
border-right: 2px solid #D7D5CF;
border-left: 2px solid #D7D5CF;
}
header .nav-level-2 .outstanding {
background-color: #F5F5F1;
}
header .nav-level-2 .level-two ul li {
border-bottom: 1px solid #D7D5CF;
border-top: 1px solid #D7D5CF;
}
header .nav-level-2 .level-three ul li a.active,
header .nav-level-2 .level-three ul li a.active:hover {
text-decoration: underline;
}
header .nav-level-2 .level-three ul li a img {
max-width: 100%;
margin-bottom: 10px;
}
header .nav-level-2 .level-three ul li a.image {
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #444;
font-size: 16px;
line-height: 21px;
}
header .nav-level-2 .level-two ul li a,
header .nav-level-2 .level-three ul li a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #333333;
font-size: 14px;
display: block;
}
header .nav-level-2 .level-two ul li:first-child {
border-top: 2px solid #D7D5CF;
}
header .nav-level-2 .level-two ul li:last-child {
border-bottom: 2px solid #D7D5CF;
}
header .nav-level-2 .level-two ul li a {
padding-left: 22px;
padding: 13px;
}
header .nav-level-2 .level-two ul li a:hover,
header .nav-level-2 .level-three ul li a:hover {
text-decoration: none;
}
header .nav-level-2 .level-two ul li a.active {
background-color: #EAE9E4;
}
header .nav-level-2 .level-three ul {
display: none;
}
header .nav-level-2 .level-three ul.active {
display: block;
}
header .nav-level-2 .level-three ul li a {
padding: 10px 0px;
}
header .nav-level-2 .outstanding {
padding-left: 22px;
}
header .nav-level-2 .outstanding div {
display: none;
}
header .nav-level-2 .outstanding div.active {
display: block;
}
header .nav-level-2 .outstanding a img {
max-width: 100%;
margin-bottom: 10px;
}
header .nav-level-2 .outstanding ul {
margin: 0;
margin-top: 24px;
}
header .nav-level-2 .outstanding a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #444;
font-size: 16px;
line-height: 21px;
}
header .nav-level-2 .outstanding a:hover {
text-decoration: none;
}
header .nav-level-2 .outstanding ul li a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #333333;
font-size: 14px;
line-height: 21px;
display: inline-block;
border: 2px solid #333;
padding: 8px;
margin-bottom: 8px;
}
header .nav-level-2 .outstanding ul li a:hover {
text-decoration: none;
background-color: #333;
color: #F5F5F1;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
header .nav-level-2 .all-about {
background-color: #212121;
height: 56px;
}
header .nav-level-2 .all-about a {
font-family: "Roboto", sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
width: 100%;
height: 56px;
display: block;
background-image: url(../img/_24_Link_Home_off.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: right;
padding-top: 18px;
}
header .nav-level-2 .all-about a:hover,
header .nav-level-2 .all-about a:active,
header .nav-level-2 .all-about a:focus {
text-decoration: none;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
background-color: #870D4E;
}
.escola-ciencies-empresa header .nav-level-2 .all-about a:hover,
.escola-ciencies-empresa header .nav-level-2 .all-about a:active,
.escola-ciencies-empresa header .nav-level-2 .all-about a:focus {
background-color: #B83D3D;
}
.escola-politecnica header .nav-level-2 .all-about a:hover,
.escola-politecnica header .nav-level-2 .all-about a:active,
.escola-politecnica header .nav-level-2 .all-about a:focus {
background-color: #5F8FA2;
}
.escola-salut header .nav-level-2 .all-about a:hover,
.escola-salut header .nav-level-2 .all-about a:active,
.escola-salut header .nav-level-2 .all-about a:focus {
background-color: #83936D;
}
/* END Level 2 Navigation */
}
/* ====================
LVL4 NAVIGATION
====================
/* Level 4 Navigation */
nav.nav-level-4 {
}
nav.nav-level-4 a.show-lvl-4 {
height: 48px;
line-height: 48px;
padding: 0 20px;
border-bottom: 2px solid #444;
background-image: url(../img/_24_Arrow.png);
background-position: right 16px center;
background-repeat: no-repeat;
}
nav.nav-level-4 a.show-lvl-4.collapsed {
background-image: url(../img/_24_Arrow_down.png);
}
aside .nav-level-4-module {
display: none;
}
aside .nav-level-4-module.row.no-margin {
margin: 0;
}
aside .nav-level-4-module nav.nav-level-4 ul {
display: block;
height: auto;
padding-left: 0;
padding-right: 0;
}
aside nav.nav-level-4 ul li.active {
display: none;
}
aside .nav-level-4-module nav.nav-level-4 ul {
border-top: 1px solid #878787;
}
aside nav.nav-level-4 ul li a {
padding-left: 32px;
padding-right: 32px;
height: 48px;
line-height: 48px;
}
aside nav.nav-level-4 a.show-lvl-4.collapsed {
background-image: url(../img/_16_circle_on_white_copia_2.png);
background-position: left 6px center;
padding-left: 32px;
padding-right: 32px;
}
aside .nav-level-4-module nav.nav-level-4 ul li {
height: 48px;
border-bottom: 1px solid #878787;
}
.nav-level-5-hidden {
display:block;
}
aside nav.nav-level-4 ul li {
display: block;
}
aside nav.nav-level-4 a.visible-xs {
display: block !important;
border-bottom: none;
border-top: 1px solid #878787;
}
aside nav.nav-level-4 ul {
display: none;
background-color: #FFF;
border-bottom: none;
}
nav.nav-level-4 ul {
display: none;
background-color: #FFF;
border-bottom: 2px solid #444444;
}
nav.nav-level-4 ul li {
display: block;
height: 48px;
border-top: 1px solid #878787;
}
nav.nav-level-4 ul li:first-child {
border-top: none;
}
nav.nav-level-4 ul li a {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
display: block;
position: relative;
height: 48px;
line-height: 48px;
padding-left: 20px;
padding-right: 20px;
}
nav.nav-level-4 ul li.active a {
font-weight: 500;
color: #444;
}
nav.nav-level-4 ul li.active {
display: none;
}
nav.nav-level-4 ul li.active a::after {
border-bottom: solid #333 9px;
}
nav.nav-level-4 ul li a::after {
border-left: solid transparent 10.5px;
border-right: solid transparent 10.5px;
border-top: solid #FFF 9px;
bottom: 2px;
content: " ";
height: 0;
left: 50%;
margin-left: -10px;
position: absolute;
width: 0;
}
nav.nav-level-4 ul li a:hover {
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
text-decoration: none;
}
nav.nav-level-4 ul li.active a:hover {
color: #444;
}
/* END Level 4 Navigation */
/* ====================
LVL4 NAVIGATION: Tablet
==================== */
@media screen and (min-width: 1024px) {
.row.no-margin-md {
margin-left: -32px;
margin-right: -32px;
}
aside .nav-level-4-module {
display: block;
}
nav.nav-level-4 ul {
display: block;
height: 64px;
padding-left: 32px;
padding-right: 32px;
}
nav.nav-level-4 ul li {
display: inline-block;
height: 64px;
border-top: none;
}
nav.nav-level-4 ul li a {
padding-left: 16px;
padding-right: 16px;
height: 64px;
line-height: 64px;
}
nav.nav-level-4 ul li.active {
display: inline-block;
}
}
/* ====================
PAGE header
==================== */
.page-header {
height: 244px;
margin-left: 20px;
margin-right: 20px;
}
.page-header h3 {
color: #FFFFFF;
margin-top: 48px;
line-height: 24px;
}
.page-header h2,
.page-header h6 {
margin-top: 24px;
}
.page-header h2 {
color: #FFFFFF;
font-weight: bold;
line-height: 32px;
}
.page-header h6 {
text-transform: none;
}
.page-header .information-box {
height: 129px;
max-width: 346px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 16px;
padding: 24px 20px;
}
.escola-ciencies-empresa .page-header .information-box {
background-color: rgba(184, 61, 61, 0.8);
}
.escola-politecnica .page-header .information-box {
background-color: rgba(95, 143, 162, 0.8);
}
.escola-salut .page-header .information-box {
background-color: rgba(101, 137, 101, 0.8);
}
.pt-fitxa-v1 .page-header,
.pt-pla-estudis .page-header,
.pt-calendari .page-header {
height: auto;
/*height: 582px;*/
}
.pt-fitxa-v1 .page-header h2,
.pt-pla-estudis .page-header h2,
.pt-calendari .page-header h2 {
margin-top: 64px;
}
.pt-fitxa-v2 .page-header {
height: auto;
}
.pt-fitxa-v2 .page-header h2 {
margin-top: 0px;
}
.pt-fitxa-v2 .page-header .image {
padding: 32px;
text-align: center;
}
.pt-fitxa-v2 .page-header .data {
}
.pt-fitxa-v2 .page-header img {
max-height: 120px;
max-width: 120px;
}
.pt-fitxa-v2 .page-header ul.social {
text-align: center;
margin-top: 16px;
padding-bottom: 16px;
}
.pt-fitxa-v2 .page-header ul.social li {
display: inline-block;
padding-left: 8px;
}
.pt-fitxa-v2 .page-header ul.social li:first-child {
padding-left: 0px;
}
.pt-fitxa-v2 .page-header ul.social li a {
border: 1px solid #FFF;
border-radius: 50%;
display: block;
padding: 11px;
}
.pt-fitxa-v2 .page-header ul.social li a:hover {
background-color: #FFF;
}
.pt-noticia .page-header {
height: auto;
}
.pt-noticia .page-header h6 {
margin-top: 32px;
}
.pt-noticia .page-header h6.category {
text-transform: uppercase;
color: #F5AF03;
}
.pt-noticia .page-header p {
margin-top: 24px;
padding-bottom: 32px;
text-align: center;
}
div.breadcrumb {
padding-left: 32px;
padding-right: 32px;
min-height: 48px;
background-color: #FFF;
border-bottom: 1px solid #D9D5D3;
width: 100%;
float: left;
}
div.breadcrumb ul {
float:left;
/*margin-top: 14px;*/
}
div.breadcrumb ul.breadcrumb-list {
display: none;
}
div.breadcrumb a.prev {
background-color: #F5AF03;
background-image: url(../img/_24_next.png);
background-repeat: no-repeat;
background-position: center center;
height: 48px;
width: 48px;
position: absolute;
left: 0;
top: 0;
}
div.breadcrumb .share,
div.breadcrumb .print {
float:right;
padding: 13px;
font-size: 16px;
font-weight: 400;
}
div.breadcrumb .print {
display: none;
background-image: url(../img/_24_print.png);
background-repeat: no-repeat;
background-position: 85px;
width: 120px;
}
div.breadcrumb .print:hover {
color: #FFF;
background-color: #870D4E;
background-image: url(../img/_24_print_white.png);
}
.escola-ciencies-empresa div.breadcrumb .print:hover {
background-color: #B83D3D;
}
.escola-politecnica div.breadcrumb .print:hover {
background-color: #5F8FA2;
}
.escola-salut div.breadcrumb .print:hover {
background-color: #658965;
}
div.breadcrumb .share {
background-image: url(../img/_24_shaare.png);
background-repeat: no-repeat;
background-position: 95px;
width: 130px;
}
div.breadcrumb .share:hover {
color: #FFF;
background-color: #870D4E;
background-image: url(../img/_24_share_white.png);
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
div.breadcrumb .share-container {
float: right;
width: auto;
/*height: 100px;*/
}
div.breadcrumb .share-container:hover ul.share-list,
div.breadcrumb .share-container:hover ul.share-list li {
height: 40px;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
div.breadcrumb .share-container ul.share-list {
z-index: 10;
background-color: #333;
position: absolute;
top: 47px;
margin-top: 0px;
width: 130px;
text-align: center;
height: 0;
}
div.breadcrumb .share-container ul.share-list li {
height: 0px;
display: inline-block;
overflow: hidden;
margin: 8px;
}
div.breadcrumb .share-container ul.share-list li a {
z-index: 100;
}
div.breadcrumb .share-container ul.share-list li a:hover span {
opacity: 0.3;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
div.breadcrumb .share-container ul.share-list li a:hover span.facebook {
background-image: url(../img/_24_Facebook.png);
}
div.breadcrumb .share-container ul.share-list li a:hover span.twitter {
background-image: url(../img/_24_Twitter-52.png);
}
div.breadcrumb .share-container ul.share-list li a:hover span.linkedin {
background-image: url(../img/_24_Linkedin-56.png);
}
div.breadcrumb .share-container:hover .share {
color: #FFF;
background-image: url(../img/_24_share_white.png);
background-color: #870D4E;
}
.escola-ciencies-empresa div.breadcrumb .share-container:hover .share {
background-color: #B83D3D;
}
.escola-politecnica div.breadcrumb .share-container:hover .share {
background-color: #5F8FA2;
}
.escola-salut div.breadcrumb .share-container:hover .share {
background-color: #658965;
}
div.breadcrumb a,
div.breadcrumb li {
font-family: "Roboto";
font-weight: 500;
color: #333333;
font-size: 14px;
line-height: 21px;
}
div.breadcrumb ul li {
display: inline;
color: #878787;
text-transform: uppercase;
line-height: 48px;
}
div.breadcrumb ul li a {
text-transform: uppercase;
}
/* END Page header */
/* ====================
PAGE HEADER: Tablet
==================== */
@media screen and (min-width: 768px) {
div.breadcrumb ul.breadcrumb-list,
div.breadcrumb .print {
display: block;
}
div.breadcrumb-right {
width: 250px;
position: absolute;
right: 0;
}
ul.breadcrumb-list {
padding-right: 250px;
}
.page-header h3,
.page-header h2,
.page-header h6 {
text-align: left;
}
.pt-fitxa-v2 .page-header .image {
padding-left: 0px;
float: left;
}
.pt-fitxa-v2 .page-header img {
max-height: 200px;
max-width: 200px;
}
.pt-fitxa-v2 .page-header .data {
padding-left: 200px;
}
.pt-fitxa-v2 .page-header h2 {
margin-top: 48px;
}
.pt-fitxa-v2 .page-header ul.social {
position: absolute;
left: 250px;
bottom: 40px;
margin-top: 0px;
padding-bottom: 0px;
}
.pt-fitxa-v2 .page-header {
float: left;
}
.pt-noticia .page-header p {
text-align: left;
}
.page-header .information-box {
margin-left: 0;
}
}
/* ====================
PAGE HEADER: Tablet Landscape
==================== */
@media screen and (min-width: 1024px) {
.pt-fitxa-v2 .page-header img {
max-height: 324px;
max-width: 324px;
}
.pt-fitxa-v2 .page-header .data {
padding-left: 356px;
}
.pt-fitxa-v2 .page-header ul.social {
left: 380px;
}
.nav-level-5-hidden {
display:none;
}
}
/* ====================
Mòdul destacat principal
==================== */
.module.destacat-principal .nivo-caption h1,
.module.destacat-principal .nivo-caption .title h3 {
margin-top: 16px;
margin-bottom: 0px;
font-weight: bold;
height: 72px;
}
.module.destacat-principal .nivo-caption a {
display: block;
margin-top: 16px;
margin-bottom: 20px;
border-radius: 32px;
padding: 8px 16px 0px 16px;
height: 40px;
text-transform: uppercase;
text-align: center;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 18px;
margin-left: 0;
width: auto;
}
.module.destacat-principal .nivo-directionNav {
left: 33.33%;
position: absolute;
top: 32px;
}
.module.destacat-principal .nivo-directionNav a {
display: block;
height: 48px;
position: relative;
top: 0;
width: 48px;
background-repeat: no-repeat;
background-position: center;
}
.nivo-directionNav a.nivo-prevNav {
background-image: url(../img/_24_next.png);
}
.nivo-directionNav a.nivo-nextNav {
background-image: url(../img/_24_preview.png);
}
.nivo-directionNav a.nivo-prevNav:hover {
background-image: url(../img/_24_next_hover.png);
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.nivo-directionNav a.nivo-nextNav:hover {
background-image: url(../img/_24_preview_hover.png);
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.nivo-directionNav a:last-child {
margin-top: 2px;
}
.module.destacat-principal .nivo-controlNav {
z-index: 999;
text-align: center;
position: absolute;
bottom: 172px;
width: 100%;
}
.module.destacat-principal .nivo-controlNav a {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #FFF;
border-radius: 50%;
margin: 0 2px;
}
.module.destacat-principal .nivo-controlNav a.active,
.module.destacat-principal .nivo-controlNav a:hover {
background-color: #FFF;
}
.module.destacat-principal .container {
/*padding: 24px;*/
}
.module.destacat-principal .nivo-html-caption {
/*display: block;*/
}
.module.destacat-principal .nivo-caption {
height: 172px;
width: 100%;
position: relative;
top: 0px;
}
/* ========== PERFIL ESTUDIANTS ========== */
.profiled .main.container .module.destacat-principal .nivo-caption h1 {
margin-top: 0;
/*padding-top: 24px;*/
height: 112px;
}
.profiled .main.container .module.destacat-principal .nivo-caption {
height: 112px;
width: 100%;
}
.profiled .main.container .module.destacat-principal .nivo-directionNav {
left: 350px;
}
.module.call-to-action {
padding-left: 40px;
background-color: rgba(0, 0, 0, 0.50);
height: 80px;
position: absolute;
bottom: 0;
z-index: 100;
}
.module.call-to-action .p4 {
float: left;
margin-top: 28px;
}
.module.call-to-action .p4 a {
color: #F5AF03;
}
.profiled .main.container .module.call-to-action {
height: 136px;
width: 100%;
padding:0;
position: relative;
padding-top: 1px;
background-color: #333;
}
.profiled .main.container .module.call-to-action .p4 {
float:none;
text-align: center;
}
.module.call-to-action a.access {
width: 244px;
display: block;
margin-top: 16px;
margin-bottom: 32px;
border-radius: 32px;
padding: 10px 16px 0px 48px;
height: 48px;
text-transform: uppercase;
text-align: center;
font-family: "Raleway", sans-serif;
color: #FFF;
font-weight: 300;
font-size: 18px;
margin-left: 0;
border: 2px solid #FFF;
position: relative;
background-image: url(../img/_24_User.png);
background-repeat: no-repeat;
background-position: center left 30px;
margin: 0 auto;
margin-top: 16px;
}
.visitants .main.container .module.call-to-action a.access {
width: 270px;
background-image: url(../img/_24_Play_white.png);
}
.module.call-to-action a.access:hover {
color: #333;
background-image: url(../img/_24_User_hover.png);
background-color: #FFF;
text-decoration: none;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.visitants .main.container .module.call-to-action a.access:hover {
background-image: url(../img/_24_Play_black.png);
}
.profiled .module.destacat-principal .nivo-controlNav {
bottom: 112px;
}
/* ======== END PERFIL ESTUDIANTS ======== */
/* ====================
Mòdul destacat principal: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.destacat-principal .nivo-controlNav {
bottom: 24px;
}
.module.destacat-principal .nivo-caption {
display: block !important;
height: 306px;
width: 33.33%;
position: absolute;
top:32px;
}
.module.destacat-principal .nivo-html-caption {
display: none;
}
.module.destacat-principal .container {
padding: 0;
}
.module.destacat-principal .nivo-caption h1 {
margin-top: 40px;
height: auto;
}
.module.destacat-principal .nivo-caption a {
display: block;
margin-top: 40px;
margin-bottom: 32px;
float: left;
}
/*.module.destacat-principal .nivo-controlNav {
bottom: 0px;
}*/
.profiled .main.container .module.destacat-principal .nivo-caption h1 {
margin-top: 48px;
}
.profiled .main.container .module.destacat-principal .nivo-caption {
height: 270px;
width: 350px;
padding-top: 0;
padding-bottom: 0;
}
.profiled .module.destacat-principal .nivo-controlNav {
bottom: 104px;
}
.profiled .main.container .module.call-to-action .p4 {
float: left;
}
.module.call-to-action a.access {
float: right;
margin-top: 16px;
margin-bottom: 32px;
}
.profiled .main.container .module.call-to-action {
height: 80px;
padding-right: 20px;
padding-left: 40px;
position: absolute;
background-color: rgba(0, 0, 0, 0.50);
}
}
/* ====================
Mòduls
==================== */
.module h4 .icon {
display: inline-block;
margin-right: 8px;
}
.module h4 {
margin: 0;
margin-bottom: 16px;
}
.module h4 a {
color: #444;
}
/* ====================
Mòduls: Tablet
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
Mòdul núvol tags: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.nuvol-tags {
bottom: 32px;
position: absolute;
right: 14px;
z-index: 100;
}
.module.nuvol-tags p {
background-color: #444;
float: right;
line-height: 12px;
margin: 0 1px 2px 0;
padding: 6px 16px;
text-transform: uppercase;
width: auto;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 12px;
color: #FFF;
margin-right: 2px;
}
.module.nuvol-tags .terms-list {
clear: both;
display: block;
overflow: hidden;
width: 300px;
list-style: none;
float: right;
margin: 0;
}
.module.nuvol-tags .terms-list li {
float: right;
margin: 2px;
}
.module.nuvol-tags .terms-list li a {
background-color: #F6B704;
display: block;
height: auto;
line-height: 14px;
padding: 12px 16px;
text-decoration: none;
width: auto;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
color: #333;
}
.module.nuvol-tags .terms-list li a:hover,
.module.nuvol-tags .terms-list li a:focus,
.module.nuvol-tags .terms-list li a:active {
color: #FFF;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
.module.call-to-action + .module.nuvol-tags {
bottom: 96px;
}
}
/* ====================
Mòdul notícies recents:
==================== */
.module.noticies-recents {
margin-top: 32px;
padding-bottom: 32px;
}
.module.noticies-recents h4,
.module.propers-esdeveniments h4 {
margin: 0;
margin-bottom: 16px;
}
.module.noticies-recents ul {
list-style: none;
}
.module.noticies-recents img {
max-width: 100%;
width: 100%;
}
.module.noticies-recents .noticies-list {
width: 100%;
overflow: hidden;
background-color: #F5F5F1;
border-top: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;
}
.module.noticies-recents .noticies-list .noticia {
padding-top: 20px;
border-right: 1px solid #D9D5D3;
border-bottom: 1px solid #D9D5D3;
}
.module.noticies-recents .noticies-list .noticia .image {
position: relative;
}
.module.noticies-recents .noticies-list .noticia .content {
padding-top: 16px;
padding-bottom: 16px;
}
.module.noticies-recents .noticies-list .noticia .content h5 {
min-height: 48px;
}
.overlay-category {
bottom: 0;
color: #fff;
font-size: 12px;
padding: 8px 16px;
position: absolute;
left: 0;
text-transform: uppercase;
background-color: #333;
font-family: "Roboto", sans-serif;
}
.module.noticies-recents .noticies-list .noticia .date {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
color: #878787;
text-transform: uppercase;
margin-top: 8px;
}
.module.noticies-recents .noticies-list .noticia a:hover,
.module.noticies-recents .noticies-list .noticia a:focus,
.module.noticies-recents .noticies-list .noticia a:active {
text-decoration: none;
}
.module.noticies-recents .see-all,
.module.propers-esdeveniments .see-all {
background-color: #F5F5F1;
}
.see-all {
width:100%;
overflow: hidden;
border: 1px solid #D9D5D3;
border-top:none;
padding: 16px;
}
.see-all a {
background-color: #333;
padding: 12.5px;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
width: 100%;
display: block;
background-image: url(../img/_24_Link_Home_off.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: right;
}
/* ====================
Mòdul notícies recents: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.noticies-recents .noticies-list .noticia {
min-height: 310px;
}
.module.noticies-recents .noticies-list .noticia .image {
margin-bottom: 8px;
}
.module.noticies-recents .noticies-list .noticia .content {
padding:0;
}
}
/* ====================
Mòdul notícies recents: Desktop
==================== */
@media only screen and (min-width: 1220px) {
.module.noticies-recents {
padding-right: 0;
}
.module.noticies-recents .noticies-list .noticia {
min-height: 288px;
}
}
/* ====================
Mòdul articles recents
==================== */
.module.articles-recents {
margin-top: 32px;
padding-bottom: 32px;
}
.module.articles-recents ul {
list-style: none;
}
.module.articles-recents img {
max-width: 100%;
width: 100%;
}
.module.articles-recents .articles-list {
width: 100%;
overflow: hidden;
background-color: #F5F5F1;
border-top: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;
}
.module.articles-recents h4 a:hover span.icon.rss {
background-image: url(../img/_24_Blocs.png);
}
.module.articles-recents .articles-list .article {
padding-top: 20px;
border-right: 1px solid #D9D5D3;
border-bottom: 1px solid #D9D5D3;
}
.module.articles-recents .articles-list .article h5 {
display: block;
margin-top: 8px;
}
.module.articles-recents .articles-list .article h5 a {
color: #444;
}
.module.articles-recents .articles-list .article .image {
position: relative;
margin-bottom: 8px;
}
.module.articles-recents .articles-list .article .content {
padding-bottom: 16px;
}
.overlay-category {
bottom: 0;
color: #fff;
font-size: 12px;
padding: 8px 16px;
position: absolute;
left: 0;
text-transform: uppercase;
background-color: #333;
font-family: "Roboto", sans-serif;
}
.module.articles-recents .articles-list .article .image .overlay-category:hover,
.module.articles-recents .articles-list .article .image .overlay-category:active,
.module.articles-recents .articles-list .article .image .overlay-category:focus {
background-color: #870D4E;
}
.module.articles-recents .articles-list .article .date {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
color: #878787;
text-transform: uppercase;
}
.module.articles-recents .articles-list .article a:hover,
.module.articles-recents .articles-list .article a:focus,
.module.articles-recents .articles-list .article a:active {
text-decoration: none;
}
.module.articles-recents .see-all,
.module.propers-esdeveniments .see-all,
.module.twitter .see-all {
background-color: #F5F5F1;
}
.module .see-all a {
background-color: #333;
padding: 12.5px;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
width: 100%;
display: block;
background-image: url(../img/_24_Link_Home_off.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: right;
}
.module .see-all a:hover {
text-decoration: none;
}
.module.articles-recents .see-all a {
background-image: url(../img/_24_Arrow_Drop_Down_Circle.png);
text-align: left;
}
/* ====================
Mòdul articles recents: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.articles-recents {
padding-right: 0;
}
.module.articles-recents .articles-list .article {
height: 288px;
}
}
/* ====================
Mòdul propers esdeveniments
==================== */
.module.propers-esdeveniments {
padding-bottom: 32px;
padding-right: 20px;
padding-left: 20px;
}
.module.propers-esdeveniments .esdeveniments-list h5 {
margin-top: 18px;
}
.module.propers-esdeveniments .esdeveniments-list {
width: 100%;
overflow: hidden;
background-color: #F5F5F1;
border-top: 1px solid #D9D5D3;
border-right: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;
}
.module.propers-esdeveniments .esdeveniments-list ul li {
clear: both;
display: block;
overflow: hidden;
padding: 8px 0 8px;
height: 144px;
padding: 32px 20px;
border-bottom: 1px solid #D9D5D3;
}
.module.propers-esdeveniments .esdeveniments-list li .date {
background-color: #444;
border-radius: 50%;
color: #fff;
float: left;
font-size: 16px;
line-height: 24px;
margin-top: -7px;
margin-right: 15px;
padding-top: 30px;
text-align: center;
text-transform: uppercase;
width: 96px;
height: 96px;
}
.module.propers-esdeveniments .esdeveniments-list li a:hover .date {
background-color: #870D4E;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.escola-ciencies-empresa .module.propers-esdeveniments .esdeveniments-list li a:hover .date {
background-color: #B83D3D;
}
.escola-politecnica .module.propers-esdeveniments .esdeveniments-list li a:hover .date {
background-color: #5F8FA2;
}
.escola-salut .module.propers-esdeveniments .esdeveniments-list li a:hover .date {
background-color: #658965;
}
.module.propers-esdeveniments .esdeveniments-list li .date strong {
display: block;
font-size: 32px;
font-weight: 800;
}
.module.propers-esdeveniments .esdeveniments-list li a:hover,
.module.propers-esdeveniments .esdeveniments-list li a:focus,
.module.propers-esdeveniments .esdeveniments-list li a:active {
text-decoration: none;
}
/* ====================
Mòdul propers esdeveniments: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.propers-esdeveniments {
margin-top: 32px;
}
.module.propers-esdeveniments .esdeveniments-list {
border-left: none;
}
.module.propers-esdeveniments .esdeveniments-list ul li {
clear: none;
float: left;
width: 50%;
border-left: 1px solid #D9D5D3;
}
}
/* ====================
Mòdul propers esdeveniments: Desktop
==================== */
@media only screen and (min-width: 1220px) {
.module.propers-esdeveniments .esdeveniments-list ul li {
clear: both;
float: none;
width: 100%;
border-left: none;
}
.module.propers-esdeveniments .see-all {
border-left: none;
}
.module.propers-esdeveniments {
padding-left: 0px;
}
}
/* ====================
Mòdul Twitter
==================== */
.module.twitter {
margin-top: 32px;
padding-bottom: 32px;
padding-right: 20px;
padding-left: 20px;
}
.module.twitter h4 span.icon {
background-image: url(../img/_24_Twitter-57.png);
}
.module.twitter .tweets-list h5 {
margin-top: 18px;
}
.module.twitter .tweets-list {
width: 100%;
overflow: hidden;
background-color: #F5F5F1;
border-top: 1px solid #D9D5D3;
border-right: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;;
}
.module.twitter .tweets-list ul li {
clear: both;
display: block;
overflow: hidden;
padding: 8px 0 8px;
padding: 32px 20px;
border-bottom: 1px solid #D9D5D3;
}
.module.twitter .tweets-list li .author {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444444;
font-size: 14px;
line-height: 21px;
}
.module.twitter .tweets-list li .date {
color: #878787;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.module.twitter .tweets-list li .date strong {
display: block;
font-size: 32px;
font-weight: 800;
}
.module.twitter .tweets-list li a:hover,
.module.twitter .tweets-list li a:focus,
.module.twitter .tweets-list li a:active {
text-decoration: none;
}
.module.twitter .see-all a {
background-image: url(../img/_24_External_Link.png);
text-align: left;
}
/* ====================
Mòdul Twitter: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.twitter {
padding-left: 0px;
}
.module.twitter .tweets-list {
border-left: none;
}
.module.twitter .see-all {
border-left: none;
}
.module.twitter .tweets-list ul li {
height: 144px;
}
}
/* ====================
Mòdul estudia amb nosaltres
==================== */
.module.estudia-amb {
margin-top: 56px;
padding-bottom: 48px;
}
.module.estudia-amb h4,
.module.estudis-universitaris h4 {
margin-bottom: 24px;
}
.module.estudia-amb .content {
width: 100%;
overflow: hidden;
background-color: #FFF;
}
.module.estudia-amb .motius-list {
border: 1px solid #D9D5D3;
height: 432px;
}
.module.estudia-amb .motius-list ul li {
height: 144px;
padding: 20px;
border-bottom: 1px solid #D9D5D3;
}
.module.estudia-amb .motius-list ul li:last-child {
border-bottom: none;
}
.module.estudia-amb .motius-list ul li .image {
position:relative;
float: left;
margin-right: 20px;
}
.module.estudia-amb .motius-list ul li .image span.list-num {
position: absolute;
right: 0;
height: 100%;
width: 100%;
background-color: rgba(51, 51, 51, 0.8);
top: 0px;
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 36px;
color: #FFF;
text-align: center;
padding: 28px;
}
.module.estudia-amb .motius-list ul li img {
max-height: 104px;
opacity: 0;
}
.module.estudia-amb .motius-list ul li .description {
height: 92px;
padding-top: 8px;
overflow: hidden;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #444;
}
.module.estudia-amb .see-all {
background-color: #FFF;
}
.module.estudia-amb .testimonial {
height: 432px;
border: 1px solid #D9D5D3;
border-top: none;
padding-top: 20px;
}
.module.estudia-amb .nivo-directionNav {
display:none;
}
.module.estudia-amb .nivo-controlNav {
z-index: 999;
text-align: center;
position: absolute;
bottom: 24px;
width: 100%;
height: 11px;
left: 0;
}
.module.estudia-amb .nivo-controlNav a {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #444;
border-radius: 50%;
margin: 0 2px;
}
.module.estudia-amb .nivo-controlNav a.active,
.module.estudia-amb .nivo-controlNav a:hover {
background-color: #444;
}
.module.estudia-amb .testimonial img.nivo-main-image {
height: 96px !important;
width: 96px !important;
display: block !important;
margin: 0 auto;
}
.module.estudia-amb .testimonial img {
display: none !important;
}
.module.estudia-amb .testimonial .nivo-caption {
margin: 0 auto;
width: 100%;
background: none;
position: relative;
margin-top: 24px;
top: 0px;
text-align: center;
}
.module.estudia-amb .testimonial .nivo-caption .p3 {
font-weight: 300;
}
.module.estudia-amb .testimonial .nivo-caption .quote {
margin-top: 32px;
max-height: 168px;
overflow: hidden;
}
.module.estudia-amb .testimonial .nivo-caption .h7 {
color: #444444;
}
/* ====================
Mòdul estudia amb nosaltres: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.estudia-amb {
padding-right: 0px;
}
.module.estudia-amb .testimonial {
border-top: 1px solid #D9D5D3;
border-left: none;
}
.module.estudia-amb .motius-list ul li .image span.list-num {
height: 48px;
width: 48px;
top: 30px;
padding: 0;
}
.module.estudia-amb .motius-list ul li img {
opacity: 1;
}
}
/* ====================
Mòdul Estudis universitaris
==================== */
.module.estudis-universitaris {
padding-bottom: 48px;
}
.accordion-title {
background-color: #333;
margin-top: 8px;
}
.accordion-title:first-child {
margin-top: 0;
}
.accordion-title a {
color: #FFF;
display: block;
padding: 15px 16px;
height: 48px;
position: relative;
}
.accordion-title a:hover,
.accordion-title a:active,
.accordion-title a:focus {
text-decoration: none;
color: #FFF;
}
.accordion-title a span {
height: 24px;
width: 24px;
position: absolute;
right: 8px;
top: 12px;
}
.accordion-title a .down-icon {
background-image: url(../img/_24_Plus.png);
background-repeat: no-repeat;
}
.accordion-title a .up-icon {
background-image: none;
}
.module.estudis-universitaris .up-icon {
background-size: 100% 100%;
height: 24px;
width: 20px;
}
.accordion-content {
background-color: #fff;
height: 352px;
overflow-y: hidden;
padding: 0 0 0 16px;
display: none;
border-bottom: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;
border-right: 1px solid #D9D5D3;
}
.module.estudis-universitaris .estudis-list ul li:first-child {
margin-top: 8px;
}
.module.estudis-universitaris .estudis-list ul li {
margin-bottom: 8px;
}
.module.estudis-universitaris .estudis-list ul li:last-child {
margin-bottom: 0px;
}
.module.estudis-universitaris .estudis-list ul li a {
display: block;
line-height: 24px;
}
.module.estudis-universitaris .estudis-list ul li a:hover {
}
.accordion-content.active {
display: block;
}
.module.estudis-universitaris .accordion .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #878787 !important;
border-radius: 0;
margin-right: 0px;
width: 7px;
}
.module.estudis-universitaris .accordion .mCSB_scrollTools .mCSB_draggerRail {
background-color: #F5F5F1;
border-radius: 0;
margin-right: 0px;
width: 7px;
}
ul.link-list {
text-align: left;
}
ul.link-list li a {
display: block;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #878787;
margin: 0px 20px;
background-image: url(../img/_16_arrow_right_black.png);
background-position: right;
background-repeat: no-repeat;
}
ul.link-list li a h5 {
line-height: 40px;
}
ul.link-list li:first-child a {
border-top: 1px solid #878787;
}
/* ====================
Mòdul Estudis universitaris: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.estudis-universitaris {
margin-top: 56px;
}
}
/* ====================
Mòdul Avui destaquem
==================== */
.module.avui-destaquem {
margin-top: 56px;
padding-bottom: 48px;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
.module.avui-destaquem h4 {
text-align: center;
color: #FFF;
margin-bottom: 24px;
}
.module.avui-destaquem img {
max-width: 100%;
width: 100%;
}
.module.avui-destaquem .destacado {
padding-top: 24px;
padding-bottom: 32px;
background-color: #FFF;
border-right: 1px solid #D9D5D3;
}
.module.avui-destaquem .h7 {
margin-top: 24px;
font-weight: bold;
height: 76px;
overflow: hidden;
}
.module.avui-destaquem .silder-controls {
border-top: 1px solid #D9D5D3;
background-color: #FFF;
height: 40px;
padding-top: 10px;
text-align: center;
}
.module.avui-destaquem .carousel-controls {
position: absolute;
width: 100%;
left: 0;
height: 48px;
top:204px;
}
.module.avui-destaquem .carousel-controls a {
display: inline-block;
height: 48px;
position: relative;
top: 0;
width: 48px;
background-repeat: no-repeat;
background-position: center;
z-index: 9;
cursor: pointer;
}
.module.avui-destaquem .carousel-controls a.left {
float:left;
margin-right: 2px;
background-image: url('../img/_24_next.png');
}
.module.avui-destaquem .carousel-controls a.left:hover {
background-image: url('../img/_24_next_hover.png');
}
.module.avui-destaquem .carousel-controls a.right {
float: right;
background-image: url('../img/_24_preview.png');
}
.module.avui-destaquem .carousel-controls a.right:hover {
background-image: url('../img/_24_preview_hover.png');
}
/* ====================
Mòdul Avui destaquem: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.avui-destaquem .silder-controls {
padding-top:0;
height: 56px;
}
.module.avui-destaquem .carousel-controls {
right: 20px;
top: 56px;
width: auto;
left: auto;
}
}
/* ====================
Mòdul Cifres destacades
==================== */
.module.cifras {
text-align: center;
margin-top: 56px;
overflow: hidden;
}
.module.cifras h4 {
margin-bottom: 24px;
text-align: center;
}
.module.cifras h5 {
margin-bottom: 8px;
text-align: center;
}
.module.cifras .date {
font-family: "Roboto", sans-serif;
font-weight: bold;
font-size: 48px;
color: #444;
margin-bottom: 24px;
}
.module.cifras .carousel.slide.mobile .cifra .p1 {
height: 150px;
overflow: hidden;
}
.module.cifras .carousel.slide.mobile .slider-controls .carousel-indicators {
position: relative;
}
/* ====================
Mòdul Cifres destacades: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.cifras {
padding-bottom: 48px;
}
}
/* ====================
Mòdul Testimonials vídeo:
==================== */
.module.testimonial-videos {
text-align: center;
overflow: hidden;
border-top: 2px solid #333;
}
.module.testimonial-videos .description {
background-color: #333;
height: 80px;
display: table;
width: 100%;
}
.module.testimonial-videos .description .p5 {
display: table-cell;
vertical-align: middle;
height: 80px;
padding-right: 32px;
padding-left: 32px;
}
.module.testimonial-videos img {
max-width: 100%;
width: 100%;
}
.module.testimonial-videos .image {
position: relative;
}
.module.testimonial-videos .image .play {
width: 48px;
height: 48px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* ====================
Mòdul Testimonials vídeo: Tablet
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
Mòdul Serveis
==================== */
.module.services {
text-align: center;
margin-top: 48px;
padding: 0px 20px;
overflow: hidden;
}
.module.services .service {
padding-bottom: 48px;
}
.module.services h5 {
margin-bottom: 8px;
text-align: center;
}
.module.services img {
margin-bottom: 24px;
}
/* ====================
Mòdul Serveis: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.services {
height: 254px;
}
.module.services .service {
padding-bottom: 0px;
}
}
/* ====================
Mòdul Estudis universitaris 2
==================== */
.module.estudis-universitaris-2 {
text-align: center;
margin-top: 56px;
padding-bottom: 48px;
overflow: hidden;
}
.module.estudis-universitaris-2 h4 {
margin-bottom: 24px;
}
.module.estudis-universitaris-2 a:hover .image,
.module.estudis-universitaris-2 a:active .image,
.module.estudis-universitaris-2 a:focus .image {
background-color: #870D4E;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.module.estudis-universitaris-2 a:hover .image img,
.module.estudis-universitaris-2 a:active .image img,
.module.estudis-universitaris-2 a:focus .image img {
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.escola-ciencies-empresa .module.estudis-universitaris-2 a:hover .image,
.escola-ciencies-empresa .module.estudis-universitaris-2 a:active .image,
.escola-ciencies-empresa .module.estudis-universitaris-2 a:focus .image {
background-color: #8A2E2E;
}
.escola-politecnica .module.estudis-universitaris-2 a:hover .image,
.escola-politecnica .module.estudis-universitaris-2 a:active .image,
.escola-politecnica .module.estudis-universitaris-2 a:focus .image {
background-color: #476B79;
}
.escola-salut .module.estudis-universitaris-2 a:hover .image,
.escola-salut .module.estudis-universitaris-2 a:active .image,
.escola-salut .module.estudis-universitaris-2 a:focus .image {
background-color: #4C674C;
}
.module.estudis-universitaris-2 img {
max-height: 152px;
width: 100%;
opacity: 0.4;
filter: alpha(opacity=40);
}
.module.estudis-universitaris-2 .image {
position: relative;
background-color: #000;
}
.module.estudis-universitaris-2 .image h6 {
height: 24px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-transform: none;
font-weight: bold;
z-index: 10;
}
/* ====================
Mòdul Estudis universitaris 2:Tablet
==================== */
@media screen and (min-width: 768px) {
.module.estudis-universitaris-2 {
text-align: center;
margin-top: 56px;
padding-bottom: 48px;
overflow: hidden;
padding-left: 32px;
padding-right: 32px;
}
}
/* ====================
Mòdul Tecnocampus t'ofereix
==================== */
.module.tecnocampus-ofereix {
text-align: center;
margin-top: 56px;
padding-bottom: 48px;
overflow: hidden;
}
.module.tecnocampus-ofereix h4 {
margin-bottom: 24px;
}
.module.tecnocampus-ofereix .oferta a {
background-image: url(../img/_16_arrow_right_black.png);
background-position: right;
background-repeat: no-repeat;
text-align: left;
display:block;
}
.module.tecnocampus-ofereix .oferta a h5 {
line-height: 48px;
height: 48px;
border-bottom: 1px solid #878787;
}
.module.tecnocampus-ofereix .oferta a:hover {
text-decoration: none;
}
.module.tecnocampus-ofereix .oferta:first-child a h5 {
border-top: 1px solid #878787;
}
.module.tecnocampus-ofereix .oferta {
height: 48px;
}
/* ====================
Mòdul Tecnocampus t'ofereix: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.tecnocampus-ofereix .oferta:nth-child(2) a h5 {
border-top: 1px solid #878787;
}
.module.tecnocampus-ofereix {
padding-left: 32px;
padding-right: 32px;
}
}
/* ====================
Mòdul Visita'ns
==================== */
.module.visitans {
text-align: center;
margin-top: 56px;
padding-bottom: 48px;
overflow: hidden;
}
.module.visitans h4 {
margin-bottom: 24px;
}
.module.visitans ul.visits-list {
width: 100%;
overflow: hidden;
}
.module.visitans ul.visits-list .visit {
text-align: left;
}
.module.visitans ul.visits-list li {
border-top: 1px solid #D9D5D3;
border-left: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.module.visitans ul.visits-list li:nth-child(even) {
margin-top: 24px;
}
.module.visitans ul.visits-list .visit > div {
padding-top: 24px;
padding-bottom: 24px;
border-right: 1px solid #D9D5D3;
border-bottom: 1px solid #D9D5D3;
}
.module.visitans ul.visits-list .visit > div:first-child {
border-bottom: 0px;
}
.module.visitans img {
width:100%;
height: 100%;
}
.module.visitans ul.visits-list .visit .title {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 21px;
color: #444;
margin-bottom: 32px;
}
.module.visitans ul.visits-list .visit .description {
height: 128px;
overflow: hidden;
}
.module.visitans ul.visits-list .visit a {
background-color: #333;
padding: 12.5px;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
display: block;
background-image: url(../img/_24_Link_Home.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: right;
}
.module.visitans ul.visits-list .visit a:hover {
color: #FFF;
background-image: url(../img/_24_Link_Home_off.png);
}
.escola-ciencies-empresa .module.visitans ul.visits-list .visit a {
background-color: transparent;
border: 1px solid #B83D3D;
color: #B83D3D;
}
.escola-politecnica .module.visitans ul.visits-list .visit a {
background-color: transparent;
border: 1px solid #5F8FA2;
color: #5F8FA2;
}
.escola-salut .module.visitans ul.visits-list .visit a {
background-color: transparent;
border: 1px solid #658965;
color: #658965;
}
.module.visitans ul.visits-list .visit a:hover,
.module.visitans ul.visits-list .visit a:active,
.module.visitans ul.visits-list .visit a:focus {
color: #FFF;
background-color: #870D4E;
}
.escola-ciencies-empresa .module.visitans ul.visits-list .visit a:hover,
.escola-ciencies-empresa .module.visitans ul.visits-list .visit a:active,
.escola-ciencies-empresa .module.visitans ul.visits-list .visit a:focus {
color: #FFF;
background-color: #8A2E2E;
}
.escola-politecnica .module.visitans ul.visits-list .visit a:hover,
.escola-politecnica .module.visitans ul.visits-list .visit a:active,
.escola-politecnica .module.visitans ul.visits-list .visit a:focus {
color: #FFF;
background-color: #476B79;
}
.escola-salut .module.visitans ul.visits-list .visit a:hover,
.escola-salut .module.visitans ul.visits-list .visit a:active,
.escola-salut .module.visitans ul.visits-list .visit a:focus {
color: #FFF;
background-color: #4C674C;
}
/* ====================
Mòdul Visita'ns: Tablet landscape
==================== */
@media only screen and (min-width: 1024px) {
.module.visitans ul.visits-list li {
height: 340px;
}
.module.visitans ul.visits-list .visit > div:first-child {
border-bottom: 1px solid #D9D5D3;
}
.module.visitans ul.visits-list li:nth-child(even) .visit > div:first-child {
float:right;
}
.module.visitans ul.visits-list .visit a {
margin-top: 24px;
position: absolute;
bottom: 24px;
right: 24px;
left: 24px;
}
.module.visitans ul.visits-list .visit > div {
height: 340px;
}
}
/* ====================
Pàgina llistat basic
==================== */
.list-page {
padding: 32px 0px;
width: 100%;
overflow: hidden;
}
.list-page .module.filters {
overflow: hidden;
margin-bottom: 16px;
}
.list-page .module.filters form {
background-color: #444;
width: 100%;
overflow: hidden;
padding-bottom: 19px;
padding-left: 12px;
padding-right: 12px;
display:none;
}
.list-page .see-more {
font-family: "Raleway", sans-serif;
font-weight: 500;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
background-color: #333;
line-height: 48px;
width: 100%;
display: block;
float: left;
margin-bottom: 16px;
text-align: center;
}
/* Filters */
.list-page .module.filters .row {
padding-left: 20px;
padding-right: 20px;
}
.list-page .module.filters ul.list-filters li.filter p {
color: #FFF;
margin-top: 25px;
margin-bottom: 8px;
}
.list-page .module.filters ul.list-filters li.filter > div {
padding-left: 12px;
padding-right: 12px;
}
.list-page .module.filters ul.list-filters li.filter select {
width: 100%;
height: 48px;
background-color: #FFF;
border-radius: 3px;
}
/* END Filters */
/* List */
.list-page .module.list {
/*margin-bottom: 16px;*/
}
.list-page .module.list .information {
padding-left: 20px;
padding-right: 20px;
}
.list-page .module.list .links div,
.list-page .module.list .links > a {
padding-left: 20px;
padding-right: 20px;
}
.list-page .module.list ul.list-basic > li {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
padding-top: 32px;
margin-bottom: 16px;
}
.list-page .module.list ul.list-basic li p {
margin-top: 16px;
}
.list-page .module.list ul.list-basic li ul.data-list {
margin-top: 32px;
margin-bottom: 24px;
}
.list-page .module.list ul.list-basic li ul.data-list li {
display: inline-block;
padding: 0;
}
.list-page .module.list ul.list-basic li ul.data-list li span.data {
font-weight: bold;
}
.list-page .module.list ul.list-basic li ul.data-list li:after {
content: ' | ';
}
.list-page .module.list ul.list-basic li ul.data-list li:last-child:after {
content: '';
}
.list-page .module.list ul.list-basic li .download,
.list-page .module.list ul.list-basic li .link {
height: 128px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 14px;
line-height: 64px;
width: 100%;
border-top: 1px solid #D9D5D3;
display: block;
}
.list-page .module.list ul.list-basic li .download p,
.list-page .module.list ul.list-basic li .link p {
margin: 0;
display: inline-block;
margin-left: 48px;
}
.list-page .module.list ul.list-basic li .download {
background-image: url('../img/_24_File.png');
background-repeat: no-repeat;
background-position: left 16px top 20px;
}
.list-page .module.list ul.list-basic li .download:hover {
background-image: url('../img/_24_File_Hover_gen.png');
}
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .download:hover {
background-image: url('../img/_24_File_Hover_Red.png');
}
.escola-politecnica .list-page .module.list ul.list-basic li .download:hover {
background-image: url('../img/_24_File_Hover_Blue.png');
}
.escola-salut .list-page .module.list ul.list-basic li .download:hover {
background-image: url('../img/_24_File_Hover_Green.png');
}
.list-page .module.list ul.list-basic li .link {
background-image: url('../img/_24_Link.png');
background-repeat: no-repeat;
background-position: left 16px top 20px;
}
.list-page .module.list ul.list-basic li .link:hover {
background-image: url('../img/_24_Link_Hover_gen.png');
}
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .link:hover {
background-image: url('../img/_24_Link_Hover_Red.png');
}
.escola-politecnica .list-page .module.list ul.list-basic li .link:hover {
background-image: url('../img/_24_Link_Hover_Blue.png');
}
.escola-salut .list-page .module.list ul.list-basic li .link:hover {
background-image: url('../img/_24_Link_Hover_Green.png');
}
.list-page .module.list ul.list-basic li .download p span.size,
.list-page .module.list ul.list-basic li .link p span.size {
font-weight: 300;
color: #878787;
}
.list-page .module.list ul.list-basic li .download span.call-to-action,
.list-page .module.list ul.list-basic li .link span.call-to-action {
margin-top: 12px;
width: 100%;
}
.list-page .module.list ul.list-gallery > li,
.list-page .module.list ul.list-news > li,
.list-page .module.list ul.list-images > li {
margin-bottom: 16px;
}
.list-page span.call-to-action-3 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
border: 1px solid #333333;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0;
min-width: 170px;
color: #333;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
height: 40px;
display: inline-block;
}
.list-page span.call-to-action-4 {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
border: 1px solid #333333;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0;
min-width: 170px;
color: #FFF;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
height: 40px;
display: inline-block;
background-color: #333;
}
.list-page .module.list ul.list-basic li .download:hover,
.list-page .module.list ul.list-basic li .link:hover {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #870D4E;
}
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .download:hover,
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .link:hover {
color: #8A2E2E;
}
.escola-politecnica .list-page .module.list ul.list-basic li .download:hover,
.escola-politecnica .list-page .module.list ul.list-basic li .link:hover {
color: #476B79;
}
.escola-salut .list-page .module.list ul.list-basic li .download:hover,
.escola-salut .list-page .module.list ul.list-basic li .link:hover {
color: #4C674C;
}
.list-page .module.list ul.list-basic li .download:hover span.call-to-action-3,
.list-page .module.list ul.list-basic li .link:hover span.call-to-action-3 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #FFF;
background-color: #870D4E;
border-color: #870D4E;
}
.list-page .module.list ul.list-basic li .download:hover span.call-to-action-4,
.list-page .module.list ul.list-basic li .link:hover span.call-to-action-4 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #000;
background-color: #F5AF03;
border-color: #F5AF03;
}
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .download:hover span.call-to-action-3,
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .link:hover span.call-to-action-3,
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .download:hover span.call-to-action-4,
.escola-ciencies-empresa .list-page .module.list ul.list-basic li .link:hover span.call-to-action-4 {
background-color: #8A2E2E;
border-color: #8A2E2E;
color: #FFF;
}
.escola-politecnica .list-page .module.list ul.list-basic li .download:hover span.call-to-action-3,
.escola-politecnica .list-page .module.list ul.list-basic li .link:hover span.call-to-action-3,
.escola-politecnica .list-page .module.list ul.list-basic li .download:hover span.call-to-action-4,
.escola-politecnica .list-page .module.list ul.list-basic li .link:hover span.call-to-action-4 {
background-color: #476B79;
border-color: #476B79;
color: #FFF;
}
.escola-salut .list-page .module.list ul.list-basic li .download:hover span.call-to-action-4,
.escola-salut .list-page .module.list ul.list-basic li .link:hover span.call-to-action-4,
.escola-salut .list-page .module.list ul.list-basic li .download:hover span.call-to-action-3,
.escola-salut .list-page .module.list ul.list-basic li .link:hover span.call-to-action-3 {
background-color: #4C674C;
border-color: #4C674C;
color: #FFF;
}
/*
.list-page .module.list ul.list-gallery > li:nth-child(even),
.list-page .module.list ul.list-images > li:nth-child(even),
.list-page .module.list ul.list-news > li:nth-child(even) {
padding-left: 10px;
}
.list-page .module.list ul.list-gallery > li:nth-child(odd),
.list-page .module.list ul.list-images > li:nth-child(odd),
.list-page .module.list ul.list-news > li:nth-child(odd) {
padding-right: 10px;
}*/
/* END List */
/* Gallery list v1 */
.list-page .gallery-1 .module.list ul.list-gallery > li a {
display: block;
}
.list-page .gallery-1 .module.list ul.list-gallery > li .image a img {
border-top: 8px solid #F5AF03;
max-width: 100%;
}
.list-page .gallery-1 .module.list ul.list-gallery .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .gallery-1 .module.list ul.list-gallery > li > .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
padding-left: 20px;
padding-right: 20px;
}
.list-page .gallery-1 .module.list ul.list-gallery > li .content span.date {
padding-top: 24px;
margin-bottom: 16px;
display: block;
}
.list-page .gallery-1 .module.list ul.list-gallery li .content h5 {
padding-bottom: 24px;
height: 96px;
}
/* END Gallery list v1 */
/* Gallery list v2 */
.list-page .gallery-2 .module.list ul.list-gallery li a {
border-top: 8px solid #F5AF03;
display: block;
}
.list-page .gallery-2 .module.list ul.list-gallery li img {
max-width: 100%;
width:100%;
}
.list-page .gallery-2 .module.list ul.list-gallery .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .gallery-2 .module.list ul.list-gallery li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
padding-left: 20px;
padding-right: 20px;
}
.list-page .gallery-2 .module.list ul.list-gallery li .content span.name {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 18px;
margin-top: 24px;
margin-bottom: 16px;
display: block;
}
.list-page .gallery-2 .module.list ul.list-gallery li .content p {
padding-bottom: 24px;
height: 66px;
}
/* END Gallery list v2 */
/* News list */
.list-page .news .module.list ul.list-news li a {
display: block;
}
.list-page .news .module.list ul.list-news li img {
border-top: 8px solid #F5AF03;
max-width: 100%;
}
.list-page .news .module.list ul.list-news .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .news .module.list ul.list-news li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
padding-left: 20px;
padding-right: 20px;
}
.list-page .news .module.list ul.list-news li .content span.date {
padding-top: 16px;
margin-bottom: 16px;
display: block;
}
.list-page .news .module.list ul.list-news li .content h5 {
padding-bottom: 24px;
height: 96px;
}
/* END News list */
/* Images v1.1 list */
.list-page .images-1 .module.list ul.list-images li a {
display: block;
}
.list-page .images-1 .module.list ul.list-images li img {
border-top: 8px solid #F5AF03;
max-width: 100%;
width: 100%;
}
.list-page .images-1 .module.list ul.list-images .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .images-1 .module.list ul.list-images li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.list-page .images-1 .module.list ul.list-images li .content .data {
border-bottom: 1px solid #D9D5D3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
}
.list-page .images-1 .module.list ul.list-images li .content ul {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
padding-top: 24px;
}
.list-page .images-1 .module.list ul.list-images li .content span.title {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 18px;
margin-top: 24px;
margin-bottom: 16px;
display:block;
}
.list-page .images-1 .module.list ul.list-images li .content span.subtitle {
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #333;
font-size: 14px;
margin-bottom: 24px;
}
.list-page .images-1 .module.list ul.list-images li .content span.date {
padding-top: 16px;
margin-bottom: 16px;
display: block;
}
.list-page .images-1 .module.list ul.list-images li .content h5 {
padding-bottom: 24px;
height: 96px;
}
.list-page .images-1 .module.list ul.list-images li .content ul li {
margin: 0;
padding: 0;
}
/* END Images v1.1 list */
/* Images v1.2 list */
.list-page .images-2 .module.list ul.list-images {
width: 100%;
overflow: hidden;
}
.list-page .images-2 .module.list ul.list-images li a {
display: block;
}
.list-page .images-2 .module.list ul.list-images li .image >img {
border-top: 8px solid #F5AF03;
max-width: 100%;
}
.list-page .images-2 .module.list ul.list-images .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .images-2 .module.list ul.list-images > li > .description {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.list-page .images-2 .module.list ul.list-images > li > .description .data {
border-bottom: 1px solid #D9D5D3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
padding-top: 24px;
}
.list-page .images-2 .module.list ul.list-images > li > .description > ul.links {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 16px;
padding-top: 16px;
}
.list-page .images-2 .module.list ul.list-images > li > .description span.title {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 18px;
display:block;
}
.list-page .images-2 .module.list ul.list-images > li > .description ul.links > li {
margin: 0;
padding: 0;
}
.list-page .images-2 .module.list ul.list-images > li .description ul.links > li:nth-child(even) {
margin-top: 8px;
}
/* END Images v1.2 list */
/* Images v1.3 list */
.list-page .images-3 .module.list ul.list-images img {
border-top: 8px solid #F5AF03;
width: 100%;
max-width: 100%;
}
.list-page .images-3 .module.list ul.list-images .image {
width: 100%;
overflow: hidden;
position: relative;
}
.list-page .images-3 .module.list ul.list-images li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.list-page .images-3 .module.list ul.list-images li .content .data {
border-bottom: 1px solid #D9D5D3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 32px;
padding-top: 24px;
position: relative;
}
.list-page .images-3 .module.list ul.list-images li .content .hidden-text,
.list-page .images-3 .module.list ul.list-images li .content a.close {
display: none;
}
.list-page .images-3 .module.list ul.list-images li .content ul {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 16px;
padding-top: 16px;
}
.list-page .images-3 .module.list ul.list-images li .content div.h7 {
color: #333;
font-weight: 500;
}
.list-page .images-3 .module.list ul.list-images li .content span.subtitle {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #878787;
font-size: 14px;
margin-bottom: 16px;
}
.list-page .images-3 .module.list ul.list-images li .content ul li {
margin: 0;
padding: 0;
}
.list-page .images-3 .module.list ul.list-images li .content ul li a {
display: block;
}
/* END Images v1.3 list */
/* Images v1.4 list */
.list-page .images-4 .module.list ul.list-images img {
max-width: 200px;
}
.list-page .images-4 .module.list ul.list-images .image {
overflow: hidden;
position: relative;
text-align: center;
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
border-bottom: 0px;
padding-top: 20px;
}
.list-page .images-4 .module.list ul.list-images li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
border-top: 0px;
}
.list-page .images-4 .module.list ul.list-images li .content .data {
padding-right: 20px;
padding-bottom: 32px;
padding-top: 24px;
min-height: 200px;
padding-left: 20px;
}
.list-page .images-4 .module.list ul.list-images li .content .data a.close {
position:absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
background-image: url(../img/_24_close_.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 32px;
}
.list-page .images-4 .module.list ul.list-images li .content .data a.close:hover,
.list-page .images-4 .module.list ul.list-images li .content .data a.close:active,
.list-page .images-4 .module.list ul.list-images li .content .data a.close:focus {
background-image: url(../img/_24_close.png);
}
.list-page .images-4 .module.list ul.list-images li .content ul {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 16px;
padding-top: 16px;
}
.list-page .images-4 .module.list ul.list-images li .content div.h7 {
color: #333;
font-weight: 500;
}
.list-page .images-4 .module.list ul.list-images li .content span.subtitle {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #878787;
font-size: 14px;
margin-bottom: 16px;
}
.list-page .images-4 .module.list ul.list-images li .content ul li {
margin: 0;
padding: 0;
}
.list-page .images-4 .module.list ul.list-images li .content ul li a {
display: block;
}
.list-page .images-4 .module.list ul.list-images li:nth-child(odd) {
padding-right: 20px;
}
.list-page .images-4 .module.list ul.list-images li:nth-child(even) {
padding-left: 20px;
}
.list-page .images-4 .module.list ul.list-images li .social {
border-top: 1px solid #D9D5D3;
}
.list-page .images-4 .module.list ul.list-images li .social ul {
padding-left: 20px;
padding-top: 32px;
padding-bottom: 32px;
text-align: center;
}
.list-page .images-4 .module.list ul.list-images li .social ul li {
display: inline-block;
padding-right: 32px;
}
.list-page .images-4 .module.list ul.list-images li .social ul li:last-child {
padding-right: 0px;
}
a.show-filters {
height: 48px;
line-height: 48px;
padding: 0 20px;
background-color: #F5F5F1;
border: 1px solid #D9D5D3;
border-bottom: 1px solid #333;
background-image: url(../img/_24_Arrow.png);
background-position: right 16px center;
background-repeat: no-repeat;
}
a.show-filters.collapsed {
background-image: url(../img/_24_Arrow_down.png);
}
.list-page .images-4 .module.list ul.list-images li .more {
display: none;
}
.list-page .images-4 .module.list ul.list-images li a.close,
.list-page .images-4 .module.list ul.list-images li .social {
display: none;
}
/* END Images v1.4 list */
/* ====================
Pàgina llistat basic: Tablet
==================== */
@media only screen and (min-width: 768px) {
.list-page .module.list > .row {
padding: 0;
}
.list-page .module.list ul.list-gallery > li:nth-child(even),
.list-page .module.list ul.list-news > li:nth-child(even),
.list-page .module.list ul.list-images > li.grid-item:nth-child(even) {
padding-left: 10px;
}
.list-page .module.list ul.list-gallery > li:nth-child(odd),
.list-page .module.list ul.list-news > li:nth-child(odd),
.list-page .module.list ul.list-images > li.grid-item:nth-child(odd) {
padding-right: 10px;
}
.list-page .module.list ul.list-basic li .download,
.list-page .module.list ul.list-basic li .link {
height: 64px;
}
.list-page .module.list ul.list-basic li .download span.call-to-action,
.list-page .module.list ul.list-basic li .link span.call-to-action {
width: auto;
float: right;
}
.list-page .module.filters {
height: 120px;
}
a.show-filters {
display: none;
}
.list-page .module.filters form {
display: block !important;
}
.list-page .images-4 .module.list ul.list-images .image {
float: left;
border: none;
padding-top: 0px;
}
.list-page .images-4 .module.list ul.list-images li .content {
border-top: 1px solid #D9D5D3;
}
.list-page .images-4 .module.list ul.list-images li .content .data {
padding-left: 220px;
position: relative;
}
.list-page .images-4 .module.list ul.list-images li .full-content .social ul {
padding-left: 220px;
text-align: left;
}
}
/* ====================
Mòdul Destacat principal landing page: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.destacat-principal.landing-page .nivo-caption {
bottom: 0px;
width: 100%;
height: 80px;
top: auto;
background-color: rgba(33,33,33,0.80);
}
.module.destacat-principal.landing-page .nivo-caption h3 {
color: #FFFFFF;
font-family: 'Raleway', sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 24px;
line-height: 32px;
margin: 0;
text-align: left;
padding-top: 24px;
}
.module.destacat-principal.landing-page .nivo-controlNav {
width: auto;
right: 20px;
bottom: 24px;
}
.module.destacat-principal.landing-page .nivo-directionNav {
right: 0px;
left: auto;
top: auto;
bottom: 80px;
}
.module.destacat-principal.landing-page .nivo-prevNav,
.module.destacat-principal.landing-page .nivo-nextNav {
height: 40px;
width: 40px;
}
}
/* ====================
Mòdul blocs
==================== */
.module.blocs {
margin-top: 56px;
padding-bottom: 48px;
padding-right: 0px;
padding-left: 0px;
}
.module.blocs h4 {
text-align: center;
margin-bottom: 24px;
}
.module.blocs ul.blocs-list {
margin-left: 20px;
margin-right: 20px;
}
.module.blocs ul.blocs-list li {
background-color: #FFF;
border: 1px solid #D9D5D3;
margin-top: 24px;
padding: 24px 20px;
}
.module.blocs ul.blocs-list li:first-child {
margin-top: 0px;
}
.module.blocs ul.blocs-list li .image {
position: relative;
margin-right: 16px;
width: 100%;
height: 48px;
}
.module.blocs ul.blocs-list li .image img {
max-height: 236px;
border: 1px solid #D9D5D3;
display: none;
}
.module.blocs ul.blocs-list li .image span.list-num {
position: absolute;
height: 48px;
width: 48px;
background-color: rgba(51, 51, 51, 0.8);
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 36px;
color: #FFF;
text-align: center;
top: 0px;
left: 0px;
}
.module.blocs ul.blocs-list li .description span.title {
padding-top: 16px;
display: block;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 21px;
margin-bottom: 24px;
}
/* ====================
Mòdul blocs: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.blocs ul.blocs-list li {
height: 286px;
}
.module.blocs ul.blocs-list li .image span.list-num {
top: 94px;
right: 0;
left: auto;
}
.module.blocs ul.blocs-list li .image {
float: left;
width: auto;
height: auto;
}
.module.blocs ul.blocs-list li .image img {
display: block;
}
}
/* ====================
Mòdul Testimonials slider
==================== */
.module.testimonials-slider {
margin-top: 24px;
padding-right: 0px;
max-height: 400px;
color: #FFF;
}
.module.testimonials-slider .nivoSlider {
padding-bottom: 24px;
}
.module.testimonials-slider .nivo-directionNav {
position: absolute;
left: auto;
right: 0px;
top: auto;
bottom: 0px;
display: none;
}
.module.testimonials-slider .nivo-directionNav a {
display: block;
height: 40px;
position: relative;
top: 0;
width: 40px;
background-repeat: no-repeat;
background-position: center;
}
.module.testimonials-slider .nivo-controlNav {
z-index: 999;
text-align: center;
position: absolute;
bottom: 24px;
width: 100%;
height: 11px;
left: 0;
}
.module.testimonials-slider .nivo-controlNav a {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #FFF;
border-radius: 50%;
margin: 0 2px;
}
.module.testimonials-slider .nivo-controlNav a.active,
.module.testimonials-slider .nivo-controlNav a:hover {
background-color: #FFF;
}
.module.testimonials-slider img.nivo-main-image {
height: 88px !important;
width: 88px !important;
display: block !important;
margin: 0 auto;
}
.module.testimonials-slider img {
display: none !important;
}
.module.testimonials-slider .nivo-caption {
margin: 0 auto;
width: 100%;
background: none;
position: relative;
margin-top: 16px;
top: 0px;
text-align: center;
min-height: 200px;
height: auto;
max-width: 750px;
}
.module.testimonials-slider .nivo-caption .p3 {
font-weight: 300;
color: #FFF;
}
.module.testimonials-slider .nivo-caption .quote {
margin-top: 16px;
max-height: 175px;
overflow: hidden;
}
.module.testimonials-slider .nivo-caption .h7 {
color: #444444;
}
/* ====================
Mòdul Testimonials slider: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.testimonials-slider .nivo-directionNav {
display: block;
}
.module.testimonials-slider {
margin-top: 40px;
}
.module.testimonials-slider .nivo-caption .quote {
margin-top: 32px;
}
.module.testimonials-slider .nivoSlider {
padding-bottom: 52px;
}
.module.testimonials-slider .nivo-controlNav {
bottom: 40px;
}
}
/* ====================
Mòdul Flickr:
==================== */
.module.flickr {
margin-top: 32px;
padding-bottom: 48px;
overflow: hidden;
}
.module.flickr h4 {
width: 114px;
margin: 0 auto;
margin-bottom: 24px;
}
.module.flickr h4 a:hover span.icon.flickr {
background-image: url(../img/_24_Flickr-60.png);
}
.module.flickr ul {
width: 100%;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
.module.flickr ul li {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.module.flickr ul li a {
display: block;
}
.module.flickr ul li a .image {
width: 100%;
overflow: hidden;
position: relative;
}
.module.flickr ul li a .image img {
max-width: 100%;
}
.module.flickr ul li .content {
background-color: #333;
}
.module.flickr ul li .content .p5 {
display: table-cell;
vertical-align: middle;
height: 64px;
padding-right: 32px;
padding-left: 32px;
}
/* ====================
Mòdul Flickr: Desktop
==================== */
@media only screen and (min-width: 768px) {
.module.flickr {
margin-top: 56px;
}
.module.flickr ul li .content .p5 {
height: 80px;
}
.module.flickr ul li {
margin-bottom: 0px;
}
}
/* ====================
Mòdul youtube
==================== */
.module.youtube {
margin-top: 32px;
padding-bottom: 48px;
overflow: hidden;
}
.module.youtube h4 {
width: 120px;
margin: 0 auto;
margin-bottom: 24px;
}
.module.youtube h4 a:hover span.icon.youtube {
background-image: url(../img/_24_Youtube-58.png);
}
.module.youtube ul {
width: 100%;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
.module.youtube ul li:first-child {
padding-right: 0px;
padding-left: 0px;
margin-bottom: 20px;
}
.module.youtube ul li:last-child {
padding-right: 0px;
padding-left: 0px;
}
.module.youtube ul li a {
display: block;
}
.module.youtube ul li a .image {
width: 100%;
overflow: hidden;
position: relative;
}
.module.youtube ul li a .image img {
max-width: 100%;
}
.module.youtube ul li .content {
height: 64px;
background-color: #333;
}
.module.youtube ul li .content .p5 {
display: table-cell;
vertical-align: middle;
height: 64px;
padding-right: 32px;
padding-left: 32px;
}
.module.youtube .image .play {
width: 48px;
height: 48px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* ====================
Mòdul youtube: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.youtube {
margin-top: 56px;
}
.module.youtube ul li:first-child {
padding-right: 10px;
margin-bottom: 0px;
}
.module.youtube ul li:last-child {
padding-left: 10px;
}
}
/* ====================
Mòdul Blogs
==================== */
.module.blogs {
margin-top: 32px;
padding-bottom: 48px;
overflow: hidden;
}
.module.blogs h4 {
width: 320px;
margin: 0 auto;
}
.module.blogs .block.links ul {
padding-left: 10px;
padding-right: 10px;
}
.module.blogs h4 a:hover span.icon.rss {
background-image: url(../img/_24_Blocs.png);
}
/* ====================
Mòdul Blogs: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.blogs {
margin-top: 56px;
}
}
/* ====================
PT_Final
==================== */
.pt-final .final {
padding-bottom: 32px;
padding-top: 32px;
width: 100%;
overflow: hidden;
}
.block {
margin-bottom: 32px;
}
.block.no-margin {
margin-top: 0px !important;
}
.block .destacado {
background-color: #F5F5F1;
border: 1px solid #D9D5D3;
padding: 16px;
}
.block a.call-to-action-4 {
margin-top: 16px;
width: 100%;
}
aside .block a.call-to-action-4 {
margin-top: 0px;
}
/* ====================
PT_Final: Tablet
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Anchors'
==================== */
.block.anchors ul li {
margin-top: 8px;
}
.block.anchors ul li:first-child {
margin-top: 0px;
}
.block.anchors ul li a {
line-height: 40px;
display: block;
background-color: #333;
color: #FFF;
padding-left: 22px;
padding-right: 8px;
background-image: url(../img/_24_Arrow_Drop_Down_Circle.png);
background-repeat: no-repeat;
background-position: center right 8px;
}
/* ====================
PT_Final: Block 'Anchors': Tablet
==================== */
@media only screen and (min-width: 768px) {
.block.anchors ul li a {
line-height: 48px;
}
}
/* ====================
PT_Final: Block 'Text descriptiu'
==================== */
.block.description h5,
.block.description p,
.block.description ul,
.block.description ol {
margin-bottom: 24px;
}
/* ====================
PT_Final: Block 'UPF'
==================== */
.block.upf {
padding-bottom: 24px;
}
.block.upf .content {
min-height: 98px;
}
.block.upf .content img {
float: left;
height: 64px;
width: 64px;
margin-right: 16px;
}
.block.upf .content p {
margin-top: 8px;
}
/* ====================
PT_Final: Block 'Media + Descripció'
==================== */
.block.media-description ul.media-list {
width: 100%;
overflow: hidden;
}
.block.media-description ul.media-list li {
border-left: 1px solid #D9D5D3;
background-color: #F5F5F1;
overflow: hidden;
}
.block.media-description ul.media-list li {
/*border-top: 1px solid #D9D5D3;*/
border-bottom: 1px solid #D9D5D3;
margin-bottom: 16px;
}
.block.media-description ul.media-list li a.call-to-action {
position: relative;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
background-color: #333;
display: block;
background-image: url(../img/_24_Link_Home_off.png);
background-repeat: no-repeat;
background-position: center right 8px;
text-align: left;
padding-left: 16px;
margin-top: 24px;
line-height: 40px;
}
.block.media-description ul.media-list li a.call-to-action:hover,
.block.media-description ul.media-list li a.call-to-action:active,
.block.media-description ul.media-list li a.call-to-action:focus {
background-color: #870D4E;
}
.escola-ciencies-empresa .block.media-description ul.media-list li a.call-to-action {
background-image: url(../img/_24_Link_Home.png);
border: 1px solid #B83D3D;
background-color: transparent;
color: #B83D3D;
}
.escola-politecnica .block.media-description ul.media-list li a.call-to-action {
background-image: url(../img/_24_Link_Home.png);
border: 1px solid #5F8FA2;
background-color: transparent;
color: #5F8FA2;
}
.escola-salut .block.media-description ul.media-list li a.call-to-action {
background-image: url(../img/_24_Link_Home.png);
border: 1px solid #658965;
background-color: transparent;
color: #658965;
}
.escola-ciencies-empresa .block.media-description ul.media-list li a.call-to-action:hover,
.escola-ciencies-empresa .block.media-description ul.media-list li a.call-to-action:active,
.escola-ciencies-empresa .block.media-description ul.media-list li a.call-to-action:focus {
background-color: #B83D3D;
color: #FFF;
background-image: url(../img/_24_Link_Home.png);
}
.escola-politecnica .block.media-description ul.media-list li a.call-to-action:hover,
.escola-politecnica .block.media-description ul.media-list li a.call-to-action:active,
.escola-politecnica .block.media-description ul.media-list li a.call-to-action:focus {
background-color: #5F8FA2;
color: #FFF;
background-image: url(../img/_24_Link_Home.png);
}
.escola-salut .block.media-description ul.media-list li a.call-to-action:hover,
.escola-salut .block.media-description ul.media-list li a.call-to-action:active,
.escola-salut .block.media-description ul.media-list li a.call-to-action:focus {
background-color: #658965;
color: #FFF;
background-image: url(../img/_24_Link_Home.png);
}
.block.media-description ul.media-list li .media > div {
padding-top: 16px;
padding-bottom: 16px;
border-right: 1px solid #D9D5D3;
}
.block.media-description ul.media-list li .p5 {
color: #444;
margin-bottom: 8px;
}
.block.media-description ul.media-list li .image {
position: relative;
text-align: center;
height: 100%;
}
.block.media-description ul.media-list li .image .play {
width: 48px;
height: 48px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.block.media-description ul.media-list li img {
max-width: 100%;
max-height: 100%;
width:100%;
}
/* ====================
PT_Final: Block 'Media + Descripció': Tablet
==================== */
@media only screen and (min-width: 768px) {
.block.media-description ul.media-list li:first-child {
border-top: 1px solid #D9D5D3;
margin-bottom: 0px;
/*border-bottom: none;*/
}
.block.media-description ul.media-list li {
height: 216px;
}
.block.media-description ul.media-list li img {
width: auto;
}
.block.media-description ul.media-list li:nth-child(even) .media > div {
height: 215px;
float:right;
}
.block.media-description ul.media-list li a.call-to-action {
position: absolute;
left: 20px;
right: 20px;
bottom: 16px;
}
.block.media-description ul.media-list li .media > div {
min-height: 212px;
}
}
/* ====================
PT_Final: Block 'Call to action': Desktop
==================== */
@media only screen and (min-width: 768px) {
.block.call-to-action .content {
height: 72px;
}
.block.call-to-action .content a.call-to-action-4 {
position:absolute;
top: 16px;
right: 38px;
width: auto;
margin-top: 0;
}
.block.call-to-action .content p {
margin: 0;
margin-right: 170px;
overflow: hidden;
height: 38px;
}
}
/* ====================
PT_Final: Block 'Documents descargables'
==================== */
.block.documents-descargables ul li {
border-top: 1px solid #444;
}
.block.documents-descargables ul li:last-child {
border-bottom: 1px solid #444;
}
.block.documents-descargables ul li .download {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 14px;
width: 100%;
padding: 20px;
}
.block.documents-descargables ul li .download h5 {
margin: 0;
display: inline-block;
margin-left: 12px;
}
.block.documents-descargables ul li .download a {
width: 100%;
margin-top: 16px;
}
.block.documents-descargables ul li .download span.size {
font-weight: 300;
color: #878787;
}
/* ====================
PT_Final: Block 'Documents descargables': Tablet
==================== */
@media only screen and (min-width: 768px) {
.block.documents-descargables ul li .download {
height: 64px;
line-height: 64px;
padding-top: 0px;
padding-bottom: 0px;
}
.block.documents-descargables ul li .download a {
float: right;
margin-top: 12px;
width: auto;
}
}
/* ====================
PT_Final: Block 'Enllaços externos'
==================== */
.block.links ul li {
border-top: 1px solid #444;
}
.block.links ul li:last-child {
border-bottom: 1px solid #444;
}
.block.links ul li .link {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 14px;
width: 100%;
padding: 20px;
}
.block.links ul li .link h5 {
margin: 0;
display: inline-block;
margin-left: 12px;
}
/* ====================
PT_Final: Block 'Enllaços externos': Tablet
==================== */
@media only screen and (min-width: 768px) {
.block.links ul li .link {
height: 64px;
line-height: 64px;
padding-top: 0px;
padding-bottom: 0px;
}
.block.links ul li .link a {
float: right;
margin-top: 12px;
width: auto;
}
}
/* ====================
PT_Final: Block 'Dades destacades'
==================== */
.block.dades-destacades ul li span.title.p5 {
color: #444;
}
.block.dades-destacades ul li {
margin-bottom: 8px;
}
.block.dades-destacades ul li:last-child {
margin-bottom: 0px;
}
/* ====================
PT_Final: Block 'Testimonials slider'
==================== */
.block.testimonials-slider {
margin-top: 40px;
padding-right: 0px;
max-height: 400px;
}
.block.testimonials-slider .nivoSlider {
padding-bottom: 52px;
}
.block.testimonials-slider .nivo-directionNav {
display: none;
}
.block.testimonials-slider .nivo-controlNav {
z-index: 999;
text-align: center;
position: absolute;
bottom: 40px;
width: 100%;
height: 11px;
left: 0;
}
.block.testimonials-slider .nivo-controlNav a {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #444;
border-radius: 50%;
margin: 0 2px;
}
.block.testimonials-slider .nivo-controlNav a.active,
.block.testimonials-slider .nivo-controlNav a:hover {
background-color: #444;
}
.block.testimonials-slider img.nivo-main-image {
height: 88px !important;
width: 88px !important;
display: block !important;
margin: 0 auto;
}
.block.testimonials-slider img {
display: none !important;
}
.block.testimonials-slider .nivo-caption {
margin: 0 auto;
width: 100%;
background: none;
position: relative;
margin-top: 16px;
top: 0px;
text-align: center;
min-height: 200px;
height: auto;
max-width: 750px;
}
.block.testimonials-slider .nivo-caption .p6,
.block.testimonials-slider .nivo-caption .p7,
.block.testimonials-slider .nivo-caption .p3 {
color: #444;
}
.block.testimonials-slider .nivo-caption .p3 {
font-weight: 300;
}
.block.testimonials-slider .nivo-caption .quote {
margin-top: 32px;
max-height: 175px;
overflow: hidden;
}
.block.testimonials-slider .nivo-caption .h7 {
color: #444444;
}
/* ====================
PT_Final: Block 'Testimonials slider': Desktop
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Taula'
==================== */
.block.table table {
width: 100%;
text-align: center;
border: 1px solid #D9D5D3;
border-bottom: 0px;
}
.block.table table caption {
background-color: #444444;
text-align: left;
height: 40px;
vertical-align: middle;
width: 100%;
padding: 8px 16px;
}
.block.table table tr {
border-bottom: 1px solid #D9D5D3;
}
.block.table table th {
background-color: #F5F5F1;
border-bottom: 1px solid #D9D5D3;
padding: 9px 16px;
vertical-align: middle;
height: 40px;
}
.block.table table td {
font-size: 14px;
line-height: 14px;
padding: 12px 5px 12px 15px;
vertical-align: middle;
}
.block.table table.mobile-table tr th,
.block.table table.mobile-table tr td:first-child {
text-align: left;
}
/* ====================
PT_Final: Block 'Taula': Tablet
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Logos'
==================== */
.block.logos ul {
width: 100%;
overflow: hidden;
border-left: 1px solid #D9D5D3;
border-top: 1px solid #D9D5D3;
}
.block.logos ul li .logo {
border-right: 1px solid #D9D5D3;
border-bottom: 1px solid #D9D5D3;
padding-top: 8px;
padding-bottom: 8px;
height: 104px;
}
.block.logos ul li img {
max-width: 100%;
display: block;
max-height: 100%;
margin: 0 auto;
}
/* ====================
PT_Final: Block 'Logos': Desktop
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Empreses'
==================== */
.block.empreses ul.empreses-list {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #D9D5D3;
}
.block.empreses .empresa {
height: 138px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #D9D5D3;
}
.block.empreses .image {
float: left;
margin-right: 16px;
}
.block.empreses img {
height: 104px;
}
.block.empreses .empresa .h7 {
color: #444;
}
.block.empreses .empresa .p2 {
color: #870D4E;
}
/* ====================
PT_Final: Block 'Empreses': Tablet
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Accordion'
==================== */
.block.accordion .row {
margin: 0 auto;
}
.block.accordion .accordion-content {
padding: 0;
height: auto;
}
.block.accordion .accordion-content .block {
padding-bottom: 32px;
}
/* ====================
PT_Final: Block 'Accordion': Desktop
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Final: Block 'Text col·lapsat'
==================== */
.block.collapsed-text .content div.h7 {
color: #333;
font-weight: 500;
}
.block.collapsed-text .content span.subtitle {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #878787;
font-size: 14px;
margin-bottom: 16px;
}
.block.collapsed-text .small-content,
.block.collapsed-text .full-content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.block.collapsed-text .content {
padding: 16px 20px;
position: relative;
}
.block.collapsed-text .full-content {
margin-top: 16px;
}
.block.collapsed-text .more {
display: none;
}
a.close {
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
background-repeat: no-repeat;
background-image: url(../img/_24_close_.png);
background-position: center center;
background-size: 32px;
display: none;
}
a.close:hover, a.close:active, a.close:focus {
background-image: url(../img/_24_close.png);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* ====================
PT_Final: Block 'Text col·lapsat': Desktop
==================== */
@media only screen and (min-width: 768px) {
}
/* ====================
PT_Fitxa: Desktop
==================== */
@media only screen and (min-width: 768px) {
.pt-fitxa-v1 .fitxa,
.pt-fitxa-v2 .fitxa {
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
overflow: hidden;
}
.pt-fitxa-v1 .fitxa .related-content,
.pt-fitxa-v2 .fitxa .related-content {
margin-top: 0px;
}
}
/* ====================
PT_Fitxa v1:
==================== */
/* ====================
Mòdul Navegació Fitxa
==================== */
.module.navigation {
height: 64px;
padding-top: 11px;
padding-bottom: 11px;
}
.module.navigation a {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #FFF;
font-size: 15px;
line-height: 21px;
}/*
.module.navigation a:hover,
.module.navigation a:active,
.module.navigation a:focus {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #870D4E;
}
.escola-ciencies-empresa .module.navigation a:hover,
.escola-ciencies-empresa .module.navigation a:active,
.escola-ciencies-empresa .module.navigation a:focus {
color: #B83D3D;
}
.escola-politecnica .module.navigation a:hover,
.escola-politecnica .module.navigation a:active,
.escola-politecnica .module.navigation a:focus {
color: #5F8FA2;
}
.escola-salut .module.navigation a:hover,
.escola-salut .module.navigation a:active,
.escola-salut .module.navigation a:focus {
color: #658965;
}*/
.module.navigation a strong {
display: block;
}
.module.navigation .back {
background: transparent url(../img/_48_Arrow_right.png) no-repeat left center;
background-size: 48px;
padding-left: 56px;
position: absolute;
top: 0;
height: 48px;
}
.module.navigation .next {
background: transparent url(../img/_48_Arrow_Left.png) no-repeat right center;
background-size: 48px;
padding-right: 56px;
position: absolute;
right: 18px;
height: 48px;
}
.module.navigation .all:hover {
color: #F5AF03;
}
.module.navigation .back:hover {
color: #F5AF03;
background-image: url('../img/_48_prew_yelloww.png');
}
.module.navigation .next:hover {
color: #F5AF03;
background-image: url('../img/_48_next_hover.png');
}
.module.navigation .back span.text,
.module.navigation .next span.text {
display: none;
}
.module.navigation p {
margin: 0;
text-align: center;
}
/* ====================
Mòdul Comparteix
==================== */
.module.share {
margin-top: 40px;
padding-bottom: 24px;
overflow: hidden;
}
.module.share h4 {
margin-bottom: 24px;
text-align: center;
}
.module.share ul {
width: 100%;
overflow: hidden;
text-align: center;
}
.module.share ul li {
display: inline-block;
padding: 0px 2%;
}
.module.share ul li a {
background-color: #333;
border-radius: 50%;
vertical-align: middle;
display: table-cell;
height: 96px;
width: 96px;
}
.module.share ul li a:hover {
background-color: #FFF;
}
/* ====================
Mòdul Relacionats
==================== */
.pt-fitxa-v1 .module.related {
margin-top: 56px;
padding-bottom: 48px;
overflow: hidden;
}
.pt-fitxa-v1 .module.related h4 {
margin-bottom: 24px;
text-align: center;
}
.pt-fitxa-v1 .module.related ul,
.pt-fitxa-v1 .module.related ul li {
padding-left: 10px;
padding-right: 10px;
}
.pt-fitxa-v1 .module.related ul li {
margin-bottom: 20px;
}
.pt-fitxa-v1 .module.related ul li a {
display: block;
}
.pt-fitxa-v1 .module.related ul li .image {
border-top: 8px solid #F5AF03;
width: 100%;
overflow: hidden;
position: relative;
}
.pt-fitxa-v1 .module.related ul li .image img {
max-width: 100%;
}
.pt-fitxa-v1 .module.related ul li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
}
.pt-fitxa-v1 .module.related ul li .content .data {
border-bottom: 1px solid #D9D5D3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
}
.pt-fitxa-v1 .module.related ul li .content .data span.title {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 18px;
margin-top: 24px;
margin-bottom: 16px;
display: block;
}
.pt-fitxa-v1 .module.related ul li .content .data span.subtitle {
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #333;
font-size: 14px;
margin-bottom: 24px;
}
.pt-fitxa-v1 .module.related ul li .content ul {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
padding-top: 24px;
}
.pt-fitxa-v1 .module.related ul li .content ul li {
margin: 0;
padding: 0;
}
/* ====================
PT_Fitxa v1: Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.navigation {
height: 80px;
padding-top: 20px;
padding-bottom: 20px;
}
.module.navigation .back span.text,
.module.navigation .next span.text {
display: block;
}
.module.share {
margin-top: 56px;
padding-bottom: 48px;
}
.module.share ul li {
padding: 0px 16px;
}
.pt-fitxa-v1 .module.related ul li {
margin-bottom: 00px;
}
}
/* ====================
PT_Fitxa v2: Desktop
==================== */
@media only screen and (min-width: 768px) {
.pt-fitxa-v2 {
}
}
/* ====================
PT_Noticia
==================== */
/* ====================
Mòdul Relacionats
==================== */
.pt-noticia .module.related {
margin-top: 32px;
padding-bottom: 24px;
overflow: hidden;
}
.pt-noticia .module.related h4 {
margin-bottom: 24px;
text-align: center;
}
.pt-noticia .module.related ul {
padding-right: 10px;
padding-left: 10px;
width: 100%;
overflow: hidden;
}
.pt-noticia .module.related ul li {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
.pt-noticia .module.related ul li a {
display: block;
}
.pt-noticia .module.related ul li .image {
border-top: 8px solid #F5AF03;
width: 100%;
overflow: hidden;
position: relative;
}
.pt-noticia .module.related ul li .image img {
max-width: 100%;
width: 100%;
}
.pt-noticia .module.related ul li .content {
border: 1px solid #D9D5D3;
background-color: #F5F5F1;
padding-left: 20px;
padding-right: 20px;
}
.pt-noticia .module.related ul li .content span.date {
padding-top: 16px;
margin-bottom: 16px;
display: block;
}
.pt-noticia .module.related ul li .content h5 {
padding-bottom: 24px;
height: 96px;
}
.pt-noticia .module.related ul li .content .data {
border-bottom: 1px solid #D9D5D3;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
}
.pt-noticia .module.related ul li .content .data span.title {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #333;
font-size: 18px;
margin-top: 24px;
margin-bottom: 16px;
display: block;
}
.pt-noticia .module.related ul li .content .data span.subtitle {
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #333;
font-size: 14px;
margin-bottom: 24px;
}
.pt-noticia .module.related ul li .content ul {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
padding-top: 24px;
}
.pt-noticia .module.related ul li .content ul li {
margin: 0;
padding: 0;
}
.pt-noticia .noticia {
width: 100%;
overflow: hidden;
padding-top: 40px;
padding-bottom: 40px;
}
/* ====================
PT_Noticia: Tablet
==================== */
@media screen and (min-width: 768px) {
.pt-noticia .module.related {
margin-top: 56px;
padding-bottom: 48px;
}
.pt-noticia .module.related ul li {
margin-bottom: 0;
}
}
/* ====================
Bloc Slider Imatges
==================== */
.block.images-slider .nivo-caption {
position: relative;
bottom: 0px;
width: 100%;
height: auto;
top: auto;
background-color: #444;
padding-bottom: 40px;
}
.block.images-slider .nivo-caption .title {
}
.block.images-slider .nivo-caption p.p5 {
font-family: 'Roboto', sans-serif;
padding-top: 12px;
margin: 0;
}
.block.images-slider .nivo-controlNav {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 12px;
}
.block.images-slider .nivo-controlNav a {
display: inline-block;
width: 16px;
height: 16px;
text-indent: -9999px;
border: 2px solid #FFF;
border-radius: 50%;
margin: 0 2px;
}
.block.images-slider .nivo-controlNav a.active,
.block.images-slider .nivo-controlNav a:hover {
background-color: #FFF;
}
.block.images-slider .nivo-directionNav {
position: absolute;
right: 0px;
left: auto;
top: auto;
bottom: 48px;
}
.block.images-slider .nivo-directionNav a {
display: block;
height: 48px;
position: relative;
top: 0;
width: 48px;
background-repeat: no-repeat;
background-position: center;
}
.block.images-slider .nivo-prevNav,
.block.images-slider .nivo-nextNav {
height: 40px;
width: 40px;
}
/* ====================
Bloc B 'Text+cita'
==================== */
.block.text-quote .quote {
border-left: 8px solid #F5AF03;
padding-left: 16px;
margin-bottom: 16px;
}
.block.text-quote .quote .text {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #444;
font-size: 21px;
line-height: 24px;
}
.block.text-quote .quote .author {
display: block;
text-transform: uppercase;
margin-top: 16px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #333;
font-size: 14px;
}
.block.text-quote > .row > .text {
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #212121;
font-size: 14px;
}
/* ====================
Bloc C 'Cita'
==================== */
.block.quote .quote {
border-left: 8px solid #F5AF03;
padding-left: 16px;
}
.block.quote .quote .text {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: #444;
font-size: 21px;
line-height: 24px;
}
.block.quote .quote .author {
display: block;
text-transform: uppercase;
margin-top: 16px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #333;
font-size: 14px;
}
/* ====================
PT_Noticia: Desktop
==================== */
@media only screen and (min-width: 768px) {
.block.images-slider .nivo-caption .title {
display: block;
}
.block.images-slider .nivo-controlNav {
width: auto;
right: 52px;
left: auto;
}
.block.images-slider .nivo-caption {
padding-bottom: 0px;
height: 48px;
}
.block.images-slider .nivo-caption p.p5 {
text-align: left;
}
}
/* ====================
Mòdul 'Timeline'
==================== */
.module.timeline {
margin-top: 56px;
padding-bottom: 24px;
}
.module.timeline ul.timeline {
position: relative;
}
.module.timeline ul.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background-color: #878787;
left: 50%;
margin-left: -1px;
}
.module.timeline ul.timeline li {
position: relative;
width: 100%;
overflow: hidden;
}
.module.timeline ul.timeline li .year {
text-align: center;
font-weight: bold;
line-height: 40px;
background: #444;
font-size: 20px;
margin: 0 auto;
display: block;
width: 80px;
color: #FFF;
margin-bottom: 40px;
margin-top: 40px;
}
.module.timeline ul.timeline li:first-child .year {
margin-top: 0px;
}
.module.timeline ul.timeline li:last-child .year {
margin-bottom: 0px;
}
.module.timeline ul.timeline li .circle {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
background: #FFF;
color: #FFF;
width: 24px;
height: 24px;
line-height: 24px;
margin-left: -12px;
margin-top: -12px;
border: 2px solid #878787;
border-radius: 50%;
}
.module.timeline ul.timeline li .panel {
float: left;
background: #EEEDE8;
border: 1px solid #E2DED2;
padding-top: 24px;
padding-bottom: 32px;
padding-left: 20px;
padding-right: 20px;
position: relative;
margin-bottom: 20px;
}
.module.timeline ul.timeline li .panel:before {
position: absolute;
top: 50%;
margin-top: -21px;
right: -21px;
display: inline-block;
border-top: 21px solid transparent;
border-left: 21px solid #EEEDE8;
border-right: 0 solid #EEEDE8;
border-bottom: 21px solid transparent;
content: " ";
}
.module.timeline ul.timeline li.inverted .panel {
float: right;
}
.module.timeline ul.timeline li.inverted .panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.module.timeline ul.timeline li .panel .date {
margin-bottom: 16px;
}
.module.timeline ul.timeline li .panel .title {
margin-bottom: 24px;
color: #444;
}
.module.timeline .timeline-start {
text-align: center;
margin-top: 16px;
color: #333;
}
/* ====================
Mòdul 'Timeline': Tablet
==================== */
@media only screen and (min-width: 768px) {
.module.timeline ul.timeline li .panel {
width: 46%;
margin-bottom: 0px;
}
}
/* ====================
Plantilla 'Pla destudis'
==================== */
.pt-pla-estudis .pla {
padding-top:32px;
padding-bottom:32px;
width: 100%;
overflow: hidden;
}
/* ====================
Block 'Document de descàrrega'
==================== */
.block.document-to-download h5 {
margin: 0;
display: inline-block;
margin-left: 12px;
}
.block.document-to-download a {
width: 100%;
position: relative;
margin-top: 16px;
}
/* ====================
Block 'Taula assignatures'
==================== */
.block.subjects-table table {
width: 100%;
text-align: center;
border: 1px solid #D9D5D3;
border-bottom: 0px;
}
.block.subjects-table table tr {
border-bottom: 1px solid #D9D5D3;
}
.block.subjects-table table tbody tr td:first-child,
.block.subjects-table table thead tr th:first-child,
.block.subjects-table table tfoot tr th:first-child {
text-align: left;
padding-left: 19px;
}
.block.subjects-table table tbody tr td:first-child,
.block.subjects-table table tfoot {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 14px;
}
.block.subjects-table table.mobile-table tbody tr td:first-child {
color: #878787;
}
.block.subjects-table table tfoot {
text-transform: uppercase;
}
.block.subjects-table table tfoot tr th:last-child {
padding-right: 5px;
}
.block.subjects-table table th {
background-color: #F5F5F1;
border-bottom: 1px solid #D9D5D3;
padding: 9px 16px;
vertical-align: middle;
line-height: 23px;
}
.block.subjects-table table.mobile-table th {
text-align: left;
}
.block.subjects-table table td {
font-size: 14px;
line-height: 23px;
padding: 12px 5px 12px 15px;
vertical-align: middle;
}
.block.accordion .block.subjects-table {
padding: 0;
margin-top: 0px !important;
}
.block.accordion .block.subjects-table table {
border: 0px;
}
.block.accordion .block.subjects-table table tfoot th,
.block.accordion .block.subjects-table table tfoot tr {
border-bottom: 0px;
}
/* ====================
Block 'Taula calendari'
==================== */
.block.accordion {
padding-bottom: 20px;
}
.block.calendar-table table {
width: 100%;
text-align: center;
border: 1px solid #D9D5D3;
border-bottom: 0px;
}
.block.calendar-table table tr {
border-bottom: 1px solid #D9D5D3;
}
.block.calendar-table table tbody tr td:first-child,
.block.calendar-table table thead tr th:first-child,
.block.calendar-table table tfoot tr th:first-child {
text-align: left;
padding-left: 19px;
}
.block.calendar-table table tbody tr td:first-child,
.block.calendar-table table tfoot {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #444;
font-size: 14px;
}
.block.calendar-table table.mobile-table tbody tr td:first-child {
color: #878787;
}
.block.calendar-table table tfoot {
text-transform: uppercase;
}
.block.calendar-table table tfoot tr th:last-child {
padding-right: 19px;
text-align: right;
}
.block.calendar-table table th {
background-color: #F5F5F1;
border-bottom: 1px solid #D9D5D3;
padding: 9px 16px;
vertical-align: middle;
line-height: 23px;
}
.block.calendar-table table.mobile-table th {
text-align: left;
}
.block.calendar-table table td {
font-size: 14px;
line-height: 23px;
padding: 12px 5px 12px 15px;
vertical-align: middle;
}
.block.accordion .block.calendar-table {
padding: 0;
margin-top: 0px !important;
}
.block.accordion .block.calendar-table table {
border: 0px;
}
.block.accordion .block.calendar-table table tbody tr.free td {
color: #D9D5D3;
}
.block.accordion .block.calendar-table table tfoot th,
.block.accordion .block.calendar-table table tfoot tr {
border-bottom: 0px;
}
.block.accordion .total-count {
width: 100%;
overflow: hidden;
margin-top: 16px;
background-color: #F5F5F1;
border: 1px solid #D9D5D3;
}
.block.accordion .total-count div {
padding: 9px 16px;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: 500;
color: #444;
font-size: 14px;
}
.block.accordion .total-count div.text {
float:left;
}
.block.accordion .total-count div.count {
float:right;
}
/* ====================
Plantilla 'Pla destudis': Tablet
==================== */
@media only screen and (min-width: 768px) {
.block.document-to-download a {
position: absolute;
right: 38px;
top: 10px;
width: auto;
margin-top: 0;
}
}
/* ====================
ASIDE
==================== */
aside .nav-level-4-module {
display: none;
}
aside.related-content {
padding-bottom: 20px;
}
aside.related-content .block {
margin-top: 20px;
}
aside.related-content .block .body {
padding: 0px 20px;
background-color: #F5F5F1;
border: 1px solid #D9D5D3;
}
aside.related-content .block .header {
display: block;
width: 100%;
height: 48px;
background-color: #444;
color: #FFF;
text-transform: uppercase;
line-height: 48px;
padding: 0px 20px;
}
/* ====================
Bloc 'Call to action': Desktop
==================== */
aside.related-content .block.call-to-action a {
display: block;
}
/* ====================
Bloc 'Call to action + Text': Desktop
==================== */
aside.related-content .block.call-to-action-text .body {
text-align: center;
}
aside.related-content .block.call-to-action-text .body .p5 {
margin-top: 24px;
margin-bottom: 24px;
font-weight: bold;
color: #444;
}
aside.related-content .block.call-to-action-text .body a.call-to-action-4 {
margin-bottom: 16px;
}
/* ====================
Bloc 'Enllaços relacionats': Desktop
==================== */
aside.related-content .block.related-links .body {
padding: 0px;
}
aside.related-content .block.related-links ul li {
border-top: 1px solid #878787;
}
aside.related-content .block.related-links ul li:first-child {
border-top: 0px;
}
aside.related-content .block.related-links ul li .link {
height: 64px;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 64px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
aside.related-content .block.related-links ul li .link .p5 {
margin: 0;
display: inline-block;
margin-left: 12px;
}
aside.related-content .block.related-links ul li .link a {
display: block;
}
/* ====================
Bloc 'Documents relacionats': Desktop
==================== */
aside.related-content .block.related-docs .body {
padding: 0px;
}
aside.related-content .block.related-docs ul li {
border-top: 1px solid #878787;
}
aside.related-content .block.related-docs ul li:first-child {
border-top: 0px;
}
aside.related-content .block.related-docs ul li .download {
height: 64px;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 64px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
aside.related-content .block.related-docs ul li .download .p5 {
margin: 0;
display: inline-block;
margin-left: 12px;
}
aside.related-content .block.related-docs ul li .download a {
display: inline-block;
}
aside.related-content .block.related-docs ul li .download span.size {
font-weight: 300;
color: #878787;
}
/* ====================
Bloc 'Documents descargable destacat': Desktop
==================== */
aside.related-content .block.download-document .body {
text-align: center;
padding-top: 24px;
padding-bottom: 16px;
}
aside.related-content .block.download-document .body img {
margin-bottom: 24px;
}
aside.related-content .block.download-document .p5 {
margin: 0;
display: block;
color: #333;
}
aside.related-content .block.download-document span.size {
font-weight: 300;
color: #878787;
display: block;
margin-bottom: 24px;
}
/* ====================
Bloc 'Text': Desktop
==================== */
aside.related-content .block.text .body {
padding-bottom: 24px;
padding-top: 24px;
}
/* ====================
Bloc 'Enllaços amb imatges': Desktop
==================== */
aside.related-content .block.links-images ul {
overflow: hidden;
width: 100%;
}
aside.related-content .block.links-images li {
margin-top: 24px;
padding-bottom: 24px;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #D9D5D3;
}
aside.related-content .block.links-images li:last-child {
border-bottom: 0px;
}
aside.related-content .block.links-images .image {
float: left;
margin-right: 16px;
}
aside.related-content .block.links-images img {
height: 96px;
}
/* ====================
Bloc 'Propers-esdeveniments': Desktop
==================== */
aside.related-content .block.next-events .body {
padding: 0;
}
aside.related-content .block.next-events ul {
overflow: hidden;
width: 100%;
}
aside.related-content .block.next-events li {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #D9D5D3;
}
aside.related-content .block.next-events li:last-child {
border-bottom: 0px;
}
aside.related-content .block.next-events li span.date {
background-color: #444;
border-radius: 50%;
color: #fff;
float: left;
font-size: 16px;
line-height: 24px;
margin-right: 15px;
padding-top: 21px;
text-align: center;
text-transform: uppercase;
width: 64px;
height: 64px;
}
aside.related-content .block.next-events .p5 {
color: #333;
}
/* ====================
Bloc 'Connecta amb Tecnocampus': Desktop
==================== */
aside.related-content .block.connect .body {
padding: 0;
}
aside.related-content .block.connect .body ul {
width: 100%;
overflow: hidden;
padding-bottom: 24px;
}
aside.related-content .block.connect .body li {
float:left;
padding-top: 24px;
text-align: center;
text-align: -webkit-center;
}
aside.related-content .block.connect .body li:nth-child(n+4) {
padding-top: 40px;
}
aside.related-content .block.connect .body li a {
background-color: #333;
border-radius: 50%;
vertical-align: middle;
display: table-cell;
height: 48px;
width: 48px;
}
aside.related-content .block.connect .body li a:hover {
background-color: #FFF;
}
/* ====================
Bloc 'L'ultim en twitter': Desktop
==================== */
aside.related-content .block.last-twitter .body {
text-align: center;
padding-bottom: 24px;
padding-top: 24px;
}
aside.related-content .block.last-twitter .body img {
margin-bottom: 24px;
}
aside.related-content .block.last-twitter .body span {
display: block;
}
aside.related-content .block.last-twitter .body span.author {
font-weight: bold;
}
aside.related-content .block.last-twitter .body span.followers {
text-transform: uppercase;
font-weight: bold;
color: #444;
margin-bottom: 16px;
}
aside.related-content .block.last-twitter .body .see-all {
padding: 0;
}
aside.related-content .block.last-twitter .body .see-all a {
padding: 12.5px;
font-family: "Roboto", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
color: #FFF;
width: 100%;
display: block;
background-image: url(../img/_24_External_Link.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: left;
}
/* ====================
ASIDE: Tablet Landscape
==================== */
@media only screen and (min-width: 1024px) {
aside.related-content {
padding-left: 0px;
}
aside .nav-level-4-module {
display: block;
}
}
/* ====================
MODAL
==================== */
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
margin-top: 72px;
}
.modal-content {
position: relative;
background-color: #ffffff;
outline: 0;
}
.modal.modal-gallery .modal-content .content {
padding: 0 !important;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #333333;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=60);
}
.modal-header {
height: 48px;
background-color: #444;
padding-left: 20px;
}
.modal-header img {
height: 48px;
width: 48px !important;
float: left;
}
.modal-header .close {
background-color: #F5AF03;
outline: none;
float: right;
height: 48px;
width: 48px;
padding: 0;
margin: 0;
border: 0;
}
.modal-title {
margin: 0;
line-height: 48px;
height: 48px;
color: #FFF;
padding-left: 68px;
text-align: left;
}
.modal-body {
position: relative;
padding-top: 48px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
}
.modal-body .content form {
}
.modal-body .content .required {
text-align: right;
display: block;
}
.modal-footer {
padding: 12px;
height: 64px;
background-color: #EEEDE8;
/*text-align: center;*/
}
.modal-footer a + a {
/*margin-left: 46px;*/
margin-bottom: 0;
float: right;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-footer a.call-to-action-3, .modal-footer a.call-to-action-4 {
display: inline-block !important;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal.modal-video .modal-body {
padding: 0;
}
video {
width: 100% !important;
height: auto !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 1024px) {
footer .bottom .row>.col-footer:first-child {
border-left: 1px solid #333;
}
.modal-footer {
text-align: center;
}
.modal-footer a + a {
margin-left: 46px;
float: none;
}
}
@media (min-width: 768px) {
.modal-dialog {
width: 50%;
margin: 30px auto;
margin-top: 161px;
}
.modal-content {
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/* ====================
Modal with tabs: DESKTOP
==================== */
.modal.modal-tabs .modal-body {
padding: 0;
padding-bottom: 24px;
}
.modal.modal-tabs .modal-body .nav-tabs {
border-bottom: 1px solid #ddd;
}
.modal.modal-tabs .modal-body .nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.modal.modal-tabs .modal-body .nav>li {
position: relative;
display: block;
width: 50%;
height: 48px;
}
.modal.modal-tabs .modal-body .nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.modal.modal-tabs .modal-body .nav>li>a {
position: relative;
display: block;
height: 48px;
text-align: center;
}
.modal.modal-tabs .modal-body .nav-tabs>li>a {
line-height: 48px;
background-color: #D9D5D3;
}
.modal.modal-tabs .modal-body .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
}
.modal.modal-tabs .modal-body .tab-content>.tab-pane {
display: none;
}
.modal.modal-tabs .modal-body .tab-content>.active {
display: block;
}
.modal.modal-tabs .modal-body .tab-content {
padding-top: 72px;
padding-left: 20px;
padding-right: 20px;
}
.modal.modal-tabs #tab-info .subtitle,
.modal.modal-tabs .tab-info .subtitle {
font-weight: bold;
margin-bottom: 32px;
}
.modal.modal-tabs #tab-info p.description,
.modal.modal-tabs .tab-info p.description {
margin-bottom: 32px;
}
.modal.modal-tabs #tab-info ul.distributions,
.modal.modal-tabs .tab-info ul.distributions {
width: 100%;
overflow: hidden;
}
.modal.modal-tabs #tab-info ul.distributions li,
.modal.modal-tabs .tab-info ul.distributions li {
text-align: center;
margin-top: 32px;
width: 33.33%;
float: left;
}
.modal.modal-tabs #tab-info li ul.distributions li img,
.modal.modal-tabs .tab-info li ul.distributions li img {
width: 64px;
height: 64px;
}
.modal.modal-tabs #tab-info li ul.distributions li .description,
.modal.modal-tabs .tab-info li ul.distributions li .description {
display: block;
margin-top: 8px;
}
/* ====================
VIDEO-IMG SLIDER
==================== */
.slider-wrapper {
opacity: 0;
}
.slider-wrapper {
border-bottom: 1px solid #878787;
height: 454px;
}
.cycle-slider {
height: 385px;
position: relative;
}
.cycle-slider img,
.cycle-slider iframe {
height: 310px;
width: 100%;
z-index: 998;
}
.cycle-slider li {
position: relative;
width: 100%;
}
.cycle-slider .progress-info {
background: #444;
color: #fff;
display: block;
font-size: 14px;
height: 32px;
line-height: 32px;
position: relative;
text-align: center;
z-index: 999;
}
.cycle-slider .description {
background: #444;
border-top: 1px solid #333;
height: 80px;
margin: 0;
padding: 16px 20px;
}
.cycle-slider p {
display: block;
font-size: 16px;
margin: 10px 0 0;
padding: 2px;
text-align: left;
white-space: normal;
}
.slider-prev,
.slider-next {
position: absolute;
top: 35%;
z-index: 9;
cursor: pointer;
height: 32px;
text-indent: -9999px;
width: 32px;
}
.slider-prev {
left: 0;
}
.slider-next {
right: 0;
}
.modal.modal-gallery .modal-body {
padding: 0;
}
.cycle-directionNav {
position: absolute;
right: 0px;
left: auto;
top: auto;
bottom: 77px;
}
.cycle-directionNav a {
display: block;
height: 48px;
position: relative;
top: 0;
width: 48px;
background-color: #F5AF03;
background-repeat: no-repeat;
background-position: center;
}
.cycle-directionNav a.cycle-prev {
background-image: url(../img/_24_next.png);
}
.cycle-directionNav a.cycle-next {
margin-top: 2px;
background-image: url(../img/_24_preview.png);
}
.cycle-directionNav a.cycle-prev:hover {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background-image: url(../img/_24_next_hover.png);
}
.cycle-directionNav a.cycle-next:hover {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background-image: url(../img/_24_preview_hover.png);
}
.slider-pager {
width: 100%;
background-color: #444;
position: relative;
padding: 8px;
text-align: center;
color: #FFF;
height: 32px;
}
.slider-pager span {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #FFF;
border-radius: 50%;
margin: 0 2px;
}
.slider-pager span.cycle-pager-active {
background-color: #FFF;
}
/* ====================
VIDEO-IMG SLIDER: Tablet
==================== */
@media screen and (min-width: 768px) {
.slider-wrapper {
height: 422px;
}
}
/* ====================
FORMS
==================== */
form .form-group {
margin-bottom: 40px;
}
form .form-group:last-child {
margin-bottom: 0px;
}
form label {
font-family: "Roboto", sans-serif;
color: #444;
font-size: 14px;
display: inline-block;
max-width: 100%;
margin-bottom: 8px !important;
font-weight: 500 !important;
}
.form-control {
min-width: 140px;
padding: 12px;
width: 100%;
display: block;
height: 48px;
background-color: #EAE9E4;
border: 1px solid #D9D5D3;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control.checkbox {
min-height: 48px;
height: auto;
}
.form-control:focus,
.form-control:active {
outline: none;
box-shadow: 0px 0px 5px #878787;
}
.form-control::-webkit-input-placeholder {
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.form-control:-ms-input-placeholder {
color: #878787;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 21px;
margin: 0;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
opacity: 0.5;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #D12E2E;
}
.has-error .form-control {
border-color: #D12E2E;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
background-color: #FFCCCC;
}
.checkbox-inline, .radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=checkbox], input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal;
}
.radio-inline input[type=radio] {
}
.radio {
padding-right: 20px;
cursor: pointer;
min-width: 140px;
padding: 12px;
display: block;
height: 48px;
background-color: #EAE9E4;
border: 1px solid #D9D5D3;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.radio-group label + label {
margin-left: 20px;
}
.radio:hover .inner {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: .5;
}
.radio input {
width: 1px;
height: 1px;
opacity: 0;
}
.radio input:checked + .outer .inner {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.radio input:checked + .outer {
border: 3px solid #444;
}
.radio input:focus + .outer .inner {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
background-color: #444;
}
.radio .outer {
width: 22px;
height: 22px;
display: block;
float: left;
border: 3px solid #444;
border-radius: 50%;
}
.radio .inner {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 12px;
height: 12px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
display: block;
margin: 2px;
border-radius: 50%;
background-color: #444;
opacity: 0;
}
@-webkit-keyframes cardEnter {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes cardEnter {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
textarea {
min-height: 152px;
}
input[type=checkbox] {
display:none;
position: absolute;
margin-top: 4px\9;
margin-left: -20px;
}
input[type=checkbox] + label
{
background: url(../img/_24_Checkbox_outline.png);
height: 24px;
width: 24px;
display:inline-block;
padding: 0 0 0 0px;
position: absolute;
margin-top: 4px\9;
margin-left: -30px;
}
input[type=checkbox]:checked + label
{
background: url(../img/_24_Checkbox.png);
height: 24px;
width: 24px;
display:inline-block;
padding: 0 0 0 0px;
}
.checkbox .label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox {
padding-left: 40px;
}
.checkbox > label {
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group-addon.calendar {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
}
.icon.icon-24.calendar {
background-image: url(../img/glyphicons-46-calendar.png);
}
.datepicker .prev .glyphicon {
height: 24px;
width: 24px;
display: table-cell;
background-image: url(../img/_16_circle_on_white_copia_2.png);
background-repeat: no-repeat;
background-position: center center;
}
.datepicker .next .glyphicon {
height: 24px;
width: 24px;
display: table-cell;
background-image: url(../img/_16_arrow_right_black.png);
background-repeat: no-repeat;
background-position: center center;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* ====================
Carousel
=================== */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-indicators {
z-index: 999;
text-align: center;
position: absolute;
bottom: 24px;
width: 100%;
height: 12px;
left: 0;
margin: 0;
padding: 0;
}
.carousel-indicators li {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
border: 2px solid #444;
border-radius: 50%;
margin: 0 2px;
}
.carousel-indicators li:hover,
.carousel-indicators .active {
background-color: #444;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
/* ====================
HEADER: Mobile
==================== */
header .nav-mobile.fixed {
z-index: 1000;
position: fixed;
top: 0;
width: 100%;
}
header .nav-mobile .nav-bar {
height: 56px;
background-color: #F5AF03;
width: 100%;
z-index: 10000;
padding-left: 16px;
z-index: 1000;
}
header .nav-mobile.fixed .nav-bar {
display: block;
}
header .nav-mobile .nav-bar .logo {
margin-top: 12px;
float: left;
}
header .nav-mobile .nav-bar .profile {
font-family: "Raleway", sans-serif;
font-weight: 500;
color: #F5AF03;
font-size: 15px;
line-height: 21px;
padding: 6px 12px;
background-color: #333;
float: left;
text-transform: uppercase;
margin-top: 12px;
margin-left: 16px;
}
header .nav-mobile .nav-bar .burguer-button {
float: right;
border: none;
height: 56px;
width: 56px;
padding: 0;
background-image: url(../img/_24_menu.png);
background-color: #F5AF03;
background-repeat: no-repeat;
background-position: center;
}
header .nav-mobile .nav-bar .burguer-button:active,
header .nav-mobile .nav-bar .burguer-button:focus,
header .nav-mobile .nav-bar .search-button:active,
header .nav-mobile .nav-bar .search-button:focus {
outline: none;
}
header .nav-mobile .nav-bar .burguer-button.active {
background-image: url(../img/_24_close.png);
background-color: #222;
}
header .nav-mobile .nav-bar .search-button {
float: right;
border: none;
height: 56px;
width: 56px;
padding: 0;
background-image: url(../img/_24_cercador.png);
background-color: #F5AF03;
background-repeat: no-repeat;
background-position: center;
}
header .nav-mobile .nav-bar .search-button.active {
background-image: url(../img/_24_close.png);
background-color: #222;
}
/* Search */
header .nav-mobile .nav-search {
display: none;
background-color: #222;
height: 56px;
width: 100%;
position: relative;
padding: 16px;
padding-left: 72px;
}
header .nav-mobile .nav-search input[type="submit"] {
margin-left: 24px;
border: 0;
position: absolute;
background-image: url(../img/_24_cercador.png);
background-color: #222;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
top: 16px;
left: 16px;
}
header .nav-mobile .nav-search input[type="search"] {
width: 100%;
background-color: #222;
color: #FFF;
font-family: "Roboto";
font-size: 14px;
line-height: 14px;
font-weight: 200;
border: 0;
border-bottom: 1px solid #FFF;
padding-bottom: 8px;
}
header .nav-mobile .nav-search input:focus {
outline: none;
}
/* END Search */
/* Menu navigation */
header .nav-mobile .menu {
display: none;
position: fixed;
top: 56px;
left: 0;
width: 100%;
height: 90%;
overflow-y: auto;
z-index: 1000;
padding-bottom: 56px;
}
header .nav-mobile .menu ul {
list-style: none;
padding: 0;
margin: 0;
}
header .nav-mobile .menu ul.main-menu li a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
background-color: #333333;
line-height: 56px;
border-bottom: 1px solid #444444;
width:100%;
display: block;
text-transform: uppercase;
color: #FFF;
text-align: center;
}
header .nav-mobile .menu ul.main-menu li a:hover,
header .nav-mobile .menu ul.main-menu li a:focus,
header .nav-mobile .menu ul.main-menu li a:active,
header .nav-mobile .menu ul.main-menu li a:visited {
text-decoration: none;
color: #FFF;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
header .nav-mobile {
display: block;
z-index: 10000;
position: fixed;
top: 0;
width: 100%;
}
header .nav-mobile .menu ul.main-menu li ul {
display: none;
}
header .nav-mobile .menu ul.main-menu li ul li a {
background-color: #F5F5F1;
border-bottom: 1px solid #D9D5D3;
text-transform: none;
background-repeat: no-repeat;
background-position: right 20px center;
}
header .nav-mobile .menu ul.main-menu li ul li a.dropdown {
background-image: url(../img/_16_arrow_right_black.png);
}
header .nav-mobile .menu ul.main-menu li.active {
display: block !important;
visibility: visible;
}
header .nav-mobile .menu ul.main-menu li ul li a,
header .nav-mobile .menu ul.main-menu li ul li a:hover,
header .nav-mobile .menu ul.main-menu li ul li a:active,
header .nav-mobile .menu ul.main-menu li ul li a:focus,
header .nav-mobile .menu ul.main-menu li ul li a:visited {
color: #333;
}
header .nav-mobile .menu ul.main-menu li a.dropdown.active {
text-align: left;
background-image: url(../img/_16_Arrow_back_orange.png);
background-repeat: no-repeat;
background-position: left 20px center;
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: 500;
color: #F5AF03 !important;
padding-left: 48px;
text-transform: uppercase;
background-color: #333333;
}
header .nav-mobile .menu ul.main-menu li a.all-about {
display: none;
background-image: url(../img/_24_Link_Home_off.png);
background-repeat: no-repeat;
background-position: center right 8px;
padding-right: 40px;
text-align: right;
text-transform: uppercase;
}
/* END Menu navigation */
/* Profiles navigation */
header .nav-mobile ul.profiles {
padding-top: 24px;
padding-bottom: 24px;
background-color: #222;
}
header .nav-mobile ul.profiles li a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
background-color: #222;
padding: 10px;
width:100%;
display: block;
color: #FFF;
text-align: center;
}
header .nav-mobile .menu ul.profiles li a:hover,
header .nav-mobile .menu ul.profiles li a:focus,
header .nav-mobile .menu ul.profiles li a:active,
header .nav-mobile .menu ul.profiles li a:visited {
text-decoration: none;
color: #FFF;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
/* END Profiles navigation */
/* Languages navigation */
header .nav-mobile ul.languages {
background-color: #333333;
height: 56px;
margin: 0;
padding: 0;
text-align: justify;
padding-bottom: 56px;
padding-left: 16px;
padding-right: 16px;
}
header .nav-mobile ul.languages:after {
content: '';
display: inline-block;
width: 100%;
}
header .nav-mobile ul.languages li {
display: inline-block;
}
header .nav-mobile ul.languages li a {
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #878787;
font-size: 14px;
display: block;
padding-top: 26px;
padding-bottom: 18px;
line-height: 8px;
border-bottom: 4px solid #333;
position: relative;
}
header .nav-mobile ul.languages li a:hover,
header .nav-mobile ul.languages li a:active,
header .nav-mobile ul.languages li a:focus {
text-decoration: none;
}
header .nav-mobile ul.languages li a:hover,
header .nav-mobile ul.languages li a.active {
border-bottom: 4px solid #F5AF03;
color: #F5AF03;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
outline: none;
}
/* END Languages navigation */
/* ====================
FOOTER
==================== */
footer>.container {
/*margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;*/
}
footer .container.no-spaces-xs {
/*margin: 0;
padding-left: 20px;
padding-right: 20px;*/
}
footer .top .row:first-child {
padding-top: 24px;
padding-bottom: 24px;
}
footer .top .row:first-child ul.social {
list-style: none;
text-align: center;
margin: 0 auto;
margin-top: 32px;
width: 240px;
}
footer .top .row:first-child ul.social li {
display: inline-block;
width: 72px;
}
footer .top .row:first-child ul.social li:last-child {
margin-top: 24px;
}
footer .top .row:first-child ul.social li a {
height: 48px;
width: 48px;
background-color: #333;
border-radius: 50%;
display: inline-block;
text-align: center;
padding-top: 12px;
}
footer .top .row:first-child ul.social li a:hover {
background-color: #F5AF03;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
footer .top .row:last-child {
padding-top: 32px;
padding-bottom: 32px;
}
footer .top .row:last-child > div {
display: none;
text-align: center;
}
footer .top .row:last-child > div:first-child {
display: block;
}
footer .top .row:last-child .logo {
display: block;
margin-bottom: 8px;
}
footer .top .row:last-child .logo img {
height: 24px;
width: 24px;
}
footer .top .row:last-child a,
footer .top .row:last-child p {
margin: 0;
font-family: "Roboto", sans-serif;
color: #444444;
font-weight: 200;
font-size: 14px;
line-height: 21px;
}
footer .top .row:last-child a:hover {
text-decoration: none;
font-weight: 200;
font-size: 14px;
line-height: 21px;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
footer .top .row:last-child span {
font-family: "Roboto", sans-serif;
font-weight: bold;
}
footer .top .row:last-child span.date {
color: #878787;
}
footer .middle {
border-top: 2px solid #F5AF03;
border-bottom: 2px solid #212121;
text-align: center;
margin-left: -20px;
margin-right: -20px;
background-color: #333333;
padding-top: 36px;
padding-bottom: 28px;
padding-right: 20px;
padding-left: 20px;
}
footer .middle .col {
max-width: 640px;
margin: 0 auto;
}
footer .middle h3 {
margin: 0;
}
footer .middle a.info {
display: block;
margin: 0 auto;
margin-top: 28px;
padding: 12px;
width: 260px;
}
footer .bottom {
/*margin-left: -32px;
margin-right: -32px;*/
background-color: #333;
}
footer .bottom .contact {
background-color: #F5AF03;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
footer .bottom .contact.visible-xs {
/*margin-left: -12px;
margin-right: -12px;*/
}
footer .bottom .contact img {
margin-bottom: 30px;
}
footer .bottom .contact ul.data {
list-style: none;
margin: 0;
margin-bottom: 21px;
}
footer .bottom .links {
text-align: center;
}
footer .bottom .mobile.links {
padding: 0;
}
footer .bottom .mobile.links.first {
padding-top: 20px;
}
footer .bottom .mobile.links:last-child {
padding-bottom: 20px;
padding-top: 0;
}
footer .bottom .mobile.links a {
display: block;
height: 40px;
border-bottom: 1px solid #878787;
margin: 0px 20px;
}
footer .bottom .mobile.links:first-child > a {
border-top: 1px solid #878787;
}
footer .bottom .mobile.links > a {
background-repeat: no-repeat;
background-position: center right;
background-image: url(../img/_24_Arrow_hover.png);
}
footer .bottom .mobile.links a.collapsed {
background-image: url(../img/_24_Arrow_down_hover.png);
}
footer .bottom .mobile.links a h2 {
color: #FFF;
height: 40px;
line-height: 40px;
}
footer .bottom .links h2 {
font-size: 17px;
line-height: 17px;
text-transform: none;
font-family: "Roboto", sans-serif;
font-weight: 700;
padding-bottom: 10px;
}
footer .bottom .links ul {
list-style: none;
margin: 0 ;
}
footer .bottom .links ul li a {
color: #FFF;
font-family: "Roboto", sans-serif;
font-weight: 500;
line-height: 36px;
}
footer .bottom .links ul li a:hover, footer .bottom .links ul li a:active, footer .bottom .links ul li a:focus {
color: #F6B704;
}
footer .copyright {
background-color: #212121;
margin-left: -20px;
margin-right: -20px;
text-align: center;
}
footer .copyright p {
margin-left: 32px;
margin-top: 20px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
color: #878787;
line-height: 21px;
}
footer .copyright ul {
list-style: none;
margin-top: 20px;
padding-bottom: 24px;
}
footer .copyright ul li {
display: inline;
color: #444;
}
footer .copyright ul li a {
color: #FFF;
line-height: 21px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
}
footer .copyright ul li a:hover {
text-decoration: none;
color: #F6B704;
-webkit-transition: all 0.5s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: all 0.5s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
}
/* ====================
FOOTER: Tablet
==================== */
@media screen and (min-width: 768px) {
/*footer .top {
height: 314px;
}*/
footer>.container {
padding-left: 32px;
padding-right: 32px;
}
footer .bottom {
background-color: #F5AF03;
padding-bottom: 48px;
}
footer .container.no-spaces-xs {
/*margin-right: auto;
margin-left: auto;
padding-left: 32px;
padding-right: 32px;*/
}
footer .bottom .links {
text-align: left;
}
footer .bottom .col-footer {
min-height: 180px;
margin-top: 48px;
}
footer .bottom .contact {
background-color: #F5AF03;
text-align: left;
padding-top: 0;
padding-bottom: 0;
}
footer .bottom .contact a.call-to-action-3.mapa {
font-size: 13px;
min-width: 120px;
padding-left: 20px;
padding-right: 20px;
line-height: 30px;
height: 30px;
}
footer .bottom .row>.col-footer {
border-left: 1px solid #333;
}
footer .bottom .row>.col-footer.no-border {
border-left: none !important;
}
footer .bottom .row>.col-footer:first-child {
border-left: none;
}
footer .bottom .links ul li a {
color: #333;
font-family: "Roboto", sans-serif;
font-weight: 400;
line-height: 20px;
}
footer .bottom .links ul li a:hover,
footer .bottom .links ul li a:active,
footer .bottom .links ul li a:focus {
text-decoration: underline;
color: #333;
}
footer .top .row:first-child h1 {
float: left;
}
footer .top .row:first-child ul.social {
float: right;
margin-top: 8px;
width: auto;
}
footer .top .row:first-child {
height: 120px;
padding-top: 32px;
padding-bottom: 32px;
}
footer .top .row:last-child {
min-height: 188px;
}
footer .top .row:first-child ul.social li {
width: auto;
}
footer .top .row:first-child ul.social li a {
margin-left: 8px;
}
footer .top .row:first-child ul.social li:last-child {
margin-top: 0px;
}
footer .top .row:last-child > div {
display: block;
text-align: left;
}
footer .middle {
height: 305px;
padding-top: 72px;
padding-bottom: 64px;
}
footer .middle a.info {
padding: 8px;
margin-top: 32px;
}
footer .copyright {
height: 56px;
}
footer .copyright p {
float: left;
}
footer .copyright ul {
float: right;
margin-right: 72px;
padding: 0;
}
}
/* ====================
FOOTER: Desktop
==================== */
@media screen and (min-width: 1024px) {
footer .bottom .row > .col-footer:first-child {
border-left: 1px solid #333;
}
}
/* ====================
GO TOP BUTTON
==================== */
a.go-top {
position: fixed;
bottom: 8px;
right: 8px;
z-index: 100;
height: 42px;
width: 42px;
background-image: url(../img/_24_Arrow_02_Hover.png);
background-color: #111;
background-repeat: no-repeat;
background-position: center;
}
/* ====================
CONTACT LABEL
==================== */
.contact-label {
z-index: 999;
position:fixed;
right: -298px;
}
.contact-label [type=button] {
-webkit-transition:-webkit-transform .3s ease .3s;
-moz-transition:-moz-transform .3s ease .3s;
-o-transition:-o-transform .3s ease .3s;
transition:-webkit-transform .3s ease .3s, -moz-transform .3s ease .3s, -o-transform .3s ease .3s, transform .3s ease .3s;
-webkit-transform-origin:top right;
-moz-transform-origin:top right;
-o-transform-origin:top right;
-ms-transform-origin:top right;
transform-origin:top right;
position:absolute;
display:block;
top:0;
left:0;
z-index:2;
border-style: solid;
border-width: 50px 50px 50px 0;
border-color: transparent #333333 transparent transparent;
background-color: transparent;
outline: none;
}
.contact-label button[type=button] .contact-label-icon {
background-image: url(../img/_24_Email.png);
background-repeat: no-repeat;
height: 24px;
width: 24px;
position: absolute;
top: -10px;
right: -42px;
}
.contact-label.open button[type=button] .contact-label-icon {
background-image: url(../img/_24_close.png);
-webkit-transform:rotate(45deg) translateY(0);
-moz-transform:rotate(45deg) translateY(0);
-o-transform:rotate(45deg) translateY(0);
-ms-transform:rotate(45deg) translateY(0);
transform:rotate(45deg) translateY(0)
}
.contact-label [type=button] {
-webkit-transform:translateY(8px);
-moz-transform:translateY(8px);
-o-transform:translateY(8px);
-ms-transform:translateY(8px);
transform:translateY(8px)
}
.contact-label>.panel {
margin-left:49px
}
.contact-label .extra-menu, .contact-label.open [type=button] {
-webkit-transition:-webkit-transform .3s ease;
-moz-transition:-moz-transform .3s ease;
-o-transition:-o-transform .3s ease;
transition:-webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease
}
.contact-label.open [type=button] {
-webkit-transform:rotate(45deg) translateY(0);
-moz-transform:rotate(45deg) translateY(0);
-o-transform:rotate(45deg) translateY(0);
-ms-transform:rotate(45deg) translateY(0);
transform:rotate(45deg) translateY(0)
}
.contact-label.open .extra-menu {
-webkit-transition:-webkit-transform .3s ease .3s;
-moz-transition:-moz-transform .3s ease .3s;
-o-transition:-o-transform .3s ease .3s;
transition:-webkit-transform .3s ease .3s, -moz-transform .3s ease .3s, -o-transform .3s ease .3s, transform .3s ease .3s
}
.contact-label.open .extra-menu {
-webkit-transform:translateX(-320px);
-moz-transform:translateX(-320px);
-o-transform:translateX(-320px);
-ms-transform:translateX(-320px);
transform:translateX(-320px)
}
.contact-label [type=button] {
width: 62px;
height: 102px;
}
.contact-label > .panel {
margin-left: 120px
}
.contact-label.open .extra-menu {
-webkit-transform:translateX(-300px);
-moz-transform:translateX(-300px);
-o-transform:translateX(-300px);
-ms-transform:translateX(-300px);
transform:translateX(-300px)
}
.extra-menu {
position:relative;
width:240px;
text-align:center
}
.extra-menu ul {
padding-left:0;
list-style:none
}
.extra-menu ul li > a {
-webkit-transition-property:color, background-color;
-moz-transition-property:color, background-color;
-o-transition-property:color, background-color;
transition-property:color, background-color;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
line-height: 36px;
padding-left: 8px;
width: 167px;
display: block;
background-color: #333;
color: #FFF;
border: none;
padding: 0;
}
.contact-label .extra-menu ul li:last-child a {
margin-top: 3px;
}
.extra-menu ul li > a.selected,
.extra-menu ul li > a:hover {
background-color:#444
}
@media only screen and (min-width: 768px) {
.contact-label {
top: 200px;
}
}
/* ====================
ERROR 404 Page
==================== */
.error-404 {
background-color: #333;
height: 100%;
overflow: hidden;
}
.error-404 .row {
height: 600px;
background-color: #333;
padding-top: 176px;
text-align: center;
}
.error-404 .error span.number {
font-family: "Roboto", sans-serif;
font-weight: bold;
font-size: 72px;
color: #FFF;
line-height: 72px;
}
.error-404 .error {
border-bottom: 6px solid #F5AF03;
width: 180px;
text-align: center;
margin: 0 auto;
margin-bottom: 48px;
}
.error-404 .title {
text-transform: none;
margin-bottom: 40px;
}
.error-404 a {
text-decoration: underline;
background-color: #F5AF03;
color: #333;
}
/* ====================
Cookies bar
==================== */
.cookies-bar {
display: table;
background-color: #F1F1F1;
position: fixed;
padding: 20px;
padding-right: 64px;
z-index: 2000;
height: 80px;
width: 100%;
bottom: 0;
left: 0;
-webkit-box-shadow: 10px 13px 10px 10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 13px 10px 10px rgba(0,0,0,0.75);
box-shadow: 10px 13px 10px 10px rgba(0,0,0,0.75);
}
.cookies-bar p {
display: table-cell;
vertical-align: middle;
border-right: 1px solid #444;
}
.cookies-bar button {
position: absolute;
background: none;
outline: none;
right: 20px;
top: 30px;
border: 0;
padding: 0;
}
/* ====================
Info Tooltip
==================== */
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
a[data-toggle=tooltip] {
display: inline-block;
vertical-align: middle;
height: 24px;
width: 24px;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 480px) {
/* ====================
INTERMEDIATE: Menu
==================== */
/* ========================
INTERMEDIATE: IE Fixes
======================== */
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1140px) {
/* ===============
Maximal Width
=============== */
}
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}