/* Para todos os dispositivos */
/* Alterações necessarias */

/* Acertos na galeria de imagens */
video {
       width: 100%;
}

#cboxWrapper {
    max-width: 100% !important;
}

#cboxLoadedContent {
       max-width: 100% !important;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
       #colorbox #cboxLoadedContent a img {
               max-width: 100%;
               height: 100%;
       }
}


/* Formularios */
@media only screen and (max-width: 480px) {
	.content input.form-autocomplete,
	.content input.form-text,
	.content input.form-file,
	.content textarea.form-textarea,
	.content select.form-select {
		width: 100%;
	}
}

.webform-component-matrix select.form-select {
	width: auto;
 	max-width: 200px;
}

.webform-component-matrix input.webform-calendar{
	padding:0;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .webform-component-matrix select.form-select {
    	max-width: 55px;
    }
}

@media only screen and (min-width: 604px) and (max-width: 768px) {
	.node .video-filter{
		height: 350px;
	}
}


@media only screen and (min-width: 480px) and (max-width: 604px) {
	.webform-component-matrix select.form-select {
        max-width: 88px;
    }
    .node .video-filter{
	    height: 250px;
    }
}

.content input.form-text {
	max-width: 430px;
}

.content fieldset {
	padding-right: 1em; 
}

/* Campo colapsed */
fieldset.collapsible {
	top: 0;
	margin: 2px 0;
	background: none;
}

/* Margin entre as imagens */
.view-display-id-bloco_logo_obrigatorio .views-row {
	margin-top: 4px;
}

.views-responsive-grid .content a {
	word-break: break-word;
}

/* Definindo estilo, posição e tamanho do Botão voltar para o topo */
#backtotop {
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../../images/extensive/up-arrow.png');
	opacity: 0.8;
	border-radius: 8px;
	transition: 0.8s;
	padding: 0;
	margin: 0;
	border: none;
}

#backtotop:hover {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../../images/extensive/up-arrow.png');
}

/* Barra de pesquisa */
#region-header-wrapper.field-search-open .region.region-header .block-text-resize,
#region-header-wrapper.field-search-open .region.region-header .block-high-contrast,
#region-header-wrapper.field-search-open .region.region-header .block-block {
	opacity: .2;
    transition: opacity .3s;
}

#region-header-wrapper.field-search-open .region.region-header #block-block-5 .content {
	opacity: .6;
    transition: opacity .3s;
}

/* Posicionando a quantidade de visualizações */
.links.inline .statistics_counter {
	padding-top: 1em;
	display: block;
}

/* Posicionando icone laranja xml */
.feed-icon {
    top: 14px;
    position: relative;
}

.sidebar-first .feed-icon {
    padding-left: 6px;
}

/* Ajustando margin da pagina de noticias */
#content .region-content .node {
	padding: 0 0 0 6px;
}
/* Ajustando a margin do bloco de noticias */
.block-quicktabs .quicktabs-tabpage .views-column .views-row .node {
	padding-left: 0 !important;
}

/************ Bloco Conteudo ************/
@media only screen and (min-width: 320px) and (max-width: 894px) {
	/* Tamanho maximo das imagens*/
	#content-wrapper #content .section .content img {
		max-width: 100%;
		height: auto;
	}

	/* definindo tamanho do bloco de conteudo */ 
	#main-wrapper {
		width: 100%;
	}

	/* Ajustando carrossel */
	.jcarousel-skin-ufes .jcarousel-container-horizontal,
	.jcarousel-skin-ufes .jcarousel-container-horizontal .jcarousel-clip-horizontal {
		width: 100%;
	}

	/* Margin do texto */
	.jcarousel-skin-ufes .jcarousel-item div.views-field {
		margin: 10px 20px 19px 20px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	/* Imagens no conteudo */
	#content-wrapper #content .block-system .node div.content div.field.field-type-image {
		float: none;
		margin: 0 0 10px 0;
	}
	/*videos no conteúdo*/
	.node .video-filter{
                height: 200px;
        }


	/* Ajustando carrossel */
	.jcarousel-skin-ufes .jcarousel-item div.img, .jcarousel-skin-ufes .jcarousel-item div.views-field.views-field-field-image {
		display: none;
	}

	.jcarousel-skin-ufes .jcarousel-item div.texto, .jcarousel-skin-ufes .jcarousel-item div.views-field {
		overflow: visible;
	}
	.jcarousel-skin-ufes ul {
		background-color: #154677 !important;
	}

	.jcarousel-skin-ufes .jcarousel-item {  
		height: auto;
		max-height: 280px;
		min-height: 190px;
	}

