/* Theme Name: USM Santiago Theme URI: http://www.santiago.usm.cl/ Description: Responsive theme for USM websites. Version: 1.0 Author: Ilógica Author URI: http://www.ilogica.cl */ /* fonts */ @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Noto+Serif:400,700,400italic,700italic); /* reset + grid + mediaqueries */ article, aside, details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none;border-radius:0;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0;margin-bottom: 40px;}td,th{padding:1em;border:1px solid #ccc}th{background:#ddd}tr:nth-child(2n+1) td{background:#f7f7f7;} .row:before,.row:after,.clear:before,.clear:after{content:'';display:table}.row:after,.clear:after{clear:both}.row,.clear{zoom:1} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{font-size:100%;line-height:1.6875}.grid{margin:0 auto;max-width:1200px;width:100%}img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}.wfull{width:100%;max-width:100%}.w320{max-width:320px}.w640{max-width:640px}.w960{max-width:960px}.row{width:100%;margin-bottom:20px}.row .row{width:auto;margin:0 -20px}.c1{width:8.33%}.c2{width:16.66%}.c3{width:25%}.c4{width:33.33%}.c5{width:41.66%}.c6{width:50%}.c7{width:58.33%}.c8{width:66.66%}.c9{width:75%}.c10{width:83.33%}.c11{width:91.66%}.c12{width:100%}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}.s1{margin-left:8.33%}.s2{margin-left:16.66%}.s3{margin-left:25%}.s4{margin-left:33.33%}.s5{margin-left:41.66%}.s6{margin-left:50%}.s7{margin-left:58.33%}.s8{margin-left:66.66%}.s9{margin-left:75%}.s10{margin-left:83.33%}.s11{margin-left:91.66%}.end{float:right!important} @media handheld, only screen and (max-width: 700px), only screen and (max-device-width: 700px) and (orientation:portrait){body{font-size:90%}.row{margin-bottom:0!important}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}} @media screen and (min-width: 1500px) {.grid {max-width:1400px;}.wfull{width:100%;max-width:100%}} /* general */ body {font: 400 normal 15px/1.5 'Source Sans Pro', sans-serif; background: #fff; color: #777;} a, .trans, .admision .malla .row {-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear} .notrans{-moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none} a, a:visited {color: #0077ad; text-decoration: none;} a:hover {text-decoration: underline; cursor: pointer;} table {width: 100%; border-collapse: collapse;} strong {font-weight: 700;} li {margin-bottom: 10px;} #header li, #footer li, #slider li, #bottom-nav li {margin-bottom: 0;} h1 {font-weight: 400;} ul.links, ul.buttons {list-style: none; margin-left: 0; padding-left: 0; margin-top: 0;} ul.buttons a {display: block; padding: 10px; color: #fff; background-color: #0077ad; text-decoration: none; margin-bottom: 1px; font-size: 16px;} ul.buttons a:hover {background-color: #222;} ul.buttons.buttons-mini a {background-color: #999; font-size: 12px;} ul.buttons.buttons-mini a:hover {background-color: #666;} table.table-no-list ul {margin-left: 0; padding-left: 0; list-style: none;} table.table-top td {vertical-align: top;} .alignleft {display: inline-block; width: 40%; float: left; margin: 20px 20px 20px 0;} .alignright {display: inline-block; width: 40%; float: right; margin: 20px 0 20px 20px;} .aligncenter {display: block; width: 40%; float: none; margin: 20px auto; clear: both;} .wp-caption-text {font-size: 11px; margin: 3px 0 0 0; font-style: italic;} sup.button {top: 0;} sup.button a {font-weight: 400; font-size: 12px; padding: 5px 10px; background: #f8b100; color: #fff; text-decoration: none;} sup.button a:hover {background: #ee8755;} a.button {display: inline-block; font-weight: 400; padding: 10px 15px; background: #0077ad; color: #fff; text-decoration: none;} a.button:hover {background: #336090;} blockquote {padding-left: 20px; margin-left: 20px; border-left: 2px solid #777;} .frame-wrapper {height: 0; overflow: hidden; padding-bottom: 50%; padding-top: 30px; position: relative; margin-bottom: 20px;} .frame-wrapper iframe, .frame-wrapper object, .frame-wrapper embed, .frame-wrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .webkit form select {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC");} hr {width: 100%; height: 1px; background: #ccc; border: 0;} .frame {height: 0; overflow: hidden; padding-bottom: 56.2%; position: relative;} .frame iframe, .frame object, .frame embed, .frame video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;} /* forms */ form .field {margin-bottom: 25px;} form .text {width: 100%; border: 1px solid #e9edf0; padding: 10px; background: #e9edf0; color: #777;} form .text.placeholder {font-style: italic;} form .text:focus {background: none;} form textarea {height: 100px;} form .c6, form .c12 {padding: 5px; margin-bottom: 0;} form span.error {font-size: 12px; font-style: italic; color: #ee5b55; display: block; padding: 5px 5px 0 5px;} form .submit {border: 0; padding: 15px; color: #fff; background: #336090; text-align: center; width: 100%;} form .submit:hover {background: #5ca8cb;} form .check, form .radio {margin-right: 5px;} form select {width: 100%; border: 1px solid #e9edf0; padding: 10px; color: #777; display: inline-block; -webkit-appearance: none; background: no-repeat 99% center #e9edf0;} form label {font-weight: bold; margin-bottom: 3px; display: block;} form .sublabel {font-weight: normal; font-size: 12px; display: block; margin-bottom: 3px;} form .field.req label:after {content: ' *'; color: #ee5b55;} form .reqlegend {font-size: 11px;} form .reqlegend:before {content: '* '; color: #ee5b55;} form input.date {background-image: url('assets/img/icon-eventos-evento.png'); background-position: 98% center; background-repeat: no-repeat;} form .disabled {opacity: .5;} form .checkradio {display: block;} form .checkradio label {font-weight: normal; display: inline-block; margin: 5px 15px 5px 0;} form .field.req .checkradio label:after {content:''!important;} /* header */ #header .mobile-nav-wrapper, #header .tablet-nav {display: none;} #header .top-bar {background: #eee; font-size: 12px; color: #555; padding: 10px 0; margin: 0;} #header .top-bar .row {margin: 0;} #header .top-bar .c12 {margin: 0; padding: 0;} #header a {color: #555;} #header ul.top-nav {float: right; list-style: none; margin: 0; padding: 0 20px 0 0; display: block;} #header ul.top-nav li {margin-left: 15px;} #header ul.top-nav a:hover {text-decoration: underline;} #header ul.breadcrumbs {float: left; list-style: none; margin: 0; padding: 0 0 0 20px;} #header ul.breadcrumbs li {margin-right: 5px; color: #bbb;} #header ul.breadcrumbs li + li:before {content: '›';} #header ul.breadcrumbs li + li a {margin-left: 5px;} #header .top-bar li {float: left;} #header .brand {padding: 30px 20px;} #header .brand a {display: inline-block;} #header .brand a img {margin: 0;} #header .since {float: right; margin-top: 7px;} .main-nav .row.nav {margin: 0 auto 30px auto;} .main-nav .row.nav ul {margin: 0; padding: 0; list-style: none;} .main-nav .row.nav li {float: left;} .main-nav ul.nav {float: left;} .main-nav ul.nav a {padding: 0 0 2px 0; margin-right: 30px; position: relative; display: inline-block; outline: none; color: #0077ad!important; text-decoration: none;} .main-nav ul.nav a:hover, .main-nav ul.nav a:focus {outline: none;} .main-nav ul.nav a::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #0077ad; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; -o-transition: height 0.3s, opacity 0.3s, -o-transform 0.3s; -ms-transition: height 0.3s, opacity 0.3s, -ms-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .main-nav ul.nav li.current a::after, .main-nav ul.nav a:hover::after, .main-nav ul.nav a:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);} .main-nav ul.social {float: right;} .main-nav ul.social a {display: block; width: 24px; height: 24px; background: #ccc; text-indent: -9999px; margin-left: 1px; background: left center no-repeat #ccc;} .main-nav ul.social a.twitter {background-image: url('assets/img/icon-twitter.png');} .main-nav ul.social a.twitter:hover {background-color: #00aced;} .main-nav ul.social a.facebook {background-image: url('assets/img/icon-facebook.png');} .main-nav ul.social a.facebook:hover {background-color: #4466a9;} .main-nav ul.social a.vimeo {background-image: url('assets/img/icon-vimeo.png');} .main-nav ul.social a.vimeo:hover {background-color: #1ab7ea;} .main-nav ul.social a.flickr {background-image: url('assets/img/icon-flickr.png');} .main-nav ul.social a.flickr:hover {background-color: #fe1981;} .main-nav ul.social a.issuu {background-image: url('assets/img/icon-issuu.png');} .main-nav ul.social a.issuu:hover {background-color: #ee540c;} .main-nav ul.social a.youtube {background-image: url('assets/img/icon-youtube.png');} .main-nav ul.social a.youtube:hover {background-color: #eb4039;} .main-nav ul.social a.instagram {background-image: url('assets/img/icon-instagram.png');} .main-nav ul.social a.instagram:hover {background-color: #3C5A96;} /* slider */ .royalSlider {display: none; width: 100%; margin-bottom: 35px; height: 100%!important;} .royalSlider .rsOverflow {cursor: default!important;} .royalSlider .rsABlockContainer {position: relative; width: 100%; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 15;} .royalSlider .rsABlock {position: absolute; width: 40%; height: auto; overflow: hidden;} .royalSlider .rsABlock.top {top: 20px;} .royalSlider .rsABlock.bottom {bottom: 20px;} .royalSlider .rsABlock.right {right: 20px;} .royalSlider .rsABlock.left {left: 20px;} .royalSlider .rsABlock.center {left: 50%; margin-left: -20%;} .royalSlider .caption-text {text-decoration: none; padding: 20px; background: #fff; background: rgba(255,255,255,.8); display: block;} .royalSlider .caption-text:hover span, .royalSlider .caption-text:active span {background: #0077ad;} .royalSlider .caption-text h2 {margin: 0; color: #555; font-weight: normal; font-size: 30px; line-height: 1.2em;} .royalSlider .caption-text span {display: inline-block; margin: 15px 0 0 0; padding: 10px 15px; background: #f8b100; color: #fff; font-size: 16px; font-weight: 700;} .royalSlider .rsBullets {background: none!important; bottom: -30px;} .royalSlider .rsBullet {padding: 0;} .royalSlider img {width: 100%!important; height: auto!important; margin: 0!important;} .royalSlider .subnav ul, .subnav h3 {margin: 0; padding: 0; list-style: none;} .royalSlider .subnav h3 {background: #224e8d; background: rgba(34,78,141,.8); color: #fff; font-size: 16px; font-weight: 700;} .royalSlider .subnav h3 span {display: inline-block; padding: 10px;} .royalSlider .subnav ul a {display: block; background-color: #fff; background-color: rgba(255,255,255,.2); color: #fff; font-size: 16px; line-height: 1; padding: 10px; margin-bottom: 1px; text-decoration: none;} .royalSlider .subnav ul.data {background-color: #fff; background-color: rgba(255,255,255,.2); color: #fff; font-size: 16px; line-height: 1; padding: 10px; margin-bottom: 1px; text-decoration: none;} .royalSlider .subnav ul.data li {padding: 5px 0;} .royalSlider .subnav ul a:hover {background-color: #fff; background-color: rgba(255,255,255,.4);} .royalSlider .subnav li.current a{background-color: #fff; background-color: rgba(255,255,255,.4);} .royalSlider .subnav.dark ul a {background-color: #fff; background-color: rgba(255,255,255,.9); color: #222;} .royalSlider .subnav.dark ul a:hover {background-color: #fff; background-color: rgba(255,255,255,1);} .royalSlider .subnav.dark li.current a {background-color: #fff; background-color: rgba(255,255,255,1);} .royalSlider .subnav.dark ul.data {background-color: #fff; background-color: rgba(255,255,255,.9); color: #222;} .royalSlider a.link {padding: 20px 50px 20px 10px!important; background-image: url('assets/img/slider-link-background.png'); background-position: 97% center; background-repeat: no-repeat;} .royalSlider .dark a.link {background-image: url('assets/img/slider-link-dark-background.png');} .royalSlider a.video-link {text-decoration: none; text-align: center; display: block; padding: 130px 0 0 0; color: #fff; font-size: 30px; text-shadow: 1px 1px 1px #777; background: url('assets/img/slider-video-link.png') top center no-repeat;} /* home */ .inicio .noticias .row .row {margin: 0;} .inicio .noticias a {display: block; padding: 20px; margin: 0 -20px;} .inicio .noticias a:hover {background: #f4f8f9; text-decoration: none;} .inicio .noticias figure {display: block;} .inicio .noticias .thumb {float: left; width: 35%; display: inline-block; position: relative;} .inicio .noticias figcaption {float: right; width: 60%; margin-left: 5%; display: inline-block;} .inicio .noticias p {margin: 0; padding: 0; font-weight: 400; font-size: 14px;} .inicio .noticias .date {color: #555; font-size: 12px; font-style: italic;} .inicio .eventos a {display: inline-block; padding: 20px;} .inicio .eventos a:hover, .inicio .eventos a.active {background: #f4f8f9; text-decoration: none;} .inicio .eventos .calendario-admision a {cursor: default;} .inicio .eventos .date {color: #555; font-size: 12px; padding-left: 30px; background: url('../img/icon-eventos-evento.png') left center no-repeat;} .inicio .eventos a.charla .date {background-image: url('../img/icon-eventos-charla.png');} .inicio .eventos a.expo .date {background-image: url('../img/icon-eventos-expo.png');} .inicio .eventos p {margin: 0; padding: 0 0 0 30px; font-weight: 400;} .inicio .more a {font-weight: 700; color: #0077ad; margin: 0 -20px!important; display: block;} .inicio .more span {border-top: 4px solid #0077ad; display: block; padding: 10px 0 0 0;} /* new eventos */ .inicio .eventos a {display: block; padding: 20px; margin: 0;} .inicio .eventos a.clear {background: #0077ad; color: #fff; border-bottom: 1px solid #006492;} .inicio .eventos a:hover {background: #f4f8f9; text-decoration: none;} .inicio .eventos a.clear:hover {background: #006492;} .inicio .eventos .date {float: left; width: 15%; color: #fff; text-align: center; padding: 5px; background: none!important; background: rgba(255,255,255,.2)!important; -moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;} .inicio .eventos .date span {display: block; line-height: 1;} .inicio .eventos .date .dd {font-size: 30px; font-weight: 400;} .inicio .eventos .date .mm {font-size: 16px; text-transform: uppercase;} .inicio .eventos .date .yy {font-size: 12px; display: none;} .inicio .eventos .content {float: left; padding-left: 20px; width: 85%;} .inicio .eventos .content .meta {color: #b4d8e9; font-size: 12px; font-style: italic; line-height: 1.2; padding: 5px 0;} .inicio .eventos .content p {padding: 0; margin: 0;} /* destacados */ #destacados .royalSlider, #destacados .rsOverflow, #destacados .rsSlide {background: none transparent!important;} #destacados a {padding: 20px; text-decoration: none; display: block;} #destacados a:hover {background: #f4f8f9;} #destacados a span {display: block; padding: 15px 0 0 0; border-top: 4px solid #0077ad; font-weight: 700; color: #0077ad;} #destacados .style_1 span {color: #1775a9; border-color: #1775a9;} #destacados .style_2 span {color: #2ca9e0; border-color: #2ca9e0;} #destacados .style_3 span {color: #26d0a2; border-color: #26d0a2;} #destacados .style_4 span {color: #26d052; border-color: #26d052;} #destacados a.style_1:hover {background: #e8f4f9;} #destacados a.style_2:hover {background: #eff7f9;} #destacados a.style_3:hover {background: #e8f9f5;} #destacados a.style_4:hover {background: #e8f9ef;} /* noticias */ .content.noticias .row .row {margin: 0;} .content.noticias.list a {display: block; padding: 20px;} .content.noticias.list a:hover {background: #f4f8f9; text-decoration: none;} .content.noticias.list figure {display: block;} .content.noticias.list .thumb {float: left; width: 35%; display: inline-block; position: relative;} .content.noticias.list figcaption {float: right; width: 60%; margin-left: 5%; display: inline-block;} .content.noticias.list .date {display: block; color: #555; font-size: 12px; font-style: italic;} .content.noticias.list .comments {display: block; color: #0077ad; font-size: 12px; font-style: italic;} .content.noticias.list h4 {margin: 10px 0; line-height: 1.3;} .content.noticias.list p {margin: 0; padding: 0; font-size: 12px; color: #555; line-height: 1.5;} /* accordion */ .accordion {margin-bottom: 20px;} .accordion .acc-header {position: relative; padding: 20px; background: #eee; cursor: pointer;} .accordion .acc-header .icon {background: #7ab6d1; color: #fff; border-radius: 50%; width: 24px; height: 24px; display: block; text-align: center; font-size: 24px; line-height: 22px; position: absolute; top: 20px; right: 20px;} .accordion .acc-header.active .icon {line-height: 19px;} .accordion .acc-content {padding-bottom: 10px; border-bottom: 2px solid #eee;} /* circles */ .circle .row {padding-top: 20px; padding-bottom: 20px;} .circle .img img {border-radius: 50%;} .circle h3 {color: #005f94; font-weight: 400; font-size: 18px; margin-bottom: 10px;} .circle ul {list-style: none; margin: 0; padding: 0;} .circle li {margin-bottom: 10px; line-height: 1.2;} .circle.active .row {background: #eee;} /* single */ #title {background: url('assets/img/color-bg.png') center repeat; color: #fff; padding: 20px 0; margin-bottom: 30px;} #title .row {margin: 0;} #title h1 {margin: 0; padding: 0 20px; font-size: 30px; font-weight: 400; line-height: 1.1;} .content.single .date {font-weight: '400'; font-style: italic; font-size: 12px;} /* sidebar */ #sidebar {padding-top: 20px;} #sidebar h3 {display: block; margin: 0; padding: 7px 15px; background: #336090; color: #fff; font-size: 16px; font-weight: 400;} #sidebar a {display: block; padding: 20px; background: #f5f5f5; margin-bottom: 1px; text-decoration: none;} #sidebar a:hover {background: #f4f8f9;} #sidebar .thumb {width: 30%; float: left; display: block;} #sidebar .text {padding-left: 5%; width: 65%; float: left; display: block;} #sidebar .box {margin-bottom: 20px;} #sidebar .eventos .date {color: #555; font-size: 12px; font-style: italic; padding-left: 30px; background: url('assets/img/icon-eventos-evento.png') left center no-repeat;} #sidebar .eventos p {margin: 0; padding: 0 0 0 30px; font-weight: 400; font-size: 14px;} #sidebar a.more {text-align: right; padding: 10px 20px; font-weight: 700; font-size: 12px;} #sidebar .button {font-weight: 700; background: #0077ad; color: #fff; text-align: center;} #sidebar .button.red {background: #ee5b55;} #sidebar .button.orange {background: #ee8755;} #sidebar .button.yellow {background: #f8b100;} #sidebar .button:hover {background: #0077ad;} #sidebar .box.links a {padding: 10px 15px;} /* eventos */ .eventos .filter {margin-bottom: 30px;} .eventos .filter span, .eventos .filter a {padding: 10px 0; display: inline-block;} .eventos .filter a {padding: 10px; background: #f5f5f5; color: #777; margin: 3px 0; text-decoration: none;} .eventos .filter a:hover {background: #bdd2e8;} .evento a.closed {display: block; padding: 20px; text-decoration: none; position: relative;} .evento a.closed:hover {background: #f5f5f5;} .evento a.closed .date {font-size: 12px; color: #777; font-style: italic; padding: 0 0 0 25px; background: url('assets/img/icon-eventos-evento.png') left center no-repeat;} .evento a.closed h4 {padding: 0; margin: 10px 0 10px 25px;} .evento a.closed .icon {background: #7ab6d1; color: #fff; border-radius: 50%; width: 24px; height: 24px; display: block; text-align: center; font-size: 24px; line-height: 22px; position: absolute; top: 20px; right: 20px;} .evento a.closed.false .icon {line-height: 19px;} .evento .content {padding: 0 20px 10px 45px; border-bottom: 2px solid #f5f5f5;} .evento .content {padding: 0 20px 10px 45px; border-bottom: 2px solid #f5f5f5;} #calendario .calendario {margin-bottom: 10px; padding: 20px; background: #f5f5f5;} #calendario .ui-datepicker {width: 100%; border: 0;} .eventos form.grid .c6, .eventos form.grid .c12 {padding: 20px;} /* Datepicker */ .ui-datepicker {background: #f5f5f5; width: 280px; border: 0;} .ui-datepicker .ui-datepicker-header {background: #336090; color: #fff; margin-bottom: 5px; padding: 10px 0 9px 0;} .ui-datepicker th {font-weight: 700; background: none; padding: 10px 0!important;} .ui-datepicker tr:nth-child(2n+1) td {background: none;} .ui-datepicker .ui-icon {text-indent: 0;} .ui-datepicker .ui-datepicker-prev-hover {left: 2px;} .ui-datepicker .ui-datepicker-next-hover {right: 2px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {background: #336090!important; text-decoration: none;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; top: 15%; left: 0; margin: 0; width: 100%; text-align: center; line-height: 1.8em; color: #fff;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 2px; background: #bdd2e8!important;} .ui-datepicker td span, .ui-datepicker td a {text-align: center;} .ui-datepicker td, .ui-datepicker th {width: 14.28%; padding: 0;} .ui-datepicker .ui-state-default {padding: 10px!important; margin-right: 1px;} .ui-datepicker .ui-datepicker-unselectable span {color: #999;} .ui-datepicker td a {color: #777!important; background: #bdd2e8!important; border: 0!important; margin-bottom: 1px;} .ui-datepicker .ui-datepicker-today .ui-state-default {color: #777!important; background: #ddd!important; border: 0!important;} .ui-datepicker td .ui-state-active, .ui-datepicker .ui-datepicker-today .ui-state-active {color: #fff!important; background: #336090!important; border: 0!important;} .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } /* comments */ #comments {margin: 40px 0; border-top: 1px solid #ccc;} #comments .comment {padding: 20px; background: #f4f8f9; margin-bottom: 20px;} #comments .comment-meta .user {display: inline-block; font-weight: 700;} #comments .comment-meta .date {display: block;} #comment-form {margin-top: 40px;} /* gallery */ #gallery {margin: 40px 0; border-top: 1px solid #ccc;} #gallery h3 {display: block; float: none; clear: both;} #gallery a {float: left; width: 20%; padding: 5px;} .fancybox-title span {font-weight: bold;} /* wp-pager */ #wp_page_numbers {margin: 20px 0 0 0;} #wp_page_numbers ul {list-style: none; float: right; margin: 0;} #wp_page_numbers li {float: left; display: block; margin-bottom: 0;} #wp_page_numbers a {text-decoration: none; padding: 10px 14px; margin: 1px; display: block; color: #fff; background: #b1d7ec;} #wp_page_numbers li.space {padding: 6px; padding-left: 2px; padding-right: 2px;} #wp_page_numbers li.first_last_page {font-style: italic;} #wp_page_numbers li.active_page a, #wp_page_numbers li.active_page a:hover, #wp_page_numbers li a:hover {background: #429dd1;} #wp_page_numbers li.page_info {float: left; display: block; padding: 8px 11px; margin-right: 2px; color: #fff;} /* Responsive Tables */ .responsive-table {display: table; width: 100%;} .responsive-table thead td, .responsive-table thead th, .responsive-table th {padding: 10px; background: none; text-align: left; border: 1px solid #ccc; background: #ddd;} .responsive-table tr {display: table-row;} .responsive-table td {display: table-cell; padding: 10px; border: 1px solid #ccc; background: none!important;} .responsive-table tr:nth-child(odd){background: #f7f7f7;} .responsive-table.no-th strong {font-weight: 300;} @media screen and (max-width: 700px){ .responsive-table table, .responsive-table thead, .responsive-table tfoot, .responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {display: block; width: 100%; float: left; clear: both; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .responsive-table table, .responsive-table tr, .responsive-table tbody, .responsive-table td, .responsive-table td:before, .responsive-table th{*display: block;} .responsive-table thead {position: absolute; top: -1000em; left: -1000em;} .responsive-table tr {padding-bottom: 10px; margin-bottom: -1px; border: 1px solid #ccc;} .responsive-table td {border: 0; padding: 5px;} .responsive-table td:before{font-weight: 700; padding-right: 10px; display:block; content:attr(data-label)':';} .responsive-table.no-th td:before{content:attr(data-label);} .responsive-table td[data-label]{clear:both;} .responsive-table.no-th strong {font-weight: 700; display: block; margin-bottom: -10px;} } .table-overflow {width: 100%; overflow-y: hidden; overflow-x: auto; margin: 0;} .table-overflow table {margin: 0; width: 100%;} /* modal */ div.modal {padding: 20px; max-width: 700px;} /* bottom nav */ #bottom-nav {list-style: none; margin: 0; padding: 40px 0 20px 0;} #bottom-nav li {float: left;} #bottom-nav a {display: inline-block; padding: 10px 20px; color: #fff; background: #aaa; font-weight: 700; font-size: 16px; text-decoration: none; margin: 0 3px 3px 0;} #bottom-nav a.red {background: #ee5b55;} #bottom-nav a.orange {background: #ee8755;} #bottom-nav a.yellow {background: #f8b100;} #bottom-nav a:hover {background: #0077ad;} /* footer */ #footer {background: #eee;} #footer .row {margin-bottom: 0;} #footer .nav {margin: 50px auto 30px auto;} #footer .nav ul {margin: 0; padding: 0; list-style: none;} #footer .nav li {float: left;} #footer .nav a {color: #666!important;} #footer .nav a::after {background: #666;} #footer p {color: #aaa; font-size: 12px;} #footer p a {color: #aaa; font-size: 12px;} #footer p a:hover {color: #0077ad;} #ilogica {display: block; float: right; width: 115px; height: 20px; background: url('assets/img/ilogica.png') center no-repeat; text-indent: -9999px; margin-bottom: 20px;} #top {display: none; position: fixed; bottom: 20px; right: 20px; padding: 8px 10px 12px 10px; line-height: 1; color: #fff; text-decoration: none; background: #ccc; background: rgba(0,0,0,.2);} #top:hover {opacity: 1; background: #0077ad;} /* campuses */ .wfull.campuses {margin-bottom: 30px;} .campuses-grid {margin: 15px 0 30px 0; font-size: 0; text-align: center;} .wfull.campuses .campus {display: inline-block; padding: 1px; position: relative; width: 16.66%; text-decoration: none;} .wfull.campuses .campus:hover {opacity: .7;} .wfull.campuses .campus .name {display: block; width: calc(100% - 2px); position: absolute; bottom: 1px; left: 1px; padding: 5px; background-color: rgba(0,74,151,.8); color: #fff; text-align: center;} .wfull.campuses .campus .title {font-size: 13px; font-weight: 600; text-transform: uppercase; display: block;} .wfull.campuses .campus .location {font-size: 11px; font-weight: 400; display: block;} /* tradicion */ #tradicion {background: url('http://www.usm.cl/assets/img/federico-blue.jpg') top left no-repeat; background-size: cover; text-align: right; margin: 40px 0 0 0;} #tradicion .row {margin: 0; padding-top: 7%; padding-bottom: 7%;} #tradicion h2 {font: normal normal 23px 'Noto Serif', serif; color: #fff; text-transform: uppercase; margin: 0; letter-spacing: 1px} #tradicion h3 {font: normal 400 18px 'Noto Serif', serif; color: #fdeedb; margin: 30px 0;} #tradicion ul {list-style: none; padding: 0; margin: 0; width: 100%; font-size: 0;} #tradicion li {display: inline-block; margin-bottom: 0;} #tradicion a {display: block; padding: 10px 20px; color: #fff; font-weight: 600; background: #3cb0f2; text-decoration: none; margin: 0 5px 5px 0; font-size: 14px;} #tradicion a:hover {background: #0077ad;} /* crossbrowsing */ .ie7 #slider .subnav ul a, .ie8 #slider .subnav ul a, .ie7 #slider .subnav.dark ul a, .ie8 #slider .subnav.dark ul a {background: #fff; color: #777;} /* blue top bar */ #header .top-bar {background: #074469; color: #fff;} #header .top-bar a {color: #fff;} #header ul.breadcrumbs li {color: #fff;} @media screen and (max-width: 1000px) { #header .tablet-nav {background: none;} } @media screen and (max-width: 700px) { #header a#mobile-nav {color: #555;} #header .mobile-top-nav a {color: #555;} } /* custom mediaqueries */ @media screen and (max-width: 1000px) { #header .tablet-nav {display: block; float: right; font-size: 14px; margin: -3px 10px 0 0; text-decoration: none; font-weight: 700; padding: 0 6px; background: #eee;} #header ul.top-nav {display: none; clear: both; margin-top: 10px;} #slider .caption-text h2 {font-size: 18px;} #slider .caption-text span {font-size: 14px;} #destacados a {font-size: 12px;} .inicio .eventos .date {width: 25%;} .inicio .eventos .content {width: 75%;} #header .tablet-nav {background: none;} } @media screen and (max-width: 960px) { .main-nav ul.social span.search.active {width: 110px;} .main-nav ul.nav a {margin-right: 15px;} .inicio .noticias a, .inicio .eventos a {margin-bottom: 0!important;} .inicio .noticias .thumb {width: 15%;} .inicio .noticias figcaption {width: 80%; margin-left: 5%;} .inicio .noticias .thumb {width: 35%;} .inicio .noticias figcaption {width: 60%; margin-left: 5%;} #content .noticias a, #content .eventos a {margin-bottom: 0!important;} #content .noticias .thumb {width: 100%; margin-bottom: 10px;} #content .noticias figcaption {width: 100%;} #slider .subnav ul a {font-size: 14px;} #sidebar .thumb {width: 100%; margin-bottom: 10px;} #sidebar .text {padding-left: 0; width: 100%;} .wfull.campuses .campus {width: 33.33%;} #tradicion .row {padding-top: 5%; padding-bottom: 5%;} } @media screen and (max-width: 700px) { h1.title, h2.title {margin-top: 30px;} #header .top-bar {background: #fff; padding: 0;} #header .mobile-nav-wrapper {display: block;} #header .mobile-top-bar {padding: 20px; position: relative;} #header a.mobile-brand {display: inline-block; float: left; text-indent: -9999px; width: 70%;} #header a.mobile-brand img {margin: 0;} #header a#mobile-nav {position: absolute; top: 50%; right: 20px; margin-top: -15px; display: block; float: right; font-size: 20px; text-decoration: none; font-weight: 700; padding: 0 6px; background: #eee;} #header .mobile-nav {clear: both; display: none; background: #eee;} #header .mobile-nav ul {list-style: none; margin: 0; padding: 0;} #header .mobile-nav li {float: none; padding: 0 20px;} #header .mobile-nav li a {display: block; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 14px; text-decoration: none;} #header .mobile-nav li:last-child a {border-bottom: 0;} #header ul.mobile-main-nav {background: #0077ad;} #header ul.mobile-main-nav a {color: #fff; border-color: #fff; border-color: rgba(255,255,255,.1);} #header ul.breadcrumbs, #header ul.top-nav, #header .row.nav, #header .tablet-nav {display: none;} .royalSlider .subnav ul a {padding: 10px 20px; background-color: #fff; background-color: rgba(255,255,255,.7); color: #222;} .royalSlider .subnav ul a:hover {background-color: #fff; background-color: rgba(255,255,255,.9);} .royalSlider .subnav li.current a {background-color: #fff; background-color: rgba(255,255,255,.9);} .royalSlider .subnav ul.data {background-color: #fff; background-color: rgba(255,255,255,.7); color: #222;} #slider .rsBullets {bottom: 20px!important;} #slider {margin-bottom: 0px;} #slider .rsABlockContainer {position: relative;} #slider .rsABlockContainer .rsABlock {position: relative; width: 100%; bottom: 0; left: 0; right: 0; top: 0;} #slider .rsABlockContainer br {display: none;} #slider .caption-text {width: 100%; max-width: 100%; background: #eee;} #slider .caption-text:hover span {background: #f8b100;} #slider .caption-text span {margin-bottom: 30px;} #slider a.video-link {display: none;} #slider .subnav h3 {padding: 0 10px;} #slider a.link {color: #fff; background-color: #234e88; padding: 20px!important; font-weight: 700; margin: 0;} .inicio #slider .rsABlockContainer {position: absolute; bottom: 0;} .inicio #slider .rsABlockContainer .rsABlock {position: absolute; width: 100%; bottom: 0; left: 0; right: 0; top: auto; padding: 10px;} .inicio #slider .caption-text {width: 100%; max-width: 100%; padding: 10px; background: #fff; background: rgba(255,255,255,.8);} .inicio #slider .caption-text:hover span {background: #f8b100;} .inicio #slider .caption-text span {margin: 10px 0 0 0; font-size: 11px; padding: 5px 10px; display: none;} .inicio #slider .caption-text h2 {font-size: 13px;} .inicio #slider .rsBullets {bottom: -20px !important;} .inicio .noticias .thumb {width: 15%;} .inicio .noticias figcaption {width: 80%; margin-left: 5%;} .inicio .noticias p {line-height: 1.1em;} #destacados a {font-size: 14px; margin: 0;} #content .noticias .thumb {width: 20%;} #content .noticias figcaption {width: 75%; margin-left: 5%;} .category .img {margin: 0; width: 30%; float: left;} .category .items {width: 70%; float: left; padding-left: 10px;} .category h3 {margin-top: 0;} .category {width: 100%; padding: 0; margin-bottom: 10px;} #sidebar .thumb {width: 30%; margin: 0;} #sidebar .text {padding-left: 5%; width: 65%;} #wp_page_numbers a {padding: 5px 7px;} #bottom-nav a {font-size: 14px; padding: 5px 10px;} #bottom-nav {padding: 0;} #footer {margin-top: 20px;} #footer .nav {display: none;} #footer .text {margin-top: 10px;} #top {display:none!important;} #ilogica {margin: 0;} .wfull.campuses .campus {width: 50%;} #tradicion {margin: 20px 0 0 0;} #tradicion .row {padding-left: 25%;} #tradicion .c6 {margin: 0;} #tradicion h2 {font-size: 18px;} #tradicion h3 {font-size: 14px;} #tradicion a {padding: 5px 10px; margin: 0 2px 2px 0;} #header a#mobile-nav {color: #555;} #header .mobile-top-nav a {color: #555;} } @media screen and (max-width: 400px) { #content .noticias .thumb {width: 30%;} #content .noticias figcaption {width: 65%; margin-left: 5%;} .inicio .noticias .thumb {width: 25%;} .inicio .noticias figcaption {width: 70%; margin-left: 5%;} .inicio .noticias p {line-height: 1.1em;} #tradicion h2 {font-size: 14px;} #tradicion h3 {font-size: 12px;} #tradicion a {font-size: 12px;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #slider a.link {background-image: url('assets/img/slider-link-background@2x.png'); background-size: 36px 36px;} #slider .dark a.link {background-image: url('assets/img/slider-link-dark-background@2x.png'); background-size: 36px 36px;} .inicio .eventos .date, form input.date {background-image: url('assets/img/icon-eventos-evento@2x.png'); background-size: 16px 16px;} #ilogica {background-image: url('assets/img/ilogica@2x.png'); background-size: 115px 20px;} #header ul.social a.twitter {background-image: url('assets/img/icon-twitter@2x.png'); background-size: 24px 24px;} #header ul.social a.facebook {background-image: url('assets/img/icon-facebook@2x.png'); background-size: 24px 24px;} #header ul.social a.vimeo {background-image: url('assets/img/icon-vimeo@2x.png'); background-size: 24px 24px;} #header ul.social a.flickr {background-image: url('assets/img/icon-flickr@2x.png'); background-size: 24px 24px;} #header ul.social a.issuu {background-image: url('assets/img/icon-issuu@2x.png'); background-size: 24px 24px;} #header ul.social a.youtube {background-image: url('assets/img/icon-youtube@2x.png'); background-size: 24px 24px;} #header ul.social a.instagram {background-image: url('assets/img/icon-instagram@2x.png'); background-size: 24px 24px;} } /* print */ @media print { #header, #footer, .royalSlider, #top, #bottom-nav, #wp_page_numbers, #comments, #sidebar, #gallery, .eventos span.icon, .eventos .filter, form, .video-wrapper {display: none!important;} .content {width: 100%;} .evento .content {display: block!important;} * {color: #000!important; background: none; background: #fff; border-radius: 0; box-shadow: 0; border-color: #000!important;} }