/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (normalize.css v3.0.2)
/* ---------------------------------------------------------------------- */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}

@font-face{font-family:'Gibson Regular';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(../fonts/216266_1_0.woff) format('woff')}@font-face{font-family:'Gibson Bold';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(../fonts/216266_2_0.woff) format('woff')}

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */
html, body {height: 100%}

body{
	background: #FFF;
	color: #222;
	font:13px/1.7 'Gibson Regular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	height:100%;
	width:100%;
	overflow-x:hidden;
}


::-moz-selection {background:#b3d4fc; text-shadow:none}
::selection {background: #b3d4fc;text-shadow: none}

a{color:#3a3737; transition:all 0.6s ease 0s; outline:0; text-decoration:none;}
a:hover{text-decoration:underline;}

h1, h1 a, h2, h2 a, h3, h3 a, strong {font-family: 'Gibson Bold';font-weight: normal}
h2, h2 a{text-transform:uppercase; line-height:110%; font-size:18px; color: #414042}
h3, h3 a {margin: 0 0 10px;font-size: 17px; color: #414042}

hr {display: block;height: 1px;border: 0;border-top: 1px dotted #666; margin: 1em 0;padding: 0}
p{margin:0px 0px 10px 0px;}
ul{list-style-type:none; padding:0px; margin:0px;}

.center{text-align: center;}
.left{text-align: left;}
.nomargin{margin: 0px; padding:0px 0px;}
.marginbottom{margin-bottom:30px!important;}
.margintop{margin-top:30px!important;}

.fitimg{height:235px; overflow:hidden;}
.fitimg img{max-width:100%;}

#instafeed img{max-width: 100%;}
/* ---------------------------------------------------------------------- */
/*	Grid
/* ---------------------------------------------------------------------- */

.wrapper{width:1220px; margin:0px auto; max-width:100%; box-sizing:border-box; position:relative;}
.col-1-2 {width: 50%;}

.col-1-3{box-sizing:border-box; width:32.26%; margin:1% 0 1% 1.6%; float:left}
.col-1-3:nth-child(3n+1) {margin-left:0; clear:left;}
.col-1-3:nth-child(3n) {margin-right:0;}

.col-1-4{box-sizing:border-box; width:25%; margin:1% 0 1% 1.6%; float:left}
.col-1-4:nth-child(4n+1) {margin-left:0;}
.col-1-4:nth-child(4n) {margin-right:0;}

.col-3-4{width:75%; float:left; position:relative;}

.tb {display: table; height: 100%; position: relative; width: 90%; }
.tb-cell { display: table-cell; height: 100%; text-align: center; vertical-align: middle; }

.col-half-left{width:50%; box-sizing: border-box; float: left; padding-right: 20px;}
.col-half-right{width:50%; box-sizing: border-box; float: left; padding-left: 20px;}
.col-half-left img, .col-half-right img{max-width: 100%;}
/* ---------------------------------------------------------------------- */
/*	Site Border
/* ---------------------------------------------------------------------- */

#top, #bottom, #left, #right {background:#239dde;position:fixed;z-index:9999}
#left, #right {width:12px;top:0;bottom:0}
#left {left:0}
#right {right:0}
#top, #bottom {height:12px; left:0; right:0}
#top {top:0}
#bottom {bottom:0}
.lt-ie7 #top, .lt-ie7 #bottom, .lt-ie7 #left, .lt-ie7 #right {display:none}


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
header[role="banner"] {height: 135px; position: relative; overflow: hidden}
header[role="banner"] h1 {width: 219px; margin: 0; padding: 30px 0 0; float: left}

.topHeader {width: 820px; padding-top:30px; font-size:12px; text-align: right; float: right; position:relative}
.topHeader>div{display:inline-block; margin-left:20px;}


.nav-primary {position: absolute; top: 77px; right: 182px}
.nav-primary ul {overflow: hidden; list-style-type:none;}
.nav-primary li {border-right: 1px dotted black;float: left}
.nav-primary li a {padding: 10px 8px 11px; font-size: 13px; color: #000; float: left}
.nav-primary #pull {display: none}

form[role="search"] {position: absolute;top: 87px;right: 0}
form[role="search"] label {margin-right: 8px;font-size: 13px}
form[role="search"] input[type="text"] {width: 85px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;border: solid 1px #999; padding:2px;}
form[role="search"] input[type="submit"] {width: 18px;margin-left: 6px;padding: 0;background: url('../images/search.gif') no-repeat;border: 0;font-size: 13px;text-indent: -9999px}
form[role="search"] input[type="submit"]:active {color: #999}
input#email_txt {border: solid 1px #999; padding:3px; margin-left:4px;}
#newsletter input.newsletter{border:0px none; background:#fff;}

.banner-primary{width:100%; height:540px; overflow:hidden; margin-bottom:0px; }
.banner-primary .slide{background-size:cover; background-position:50% 50%!important; width:100%; height:540px; overflow:hidden; margin-top:20px;}
.cycle-pager {height: 10px;margin-bottom: 6px;overflow: hidden;position: absolute;top: 0px;right:0px}
.cycle-pager span {display: block;height: 10px;font-family: Arial;font-size: 30px;color: #EEE;line-height: 10px;cursor: pointer;float: left}
.cycle-pager .cycle-pager-active {color: #000}

.smallpager {height: 10px;margin-bottom: 6px;overflow: hidden;position: absolute;top: 10px;left:10px; z-index: 9999;}
.smallpager span {display: block;height: 10px;font-family: Arial;font-size: 30px;color: #EEE;line-height: 10px;cursor: pointer;float: left}
.smallpager .cycle-pager-active {color: #000}
.video{margin: 20px 0px;}
.video iframe{max-width: 100%;}

.newsletterSubscribe.nomobile {
  position: absolute;
  top: 30px;
  right: 250px;
}

.social {position:absolute; right:540px; top:25px;}
.social a {
  float: left;
  margin-left: 5px;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  background: #000;
  box-sizing: border-box;
  padding: 5px 0px 0px 0px;
  text-align: center;
  color:#fff;
}

/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
#aside-right {width: 25%; float: right}

.menu-list {list-style: none}
.menu-list li {border-bottom: 1px dotted #666}
.menu-list li a {display: block;padding: 7px 5px 7px 26px;background: url('../images/tag-green-on-trans.png') no-repeat 4px 8px}
.menu-list li a[href$=".pdf"] {background: url('../images/pointer-right-green-on-trans.png') no-repeat 7px 8px}
.menu-list li a:hover, .menu-list li a.active {background-color: #f5e5ef;text-decoration: none}
.menu-list #cursopull {display: none}

.banner img {margin-top: 30px; max-width: 100%}
.banner:hover {opacity: .8}

.topbanners {margin: 20px 0px; position: relative;overflow: hidden;}
.topbanners .fitimg{height:115px;}

.instagram{margin-top:30px;}

/* ---------------------------------------------------------------------- */
/*	News
/* ---------------------------------------------------------------------- */
.welcome .news{width:73%;}
.newsContainer:nth-child(3n+1) {clear:left;}
article h2{margin-bottom:5px;}
article p{margin-top:0px;}
article p:last-child{margin-bottom:0px;}
.news article:hover{background:rgba(35, 157, 222, 0.26); transition:all 1s ease 0s;}
time{color:#bcbec0; font-size:12px;}

.articlesContainer .col-1-4{width:23.8%}
.articlesContainer:nth-child(4n+1) {clear:left;}
.articlesContainer .col-1-4:nth-child(4n+1){clear:left;}

#noticias article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	clear: both
}
#noticias article .text {width: 50%; float: left; box-sizing: border-box; padding-left: 20px;}
#noticias article figure {max-width: 50%; box-sizing: border-box; padding-right: 20px; float: left; margin: 0px;}
#noticias article figure img {max-width: 100%}

#noticias article h2 {margin: 0 0 5px}
#noticias article time {font-size: 11px;color: #bcbec0}





/* ---------------------------------------------------------------------- */
/*	Pages
/* ---------------------------------------------------------------------- */
.breadcrumbs {margin:20px 0 30px 305px; font-size: 13px}
.breadcrumbs span {padding-top: 12px;background: url('../images/seta.gif') no-repeat top center}

#aside-left {width: 25%; margin: 0 0 20px 0;float: left; box-sizing:border-box; padding-right:30px;}
ul.option-set{list-style-type:none; margin:0px; padding:0px;}

#page-static {width: 75%;float: left;box-sizing:border-box; padding-right:30px;}
#page-static figure {max-width: 350px;margin: 0 0 20px 30px;overflow: hidden;float: right}
#page-static figure img {max-width: 350px;margin: 0 0 20px 30px;float: right}
#page-static img {max-width: 100%;height: auto}


/* ---------------------------------------------------------------------- */
/*	Cursos
/* ---------------------------------------------------------------------- */
body.cursos .breadcrumbs a:last-of-type {padding-top: 12px;background: url('../images/seta.gif') no-repeat top center}
#cursos article {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #888; overflow: hidden}
#cursos article figure {width: 200px; margin: 0px 20px 0px 0px; float: left}
#cursos article figure img {max-width: 100%}
#cursos article h2, #cursos article h3 {margin: 0}
#cursos article .text {width: 425px; margin-right: 40px; float: left}
#cursos article .text h3{font-weight:normal;font-family:'Gibson Regular';}
#cursos article .read {width: 200px;margin: 0;float: left;display: block}


/* ---------------------------------------------------------------------- */
/*	Portfolios
/* ---------------------------------------------------------------------- */

#page-static.portfolios{padding-right: 0px;}
#page-static.portfolios .col-1-4{padding:10px; box-sizing:border-box; margin: 0px!important;}
#page-static.portfolios  .col-1-4:nth-child(4n+1){clear: left;}
.portfolios #main img{max-width: 100%;}
/* ---------------------------------------------------------------------- */
/*	Menu Lateral
/* ---------------------------------------------------------------------- */
.sub-nav li a {display: block; padding: 9px 5px 5px 26px; background: url('../images/pointer-right-green-on-trans.png') no-repeat 8px 10px;font-size: 13px;font-family: 'Gibson Bold'}
.sub-nav li a:hover, .sub-nav li.cur a {background-color: #f5e5ef;text-decoration: none}

.sub-nav li.active >a{background: url('../images/pointer-down-green-on-trans.png') no-repeat 6px 11px}

.sub-nav li ul {display: none}
.sub-nav li ul.vis {display: block!important}
.sub-nav li ul a {color: #666}
.sub-nav li ul ul a {font-family: 'Gibson Regular';background: 0;color: #222}
.sub-nav #subpull {display: none}





img {
	vertical-align: middle
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
textarea {
	resize: vertical
}
.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

#wrapper {
	min-height: 100%;
	overflow: hidden
}
#main {
	overflow: auto;
	padding-bottom: 350px
}





#pager {
	height: 10px;
	margin-bottom: 6px;
	overflow: hidden;
	position: absolute;
	top: 143px;
	right: 20px
}
#pager span {
	display: block;
	height: 10px;
	font-family: Arial;
	font-size: 30px;
	color: #EEE;
	line-height: 10px;
	cursor: pointer;
	float: left
}
#pager .cycle-pager-active {
	color: #000
}
#banner {
	margin: 25px 0
}
.cycle-slideshow a, .cycle-slideshow li {
	/*display: none*/
}
.cycle-slideshow .first-slide {
	display: block
}
#page-static-pager a {
	display: block
}





.read-more {
	padding: 0 0 1px 20px;
	background: url('../images/tag-green-on-trans.png') no-repeat;
	text-decoration: none;
	clear: both
}
.read-more:hover {
	color: #888;
	text-decoration: none
}
.read-all {
	padding: 0 17px 20px 0;
	background-image: url("../images/thin-green-arrow-on-white.jpg");
	background-position: right 11px;
	background-repeat: no-repeat;
	position: absolute;
	top: 6px;
	right: 0;
	text-decoration: none
}
.read-all:hover {
	color: #888;
	text-decoration: none
}
#agenda {
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
	position: relative;
	overflow: hidden
}
#agenda article {
	width: 315px;
	margin: 0 22px 20px 0;
	float: left
}
#agenda article:last-of-type {
	margin-right: 0
}
#agenda article figure {
	width: 109px;
	height: 74px;
	margin: 0 10px 10px 0;
	float: left
}
#agenda article figure img {
	display: none
}
#agenda article h2 {
	display: inline-block;
	margin: -3px 0 0;
	font-size: 11px;
	text-transform: uppercase
}
#agenda article h2 a {
	color: #414042
}
#agenda article .text p {
	margin-top: 0
}
#agenda article .text p:last-child {
	margin-bottom: 0
}
#agenda article time {
	height: 13px;
	margin-right: 10px;
	padding: 1px 0 2px 18px;
	background: url('../images/clock-green-on-trans.png') no-repeat;
	clear: both
}
#agenda .last {
	margin-right: 0
}
div[role="main"] {
	width: 670px;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden;
	float: left
}
div[role="main"] .read-all {
	margin-right: 20px
}
div[role="main"] article {
	width: 315px;
	margin: 0 20px 30px 0;
	float: left
}
div[role="main"] article figure {
	width: 315px;
	height: 235px
}
div[role="main"] article figure img {
	display: none
}
div[role="main"] article h2 {
	margin-bottom: 5px
}
div[role="main"] article h2 a {
	color: #414042
}
div[role="main"] article time {
	font-size: 9px;
	color: #bcbec0
}
div[role="main"] article .text {
	margin: 10px 0
}
div[role="main"] article .text p {
	margin-top: 0
}
div[role="main"] article .text p:last-child {
	margin-bottom: 0
}
div[role="main"] #more-news {
	overflow: hidden;
	clear: both
}
div[role="main"] #more-news article {
	width: 203px
}
div[role="main"] #more-news article figure {
	width: 203px;
	height: 91px
}
div[role="main"] #more-news article figure img {
	width: 203px;
	height: 91px
}
div[role="main"] #more-news article .text {
	font-size: 12px;
	color: #444;
	line-height: 17px
}
div[role="main"] #more-news article .text p {
	font-size: 12px;
	color: #444;
	line-height: 17px
}