.front .view-destaques {
padding-bottom: 0px;
margin-top: 12px;
}

}

/* Ajustando carrossel */
@media only screen and (min-width: 481px) and (max-width: 600px) {
	/* Ajustando a imagem e o texto */
	.jcarousel-skin-ufes .jcarousel-item img.tall {
		width: 100%;
		height: 192px;
	}
	.jcarousel-skin-ufes .jcarousel-item div.img, .jcarousel-skin-ufes .jcarousel-item div.views-field.views-field-field-image {
		max-width: 315px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.block {
 	   margin-bottom: 15px;
	}
        #page .breadcrumb, 
	body.front #content h1.title {
	    margin-top: 15px;
    	}
	
	/* Remove opções do super usuario*/
	#block-user-online.contextual-links-region {
		display: none;
	}

	/* Remove borda lateral esquerda */
	.sidebar-first #content .section {
		border-left: none;
	}

	/* Definindo Tamanho, posição e estilo do menu responsivo */
	.region-sidebar-first {
		width: 100%;
		margin: 0;
		border-top: solid 2px #051034;
		background-color: #053666;
		height: 6px;
		margin-top: 29px;
	}

	.responsive-menus.responsified.menu-lateral-toggled span.toggler,
	.responsive-menus.responsified.menu-links-toggled span.toggler {
		border: none;
	}

	#main {
		-webkit-box-shadow: none;
	}

	#content-wrapper {
		display: block;
	}

	/* Configurando o menu responsivo */
	.responsive-menus.responsified .block-menu {
	  display: none;
	  box-shadow: 2px 2px 2px #000;
	}
	
	.responsive-menus.responsified.menu-lateral-toggled .block-menu,
	.responsive-menus.responsified.menu-lateral-toggled .block-menu ul {
	  display: block;
	}

	.responsive-menus.responsified.menu-lateral-toggled.absolute .block-menu {
	  position: absolute;
	  z-index: 999;
	  top: auto;
	}

	/* Definindo o tamanho e estilo dos itens de menu */
	.region-sidebar-first .responsive-menus.responsified .block-menu {
		width: 285px;
		max-width: 285px;
	}

	/* Definindo estilo do menu responsivo */
	.region-sidebar-first .responsive-menus.responsified span.toggler {
		width: 96px;
		padding-top: 2.9px;
		height: 29px;
		border-radius: 5px 5px 0px 0px;
		border: solid 2px #051034;
		border-bottom: none;
		background: #004B82;
		background: -moz-linear-gradient(top, #154675 0%, #053666 100%);
		background: -ms-linear-gradient(top, #154675 0%, #053666 100%);
		background: -o-linear-gradient(top, #154675 0%, #053666 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154675), color-stop(1, #053666));
		background: -webkit-linear-gradient(top, #154675 0%, #053666 100%);
		background: linear-gradient(top, #154675 0%, #053666 100%);
		background: linear-gradient(#154675, #053666);
	}

	#block-menu-menudeconteudo {
		margin: 0 0 0 2px;
	}
	
	.responsive-menus.responsified .block-menu .content li ul li {
		padding-left: 0;
	}

	.region-sidebar-first .responsive-menus.responsified .block-menu .content li:last-child {
		margin-bottom: 0px;
	}

	.region-sidebar-first .responsive-menus.responsified.menu-lateral-toggled .block-menu .content, 
	.responsive-menus.responsified.menu-lateral-toggled .block-menu .content ul {
		background-color: #FFF;
	}
	
	#block-menu-menudeconteudo  ul li.expanded ul {
		display: block;
	}
	
	#block-menu-menudeconteudo ul li.collapsed ul {
		display: none;
	}

	.region-sidebar-first .responsive-menus.responsified .block-menu .content li ul li a {
		padding: 6px 18px 6px 12px;
		font-size: 14px;
	}

	.region-sidebar-first .responsive-menus.responsified .block-menu .content li ul li ul li a {
		margin-left: 0px;
		padding: 6px 18px 6px 30px;
		font-size: 14px;
    	font-weight: normal;
	}

	.responsive-menus.responsified .block-menu .contextual-links-wrapper.contextual-links-processed ul {
		display: none;
	}
	
	.responsive-menus.responsified {
		clear: none;
		width: 100%;
	}

	/* definindo margin-top para os titulos de pagina */
	h1.title {
		margin-top: 4px;
	}
	
	/* Colocando conteudo para a esquerda */
	.sidebar-first #content .section {
		margin: 30px 2% 8px 2%;
		padding: 0 0 62px 0;
	}

	.responsive-menus.responsified span.toggler {
		display: block;
		padding: 0;
		box-shadow: none;
	}
	
	.responsive-menus.responsified span.toggler .hamburger-menu {
		border-top: 12px double #FFF;
		border-bottom: 4px solid #FFF;
		width: 23px;
		height: 4px;
		display: block;
		float: left;
		margin: 2px 0 0 7px;
	}
	.responsive-menus.responsified span.toggler .texto-menu-responsivo {
		font-size: 20px;
	}

	/* Css de tabela */
	.region-content .content table {
		width: auto !important;
   		max-width: 100% !important;
	}

	.region-content .content table tr td {
		padding: 6px 2px 6px 2px;
		word-break: break-word;
	}

	.region-content .content table tr img {
		max-width: 300px;
		height: auto !important;
	}
}


@media only screen and (min-width: 320px) and (max-width: 360px) {
	/* Tamanho max de uma imgem em uma tabela */
	.region-content .content table tr img {
		max-width: 120px;
	}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
	/* Tamanho max de uma imgem em uma tabela */
	.region-content .content table tr img {
		max-width: 160px;
	}
}

/************ Bloco noticias ************/
@media only screen and (min-width: 320px) and (max-width: 480px) { 
	#main #content .section {
    	float: left;
    	width: 96%;
	}
}

