/* 
#########################
HTML
##########################
*/
body {
	padding-top: 100px;
	background: url(../img/layout/body.jpg) center top repeat;
	font-family: 'Special Elite', Courier, monospace;
	}
@media all and (min-width: 768px) and (max-width:1199px) {
	body {padding-top: 150px;}
	}
@media all and (min-width: 1200px) {
	body {padding-top: 200px;}
	}
/* 
#########################
MENU & LOGO
##########################
*/
.navbar {
	background: url(../img/layout/body.jpg) center top no-repeat;
	box-shadow: 0 0 5px #333;
	margin-bottom: 0;
	}
.navbar-nav {
	transition:opacity 1s linear;
	}
.nav>li>a:hover, 
.nav>li>a:focus {
	background-color: transparent;
	}
.navbar-nav {
	text-align: center;
	float: none;
	}
.navbar-nav li a {
	font-size: 18px;
	text-transform: uppercase;
	background: none;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.5);
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.75);
	transition: all 0.25s ease-in-out 0s;
	}
.navbar-nav li a:hover {
	color: rgba(0, 0, 0, 1);
	}
.navbar-brand img {
	-webkit-transition: all .25s ease-in-out;
 	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
	border-radius: 50%;
	z-index: 99999;	
	}
.navbar-brand:hover img {
	box-shadow: 0 0 5px #000;
	}
.navbar-header {
	display: block;
	width: 100%;
	text-align: center;
	margin: 5px 0 0 20px;
	}
.navbar-toggle .icon-bar {
	background-color:#000;
	}	
/* all to 1199
---------------------------- */
@media all and (max-width: 1199px) {
	.navbar .container {
		background: url(../img/layout/box-header-970.png) center 20px no-repeat;
		background-size: 100%;
		height: 150px;
		}	
	.navbar-nav > li > a {
		padding-top:25px;
		}	
	.navbar-nav > li {
		float:none;
		display: inline-block;
		}
	.navbar-brand {
		width: 100%;
		height: 100px;
		margin-top: -15px;
		}
	.navbar-brand img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin-left:20px;
		}		
	}
/* except
---------------------------- */
@media all and (max-width: 768px)  {
	.navbar-toggle {
		background-color: #bce1c4;
		}
	.navbar .container {
		background: url(../img/layout/box-header-970.png) center 0 no-repeat;
		height: 100px;
		}
	.navbar-brand {
		margin-top: -75px;
		}
	.container>.navbar-collapse {
		background: url(../img/layout/body.jpg) center top repeat;
		max-height: 450px;
		margin-top: 20px;
		box-shadow: 0 4px 5px -5px #333;
		}
	.navbar-nav > li {
		float:none;
		display: block;
		padding-bottom: 10px;
		background:url(../img/layout/navbar-li.png) no-repeat center bottom transparent;
		}
	}
@media all and (min-width: 768px) and (max-width:991px) {
	.navbar-nav > li > a {
		font-size:14px;
		padding:25px 10px;
		}
	}
/* 1200
---------------------------- */
@media all and (min-width: 1200px) {
	.navbar .container {
		background: url(../img/layout/box-header.png) center 40px no-repeat;
		background-size: 1170px;
		height: 200px;
		}		
	.navbar-nav > li {
		float:none;
		display: inline-block;
		}
	.navbar-nav > li > a {
		padding-top:25px;
		}
	.navbar-brand {
		width: 100%;
		height: 145px;
		margin: 0;
		}
	.navbar-brand img {
		width: 150px;
		height: 150px;
		margin-left:20px;
		}
	}

/* 
#########################
BOX et al
##########################
*/
.jumbotron {
	padding-top: 0;
	padding-bottom:0;
	background-color: transparent;
	}
/* all to 1190 */
@media all and (max-width: 1199px) {
	}
