*{

	max-width: 100%;

	font-family: 'Alegreya Sans', sans-serif;

}

body{

	margin:0px !important;

}

.blocks{

    display: inline-block;

    max-width: 100%;

    width: 100%;

	box-sizing: border-box;

}

.blocks .right,.blocks .left{

    display: inline-block;

    width: 100%;

    min-height: 593px;

	max-height:100%;

    width: 100%;

}

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

	.blocks .content-center .extra{

		float:none;

	}

	.blocks *:not(.content-center,.extra li a){

		float:left !important;

	}

	.blocks .right, .blocks .left {

		display: inline-block;

		width: 100%;

		min-height: 593px;

		max-height: initial !important;

		width: 100%;

	}

}

@media screen and (min-width:1200px)

{

	.blocks .right,.blocks .left{

		height:640px;

	}

}



.blocks .title-center{

	border-left: 4px solid #ffffff;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 44px;

    width: 91%;

}

.blocks .title-center h2

{

	color: #ffffff;

    float: left;

    font-size: 29px;

    font-weight: bold;

    margin: 0;

    padding-left: 28px;

    width: 100%;

}

.blocks .title_bar{

	float: left;

    height: 119px;

    position: relative;

    width: 100%;

    overflow: hidden;

}

.blocks .title_bar .title{

	background-position: center -57px;

    background-size: 100% auto;

    height: 119px;

    opacity: 0.6;

    position: absolute;

    right: 2%;

    width: 351px;

}

/*top bars && title bars*/

.blocks .top_line{

    height: 4px;

    margin-bottom: 25px;

    margin-top: 50px;

    width: 54px;

}




/*title bar colors*/