@media only screen and (min-width: 481px) {
	/* Ajustando as noticias */
	#main #content .section {
    	float: left;
    	width: 96%;
	}
}

/* Ajustando conteudo com o menu lateral esquerdo */
@media only screen and (min-width: 769px) {
	#main #content .section {
    	width: 73%;
    	min-height: 300px;
	}

	.region-sidebar-first {
		width: 23%;
	}

	.sidebar-first #content .section {
		margin: 8px 0 8px 24.2%;
		padding: 0 1.2% 62px 1.2%;
	}

	.jcarousel-skin-ufes .jcarousel-container-horizontal, .jcarousel-skin-ufes .jcarousel-container-horizontal .jcarousel-clip-horizontal {
		width: 100%;
	}

	/* Corrigindo erro do menu responsivo */
	.toggler {
		display: none !important;
	}

	.responsive-menus.absolute {
		max-width: 100%;
	}
}

/************ Região footer ************/
@media only screen and (min-width: 320px) and (max-width: 894px) {
	.region-footer .content .footermap {
		margin: 0 5% 0 10%;
		width: auto;
	}

	.region-footer .content #footermap-col-menu--none- {
	 	margin: 25px 0 0 0;
	 	padding: 0px;
	 	width: 100%;
    	float: left;
	}

	.region-footer .content .footermap-col .footermap-col {
		margin: 10px 15px 10px 0;
		float: left;
		min-width: 110px;
	}
	
	.region-footer div.block.block-block {
		width: 100%;
	}
}

/************ Rodapé ************/
@media only screen and (min-width: 320px) and (max-width: 894px) {
	/* Ajustando o rodapé para todos os dispositivos portateis. */
	.region-bottom .block {
		width: 100%;
		margin: 0;
	}

	div.region-bottom {
		min-width: 300px;
		margin: 0;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	/* Ajustando as imagens do rodapé */
	.view-display-id-bloco_logo_obrigatorio .views-row{
		margin: 4px 3% 0 3%;
	}

	.region-bottom img {
		max-width: 300px;
	}

	#main .region.region-inner-footer {
		clear: both;
	}
}