/* 1200 */
@media all and (min-width: 1200px) {
	.jumbotron {
		/*background:  url(../img/layout/box-inside.jpg) repeat center 0 ;*/
		background-color: rgba(0, 0, 0, 0.15);
		padding-bottom: 0;
		margin-bottom: 0;
		}
	.jumbotron .container {
		padding: 0 145px;
		}
	#boxcontent-home,
	#boxcontent {
		background: url(../img/layout/box-filets.png) no-repeat center 0;
		background-size: 1168px;
		}
	#boxcontent-home .row,
	#boxcontent .row {
		padding: 0 65px;
		}
	}
/*
#########################
SLIDESHOW et al
##########################
*/
.fullwidthcontainer #myCarousel.carousel .item {
    max-height: 250px;
	}
.fullwidthcontainer .carousel .item img {
	margin:0 auto;
	}
.fullwidthcontainer .carousel .carousel-control {
    background: none;
    border: none;
    top: -15%;
}
@media (max-width: 767px) {
    .fullwidthcontainer {
    	margin-left: -20px;
     	margin-right: -20px;
    	}
	.fullwidthcontainer .carousel-caption {
		display:none;
		}
	}

/*
#########################
SLIDESHOW vertical
##########################
*/
body.noheader {
	padding-top:0;
	}
body.noheader #logotipo a.navbar-brand {
	float:none;
	padding: 0;
	}
body.noheader #logotipo a.navbar-brand img{
	padding:0;
	margin:0 0 20px 0;
	}	
body.noheader .jumbotron {
	background-color: transparent;
	}
body.noheader .carousel-caption {
	position: relative;
	}
body.noheader .carousel .item img {
	margin:0 auto 0 180px;
	-webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
	}	
body.noheader .carousel-caption p {
	font-size: 12px;
	color: #000;
	}
body.noheader .carousel-caption a{
	display: inline-block;
	color: #fff;
	padding: 2px 2px 0 2px;
	background-color: #000;
	text-shadow: none;
	text-transform: uppercase;
	}	
body.noheader .carousel.vertical .item {
	padding-top: 15px;
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
	}
body.noheader .carousel.vertical .active {
	top: 0;
	}
body.noheader .carousel.vertical .next {
	top: 400px;
	}
body.noheader .carousel.vertical .prev {
	top: -400px;
	}
body.noheader .carousel.vertical .next.left,
body.noheader .carousel.vertical .prev.right {
	top: 0;
	}
body.noheader .carousel.vertical .active.left {
	top: -400px;
	}
body.noheader .carousel.vertical .active.right {
	top: 400px;
	}
.carousel.vertical .item {
    left: 0;
	}
.glyphicon-chevron-left.downer {
	-webkit-transform: rotate(-90deg); 
	   -moz-transform: rotate(-90deg); 
	    -ms-transform: rotate(-90deg); 
	     -o-transform: rotate(-90deg);
	}
.glyphicon-chevron-right.upper {
	-webkit-transform: rotate(-90deg); 
	   -moz-transform: rotate(-90deg); 
	    -ms-transform: rotate(-90deg); 
	     -o-transform: rotate(-90deg);
	}
#instituicoes ul li {
	background-color:#fff;
	}
#instituicoes .resizeit:hover {
	-webkit-box-shadow: 0px 0px 7px -2px #000000;
       -moz-box-shadow: 0px 0px 7px -2px #000000;
            box-shadow: 0px 0px 7px -2px #000000;
		}
.carousel-inner>.item>img.hidder,
.carousel-inner>.item>a>img.hidder,
.hidder {
	width:400px;
	height:185px;
	background-size:contain;
	}