.blocks.green .top_line,.blocks.green .title_bar{	background-color: #51ab32;}

.blocks.blue .top_line,.blocks.blue .title_bar{	background-color: #2287cd;}

.blocks.violet .top_line,.blocks.violet .title_bar{	background-color: #b41f55;}

.blocks.orange .top_line,.blocks.orange .title_bar{	background-color: #ec6408;}

.blocks.purple .top_line,.blocks.purple .title_bar{	background-color: #3b3189;}

.blocks.red .top_line,.blocks.red .title_bar{	background-color: #dc3c3c;}

.blocks.yellow .top_line,.blocks.yellow .title_bar{	background-color: #f1a900;}

/*borders*/

.blocks.green{border-left: #51ab32 10px solid;}

.blocks.blue{border-left: #2287cd 10px solid;}

.blocks.violet{border-left: #b41f55 10px solid;}

.blocks.orange{border-left: #ec6408 10px solid;}

.blocks.purple{border-left: #3b3189 10px solid;}

.blocks.red{border-left: #dc3c3c 10px solid;}

.blocks.yellow{border-left: #f1a900 10px solid;}

/*title bar images*/

.blocks.green .title_bar .title{background-image: url('img/Research Scientific Organisations.png');}

.blocks.blue .title_bar .title{background-image: url('img/Technology Infrastructures.png');}

.blocks.orange .title_bar .title{ background-image: url('img/DC&T Infrastructures.png');}

.blocks.purple .title_bar .title{ background-image: url('img/Higher Education Insitutes.png');}

.blocks.red .title_bar .title{ background-image: url('img/Public and Private Organizations, Management, Home and C & T, Acceptance and Appreciation.png');}

.blocks.yellow .title_bar .title{ background-image: url('img/Funding schemes and legal framework.png');}

/*content*/

.blocks .right .content{

	float: left;

}

.blocks .right .image{

    float: right;

}

.blocks .left .image{

    float: left;

}

.blocks .left .content{

	float: right;

}

.blocks .content .content-center{

	left: 0;

    margin: 0 auto;

    position: relative;

    right: 0;

    width: 80%;

}

.blocks .content .content-center .titulo-block {

    color: #343434;

    float: left;

    font-size: 35px;

    width: 100%;

}

.blocks .content .content-center .descricao-block{

	color: #353535;

    float: left;

    font-size: 14px;

    margin-bottom: 40px;

    margin-top: 40px;

    width: 100%;

}

.blocks .content .content-center .extra {

    float: left;

    padding: 0;

    width: 100%;

}

.blocks .content .content-center .extra > li {

    float: left;

    font-size: 14px;

    list-style: outside none none;

    width: 50%;

}

.blocks .content .content-center .extra img {

    position: relative;

    top: 10px;

    height: auto;

    width: 40px;

}



.blocks .content .content-center .extra > li a {

    color: #353535;

    text-decoration: none;

}

.blocks .content .content-center .logo-empresa > img {

    max-width: 180px;

}



/*respinsive*/

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

	

	.blocks .image{

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 300px;

		width: 100%;

	}

	.blocks .content{

		/*min-height: 100%;*/

		width: 100%;

	}

}

@media screen and (max-width:1199px)

{

	.blocks .content .content-center .extra > li {

		float: left;

		font-size: 14px;

		list-style: outside none none;

		width: 100%;

	}

}

@media screen and (max-width:1199px) and (min-width:876px){

	.blocks .image{

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 60%;

		min-height: 592px;

	}

	.blocks .content{

		min-height: 100%;

		width: 40%;

	}

}

@media screen and (min-width:1200px)and (max-width:1399px){

	.blocks .image{

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 60%;

	}

	.blocks .content{

		min-height: 100%;

		width: 40%;

	}

}

@media screen and (min-width:1400px){

	

	.blocks .image{

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

		height: 100%;

		width: 60%;

	}

	.blocks .content{

		min-height: 100%;

		width: 40%;

	}

}

/*

menu mobile:

border-left: #51ab32 10px solid;

box-sizing: border-box;

*/



/*menu*/

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

	header {

		height: 90px;

	}

}

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

	header {

		height: 208px;

	}

	header {

		background-color: #ffffff;

		box-shadow: 0 -3px 15px #000000;

		float: left;

		height: 110px;

		position: fixed;

		width: 100%;

		z-index: 10;

	}

}

header {

	background-color: #ffffff;

	box-shadow: 0 -3px 15px #000000;

	float: left;

	height: 110px;

	position: fixed;

	width: 100%;

	z-index: 10;

}

@media screen and (min-width: 961px){

	.menu_ul_mob {

		display: none;

	}

}

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

	.menu_ul {

		display: none;

	}

	header{

		height: 91px !important;

	}

}



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

	.menu {

		width: 100% !important;

	}

}

.menu {

	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	width: 80%;

}





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

	.logo {

		margin-right: 0;

		text-align: center;

		width: 100%;

	}

}

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

	.logo {

		float: left;

		margin-right: 25px !important;

		margin-top: 8px;

	}

}





.logo {

    float: left;

    margin-right: 150px;

    margin-top: 8px;

}



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

		

	.logo img {

		display: block;

		margin-left: 50% !important;

		transform: translateX(-50%);

	}

}

@media screen and (max-width: 959px)

{

	.logo_big_screen {

		display: none !important;

	}

}



@media screen and (max-width: 960px)

{

	.menu_ul{

		display: none;

	}

}

@media screen and (max-width: 1400px)

{

	.menu_ul {

		border-top: 1px solid #cecece;

		margin-top: 5px;

		width: 100%;

	}

	.menu_ul {

		float: left;

		padding: 0;

		width: 960px;

			

		margin-left: 50%;

		transform: translateX(-50%);

	}

}



@media screen and (max-width: 960px)

{

	.menu_ul_mob {

		background-image: url("img/mob.jpg");

		cursor: pointer;

		height: 40px;

		position: absolute;

		right: 10px;

		top: 25px;

		width: 47px;

	}

}

@media screen and (max-width: 1400px)

{

	.nav {

		float: none;

		margin: 0 auto;

		padding: 0;

		width: 960px;

		margin-top: 35px;

	}

}

@media screen and (max-width: 1560px)

{

	.nav li {

		border-left: 4px solid #ffffff;

		float: left;

		height: 55px;

		list-style: outside none none;

		margin-right: 10px;

		padding-left: 5px;

	}

}

@media screen and (max-width: 1400px)

{

	header {

		height: 135px;

	}

}

.no-displayed {

    visibility: hidden;

    position: relative;

}

.nav li {

    border-left: 4px solid #ffffff;

    float: left;

    height: 55px;

    list-style: outside none none;

    margin-right: 18px;

    padding-left: 5px;

}



.nav li a {

    color: #363636;

    float: left;

    font-size: 14px;

    height: 100%;

    text-decoration: none;

    width: 100%;

}

.blocks .title_bar .title-center br{display:none !important;}

.blocks.green{border-left: #51ab32 10px solid;}

.blocks.blue{border-left: #2287cd 10px solid;}

.blocks.violet{border-left: #b41f55 10px solid;}

.blocks.orange{border-left: #ec6408 10px solid;}

.blocks.purple{border-left: #3b3189 10px solid;}

.blocks.red{border-left: #dc3c3c 10px solid;}

.blocks.yellow{border-left: #f1a900 10px solid;}

.nav li:hover{cursor: pointer;}

.nav li.green:hover, .nav li.green.active  {border-left: 4px solid #51ab32;}

.nav li.blue:hover, .nav li.blue.active {border-left: 4px solid #2287cd;}

.nav li.violet:hover, .nav li.violet.active {border-left: 4px solid #b41f55;}

.nav li.orange:hover, .nav li.orange.active {border-left: 4px solid #ec6408;}

.nav li.purple:hover, .nav li.purple.active {border-left: 4px solid #3b3189;}

.nav li.red:hover, .nav li.red.active {border-left: 4px solid #dc3c3c;}

.nav li.yellow:hover, .nav li.yellow.active {border-left: 4px solid #f1a900;}



.nav {

    float: left;

    margin: 10px 0 0;

    padding: 0;

    width: 960px;

}





@media screen and (min-width:1400px) and (max-width:1499px){

	.logo {

		float: left;

		margin-right: 17px !important;

		margin-top: 8px;

	}

}









.slide {

    /* background-image: url("img/slide1.png"); */

    background-position: center center;

    background-size: cover;

    float: left;

    height: 100%;

    width: 100%;

}

.slide .descricao {

		bottom: 50px;

		left: 0;

		margin: auto;

		position: absolute;

		right: 0;

		width: 91%;

	}

.slide .descricao .titulo {

    color: #ffffff;

    float: left;

    font-size: 35px;

    font-weight: bold;

    width: 100%;

}

@media screen and (max-width: 1200px)

{

	.subtitulo {

		font-size: 19px !important;

	}

	.descricao .titulo {

		font-size: 26px !important;

	}

}

.subtitulo {

	color: #ffffff;

	float: left;

	font-size: 30px;

	width: 100%;

}

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

	h2 {

		font-size: 26px !important;

	}

}



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

	.slideshow {

		float: left;

		height: 405px;

		margin-top: 90px;

		position: relative;

		width: 100%;

	}

}

.slideshow {

    float: left;

    height: 523px;

    margin-top: 110px;

    position: relative;

    width: 100%;

}

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





.slideshow {

    float: left;

    height: 523px;

    margin-top: 90px;

    position: relative;

    width: 100%;

}



#title5 .title-center {

    top: 30px;

}



.menu_ul_mob  {

    background-image: url("img/mob.jpg");

    cursor: pointer;

    height: 40px;

    position: absolute;

    right: 10px;

    top: 25px;

    width: 47px;

}

.menu_ul_mob:not(.show) .menu-mobile{

	display:none;

}

.menu_ul_mob.show .menu-mobile{

	display:block;

}



.menu-mobile > li:last-child {

    padding-bottom: 38px;

}



.menu-mobile {

    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    margin: 0;

    overflow-y: auto;

    padding: 13px 0 0;

    position: fixed;

    text-align: center;

    top: 0;

    width: 100%;

	box-sizing: border-box;

}



.menu-mobile a {

    color: #ffffff;

    font-size: 17px;

    font-weight: regular;

	/*alterations by tiago*/

    padding-bottom: 25px;

    padding-top: 25px;

	display:block;

}

.menu-mobile >li.green{border-left: #51ab32 10px solid;}

.menu-mobile >li.blue{border-left: #2287cd 10px solid;}

.menu-mobile >li.violet{border-left: #b41f55 10px solid;}

.menu-mobile >li.orange{border-left: #ec6408 10px solid;}

.menu-mobile >li.purple{border-left: #3b3189 10px solid;}

.menu-mobile >li.red{border-left: #dc3c3c 10px solid;}

.menu-mobile >li.yellow{border-left: #f1a900 10px solid;}

/**/

.menu-mobile >li.green.active a{font-weight: bold;}

.menu-mobile >li.blue.active a{font-weight: bold;}

.menu-mobile >li.violet.active a{font-weight: bold;}

.menu-mobile >li.orange.active a{font-weight: bold;}

.menu-mobile >li.purple.active a{font-weight: bold;}

.menu-mobile >li.red.active a{font-weight: bold;}

.menu-mobile >li.yellow.active a{font-weight: bold;}



.menu-mobile > li {

    border-bottom: 1px solid #ffffff;

    list-style: outside none none;

	/*alterations by tiago*/

    padding-bottom: 0px;

    padding-top: 0px;

}



}

/*criado por tiago :P*/

.slideshow{

	overflow: hidden;

}

.slideshow .slide:not(.active){

	visibility:hidden;

	opacity:0;

}

.slideshow .slide.active{

	visibility:visible;

	opacity:1;

}

.slideshow .slide{

	transition: all 2s ease-in-out 0s;

    -webkit-transition: all 2s ease-in-out 0s;

    -moz-transition: all 2s ease-in-out 0s;

    -o-transition: all 2s ease-in-out 0s;

	position:absolute;

}

.slideshow .slide.activating{

	visibility:visible;

	opacity:1;

}



.slide_actions {

	z-index: 1;

    width: 100%;

    vertical-align: middle;

    position: absolute;

    top: 45%;

	filter: drop-shadow(1px 1px 4px #000);

	-webkit-filter: drop-shadow(1px 1px 4px #000);

	-moz-filter: drop-shadow(1px 1px 4px #000);

	-o-filter: drop-shadow(1px 1px 4px #000);

    /*transform: translateY(-50%);*/

}

.slide_actions a.slide_back {

    float: left;

    margin-left: 70px;

    background-image: url('img/seta_l.png');

    background-size: cover;

    background-position: 50% 50%;

}

.slide_actions a.slide_next:hover,.slide_actions a.slide_back:hover{

	height: 40px !important;

    width: 40px !important;

}

.slide_actions a.slide_next{

    float: right;

    margin-right: 70px;

    background-image: url('img/seta.png');

    background-size: cover;

    background-position: 50% 50%;

	transform: rotate(0deg);

}

.slide_actions a{

	cursor:pointer;

	height: 40px !important;

    width: 40px !important;

	transition: all .5s ease-in-out 0s;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

}

footer .left_menu{float:left;}

footer .right_menu{float:right;}

footer .right_menu{

	right:0;

	

}

footer .left_menu a {

    float: left;

    list-style: none;

    margin-left: 0px;

    margin-right: 20px;

    margin-top: 0em;

    margin-bottom: 1em;

	padding-top: 1em;

}

footer .right_menu .dev, footer .left_menu .dev 

{

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 0em;

    margin-bottom: 1em;

	padding-top: 1em;

}

footer .center_menu .dev{

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 0em;

    margin-bottom: 1em;

	padding-top: 1em;

}

footer .right_menu .dev img,footer .center_menu .dev img,footer .left_menu .dev img{height: 60px;margin-top: -30px;margin-bottom: -30px;}

footer>.left_menu, footer>.right_menu {

    display: inline-block;

}

footer hr {

    max-width: 90%;

    height: 2px;

    font-size: 10px;

    border: none;

    background-color: black;

    border-radius: 3px;

}

footer .controler {

    max-width: 80%;

    display: block;

    align-self: center;

    transform: translateX(-50%);

    left: 50%;

    position: absolute;

    width: 100%;

}

footer .copy{

	margin:40px 0px 20px 0px;

}

footer{

	float: left;

    display: block;

    width: 100%;

}

footer *{

	font-size: 14px;

}

@media screen and (max-width:959px)

{

	.logo_small_screen{

		display:block;

		margin-left: 50% !important;

		transform: translateX(-50%);

		max-width: 100px;

	}

	.logo_big_screen{

		display:none !important;

	}

}

@media screen and (max-width:1399px) and (min-width:960px) {

	    

	#logo img{

		margin-top: -7px;

		margin-bottom: -7px;

	}

}

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

	#logo img{

		display:block;

		margin-left: 50% !important;

		transform: translateX(-50%);

	}

	

}

@media screen and (min-width:960px)

{

	.logo_small_screen{

		display:none !important;

	}

	.logo_big_screen{

		display:block;

		max-width: 180px;

		margin-left: -50px;

		margin-right: -40px;

	}

}

.menu-mobile .close_resp_menu{

	padding-top: 15px;

    text-align: right;

    padding-right: 15px;

    padding-bottom: 20px;

}