/*
Theme Name: USM.cl
Theme URI: http://www.usm.cl
Description: Responsive theme for USM.cl
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);*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,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;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}}

/* general */
body {font: 400 normal 15px/1.5 'Source Sans Pro', sans-serif; background: #fff; color: #777; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a, .trans, .admision .malla .row {-moz-transition: all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear; -webkit-transform: translate3d(0,0,0);}
.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, #tradicion 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: 15px;}
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;}
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;}

/* header */
#header .mobile-nav-wrapper, #header .tablet-nav {display: none;}
#header .top-bar {background: #eee; font-size: 12px; color: #555; padding: 5px 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: 15px 20px;}
#header .brand a {display: inline-block;}
#header .brand a img {margin: 0; height: 57px;}
#header .since {float: right; margin-top: 0;}
#header .since img {height: 65px;}
.main-nav .row.nav {margin: 0 auto 15px 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 > li > 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 > li > a:hover, .main-nav ul.nav a:focus {outline: none;}
.main-nav ul.nav > li > a::after {position: absolute; z-index: 999999999; 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 >li > a:hover::after, .main-nav ul.nav > li > a:focus::after { z-index: 999999999; 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, .main-nav ul.social span.search {display: block; width: 24px; height: 24px; background: #ccc; text-indent: -9999px; margin-left: 1px; background: left center no-repeat #ccc;}
.main-nav ul.social span.search {background-image: url('../img/icon-search.png'); overflow: hidden;}
.main-nav ul.social span.search:hover {background-color: #22912f; cursor: pointer;}
.main-nav ul.social span.search form {display: none;}
.main-nav ul.social span.search form .text {border: 0; background: none; color: #fff; font-size: 12px; width: 100%; height: 24px; display: block; padding: 0 5px 0 24px;}
.main-nav ul.social span.search.active {background-color: #22912f; width: 150px; cursor: default;}
.main-nav ul.social span.search.active form {display: block;}
.main-nav ul.social a.twitter {background-image: url('../img/icon-twitter.png');}
.main-nav ul.social a.twitter:hover {background-color: #00aced;}
.main-nav ul.social a.facebook {background-image: url('../img/icon-facebook.png');}
.main-nav ul.social a.facebook:hover {background-color: #4466a9;}
.main-nav ul.social a.vimeo {background-image: url('../img/icon-vimeo.png');}
.main-nav ul.social a.vimeo:hover {background-color: #1ab7ea;}
.main-nav ul.social a.flickr {background-image: url('../img/icon-flickr.png');}
.main-nav ul.social a.flickr:hover {background-color: #fe1981;}
.main-nav ul.social a.issuu {background-image: url('../img/icon-issuu.png');}
.main-nav ul.social a.issuu:hover {background-color: #ee540c;}
.main-nav ul.social a.youtube {background-image: url('../img/icon-youtube.png');}
.main-nav ul.social a.youtube:hover {background-color: #eb4039;}
.main-nav ul.social a.instagram {background-image: url('../img/icon-instagram.png');}
.main-nav ul.social a.instagram:hover {background-color: #3C5A96;}

/* slider */
.royalSlider {display: none; width: 100%; margin-bottom: 0; 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: 15px; font-weight: 700;}
.royalSlider .rsBullets {background: none!important; bottom: -20px;}
.royalSlider .rsBullet {padding: 0;}
.royalSlider img {width: 100%!important; height: auto!important; margin: 0!important;}
.royalSlider.interior .rsNav {display: none!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: 15px; 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: 15px; 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: 15px; 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 {background-color: #f8b100!important; font-weight: bold; padding: 20px 50px 20px 10px!important; background-image: url('../img/slider-link-background.png')!important; background-position: 97% center; background-repeat: no-repeat; color: #fff!important;}
.royalSlider a.link.red {background-color: #ee5b55!important; font-weight: bold; padding: 20px 50px 20px 10px!important; background-image: url('../img/slider-link-background.png'); background-position: 97% center; background-repeat: no-repeat; }
.royalSlider a.link.blue {background-color: #0077ad!important; font-weight: bold; padding: 20px 50px 20px 10px!important; background-image: url('../img/slider-link-background.png'); background-position: 97% center; background-repeat: no-repeat; }
.royalSlider a.link:hover {opacity: .9;}
.royalSlider .dark a.link {background-image: url('../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('../img/slider-video-link.png') top center no-repeat;}
.royalSlider.carrera ul.links a.anchor {background: #ee5b55; color: #fff; font-weight: 700;}
.royalSlider.carrera a.link {color: #fff!important; background-image: url('../img/slider-link-background.png')!important; background-position: 97% center; background-repeat: no-repeat; }
.royalSlider .rsSlide {opacity: 1;}
.royalSlider .rsActiveSlide {opacity: 1;}
.royalSlider .rsVisibleNearbyWrap {z-index: 99999;}
.royalSlider .rsOverflow {z-index: 99999;}
.royalSlider .rsArrow {z-index: 999999; width: 500px; background: rgba(255,255,255,.6); cursor: pointer;}
.royalSlider .rsArrowLeft {left: -500px!important;}
.royalSlider .rsArrowRight{right: -500px!important;}
.royalSlider .rsArrowLeft .rsArrowIcn {right: 5%; left: auto; margin-right: -16px; margin-left: auto;}
.royalSlider .rsArrowRight .rsArrowIcn {left: 5%; right: auto;}
.royalSlider .rsArrowIcn {background-color: #0077ad; border-radius: 50%; opacity: .7;}
.royalSlider .rsArrowIcn:hover {opacity: 1;}
/*#slider.rsDefault, #slider.rsDefault .rsOverflow, #slider.rsDefault .rsSlide, #slider.rsDefault .rsVideoFrameHolder, #slider.rsDefault .rsThumbs {background: #fff!important;}*/
.rsSingleSlide.royalSlider span.more {margin-bottom: 0;}
#slider .rsOverflow {overflow: visible;}
.slider-outer {width: 100%; overflow: hidden;}
.slider-wrapper {max-width: 1200px; margin: 0 auto;}

/* home */
.inicio .royalSlider {margin-bottom: 30px;}
.inicio .royalSlider.rsSingleSlide {margin-bottom: 0px;}
.inicio .noticias {padding: 0;}
.inicio .noticias .row {margin: 0;}
.inicio .noticias a {display: block; padding: 20px; margin: 0;}
.inicio .noticias a:hover {background: #f4f8f9; text-decoration: none;}
.inicio .noticias figure {display: block;}
.inicio .noticias .thumb {margin-bottom: 5px; display: block;}
.inicio .noticias .thumb img {width: 100%;}
.inicio .noticias p {margin: 0; padding: 0; font-weight: 400;}
.inicio .noticias .date {color: #555; font-size: 12px; font-style: italic;}
.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;}
.inicio .investigacion a {display: inline-block; padding: 20px;}
.inicio .investigacion a:hover {background: #f4f8f9; text-decoration: none;}
.inicio .investigacion .date {color: #555; font-size: 12px; font-style: italic;}
.inicio .investigacion p {margin: 0; padding: 0; font-weight: 400;}
.inicio .investigacion img {margin-bottom: 15px;}
.inicio .investigacion figure h3 {font-size: 15px; margin: 0 0 5px 0;}
.inicio .investigacion .ingenium {color: #009ddf!important;}
.inicio .investigacion .ingenium figcaption {padding-bottom: 10px; border-bottom: 4px solid #009ddf;}
.inicio .investigacion .ingenium p {font-weight: 700!important;}
.inicio .usmtv a {display: inline-block; padding: 20px;}
.inicio .usmtv a:hover {background: #f4f8f9; text-decoration: none;}
.inicio .usmtv .date {color: #555; font-size: 12px; font-style: italic;}
.inicio .usmtv p {margin: 0; padding: 0; font-weight: 400;}
.inicio .usmtv h3 {font-size: 15px; margin: 0 0 5px 0;}
.inicio .usmtv img {margin-bottom: 15px;}
.inicio .usmtv .logotv {color: #ee5b55!important;}
.inicio .usmtv .logotv img {border: 1px solid #eaeaea;}
.inicio .usmtv .logotv figcaption {padding-bottom: 10px; border-bottom: 4px solid #ee5b55;}
.inicio .usmtv .logotv p {font-weight: 700!important;}
.inicio .usmtv .modal .image {position: relative;}
.inicio .usmtv .modal .icon.play {position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; display: block; background: url('../img/slider-video-link.png') center no-repeat; background-size: 64px 64px; -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 .usmtv .modal:hover .icon.play {opacity: .5;}
.inicio .accesos a {display: block; float: left; width: 11.11%; padding: 20px;}
.inicio .accesos a:hover {background: #f4f8f9; text-decoration: none;}
.inicio .accesos figcaption {color: #555; font-size: 11px; padding: 0; margin-top: 10px; text-align: center; word-wrap: break-word;}
.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;}
.inicio .social-faces {margin-bottom: 30px;}
.inicio .new-research img.logo {margin-bottom: 0!important;}

/* back-button */
.back-button {font-weight: 400; font-size: 12px; padding: 5px 10px; background: #f8b100; color: #fff!important; text-decoration: none!important; margin-bottom: 10px; display: inline-block;}
.back-button:hover {background: #ee8755;}

/* Title */
#title {background: url('../img/admision-social-background.png') center repeat; color: #fff; padding: 20px 0; margin: 30px 0;}
#title .row {margin: 0;}
#title h2 {margin: 0; padding: 0 20px; font-size: 30px; font-weight: 400; line-height: 1.1;}

/* person list */
.person-list .person {display: inline-block; padding-top: 20px; padding-bottom: 20px; text-decoration: none; color: #777;}
.person-list .person:hover {background: #e8f4f9; opacity: .8;}
.person-list span {display: block; line-height: 1.2;}
.person-list .caption {margin-top: 10px;}
.person-list .name {font-weight: 700;}
.person-list .unidad {font-style: italic; font-size: 13px;}
.person-title {margin: 30px 0;}
.person-title h1 {margin: 0;}
.person-title p {font-style: italic; margin-top: 0;}

/* admision */
.admision #slider .acreditacion {text-align: right;}
.admision #slider .acreditacion img {width: auto!important; display: inline-block;}

.admision table.acreditacion {background-color: rgba(255,255,255,.9); border-radius: 10px; border-collapse: collapse; box-shadow: inset 0 0 0 1px #000; margin: 0 0 0 auto; width: auto; min-width: 75%;}
.admision table.acreditacion * {line-height: 1; color: #000; background-color: transparent; border: 0;}
.admision table.acreditacion .date {text-align: center; border-right: 1px solid #000; padding: 5px 10px; vertical-align: middle; text-transform: uppercase;}
.admision table.acreditacion .date > span {display: block;}
.admision table.acreditacion .date .years {font-size: 50px; font-weight: 700; display: block;}
.admision table.acreditacion .date .label {font-size: 20px;}
.admision table.acreditacion .date .date-to {font-size: 10px;}
.admision table.acreditacion .date .month-to {display: block;}
.admision table.acreditacion .data {text-align: left; padding: 5px 10px; vertical-align: middle}
.admision table.acreditacion .title {font-weight: 700; text-transform: uppercase; font-size: 20px;}
.admision table.acreditacion .places {border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 12px;}
.admision table.acreditacion .places > span {display: block;}
.admision table.acreditacion .places strong {margin-right: 5px;}
.admision table.acreditacion .agency {font-size: 12px;}
.admision table.acreditacion .agency strong {margin-right: 5px;}

.admision #slider ul.data {font-size: 14px;}
.admision #slider ul.data span {font-weight: 700;}
.admision #slider ul.data li {line-height: 1.3em;}
.admision #slider ul.links li {float: left; width: 50%;}
.admision #slider ul.links li:first-child a {margin-right: 1px;}
.admision .malla ul {margin: 0; padding: 0 0 0 20px;}
.admision .malla table td {border: none; vertical-align: top;}
.admision .banners a {margin-bottom: 20px; display: block; text-decoration: none; background: #f4f8f9; color: #777; }
.admision .banners a:hover {background: #eee;}
.admision .banners a img {display: block;}
.admision .banners a span {padding: 10px; display: block;}
.admision .continuidad, .admision .continuidad td {background: #999!important; color: #fff!important;}
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;}
.admision table tr.nueva, .admision table tr.nueva td, .admision table tr.viapsu, .admision table tr.viapsu td {background: #dfe9ef!important}
.admision li.nueva, .admision li.viapsu {background: #dfe9ef!important; margin: -5px -5px 5px -5px; padding: 5px;}
span.extra {display: block; color: #ee5b55;}
#aranceles.active, #requisitos.active {background: #eee;}
.table-overflow {width: 100%; overflow-y: hidden; overflow-x: auto; margin: 0;}
.table-overflow table {margin: 0; width: 100%;}

/* social faces */
.social-faces {background: url('../img/admision-social-background.png') center repeat; color: #fff;}
.social-faces .row {margin-bottom: 0;}
.social-faces h3 {font-size: 30px; font-weight: 400;}
.social-faces .facebook {color: #fff!important; height: 75px; overflow: hidden; margin-bottom: 20px; position: relative;}
.fb-like-box {top: -75px; position: absolute;}
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
.social-faces .buttons {margin-top: 35px;}
.social-faces .buttons a {float: left; width: 50%; padding: 5px; display: block;}
.social-faces .buttons a:hover {background: #fff;}
.social-faces .icons a {width: 25%;}

/* 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: 700; text-transform: uppercase; display: block;}
.wfull.campuses .campus .location {font-size: 11px; font-weight: 400; display: block;}

/* tradicion */
#tradicion {background: url('../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;}
#tradicion a {display: block; padding: 10px 20px; color: #fff; font-weight: 700; background: #3cb0f2; text-decoration: none; margin: 0 5px 5px 0; font-size: 14px;}
#tradicion a:hover {background: #0077ad;}

/* banners destacados */
#informacion .royalSlider, #informacion .rsOverflow, #informacion .rsSlide {background: none transparent!important;}
#informacion a {padding: 20px; text-decoration: none; display: block;}
#informacion a:hover {background: #f4f8f9;}
#informacion a span {display: block; padding: 15px 0 0 0; border-top: 4px solid #0077ad; font-weight: 700; color: #0077ad;}
#informacion .style_1 span {color: #1775a9; border-color: #1775a9;}
#informacion .style_2 span {color: #2ca9e0; border-color: #2ca9e0;}
#informacion .style_3 span {color: #26d0a2; border-color: #26d0a2;}
#informacion .style_4 span {color: #26d052; border-color: #26d052;}
#informacion a.style_1:hover {background: #e8f4f9;}
#informacion a.style_2:hover {background: #eff7f9;}
#informacion a.style_3:hover {background: #e8f9f5;}
#informacion a.style_4:hover {background: #e8f9ef;}

/* 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 */
.category .row {padding-top: 20px; padding-bottom: 20px;}
.category .img img {border-radius: 50%;}
.category h3 {color: #005f94; font-weight: 400; font-size: 18px; margin-bottom: 10px;}
.category ul {list-style: none; margin: 0; padding: 0;}
.category li {margin-bottom: 10px; line-height: 1.2;}
.category.active .row {background: #eee;}
.unidades a {text-align: center; padding: 20px; text-decoration: none; display: block;}
.unidades a:hover {background: #f4f8f9;}
.unidades img {border-radius: 50%;}
.unidades span {display: inline-block; margin-top: 10px;}

/* 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: 15px; 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;}

/* buttons */
.std-text .button {display: inline-block; padding: 5px 10px; color: #fff; background: #aaa; font-weight: 700; font-size: 14px; text-decoration: none; outline: none; border: none;}
.std-text .button.red {background: #ee5b55;}
.std-text .button.orange {background: #ee8755;}
.std-text .button.yellow {background: #f8b100;}
.std-text .button:hover {background: #0077ad;}

/* footer */
#footer {background: #eee;}
#footer .row .nav {margin: 50px auto 30px auto;}
#footer .row .nav ul {margin: 0; padding: 0; list-style: none;}
#footer .row .nav li {float: left; margin-right: 10px;}
#footer .row .social li {float: left; margin-right: 0;}
#footer .row .nav a {color: #666!important;}
#footer .row .nav a::after {background: #666;}
#footer p {color: #aaa; font-size: 14px;}
#footer p a {font-size: 14px;}
#footer p a:hover {color: #0077ad;}
#ilogica {display: block; float: right; width: 115px; height: 20px; background: url('../img/ilogica.png') center no-repeat; text-indent: -9999px; margin-bottom: 20px;}
#alianzas p {text-align: center; margin: 20px 0;}
#alianzas a {margin: 10px; display: inline-block;}
#alianzas img {display: inline-block; height: 38px;}
#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;}

h1.title, h2.title {margin-top: 10px; margin-bottom: 10px;}

/* 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;}

/* hidden data */
#slider.carrera .subnav ul.links, #slider.carrera .subnav li.meinteresa {display: none;}
#slider.carrera .subnav ul.data {display: block;}
.admision .row.trans#aranceles, .admision .row.trans#requisitos {display: none;}

/* forms */
.form .c6, .form .c12 {margin-bottom: 0;}
.form fieldset {padding: 0; margin: 0; border: 0;}
.form .alignright {text-align: right;}
.form .aligncenter {text-align: center;}
.form .field {margin-bottom: 25px;}
.form .text {width: 100%; border: 1px solid #e9edf0; padding: 15px; background: #e9edf0; color: #777;}
.form .text.placeholder {font-style: italic;}
.form .text:focus {background: none;}
.form textarea {height: 100px;}
.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 {border-radius: 0; padding: 15px 25px 15px 15px; min-width: 50px; width: 100%; border: 1px solid #e9edf0; color: #777; display: inline-block; -webkit-appearance: none; background: no-repeat 98% center #e9edf0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.form select {-webkit-appearance: none; appearance: none; background: url('../img/icon-dropdown.png') calc(100% - 15px) center no-repeat #e9edf0; background-size: 12px;}}
.form label {font-weight: bold; margin-bottom: 5px; display: block;}
.form .sublabel {font-weight: normal; font-size: 12px; display: inline-block;}
.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;}
.form .checklist .field {margin-bottom: 5px;}
.form .checklist .field.check label {font-weight: 400;}
.form hr {margin: 20px 0; display: block;}
.form .subject-help {font-size: 13px; padding: 5px;}
.form .form-submit-loader {width: 32px; height: 32px;}

/*! dropdown menu */
#nav {position: relative; z-index: 99999999; border-bottom: 2px solid transparent;}
#nav.hovered {border-bottom-color: #0077ad;}
#nav > .nav {background-color: #fff;}
#nav .nav-item > a {display: inline-block; padding: 5px 10px; text-decoration: none; color: #0077AD;}
#nav .nav-item:hover > a {background-color: rgba(0,119,173,.75); color: #fff;}
#nav .nav-item.current > a {background-color: #0077AD; color: #fff;}

#nav .nav-sub {padding: 0 15px; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-30px); z-index: -1; transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;}
#nav .nav-sub > .row {min-height: 55vh; margin: 2px -15px 0 -15px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(56, 68, 94, .6);}

#nav .nav-item:hover > .nav-sub {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0); transition-delay: 0s, 0s, .3s; }

#nav .nav-sub ul {padding: 0; position: static;}
#nav .nav-sub a {color: #0077ad; line-height: 1.3; margin-bottom: 5px; display: block;}
#nav .nav-sub a:hover {text-decoration: underline;}

#nav .nav-sub-image {padding-top: 15px; font-size: 16px; font-weight: 600;}
#nav .nav-sub-image a:hover {opacity: .7;}
#nav .nav-sub-image img {margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #0077ad;}
#nav .nav-sub-image span {margin-bottom: 15px;}

#nav .nav-sub-list {display: block; width: 100%; column-count: 4; column-gap: 0; column-rule: 1px outset rgba(244, 248, 249, .3);}
.chrome #nav .nav-sub-list {column-rule-color: #f0f0f0;}
#nav .nav-sub-list strong {font-weight: 400; font-weight: 600; font-size: 16px; color: #006492; line-height: 1.2; margin-bottom: 10px;}
#nav .nav-sub-list-item {display: inline-block; float: none; width: 100%; padding: 15px; font-size: 14px;}
#nav .nav-sub-list ul li {float: none; width: 100%; margin-bottom: 8px;}
#nav .nav-sub-list a.external:after {content: ''; width: 6px; height: 5px; display: inline-block; margin-left: 2px; background: url('../img/icon-external.png') center no-repeat; background-size: 6px 5px; transform: translateY(-1px)}

/* custom mediaqueries */
@media screen and (min-width: 1500px) {
	.grid {max-width:1400px;}
	.wfull{width:100%; max-width:100%}
	.slider-wrapper {max-width: 1400px!important;}
}
@media screen and (max-width: 1300px) {
	.royalSlider .rsArrowIcn {display: none;}
}
@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;}
	#informacion a {font-size: 14px;}
	.inicio .accesos a {width: 16.66%;}
	.inicio .eventos .date {width: 25%;}
	.inicio .eventos .content {width: 75%;}
}

@media screen and (max-width: 960px) {
	#header .brand a img {height: 55px;}
	.main-nav ul.social span.search.active {width: 60px;}
	.main-nav ul.social span.search.active input {font-size: 10px;}
	.main-nav ul.nav a {margin-right: 0;}
	#nav .nav-item > a {padding: 5px;}
	.inicio .noticias a, .inicio .eventos a {margin-bottom: 0!important;}
	#slider .subnav ul a {font-size: 14px;}
	.inicio .accesos a {width: 20%;}
	#tradicion .row {padding-top: 5%; padding-bottom: 5%;}
	.social-faces .icons a {width: 50%;}
	.wfull.campuses .campus {width: 33.33%;}
}

@media screen and (max-width: 700px) {
	.inicio .accesos a {width: 25%;}
	.responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {display: block;}
	.responsive-table thead tr {position: absolute; top: -9999px; left: -9999px;}
	.responsive-table td {border: none; position: relative; white-space: normal; text-align: left; width: 100%;}
	.responsive-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;}
	.responsive-table td:before {content: attr(data-title);}
	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: 90%;}
	#header a.mobile-brand:after {content: ''; display: block; width: 20%; height: 36px; margin-right: 10px; background: url('../img/header-years.png') right center no-repeat; background-size: cover; float: right;}
	#header a.mobile-brand img {margin: 0; max-width: 75%; display: block; float: left;}
	#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;}
	#slider.carrera a.link {color: #fff; background: none #234e88!important; margin: 0 20px; padding: 10px 20px!important; font-weight: 700;}
	#slider.carrera .subnav h3 {background: url('../img/admision-social-background.png') left center repeat;}
	#slider.carrera ul.data {color: #777; padding: 0 20px;}
	#slider.carrera ul.links {padding: 10px 20px 0 20px;}
	#slider.carrera ul.links a {color: #fff; background: #234e88; font-weight: 700;}
	#slider.carrera .acreditacion {text-align: center!important;}
	#slider.carrera .acreditacion {width: 100%; border: 0;}
	#slider.carrera .acreditacion img {display: inline-block; max-width: 70%;}
	#slider.carrera .rsABlockContainer {position: relative; background: #fff;}
	#slider.carrera .rsABlock {position: relative; width: 100%; bottom: 0; left: 0; right: 0; top: 0;}
	#slider.carrera .rsABlock.acreditacion {width: 100%!important; padding: 20px; text-align: center;}
	.social-faces {margin-bottom: -20px;}
	.social-faces .icons a {width: 25%;}
	.admision .malla {margin-bottom: 20px;}
	.inicio .noticias p {line-height: 1.1em;}
	.inicio .c8.noticias {padding: 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;}
	#informacion a {font-size: 15px; margin: 0;}
	.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;}
	.unidades {width: auto;}
	.unidades a {width: 33.33%;}
	#bottom-nav a {font-size: 14px; padding: 5px 10px;}
	#bottom-nav {padding: 0;}
	#footer {margin-top: 20px;}
	.inicio #footer {margin-top: 0;}
	#footer .nav {display: none;}
	#footer .text {margin-top: 10px;}
	#top {display:none!important;}
	#ilogica {margin: 0;}
}

@media screen and (max-width: 400px) {
	#header a.mobile-brand:after {height: 30px;}
	.inicio .accesos a {width: 33.33%;}
	.inicio .accesos figcaption {font-size: 11px;}
	#tradicion h2 {font-size: 14px;}
	#tradicion h3 {font-size: 12px;}
	#tradicion a {font-size: 12px;}
	.unidades a {width: 50%;}
}

@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) {
	#header ul.social span.search, #footer ul.social span.search {background-image: url('../img/icon-search@2x.png'); background-size: 24px 24px;}
	#header ul.social a.twitter, #footer ul.social a.twitter {background-image: url('../img/icon-twitter@2x.png'); background-size: 24px 24px;}
	#header ul.social a.facebook, #footer ul.social a.facebook {background-image: url('../img/icon-facebook@2x.png'); background-size: 24px 24px;}
	#header ul.social a.vimeo, #footer ul.social a.vimeo {background-image: url('../img/icon-vimeo@2x.png'); background-size: 24px 24px;}
	#header ul.social a.flickr, #footer ul.social a.flickr {background-image: url('../img/icon-flickr@2x.png'); background-size: 24px 24px;}
	#header ul.social a.issuu, #footer ul.social a.issuu {background-image: url('../img/icon-issuu@2x.png'); background-size: 24px 24px;}
	#header ul.social a.youtube, #footer ul.social a.youtube {background-image: url('../img/icon-youtube@2x.png'); background-size: 24px 24px;}
	#header ul.social a.instagram, #footer ul.social a.instagram {background-image: url('../img/icon-instagram@2x.png'); background-size: 24px 24px;}
	#slider a.link {background-image: url('../img/slider-link-background@2x.png'); background-size: 36px 36px;}
	#slider .dark a.link {background-image: url('../img/slider-link-dark-background@2x.png'); background-size: 36px 36px;}
	#slider a.video-link {background-image: url('../img/slider-video-link.png'); background-size: 58px 58px;}
	.inicio .eventos .date {background-image: url('../img/icon-eventos-evento@2x.png'); background-size: 16px 16px;}
	.inicio .eventos a.charla .date {background-image: url('../img/icon-eventos-charla@2x.png'); background-size: 16px 16px;}
	.inicio .eventos a.expo .date {background-image: url('../img/icon-eventos-expo@2x.png'); background-size: 16px 16px;}
	#ilogica {background-image: url('../img/ilogica@2x.png'); background-size: 115px 20px;}
}

/* print */
@media print {
	#header, #footer {display: none!important;}
	* {color: #000!important; background: none; background: #fff; border-radius: 0; box-shadow: 0;}
}