/* ---------------------------- */
@media all and (min-width: 1200px)  {
	body.noheader #logotipo {
		text-align: center;
		margin: -190px 60px 0 0;
		float:right;
		width: 200px;
		}
	body.noheader #logotipo .navbar-brand img{
		padding:0;
		margin:0;
		}		
	body.noheader.a {
		background: url(../img/layout/gallery_a.jpg) no-repeat center 20px;
		}
	body.noheader.b {
		background: url(../img/layout/gallery_b.jpg) no-repeat center 20px;
		}			
	body.noheader .fullwidthcontainer {
		width:1046px;
		height:710px;
		margin: auto
		}
	body.noheader #gallery {
		margin-top:235px;
		}		
	body.noheader .vertical .carousel-inner {
	 	height: 260px;
		width: 640px;
		}	
	body.noheader .carousel-caption {
		left: 185px;
		width: 380px;
		bottom: 0px;
		font-size: 12px;
		padding-top: 10px;
		}
	body.noheader .carousel-control.right {
		left: 620px;
		}
	#instituicoes {
		margin:50px 0 0 150px;
		}
	#instituicoes ul {
		width:420px;
		}		
	#instituicoes ul li {
		list-style:none;
		display: inline-block;
		padding:5px;
		margin: 5px;
		}
	#instituicoes .resizeit {
		width: 70px;
		}
	}
/* ---------------------------- */
@media all and (min-width: 870px) and (max-width:1199px) {
	body.noheader #logotipo {
		text-align: center;
		margin-right: 20px;
		float:right;
		width: 200px;
		margin-top: 10px;
		}
	body.noheader #logotipo .navbar-brand img {
		width: 150px;
		height: 150px;
		}		
	body.noheader.a {
		background: url(../img/layout/gallery_a_md.jpg) no-repeat center 35px;
		}
	body.noheader.b {
		background: url(../img/layout/gallery_b_md.jpg) no-repeat center 35px;
		}		
	body.noheader .fullwidthcontainer {
		width:800px;
		height:520px;
		margin: auto
		}
	body.noheader #gallery {
		padding-top:170px;
		width: 555px;
		}	
	body.noheader .carousel-inner {
		height:260px;
		}		
	body.noheader .carousel-caption {
		left: 125px;
		width: 300px;
		bottom: 0px;
		padding-right:-20px;
		font-size: 12px;
		padding-top: 10px;
		}
	body.noheader .carousel .item img {
		margin: 25px auto 0 125px;
		width: 320px;
		height: 148px;
		}
	body.noheader .carousel-control.right {
		left: 465px;
		}
	body.noheader .carousel .carousel-control {
		top: 35%;
		}	
	#instituicoes {
		margin:35px 0 0 130px;
		}
	#instituicoes ul {
		width:320px;
		padding-left: 0;
		}		
	#instituicoes ul li {
		list-style:none;
		display: inline-block;
		padding: 5px;
		margin: 5px;
		/*width: 300px;*/
		}	
	#instituicoes .resizeit {
		height: 55px;
		}
	}
/* ---------------------------- */
@media all and (max-width:869px) {
	body.noheader #logotipo {
		text-align: center;
		margin: 10px 20px 50px 0;
		}
	body.noheader .carousel .item img {
		margin:0 auto;
		}
	body.noheader .carousel-inner {
		height:230px;
		}
	body.noheader .carousel-caption {
		left: 0;
		width: 300px;
		margin:20px auto;
		display: block;
		}
	body.noheader .carousel .carousel-control {
		top: -35%;
		}
	#instituicoes {
		margin:20px auto;
		width: 250px;
		}
	#instituicoes ul {
		margin:0;
		padding: 0;
		}	
	#instituicoes ul li {
		list-style:none;
		display: inline-block;
		padding: 5px;
		margin: 5px;
		}		
	#instituicoes .resizeit {
		width: 60px;
		}
	body.noheader .carousel .carousel-control.left,
	body.noheader .carousel .carousel-control.right  {
		color: #000;
		}
	}
@media all and (max-width:600px) {
	body.noheader .carousel .carousel-control {
		top: -285px;
		}
		body.noheader .carousel .carousel-control.left {
		left: 20%;
		}
		body.noheader .carousel .carousel-control.right {
		right: 20%;
		}
	#instituicoes ul li {
		display: block;
		text-align: center;
		}
	body.noheader #logotipo {
		text-align: center;
		margin:10px 0 50px 0;
		}
	.carousel-inner>.item>img.hidder,
	.carousel-inner>.item>a>img.hidder,
	.hidder {
		width:270px;
		height:125px;
		}
	}