#curso {
	width: 575px
}
#curso h2 {
	margin: 0 0 10px
}
#curso h3 {
	margin: 0
}
#curso #curso-content {
	font-size: 13px
}
#media {
	margin-bottom: 18px;
	float: right
}
#media #images {
	width: 402px;
	float: left
}
#media #images .thumbCurso {
	width: 194px;
	height: 145px;
	margin: 0 7px 7px 0;
	overflow: hidden;
	float: left
}
#media #video {
	width: 387px;
	float: left
}
#curso {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}
#portfolio {
	width: 790px;
	margin-bottom: 20px;
	float: left
}
#portfolio .item {
	width: 250px;
	margin: 0 0 20px 0;
	float: left
}
#portfolio .item figure {
	width: 250px;
	height: 167px
}
#portfolio h2 {
	margin: 10px 0 5px
}
#portfolio p {
	margin: 0
}
.portfolio-image, .portfolio-video {
	width: 790px;
	margin-bottom: 20px
}
.portfolio-image img {
	max-width: 600px
}
.years {
	display: block;
	width: 100%;
	height: 80px;
	margin-bottom: 20px;
	list-style: none;
	position: relative;
	clear: both
}
.years li {
	float: left
}
.years li a {
	width: 77px;
	margin: 0 1px 0 0;
	padding: 4px 0 0 4px;
	background: url('../images/item.gif');
	line-height: 34px;
	float: left
}
.years li a:hover, .years li a.active {
	background: url('../images/item_on.gif');
	text-decoration: none
}
.years li ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 42px;
	left: 0
}
#agenda-wrapper {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden
}
#agenda-wrapper article {
	width: 485px;
	margin: 0 20px 20px 0;
	border-bottom: 1px solid #999;
	float: left
}
#agenda-wrapper article:nth-child(2n) {
	margin-right: 0
}
#agenda-wrapper article figure {
	width: 235px;
	height: 169px;
	margin: 0 10px 15px 0;
	float: left
}
#agenda-wrapper article figure img {
	width: 235px;
	height: 169px
}
#agenda-wrapper article h2 {
	margin: 10px 0 10px
}
#agenda-wrapper article h2 a {
	color: #414042
}
#agenda-wrapper article .text {
	width: 240px;
	height: 63px;
	float: left
}
#agenda-wrapper article .text p {
	margin-top: 0
}
#agenda-wrapper article .text p:last-child {
	margin-bottom: 0
}
#agenda-wrapper article time {
	height: 13px;
	margin-right: 10px;
	padding: 1px 0 2px 18px;
	background: url('../images/clock-green-on-trans.png') no-repeat;
	clear: both
}
#agenda-wrapper .last {
	margin-right: 0
}
#evento {
	width: 650px;
	float: left
}
#evento article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	clear: both
}
#evento article figure {
	width: 235px;
	margin-right: 20px;
	float: left
}
#evento article h2 {
	margin: 0 0 5px
}
#evento article time {
	font-size: 11px;
	color: #bcbec0
}
#evento article .text {
	width: 395px;
	float: left
}
#evento article .text p {
	font-size: 13px
}
#contactform {
	overflow: hidden
}
#contactform div {
	margin-bottom: 10px;
	overflow: hidden
}
#contactform label {
	width: 120px;
	height: 24px;
	line-height: 24px;
	float: left
}
#contactform input[type="text"], #contactform textarea {
	width: 670px;
	padding: 6px;
	border: solid 1px #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	box-sizing: border-box;
	float: left
}
#contactform input[type="text"] {
	height: 26px;
	line-height: 26px
}
#contactform textarea {
	height: 92px
}
#contactform select {
	width: 670px;
	height: 25px!important
}
.privacy-checkbox a {text-decoration: underline;}
#contactform .submit {
	width: 59px;
	margin: 10px 0 30px 120px;
	padding: 0;
	background: #239dde;
	border: solid 2px #FFF;
	color: #FFF;
	line-height: 17px;
}
#contactform .submit[disabled] {
	background: #CCC;
}
#contactform .submit:hover {
	background: #8AD6FF
}
#contactform .submit[disabled]:hover {
	background: #CCC
}
footer {
	height: 200px;
	width: 1220px;
	margin: -200px auto 0px auto;
	padding-top: 20px;
	border-top: 1px dotted #666;
	position: relative;
	clear: both
}
footer .col-1-4 {margin: 0;}

