/*#main img { width: 100%; }*/
img.print-icon { width: auto !important; }

/* HEADER */
#top-handler {
    position: relative; /* WAS absolute ON 06JUL18*/
    top: 0px;
    z-index: 999;
}
#header {
    min-height: 130px;
    height: 170px;
    background-color: #151515;
    padding-top: 35px;
}
#logo {
    width: 350px;
    margin-left: 0px;
	float: left;
	height: 125px;
	position: absolute;
}
#logo img {
	width: 266px;
    max-width: 266px;
    margin: 0px;
}
#header{
    height: auto;
    min-height: 0px;
}
#header .constrain{
    clear: both;
    width: 80%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	padding-top: 30px;
}
.CandidaturasBTN {
    margin-left: 72px;
    margin-top: 12px;
}
.CandidaturasBTN a:link {
	color: #F00;
	text-decoration: none;
}
.CandidaturasBTN a:visited {
	color: #F00;
}
.CandidaturasBTN a:hover {
	color: #E88697;
}
.CandidaturasBTN a:active {
	color: #F00;
}

/* NAVIGATION */
#navigation {
	background-color: #151515;
    position: relative;
    background-image: none;
    background-repeat: repeat-x;
    border: none;
    clear: both;
    -moz-box-shadow: 0px 0px 0px 0px #FFF;
    -webkit-box-shadow: 0px 0px 0px 0px #FFF;
    box-shadow: 0px 0px 0px 0px #FFF;
	top: -35px;
}
#navigation .constrain {
    clear: both;
    width: 80%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative; 
}
#navigation #menu_content {
	height: auto;
	display: block;
	width: 620px;
	background-color: #151515;
}
#navigation img.artes18-mtl {
    position: relative;
    left: -820px;
    top: -25px;
}
#navigation img.artes18-mtr  {
    position: relative;
    right: -150px;
    top: -25px;
}
#navigation img.artes18-mbr {
    position: relative;
    right: -135px;
    top: 80px;
}
#menu-area {
	margin-left: 320px;
    height: 140px;
	background-color: #151515;
}
.span_1_of_4 {
    width: 23% !important;
}
.ulartes18menu {
    display: inline-block;
    vertical-align: top;
	border-left: 1px solid #1F1F1F;
	height: 100px;
}
.ulartes18menu:last-child {
	border-right: 1px solid #1F1F1F;
}
.n1liartesmenu18 {
    color: #FFF;
    font-size: 14px;
	text-transform: uppercase;
    letter-spacing: 0.3pt;
	margin-bottom: 10px;
	text-align: center;
}
.n2liartesmenu18 a {
    color: #FFF;
    text-decoration: none;
    display: block;
	margin-left: 1em;
	text-indent: -1em;
	text-align: center;
    font-size: 12px;
	line-height: 19px;
}
.n2liartesmenu18 a:hover {
    color: #E28A9E;
}
.slicknav_menu {
    display: none;
}

/* CONTENT */
#views_slideshow_controls_text_previous_featured_slider_ua-block_3_1 {
	position: relative;
	z-index: 100;
	top: -300px;
    left: 0px;
	padding-bottom: 40px;
    background-image: url(/sites/all/themes/portal/img/artes/eaprev.png);
	opacity: 0.5;
	background-repeat: no-repeat;
}
#views_slideshow_controls_text_previous_featured_slider_ua-block_3_1 a {
    text-indent: -9999px;
    color: transparent !important;
}
#views_slideshow_controls_text_previous_featured_slider_ua-block_3_1:hover {
    opacity: 1;
}
#views_slideshow_controls_text_next_featured_slider_ua-block_3_1 {
	position: relative;
    z-index: 100;
    top: -300px;
    left: 805px;
	padding-right: 10px;
    padding-bottom: 40px;
    background-image: url(/sites/all/themes/portal/img/artes/eanext.png);
	opacity: 0.5;
    background-repeat: no-repeat;
}
#views_slideshow_controls_text_next_featured_slider_ua-block_3_1 a {
    text-indent: -9999px;
    color: transparent !important;
}
#views_slideshow_controls_text_next_featured_slider_ua-block_3_1:hover {
    opacity: 1;
}
#views_slideshow_controls_text_pause_featured_slider_ua-block_3_1 a {
    visibility: hidden;
    display: none;
}


#block-block-389 a img {
    max-width: 910px;
}
.size920 {
	width: 920px;
}
.size980 {
	/*width: 980px;*/
	max-width: 980px;
}
#fpc .constrain {
    clear: both;
    width: 80%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative; 
}
#fpc #cnt {
	padding-left: 81px;
	height: auto;
	display: block;
}
#fpc .mixarea {
    clear: both;
    padding: 0px;
    margin: 0px;
}
#fpc .mixarea:before,
#fpc .mixarea:after {
    content: "";
    display: table;
}
#fpc .mixarea:after {
    clear: both;
}
#fpc .mixarea {
    zoom: 1;
}

/* MICROSITES INDIE */
div#mainmsiteindie {
    /*width: 990px;*/
	width: 100%;
    /*margin-left: -81px;*/
}