@media all and (max-width:360px) {
	body.noheader .carousel-inner {
		height: 245px;
		}
	body.noheader .carousel .carousel-control {
		top: -290px;
		}
	body.noheader .carousel-caption {
		width: 190px;		
		}
	.carousel-inner>.item>img.hidder,
	.carousel-inner>.item>a>img.hidder,
	.hidder {
		width:216px;
		height:100px;
		}		
	#instituicoes {
		width: 200px;
		}		
	}

/*
#########################
MODAL
##########################
*/
.close {
	font-size: 1em;
	color:#fff;
	opacity: .8;
	text-shadow:none;
	font-weight: normal;
	filter: alpha(opacity=80);
	}
.close:hover, .close:focus {
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
	}	
.modal-header {
	background-color: #000;
	}
.modal-body {
	background:url(../img/layout/body.jpg) repeat 0 0;
	}
.modal-body p {font-size: 1em;}


/*
#########################
SLIDER et al
##########################
*/
#equipa .accordion-heading a:after{
	display:block;
	content:"Short CV";
	text-align: center;
	padding-bottom:50px;
	font-size: 1.5em;
	}
/* 
#########################
FOOTER
##########################
*/
footer {
	font-family: Arial, Helvetica, sans-serif;
	}
footer {
	background-color:#fff;
	margin: 50px 0 0 0;
	padding: 50px 0;
	}
footer .row {
	margin: 0;
	padding: 5px 0;
	}

/* 1200 */
	@media all and (min-width: 1200px) {
	footer .row:first-child {
		margin-top: 50px;
		}
	footer .row:last-child {
		margin: 70px 0;
		}
	}

/* 
#########################
TYPO
##########################
*/
#boxcontent-home h2,
#boxcontent h2 {
	text-align:center;
	padding:80px 0; 
	background: url(../img/layout/title.png) center top no-repeat;
	}
.col-md-12 h3 {
	text-align:center;
	margin: 40px 0;
	}	
.col-md-4.pull-right {
	margin-bottom:20px;
	}
hr.separador {
	background: url(../img/layout/navbar-li.png) center top no-repeat;
	border:none;
	padding: 30px 0;
	}
#submenu .nav-pills > li {
     float: none !important;
     display:inline-block;
	}

footer img.smaller {max-width: 120px;}


/* 
#########################
FOTOS
##########################
*/
/* img galeria AML */
.aml.img1 {
	background: url(../img/gallery/aml1.jpg) no-repeat center 0;
	}
.aml.img2 {
	background: url(../img/gallery/aml2.jpg) no-repeat center 0;
	}
.aml.img3 {
	background: url(../img/gallery/aml3.jpg) no-repeat center 0;
	}
.aml.img4 {
	background: url(../img/gallery/aml4.jpg) no-repeat center 0;
	}
.aml.img5 {
	background: url(../img/gallery/aml5.jpg) no-repeat center 0;
	}
.aml.img6 {
	background: url(../img/gallery/aml6.jpg) no-repeat center 0;
	}

/* img galeria MIMO */
.mimo.img1 {
	background: url(../img/gallery/mimo1.jpg) no-repeat center 0;
	}
.mimo.img2 {
	background: url(../img/gallery/mimo2.jpg) no-repeat center 0;
	}
.mimo.img3 {
	background: url(../img/gallery/mimo3.jpg) no-repeat center 0;
	}
.mimo.img4 {
	background: url(../img/gallery/mimo4.jpg) no-repeat center 0;
	}
.mimo.img5 {
	background: url(../img/gallery/mimo5.jpg) no-repeat center 0;
	}
.mimo.img6 {
	background: url(../img/gallery/mimo6.jpg) no-repeat center 0;
	}

/* img galeria TORRE TOMBO */
.torre.img1 {
	background: url(../img/gallery/ttombo1.jpg) no-repeat center 0;
	}
.torre.img2 {
	background: url(../img/gallery/ttombo2.jpg) no-repeat center 0;
	}
.torre.img3 {
	background: url(../img/gallery/ttombo3.jpg) no-repeat center 0;
	}