footer #group, footer #partners {
	margin: 0 20px 30px 0;
	float: left
}
footer #partners p, footer #group p {
	margin: 0 0 20px
}
footer #group img, footer #partners img {
	height: 40px;
	margin-right: 2px;
}
footer .bottom {
	padding: 20px;
	border-top: 1px dotted #999;
	overflow: hidden
}
footer #contacts p {
	margin: 0
}
footer #site-map {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
footer #site-map ul li {
	display: inline-block;
	margin: 0 10px 2px 0;
	padding-right: 10px;
	border-right: 1px solid #999;
	color: #666;
	line-height: 13px;
}
footer #site-map ul li:last-child {
	border-right: none;
}
footer #site-map ul li a {
	color: #666;
}
footer .bottom #copy {
	padding: 0px 0 0 25%;
	font-size: 11px;
	clear: both
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
*text-indent:-9999px
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}
.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
}
.invisible {
	visibility: hidden
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
*zoom:1
}
.clear {
	height: 1%;
	margin: 0;
	padding: 0;
	clear: both;
	float: none
}


@media only screen and (max-width: 1024px) {
	.wrapper.small{max-width:100%; box-sizing:border-box; padding:20px;}
	.wrapper{max-width:100%; box-sizing:border-box; padding:20px;}
	.wrapper.smaller, footer{max-width:100%;}
	}