/************ CSS cardapio ************/
@media only screen and (min-width: 320px) and (max-width: 768px) {
	#block-views-cardapio-cardapio {
		margin: 0px;
		position: absolute;
		left: 116px;
	}

	#block-views-cardapio-cardapio h2.block-title,
	#block-views-cardapio-cardapio .toggler .hamburger-menu,
	#block-views-cardapio-cardapio .toggler .texto-menu-responsivo {
		display: none;
	}

	#block-views-cardapio-cardapio .toggler .texto-cardapio-responsivo {
		display: block;
		font-size: 20px;
	}

	#block-views-cardapio-cardapio div.content {
		padding: 2px;
		background: white;
		width: 169px;
		display: none;
		box-shadow: 2px 2px 2px #000;
	}

	#block-views-cardapio-cardapio .cardapio-toggled div.content {
		display: block;
		position: absolute;
   		z-index: 999;
		width: 182px;
	}

	#block-views-cardapio-cardapio .view-cardapio {
		padding-bottom: 5px
	}
	
	#block-views-cardapio-cardapio .cardapio-toggled div.content .view-cardapio {
		border: none;
	}

	.responsive-menus.responsified .texto-cardapio-responsivo {
		display: none;
	}
}

/*************************** Css Portal UFES ***************************/
.sidebar-second #region-header-wrapper.field-search-open .region-header div.block-superfish {
	opacity: .2;
    transition: opacity .3s;
}

/**/
.sidebar-second .item-list .pager {
	margin-top: 1.5em;
}

/* Conteudo */
.sidebar-second div.ddblock-cycle-upright30p div.container.clearfix {
	width: 100%;
}

.sidebar-second #content-wrapper .region-sidebar-second {
	width: 26%;
}

/* Margin acesso rapido */
.sidebar-second .block.block-block.acesso-rapido div.content {
	margin: 0 auto 0 auto;
}

/* Banner Portal UFES */
.sidebar-second .region-sidebar-second .block.banner {
	margin-bottom: 12.2px;
}

.sidebar-second .banner .content img {
	width: 100% !important;
	max-width: 212px;
}

/* links UFES */
@media only screen and (min-width: 851px) {
	.sidebar-second #header-wrapper .region-header div.block-superfish {
		position: relative;
		left: 159px;
		margin: 0;
		z-index: 7;
	}
}

/* Setas carousel ufes */
@media only screen and (min-width: 769px) {
	.sidebar-second #ddblock-2 .pager-slide.prev-container.prev-container-bottom {
/*		float: right;
		position: relative;
		top: 173px;
	    left: 291px;
*/
display:none;
	}

	div.ddblock-cycle-upright30p div.custom-pager{
		position:relative !important;
	}

	.sidebar-second #ddblock-2 .pager-slide.next-container.next-container-bottom {
/*		float: right;
		position: relative;
		top: 174px;
		left: 363px;
*/
display:none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
   div.ddblock-cycle-upright30p div.custom-pager {
	position: absolute ;
	float: left;
	top: 0;
   }
}


@media only screen and (min-width: 481px) and (max-width: 768px) {
	.sidebar-second #main {
		margin: 0 10px 55px 10px;
	}

	.sidebar-second #content-wrapper .region-sidebar-second {
		width: 32%;
	}

	.sidebar-second #main #content .section {
		width: 68%;
	}
	.sidebar-second .region-sidebar-second .block.banner {
	    margin-bottom: 2.2px;
	}

	.sidebar-second .banner .content img{
		height: auto;
	}
}