/* NEWS EVENTS BLOCK */
.view-id-artes_news_events {
	width: 100%;
}
.views-field-field-data {
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.views-field-field-data2 {
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.coluna {
    vertical-align: top;
}
.coluna:first-child { 
	margin-left: 0; 
}
.artes18intembody {
	overflow: hidden;
}
.coluna img.artes18-sep {
    display: none;
}
.artes18imgctn {
    width: 100%;
    margin-bottom: 10px;
}
.artes18imgctn img {
    width: 100%;
}
.artes18data {
    margin-bottom: 10px;
}
.artes18intemtit {
    margin-bottom: 20px;
}
img.artes18-next {
    padding-left: 16px;
}
img.artes18-prev {
    margin-left: -8px;
    float: left;
}
#col3 {
    clear: left;
    margin-left: 0%;
}
#col1,
#col2,
#col3,
#col4,
#col5,
#col6,
#col7,
#col8,
#col9 {
	min-height: 300px;
}
#col5,
#col6,
#col7,
#col8,
#col9 {
	display: none;
}
a#next {
	float: right;
	margin-right: 46px;
	margin-top: 7px;
}
a#next:hover {
	opacity: 0.3;
}
a#prev {
	float: left;
	margin-left: -32px;
	margin-top: 7px;
}
a#prev:hover {
	opacity: 0.3;
}
#mixareanav {
	position: absolute;
	width: 100%;
}
.animate-right {
	position: relative;
	animation: animateright 1s;
}
@keyframes animateright {
	from {
		right: -300px;
		opacity: 0;
	} to {
		right: 0;
		opacity: 1;
	}
}
.animate-left {
	position: relative;
	animation: animateleft 1s;
}
@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0;
	} to {
		left: 0;
		opacity: 1;
	}
}
.MTArea {
    margin-top: -29px !important;
    margin-left: 650px !important;
}
#fb-root {
  display: none;
}
.fb_iframe_widget, 
.fb_iframe_widget span, 
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* VIMEO */
#vidsvimeo {
    background-color: #151515;
    display: block;
    overflow: auto;
}
.vidsvimeocol {
	padding: 10px;
	float: left;
    max-width: 200px;
}
.vidsvimeocol iframe {
    width: 200px;
}
.vidsvimeocol:first-child {
	padding-left: 25px;
}
.vidsvimeotit {
	padding: 5px;
	max-width: 190px;
	text-transform: uppercase;
}
.vidsvimeotit a {
	text-decoration: none;
	color: #FFF;
}
.vidsvimeodesc {
	padding: 5px;
	max-width: 190px;
	color: #606060;
}
#todosvidsvimeo {
	clear: both;
	width: 99%;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#todosvidsvimeo a {
	text-decoration: none;
	color: #E88697;
}

/* FOOTER */
#footersep {
    height: 0px;
    border-bottom: 0px solid #CFC4A6;
}
#left-footer {
    width: auto;
    padding-left: 81px;
    height: auto;
    display: block;
    padding-top: 0px;
    float: none;
    text-align: right;
}
div#left-footer ul{
    right: 0;
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#right-footer {
    width: 0px;
}
#footer {
    background-color: #FFF;
    margin: auto auto 0px;
	width: 100%;
}
#footer .constrain{
    clear: both;
    width: 80%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative; 
}
#left-footer.menu li{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    list-style: none;
}
#left-footer.menu a{
    margin-right: 2px;
}
#footer ul.menu {
    margin: 0px;
}
#footer ul.menu li:last-child {
    display: none;
}
#left-footer img.artes18-mft {
    position: relative;
	left: 15px;
    top: 0px;
}
#left-footer img.artes18-mfb {
    position: relative;
	left: 0px;
    top: 90px;
}
#footer ul.menu li {
    float: right;
}

/* CURSOS */
.cursos {
	float: left;
	margin-right: 10px;
}

/* SIDEBAR-FIRST */
#cnt .block li {
    background-image: none;
    padding: 0px;
}
#cnt .block-title {
    display: none;
    font-size: 14px;
    margin-left: 0px;
    color: #3C3C3C;
    text-transform: none;
    font-weight: bold;
    font-family: "Roboto Slab",serif;
    border: none;
}
#cnt .block.gray {
    background: none;
    background-color: #FFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #DCDCDC;
	width: 185px;
	float: left;
	margin-right: 20px;
    padding-left: 5px;
    margin-top: 8px;
}
#cnt .block  ul li {
    font-weight: bold;
}
#cnt .block  ul li ul li a{
    font-weight: bold;
}

/* SECOND-SIDEBAR */
#menu_catalog .menu {
    background-color: #FFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #DCDCDC;
}
#menu_catalog h2.block-title {
    font-size: 14px;
    margin-left: 10px;
    color: #3C3C3C;
    text-transform: none;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
#cnt .block li a.active {
    color: #3C3C3C;
}
#cnt .block li a {
    color: #3C3C3C;
}
#menu_catalog li a.active {
	font-weight: normal;
}
#sidebar-first {
    width: 100%; 
    margin: 0px 0px 0px 0px;
    display: inline-block;
}