@media only screen and (max-width: 540px) {
	.nomobile{display:none;}
	.col-half, .col-1-3, .col-3-4, .col-1-4, article.col-1-4, .articlesContainer .col-1-4, .col-half-right, .col-half-left{width:100%; float:none;}
	.col-half iframe{max-width:100%; height:190px!important;}
	.wrapper.small{max-width:100%; box-sizing:border-box; padding:20px;}
	.wrapper{max-width:100%; box-sizing:border-box; padding:20px;}
	.welcome .news	{width:100%; float:none;}
		.cycle-slideshow{max-height:auto; max-width:100%;}
	article.col-1-3{margin-bottom:20px;}
	.topHeader{width:100%; position:absolute; top:-10px;}
	#add-info{top:20px!important}
	.social {position: absolute; left: -24px;top: 185px;width: 100%;}
	.banner-primary img{max-width:100%;}
	.banner-primary{height:auto;}
	.banner-primary .slide{height:auto;}
	footer{padding:20px; box-sizing:border-box;}
	#site-map{display:none;}
	.col-1-4, #group, #partners{display:block; width:100%;}
	#contactform input[type="text"], #contactform textarea, #contactform select {
	width: 100%
}
#contacts {
	width: 100%!important
}
#contacts #contactform input[type="text"], #contacts #contactform textarea, #contacts #contactform select {
	width: 100%!important
}