@media only screen and (min-width: 320px) and (max-width: 850px) {
	/* Responsive menus */
	.sidebar-second #region-header-wrapper #superfish-1 {
		display: none;
	}

	.sidebar-second #region-header-wrapper .responsive-menus .toggler .hamburger-menu {
		margin: 5px 0 0 0;
		float: right;
		border-top: 15px double #FFF;
		border-bottom: 5px solid #FFF;
		height: 5px;
		width: 23px;
	}

	.sidebar-second #region-header-wrapper.field-search-open .responsive-menus .toggler .hamburger-menu {
		opacity: .3;
	}

	.sidebar-second #region-header-wrapper .responsive-menus.responsified {
 		width: 24px !important;
 		height: 36px;
 		margin: 0 8px 0 0;
 		float: right;
 		clear: none;
 		width: 100%;
	}
	
	.sidebar-second #region-header-wrapper .responsive-menus.responsified .toggler {
		border: none;
		display: block !important;
    		padding: 0;
    		box-shadow: none;
	}

	.sidebar-second #region-header-wrapper #block-superfish-1 {
		float: right;
		margin: 0px;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 {
		display: block;
		width: 210px !important;
		max-width: 210px;
		background: black;
		position: relative;
		top: 5px;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li {
		background: -webkit-linear-gradient(top, #154676 0%, #053666 100%);
		width: 210px !important;
		max-width: 210px;
		margin: 0px;
	    padding: 0px;

		border-right: 1px solid #FFFFFF;
	    line-height: 140%;
	    display: inline-block;
	    -moz-box-shadow: inset 2px 1px 4px #071828;
	    -webkit-box-shadow: inset 2px 1px 4px #071828;
	    box-shadow: inset 2px 1px 4px #071828;
	    background: #053666;
	    background: -moz-linear-gradient(left, #154676 0%, #053666 100%);
	    background: -ms-linear-gradient(left, #154676 0%, #053666 100%);
	    background: -o-linear-gradient(left, #154676 0%, #053666 100%);
	    background: -webkit-gradient(linear, top left, top bottom, color-stop(0, #154676), color-stop(1, #053666));
	    background: -webkit-linear-gradient(top, #154676 0%, #053666 100%);
	    background: linear-gradient(left, #154676 0%, #053666 100%);
	    -pie-background: linear-gradient(#154676, #053666);
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li a { 
		padding: 6px 4px 6px 6px;
		margin: 0px;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li.sfHover {
		background: none repeat scroll 0 0 #051034;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li ul li a { 
		padding: 6px 4px 6px 16px;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li ul li ul li a { 
		padding: 6px 4px 6px 26px;
	}
	
	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li ul {	
		position: initial !important;
		width: 100% !important;
	}	

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li ul.sf-hidden {
		display: none !important;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 .sf-with-ul {
		cursor: pointer;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 span.sf-sub-indicator {
		background: url(../../../../libraries/superfish/images/arrows-ffffff.png) no-repeat -10px -100px;
	}

	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li.sf-depth-1.sfHover a.sf-depth-1 span.sf-sub-indicator,
	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li.sf-depth-2.sfHover a.sf-depth-2 span.sf-sub-indicator,
	.sidebar-second #region-header-wrapper .responsive-toggled #superfish-1 li.sf-depth-3.sfHover a.sf-depth-3 span.sf-sub-indicator {
		background: url(../../../../libraries/superfish/images/arrows-777777.png) no-repeat -10px -100px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	/* Setas Carrousel */
	.sidebar-second #ddblock-2 .pager-slide.prev-container.prev-container-bottom a.prev {
		background-image: url(../../custom/modules/ddblock/upright30p/images/prev.png) !important;
	}

	.sidebar-second #ddblock-2 .pager-slide.next-container.next-container-bottom a.next {
		background-image: url(../../custom/modules/ddblock/upright30p/images/next.png) !important;
	}
	
	/* Acesso rapido */
	.sidebar-second #content-wrapper .region-sidebar-second .acesso-rapido div.content {
		width: 135px;
	}
	
	/* Carrossel portal UFES */
	.sidebar-second .region-content .block-ddblock {
		padding: 10px 0 0 0;
    	margin-bottom: 38px;
	}

	.sidebar-second #ddblock-2 .container.clearfix #ddblock-custom-pager-2 .custom-pager-item-inner img {
		display: none !important;
	}

	.sidebar-second div.ddblock-cycle-upright30p div.slider.clearfix {
		width: 100%;
	}

	.sidebar-second div.ddblock-cycle-upright30p .container.clearfix div.slider .slider-inner.clearfix.ddblock-processed div.slide.clearfix {
		width: 100% !important;
	}

	.sidebar-second div.ddblock-cycle-upright30p .container.clearfix div.slider .slider-inner.clearfix.ddblock-processed div.slide.clearfix img {
		width: 100%;
	}

	.sidebar-second div.ddblock-cycle-upright30p .container.clearfix div.slider .slider-inner.clearfix.ddblock-processed div.slide.clearfix	.slide-text.slide-text-horizontal.slide-text-bottom {
		width: 100%;
	}

	.sidebar-second div.ddblock-cycle-upright30p .custom-pager-item-inner a {
		width: 100% !important;
		padding: 0 !important;
	}

	.sidebar-second div.ddblock-cycle-upright30p .custom-pager-item-inner a span.pager-text-wrap {
		width: 100% !important;
		padding-left: 10px;
	}

	.sidebar-second #ddblock-custom-pager-2 {
		width: 100%;
		height: 0px;
	}

	.sidebar-second div.ddblock-cycle-upright30p .custom-pager-item {
		width: 100% !important;
		position: relative;
		top: 223px;
	}
	
	.sidebar-second div.ddblock-cycle-upright30p .custom-pager-item .custom-pager-item-inner {
		width: 100% !important;
	}

	.sidebar-second .custom-pager-item {
		display: none;
	}

	.sidebar-second .custom-pager-item.active-pager-item {
		display: block;
	}

	/* Estilo e posicão botão next e prev */
	.sidebar-second #ddblock-2 .pager-slide.prev-container.prev-container-bottom {
		float: left;
		position: relative;
	    top: -134px;
	    left: 0px;
	    right: 0px;
	}

	.sidebar-second #ddblock-2 .pager-slide.next-container.next-container-bottom {
    	float: right;
    	position: relative;
    	top: -134px;
    	left: 0px;
    	right: 0px;
	}

	/* Imagem Carousel portal */
	.sidebar-second #content-wrapper #content #ddblock-2 .slide-inner a img {
		max-width: 300px;
	}

	.sidebar-second #ddblock-custom-pager-2 .custom-pager-inner.clear-block {
		height: 0px;
	}

	.sidebar-second #ddblock-2 .slider .ddblock-processed .slide div.slide-inner.clearfix {
	    width: 100%;
   		margin: auto;
    	max-width: 300px;
   	}

   	.sidebar-second #ddblock-2 div.container-inner.clearfix div.slider.clearfix div.slider-inner.clearfix {
		background: #F5F5F5 !important;
   	}

   	/* Margins de conteudo */
   	.sidebar-second #main #content-wrapper .region-sidebar-second .section {
		margin: 15px 0 0 10px
	}

	.sidebar-second #main #content .section {
		padding: 0px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
	.sidebar-second #content-wrapper .region-sidebar-second {
		width: 34%;
	}

	.sidebar-second #main #content .section {
		padding: 0px;
    		width: 66%;
	}
	
	.sidebar-second #content-wrapper .region-sidebar-second .acesso-rapido div.content {
		width: 120px;
	}

	 imagem lateral
	.sidebar-second .region-sidebar-second img {
		max-width: 100%;
	}

	.sidebar-second .banner .content img{
		height: auto;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.sidebar-second #main {
		margin: 55px 10px 55px 10px;
	}

	.sidebar-second #main #content {
		margin: 0;
		display: block;
	}

	.sidebar-second #main #content-wrapper .region-sidebar-second {
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
	.sidebar-second #main #content-wrapper .region-sidebar-second .section {
	    margin: 0;
	    width: 100%;
	}
	
	.sidebar-second #main #content .section {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}

	.sidebar-second #main #content .section div.region.region-content {
		padding: 0px;
	}

	.sidebar-second #content-wrapper .region-sidebar-second .acesso-rapido div.content {
		width: 250px;
	}

        .sidebar-second .banner {
		background: #f5f5f5;
    	padding: 5px 0;
	}
}