.torre.img4 {
	background: url(../img/gallery/ttombo4.jpg) no-repeat center 0;
	}
.torre.img5 {
	background: url(../img/gallery/ttombo5.jpg) no-repeat center 0;
	}
.torre.img6 {
	background: url(../img/gallery/ttombo6.jpg) no-repeat center 0;
	}
.torre.img7 {
	background: url(../img/gallery/ttombo7.jpg) no-repeat center 0;
	}


/* img galeria MUSEU CIDADE */
.cidade.img1 {
	background: url(../img/gallery/mcidade1.jpg) no-repeat center 0;
	}
.cidade.img2 {
	background: url(../img/gallery/mcidade2.jpg) no-repeat center 0;
	}
.cidade.img3 {
	background: url(../img/gallery/mcidade3.jpg) no-repeat center 0;
	}
.cidade.img4 {
	background: url(../img/gallery/mcidade4.jpg) no-repeat center 0;
	}
.cidade.img5 {
	background: url(../img/gallery/mcidade5.jpg) no-repeat center 0;
	}
.cidade.img6 {
	background: url(../img/gallery/mcidade6.jpg) no-repeat center 0;
	}

/* img galeria GCM */
.gcm.img1 {
	background: url(../img/gallery/mcmachado1.jpg) no-repeat center 0;
	}
.gcm.img2 {
	background: url(../img/gallery/mcmachado2.jpg) no-repeat center 0;
	}
.gcm.img3 {
	background: url(../img/gallery/mcmachado3.jpg) no-repeat center 0;
	}
.gcm.img4 {
	background: url(../img/gallery/mcmachado4.jpg) no-repeat center 0;
	}
.gcm.img5 {
	background: url(../img/gallery/mcmachado5.jpg) no-repeat center 0;
	}
.gcm.img6 {
	background: url(../img/gallery/mcmachado6.jpg) no-repeat center 0;
	}

/* img galeria SEIXAL */
.seixal.img1 {
	background: url(../img/gallery/seixal1.jpg) no-repeat center 0;
	}
.seixal.img2 {
	background: url(../img/gallery/seixal2.jpg) no-repeat center 0;
	}
.seixal.img3 {
	background: url(../img/gallery/seixal3.jpg) no-repeat center 0;
	}
.seixal.img4 {
	background: url(../img/gallery/seixal4.jpg) no-repeat center 0;
	}
.seixal.img5 {
	background: url(../img/gallery/seixal5.jpg) no-repeat center 0;
	}
.seixal.img6 {
	background: url(../img/gallery/seixal6.jpg) no-repeat center 0;
	}

/* img galeria CPF */
.cpf.img1 {
	background: url(../img/gallery/cpf1.jpg) no-repeat center 0;
	}
.cpf.img2 {
	background: url(../img/gallery/cpf2.jpg) no-repeat center 0;
	}
.cpf.img3 {
	background: url(../img/gallery/cpf3.jpg) no-repeat center 0;
	}
.cpf.img4 {
	background: url(../img/gallery/cpf4.jpg) no-repeat center 0;
	}
.cpf.img5 {
	background: url(../img/gallery/cpf5.jpg) no-repeat center 0;
	}
.cpf.img6 {
	background: url(../img/gallery/cpf6.jpg) no-repeat center 0;
	}	

/* img galeria Museu Ciência */
.mciencia.img1 {
	background: url(../img/gallery/mciencia1.jpg) no-repeat center 0;
	}
.mciencia.img2 {
	background: url(../img/gallery/mciencia2.jpg) no-repeat center 0;
	}
.mciencia.img3 {
	background: url(../img/gallery/mciencia3.jpg) no-repeat center 0;
	}
.mciencia.img4 {
	background: url(../img/gallery/mciencia4.jpg) no-repeat center 0;
	}
.mciencia.img5 {
	background: url(../img/gallery/mciencia5.jpg) no-repeat center 0;
	}
.mciencia.img6 {
	background: url(../img/gallery/mciencia6.jpg) no-repeat center 0;
	}