#noticias .col-half-right{margin-top:20px; padding:0px;}
#noticias .col-half-left{margin-top:20px; padding:0px;}

}


@media only screen and (max-width:420px) {
body {
}
#left, #right {
	width: 6px
}
#top, #bottom {
	height: 6px
}
header[role="banner"] {
	height: 160px;
	overflow: visible
}
header[role="banner"] h1 {
	padding-top: 20px
}
header[role="banner"] h1 img {
	height: 80px!important;
}
header[role="banner"] #add-info {
	top: 10px;
	right: 0;
	z-index: 9999;
	position: absolute;
	margin: 0;
	font-size: 10px;
	float: none
}
#lang {
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 10px!important
}
header[role="banner"] nav.nav-primary {
	top: 130px;
	right: auto;
	left: 0;
	z-index: 9999
}
header[role="banner"] nav.nav-primary ul {
	display: none;
	background: #FFF;
	border: 2px solid #239dde
}
header[role="banner"] nav.nav-primary ul li {
	border-bottom: 2px solid #239dde;
	border-right: 0;
	float: none
}
header[role="banner"] nav.nav-primary ul li a {
	display: block;
	padding: 0 8px;
	line-height: 28px;
	float: none
}
header[role="banner"] nav.nav-primary #pull {
	display: block;
	width: 150px;
	height: 30px;
	padding-left: 10px;
	background: #239dde url('../images/pointer-down-green-on-trans.png') no-repeat 95% 50%;
	font-size: 13px;
	line-height: 32px
}
header[role="banner"] nav.nav-primary #pull.active {
	background: #239dde url('../images/pointer-up-green-on-trans.png') no-repeat 95% 50%
}
header[role="banner"] nav.nav-primary #pull:hover, header[role="banner"] nav.nav-primary #pull:active {
	text-decoration: none
}
header[role="banner"] form {
	display: none
}
header[role="banner"] form[role="search"] {
	display: block;
	top: 130px
}
header[role="banner"] form[role="search"] label {
	display: none
}
header[role="banner"] form[role="search"] input[type="text"] {
	width: 90px;
	height: 22px;
	margin-top: 3px;
	padding: 0 2px;
	border: 1px solid #888;
	border-radius: 0;
	line-height: 22px
}
#pager {
	display: none
}
#banner {
	width: 100%;
	margin: 20px 0
}
#banner img {
	width: 100%
}
#main {
	padding-bottom: 450px;
}
#agenda article {
	width: 295px;
	margin: 0 0 20px 0
}
#agenda article h2 {
	display: block;
	width: 175px;
	float: left
}
#agenda article .text {
	width: 175px;
	float: left
}
div[role="main"] {
	width: 100%;
	margin-bottom: 0
}
div[role="main"] #more-news {
	border-bottom: 1px solid #999;
	overflow: hidden
}
div[role="main"] #more-news article {
	width: 315px;
	margin: 0 22px 20px 0;
	float: left
}
div[role="main"] #more-news article figure {
	width: 109px;
	height: 74px;
	margin: 0 10px 10px 0;
	float: left
}
div[role="main"] #more-news article figure img {
	width: 109px;
	height: 74px
}
div[role="main"] #more-news article h2 {
	display: inline-block;
	margin: -3px 0 0;
	font-size: 11px;
	text-transform: uppercase
}
div[role="main"] #more-news article h2 a {
	color: #414042
}
div[role="main"] #more-news article .text {
	height: 63px;
	margin: 5px 0
}
div[role="main"] #more-news article .text p {
	margin-top: 0
}
div[role="main"] #more-news article .text p:last-child {
	margin-bottom: 0
}
div[role="main"] #more-news article time {
	height: 13px;
	margin-right: 10px;
	padding: 1px 0 2px 18px;
	background: url('../images/clock-green-on-trans.png') no-repeat;
	clear: both
}
div[role="main"] #more-news .last {
	margin-right: 0
}
#cursos {
	width: 320px
}
#cursos article {
	width: 295px;
	position: relative
}
#cursos article figure {
	width: 135px;
	float: none;
	min-height: 124px
}
#cursos article figure img {
	width: 135px
}
#cursos article .text {
	width: 100%; padding:10px; box-sizing:border-box;
	margin-top: 20px;
	float: none
}
#cursos article .text p {
	margin-bottom: 0
}
#cursos article .read {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	float: none; font-size:12px;
}
div[role="main"] article, div[role="main"] article figure, div[role="main"] article figure img {
	width: 295px
}