/* Carrousel portal UFES */
@media only screen and (min-width: 769px) and (max-width: 894px) {
	.sidebar-second #ddblock-2 .clearfix div.slider {
		width: 45% !important;
	}
	
	.sidebar-second #ddblock-2 .clearfix div.slider div.slide {
		width: 100% !important;
	}

	.sidebar-second #ddblock-2 .clearfix div.slider div.slide div.slide-inner a img {
		width: 100%;
	}

	.sidebar-second #ddblock-custom-pager-2 {
		width: 55%;
	}

	.sidebar-second #ddblock-custom-pager-2 .custom-pager-inner .custom-pager-item {
		width: 100%;
	}

	.sidebar-second #ddblock-custom-pager-2 .custom-pager-inner .custom-pager-item .custom-pager-item-inner {
		width: 100%;
	}

	.sidebar-second #ddblock-custom-pager-2 .custom-pager-inner .custom-pager-item .custom-pager-item-inner a.pager-link {
	    width: initial;
    }

    .sidebar-second #ddblock-2 .pager-slide.prev-container.prev-container-bottom {
		left: 36%;
    }

	.sidebar-second #ddblock-2 .pager-slide.next-container.next-container-bottom {
		left: 53%;
	}
}

/* Laços Portal UFES */
.sidebar-second #region-header-wrapper .lacos-ufes {
	margin: 0px;
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	z-index: 2;
    	top: -20px;
	left: -10px;
}