/* GATEWAY NEWS */
#main .gateway-noticias .views-field {
    width: 890px;
}
#main .gateway-noticias .views-row {
    width: 890px;
}
#main h1.title {
    color: #3C3C3C;
    margin: 0px;
}
#main .cvlistagemUA .views-table {
    margin-left: 10px;
    width: 905px;
    margin-bottom: 10px;
}

/* MICROSITE */
#microsite-main li {
    margin-left: 40px;
}
#menu_micro_site {
    margin-left: -70px;
    width: 240px;
	padding-right: 20px;
}

/* EXTRA */
#navmenu {
    background-color: #0D776E;
	width: 590px;
	padding-left: 20px; 
	margin-top: 80px;
}
.sf-menu li {
    margin-right: 75px;
}
.sf-menu li:last-child {
    margin-right: 0px;
}
.sf-menu a {
    text-transform: none;
	font-size: 110%;
}
.sf-menu li li {
	background: #0A5750;
}
.sf-menu ul {
    border-top: none;
	width: 15em;
}
.sf-menu a, .sf-menu a:visited {
    color: #fff;
    font-weight: normal;
}
.sf-menu a:hover {
    color: #E28A9E;
    font-weight: normal;
}
.submenu4 {
    left: -118px !important;
    text-align: right !important;
}
#cnt .block {
    font-size: 12px;
    padding: 0px;
    display: block;
}
#cnt .constrain {
    clear: both;
    /*width: 80%;*/
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative; 
}
#cnt #tmain {
    /*padding-left: 81px;*/
    height: auto;
    display: block;
    padding-top: 0px;
}
#cnt #main {
    float: none;
    width: auto;
    height: auto;
    display: inline-block;
    padding-top: 0px;
}
.view.view-oferta-formativa-artes.view-id-oferta_formativa_artes.view-display-id-page_1 {
    padding-left: 10px;
}

/* DOCENTES */
.view-display-id-page_18 {
	width: 920px;
}
.view-display-id-page_18 li {
	list-style: none;
	float: left;
	padding-right: 30px;
}
#main .cvlistagemUA .views-field-title {
	padding-top: 10px;
	width: 120px;
	height: 50px;
	text-align: center;
	margin-bottom: 20px;
}
#main .cvlistagemUA .views-field-title a {
	text-decoration: none;
}
#main .cvlistagemUA .views-field-title a:hover {
	color: #E28A9E;
}
.view-display-id-page_18 img {
	filter: grayscale(100%) contrast(125%) drop-shadow(4px 4px 5px gray);
}
.view-display-id-page_18 img:hover {
	filter: grayscale(0%) contrast(100%);
}

/* DOCENTES CONVIDADOS */
.view-display-id-page_19 {
	margin-left: -15px;
}
.view-display-id-page_19 li {
	list-style: none;
	border-bottom: 1px solid #151515;
}
.view-display-id-page_19 .views-field-field-area {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.view-display-id-page_19 .views-field-title {
	width: 100% !important;
    padding-top: 0px !important;
    height: 20px !important;
    text-align: left !important;
    margin-bottom: 0px !important;
	font-weight: bold;
	text-transform: uppercase;
}
.view-display-id-page_19 .views-field-body {
	margin-bottom: 10px;
}
.view-display-id-page_19 .views-field-field-curriculo-plataforma-degoi {
	margin-bottom: 10px;
}


@media screen and (max-width: 801px) {
	html,body{
		/*background-color: #FF0;*/
	}
	#block-block-389 a img {
    	max-width: 100%;
	}
	#navigation {
        display: none;
    }
    .slicknav_menu {
		margin-top: 10px;
        display: block;
		margin-top: -10px;
    }
	.vidsvimeocol:first-child {
    	padding-left: 0px;
	}
	.vidsvimeocol:nth-child(3) {
		padding-left: 0px;
		clear: both;
		float: left;
	}
	.vidsvimeocol {
		padding-left: 100px;
	}
	#header {
	    padding-top: 0px;
	}
}
@media screen and (max-width: 640px) {
	.size980 {
		width: 100%;
	}	
	div#mainmsiteindie {
    	width: 100%;
		margin-left: 0px;
	}
}
@media screen and (max-width: 500px) {
	#logo img {
		width: 70%;
	}
	#header {
		padding-top: 0px;
	}
	#cnt #main {
		width: unset;
	    display: unset;
	}
	.size920 {
		width: 100%;
	}
	#cnt img {
		width: 100% !important;
	   	height: auto !important;
	}
	a#next {
    	margin-right: -20px;
	}
	#cnt .block.gray {
		width: unset;
		margin-bottom: 20px;
	}
	#cnt .block ul li {
		padding-left: 5px;
	}
}
@media only screen and (max-width: 500px) {
    .coluna {
        width: 100%; 
    }
    .coluna {
        width: 100%; 
    }
    .coluna {
        width: 100%;
    }
}
@media only screen and (max-width: 782px) {
    #navigation #menu_content {
        padding-left: 0px;
    }
    #fpc #cnt {
        padding-left: 0px;
    }
    #cnt #tmain{
    	padding-left: 0px;
    }
    #left-footer {
        padding-left: 0px;
    }
}