#contacts #contactform .submit {
	width: 59px!important
}
#aside-left {
	width: 100%;
	margin-right: 0;
	float: left;
	padding:0px; margin-top:20px;
}
#aside-right {
	width: 100%;
	margin: 0 0 20px 0;
	float: left
}
#aside-right section {
}
#aside-right img {
	width: 100%;
	margin-top: 20px
}
.sub-nav {
	width: 100%;
	top: 130px;
	right: auto;
	left: 0;
	z-index: 9999
}
.sub-nav ul {
	display: none;
	background: #FFF;
	border: 2px solid #ddd
}
.sub-nav ul li {
	border-bottom: 2px solid #DDD;
	border-right: 0;
	float: none;
	padding:4px;
}
.sub-nav ul li a {
	display: block;
	padding: 0 8px;
	background: 0;
	font-family: 'Gibson Regular', "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 28px;
	float: none
}
.sub-nav ul li a:hover {
	background: #ddd
}
.sub-nav ul li a.active {
	background: 0
}
.sub-nav ul ul {
	border: 0
}
.sub-nav ul ul li {
	border-top: 2px solid #DDD;
	border-bottom: 0
}
.sub-nav ul ul li a {
	padding: 0 16px
}
.sub-nav ul ul ul {
	display: none!important
}
.sub-nav #subpull {
	display: block;
	height: 30px;
	padding-left: 10px;
	background: #ddd url('../images/pointer-down-green-on-trans.png') no-repeat 95% 50%;
	font-size: 13px;
	line-height: 32px
}
.sub-nav #subpull.active {
	background: #ddd url('../images/pointer-up-green-on-trans.png') no-repeat 95% 50%
}
.sub-nav #subpull:hover, .sub-nav #subpull:active {
	text-decoration: none
}
.breadcrumbs {
	display: none
}
#page-static {
	width: 100%
}
#page-static figure {
	margin-left: 0;
	float: none
}
#page-static figure img {
	margin: 0
}
#page-static figure iframe {
	width: 295px
}
.menu-list {
	width: 320px;
	top: 130px;
	right: auto;
	left: 0;
	z-index: 9999
}
.menu-list ul {
	display: none;
	background: #FFF;
	border: 2px solid #ddd
}
.menu-list ul li {
	border-bottom: 2px solid #DDD;
	border-right: 0;
	float: none
}
.menu-list ul li a {
	display: block;
	padding: 0 28px;
	font-family: 'Gibson Regular', "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 28px;
	float: none
}
.menu-list ul li a:hover {
	background: #ddd
}
.menu-list ul li a.active {
	background: 0
}
.menu-list ul ul {
	border: 0
}
.menu-list ul ul li {
	border-top: 2px solid #DDD;
	border-bottom: 0
}
.menu-list ul ul li a {
	padding: 0 16px
}
.menu-list ul ul ul {
	display: none!important
}
.menu-list #cursopull {
	display: block;
	width: 310px;
	height: 30px;
	padding-left: 10px;
	background: #ddd url('../images/pointer-down-green-on-trans.png') no-repeat 95% 50%;
	font-size: 13px;
	line-height: 32px
}
.menu-list #cursopull.active {
	background: #ddd url('../images/pointer-up-green-on-trans.png') no-repeat 95% 50%
}
.menu-list #cursopull:hover, .menu-list #cursopull:active {
	text-decoration: none
}
#curso {
	width: 100%
}
#media {
	margin-bottom: 40px;
	overflow: hidden;
	clear: both;
	float: none
}
#media #images {
	width: 295px
}
#media #images img {
	width: 156px
}
#media #images a:nth-child(2n) img {
	margin-right: 0
}
#media #video {
	width: 295px
}
#media #video iframe {
	width: 295px
}
#agenda-wrapper article {
	width: 295px
}
#agenda-wrapper article figure {
	width: 295px;
	height: auto
}
#agenda-wrapper article figure img {
	width: 295px;
	height: auto
}
#agenda-wrapper article .text {
	width: 295px;
	height: auto;
	margin-bottom: 20px
}
.years {
	height: 156px
}
.years.changeheight {
	height: 156px
}
.years li a {
	width: 48px;
	font-size: 10px
}
#portfolio {
	width: 295px;
	float: none
}
#portfolio .item {
	width: 295px
}
#portfolio .item figure {
	width: 295px!important
}
#portfolio .item figure img {
	width: 295px!important
}
footer {
	height: 450px;
	margin-top: -430px;
}
footer .top #social-networks {
	width: 280px;
	float: none
}
footer .top #social-networks li {
	margin-right: 24px
}
footer .top #partners {
	margin: 10px 0 0;
	float: none
}
footer .top #group {
	margin: 10px 0 10px
}
footer .top #group img {
	width: 100%
}
footer .bottom #site-map {
	width: 280px;
	margin-top: 20px
}
footer .bottom #site-map ul li {
	margin-right: 0
}
footer .bottom #site-map ul ul li {
	padding-left: 0
}
footer .bottom #copy {
	padding-left: 0
}
#evento {
	width: 100%
}
#evento article figure {
	width: 100%;
	margin: 0 0 20px
}
#evento article figure img {
	width: 100%
}
#evento article .text {
	width: 100%
}
#aside-right {
	margin: 0!important
}
#aside-right #agenda {
	border: 0
}
#aside-right #agenda article figure img {
	margin-top: 0
}
#noticias article figure {
	width: 100%;
	margin: 0
}
#noticias article figure img {
	width: 100%;
	max-width: 100%
}
}