.sidebar-second #region-header-wrapper .lacos-ufes .content img {
	width: 50px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
/*	.sidebar-second #region-header-wrapper .lacos-ufes {
		top: 0px;
    	left: 112px;
	}

	.sidebar-second #region-header-wrapper .lacos-ufes .content img {
		width: 42px;
	}*/
}

/* Estilo botões nex e prox do carrossel ufes */
.sidebar-second #ddblock-2 .pager-slide.prev-container.prev-container-bottom a.prev {
    background-image: url('../../images/setas.png') !important;
    background-repeat: no-repeat;
    background-position: -5px -3px !important;
    background-size: 40px !important;
    width: 33px;
    height: 60px;
}

.sidebar-second #ddblock-2 .pager-slide.next-container.next-container-bottom a.next {
	background-image: url('../../images/setas.png') !important;
	background-repeat: no-repeat;
    background-position: 0px -66px !important;
    background-size: 40px !important;
    width: 33px;
    height: 60px;
}

/* Configurando a região social */
.sidebar-second #social-ufes {
    margin: -75px 0 0 0;
    width: 100%;
    color: white;
    float: right;
}

.sidebar-second #social-ufes .region-social {
	float: right;
}

/* Css icons Social Field */
.sidebar-second .social-links i.icon {
	background: none;
}

.sidebar-second .social-links i.icon:before {
	background: rgba(21, 70, 118, 0.9);
	border-radius: 6px;
	font-size: 20px;
	height: 24px;
	width: 28px;
	padding: 4px 0 0 0;
	text-align: center;
	margin: 0 4.5px;
}

.sidebar-second .social-links .item-list ul li {
	margin: 0px !important;
}

.sidebar-second .social-links .item-list .field-items {
	height: 36px;
	overflow: visible;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.sidebar-second #social-ufes {
		margin: 0 0 -53px 0;
	}
}

/* Tv ufes */
.sidebar-second .region-content .tv-ufes {
	float: left;
	width: 66.5%;
	height: 256px;
    	background: #F5F5F5;
}

.sidebar-second .region-content .tv-ufes .tv-ufes-player {
    background: black;
    margin: 11px auto 0 auto;
    width: 94% !important;
    height: 194px !important;
}

/* Radio ufes */
.sidebar-second .region-content .radio-ufes {
    float: right;
    padding: 0 0 0 2%;
    width: 31.5%;
}

.sidebar-second .region-content .radio-ufes .content {
	background: #F5F5F5;
	padding: 10px 10px 14px 10px;
}

.sidebar-second .region-content .radio-ufes .content .logo-radio {
	background: url('../../images/logo-radio-ufes.png') no-repeat center;
        height: 172px;
}

.sidebar-second .region-content #MusesRadioPlayer-HTML5-player-0 {
	margin: 0 auto;
}

@media only screen and (min-width: 769px) and (max-width: 880px) {
	/* Tv ufes */
	.sidebar-second .region-content .tv-ufes {
	    width: 62%;
	}

	/* Radio ufes */
	.sidebar-second .region-content .radio-ufes {
    	width: 36%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	/* Tv ufes */
	.sidebar-second .region-content .tv-ufes {
		width: 100%;
	}

	/* Radio ufes */
	.sidebar-second .region-content .radio-ufes {
		width: 100%;
		padding: 0;
		height: auto;
	}

	.sidebar-second .region-content .radio-ufes .content .logo-radio {
		max-width: 300px;
		max-height: 116px;
		margin: 0 auto;

	}

	div.ddblock-cycle-upright30p div.pager-slide {
	    width: 33px !important;
	}	
}

/* Modulo do youtube */
.sidebar-second .region-content .tv-ufes-youtube {
	float: left;
	width: 61.5%;
	height: 219px;
        background: #F5F5F5;
}

.sidebar-second .region-content .tv-ufes-youtube .youtube-field-player {
	display: block;
	background: black;
        margin: 11px auto 0 auto;
        width: 94% !important;
        height: 194px !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	/* Tv ufes */
	.sidebar-second .region-content .tv-ufes-youtube {
		width: 100%;
	}
}
