/*sipa logo azul escuro #095BB8, azul mais claro #2179DE*/
/*rgb
	rosa:#C31F80
	amarelo:#F4EE68
	azul:#5FA9F4
	verde:#7CB04F
*/
.logos{
	width:30%;
	 -webkit-transition: all .30s;
    -moz-transition: all .30s;
    transition: all .30s;
}
.logoscontacto{
	width:40px;
	height:40px;
}
hr.risco {
	border-top: 3px double white;
	width:10%;
}

hr.risco1 {
	border-top: 3px double black;
	width:10%;
	
}

#about{
	background-color:white;
}

#services{
	background-color:white;
}

#portfolio{
	background-color:white;
}
#videos{
	background-color:white;
}

#contact{
	background-color:black;
}

#rodape{
	background-color:black;
}


.seta{
	width:3%;
}

.branco{
	color:white;
	font-size:11pt;
}
.branco1{
	color:white;
	
}
a:hover branco{
	color:white;
	
	
}

h3{
	text-align:left;
	color:black;
	
}

p{
	color:black;
	font-size:14px;
	
}

li{
	font-size:14px;
}

.tipo{
	color:black;
	text-align:center;
	padding-top:60px;
	
}
.logo{
	width:4%;
}

.text-faded{
	font-size:14px;
}

.section-heading{
	padding-top:40px;
	
}
.ultimo{
	font-size:10pt;
	text-align:center;
	color:white;
}

.cliente{
	color:white;
	padding-top:50px;
	letter-spacing: 4px;
}
.texto2{
	padding-top:100px;
}
.imggrande{
	max-width:100%;

}
.modal-content{
	width:90%;
	border-radius:0px 0px 0px 0px;
}

.google_maps{
	width:4%;
}
.setinha{
	color:white;
}
hr.linha{
	border-top: 3px solid white;
	width:100%;
}
.lingua{
	text-align:right;
	padding-top:13px;
}
.bandeira_lingua{
	float:right;
	width:3%;
	padding-top:13px;
}
.bandeira_lingua1{
	float:right;
	width:2%;
	padding-top:13px;
	padding-left:4px;
    margin-right:12px;
}
.bandeira_lingua_frança{
	float:right;
	width:3%;
	padding-top:10px;
	padding-right:15px;
}
.construcao{
	text-align:center;
}
.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color:#7CB04F!important;  
    background-color: transparent;
}
.serigrafia{
	color:white;
	text-align:center;
}
@media(min-width:400px) { /**ecra grande -----------------------------------------------------------**/
figure {
    height: 280px;
    width: 400px;
    display: block;
    overflow: hidden;
    z-index: 100;
}
figure .video{
    height:1000px;
    width: 400px;
    display: block;
    overflow: hidden;
    z-index: 100;
}

figcaption {
	width:260px;
	height:280px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -500px;
    opacity: 90; 
   
}

button:hover figcaption {
    opacity: 0.8;
    left: 0;
    color: #fff;
    transition: all 0.7s;
}
.terceira{
	background-color:white;
	
}
.titulo{
	font-size:11pt;
	padding-left:60px;
	
}

.img{
	width:100%;
	height:280px;
}
.modal-content{
	width:90%;
	border-radius:0px 0px 0px 0px;
}
.portfolio-box button{
	width:100%;
	padding-top:30px;

}
.figura{
	padding:0px 0px 0px 0px;
}

.bandeira{
	width:2%;
	margin:3px;
	
}

.bandeiras{
	padding-top:70px;
	
}

.sipalogo{
	width:27%;
}

.sipa{
	width:40%;
	padding-top:70px;
}
h5{
	padding-top:90px;
	letter-spacing: 3px;
}
.contatos{
	padding-top:50px;
}
}
@media(max-width:400px) {/**ecra smartphone-----------------------------------------------------------**/
	
figure {
	width: 250px;
    height: 270px;
    display: block;
    overflow: hidden;
    z-index: 100;
	-webkit-appearance:none;
	border-radius:0;
}

figcaption {
	width:250px;
	height:270px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -500px;
    opacity: 90; 
   
}

button:hover figcaption {
    opacity: 0.8;
    left: 0;
    color: #fff;
    transition: all 0.7s;
}
	
h5{
	letter-spacing: 3px;
}
.bandeira{
	width:4%;
}
.sipa{
	width:100%;
	float:center;
	padding-top:70px;
}
.bandeiras{
	padding-top:50px;
}
#about{
	padding-top:10px;
}
#services{
	padding-top:10px;
}
#portfolio{
	padding-top:10px;
}
#contact{
	padding-top:10px;
}
.google_maps{
	width:15%;
}
.portfolio-box button{
	
	width:200px;
	height:500px;
   -webkit-appearance:none;
	border-radius:0;
}
.figura{
	padding:0px 0px 0px 0px;
	-webkit-appearance:none;
	border-radius:0;
}
.img{
	width:250px;
	height:270px;
	-webkit-appearance:none;
	border-radius:0;
}
button{
	-webkit-appearance:none;
	border-radius:0;
}
.figura{
	padding:4px 0px 0px 0px;
}
.titulo{
	font-size:11pt;
	margin-left:50px;
	
}
.cliente{
	color:white;
	padding-top:50px;
	
	font-size:10pt;

	}
}
/**acaba ecra smartphone -----------------------------------------------------------**/
.facebook :hover{
	text-decoration:underline;
	color:white;
}
.fechar{
	color:black;
}