@media only screen and (max-width:320px) {

header[role="banner"] h1 img {
	height: 67px!important;
	margin-top: 10px;
}
}

@media print {
* {
	background: transparent!important;
	color: #000!important;
	box-shadow: none!important;
	text-shadow: none!important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100%!important
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	color: #fff
}
#sb-container {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	visibility: hidden;
	display: none
}
#sb-overlay {
	position: relative;
	height: 100%;
	width: 100%
}
#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
	padding: 0 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
#sb-wrapper-inner {
	position: relative;
	overflow: hidden;
	height: 100px;
	border: 12px solid #222;
	background: #222
}
#sb-body {
	position: relative;
	height: 100%
}
#sb-body-inner {
	position: absolute;
	height: 100%;
	width: 100%
}
#sb-player.html {
	height: 100%;
	overflow: auto
}
#sb-body img {
	border: 0
}
#sb-loading {
	position: relative;
	height: 100%
}
#sb-loading-inner {
	position: absolute;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	text-align: center
}
#sb-loading-inner span {
	background: url('../images/loading.gif') no-repeat;
	padding-left: 34px;
	display: inline-block
}
#sb-body, #sb-loading {
	background-color: #060606
}
#sb-title, #sb-info {
	margin: 0;
	padding: 0;
	overflow: hidden
}
#sb-title, #sb-title-inner {
	height: 26px;
	line-height: 26px
}
#sb-title-inner {
	font-size: 16px
}
#sb-info, #sb-info-inner {
	height: 20px;
	line-height: 20px
}
#sb-info-inner {
	font-size: 12px
}
#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%
}
#sb-nav a {
	display: block;
	float: right;
	height: 35px;
	width: 20px;
	margin-top: -17px;
	cursor: pointer;
	background-repeat: no-repeat
}
#sb-nav-close {
	background-image: url('../images/close.png')
}
#sb-nav-next {
	position: absolute;
	top: 50%;
	right: 0;
	background-image: url('../images/next.png?v=2')
}
#sb-nav-previous {
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url('../images/previous.png?v=2')
}
#sb-nav-play {
	background-image: url('../images/play.png')
}
#sb-nav-pause {
	background-image: url('../images/pause.png')
}
#sb-counter {
	float: left;
	width: 45%;
	display: none
}
#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff
}
#sb-counter a.sb-counter-current {
	text-decoration: underline
}
div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center
}
div.sb-message a:link, div.sb-message a:visited {
	color: #fff;
	text-decoration: underline
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s
}