/* CSS Document */

body{	font-family:Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS",  sans-serif	}

#form-div label,#form-div-login label{
	display:inline-block;
	margin-bottom:5px; 
}

#form-div,#form-div-login{
	text-align:left;
	font-size:13px;
	width:100%;
}

#form-email,#form-email-login,#form-modalidade,#form-pass1,#form-pass2,#form-pass-login,#form-nome,#form-pais,#form-cc,#form-telef,#form-nif{
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
	font-size: 19px;
	padding: 6px 6px 6px 40px;
	background-color:#FFF;
	}


#morada{
	height:95px;
	width:100%;
	max-width:520px;
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
	resize: none;
	font-family:Verdana,Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS",  sans-serif;
	}

#form-foto{	
	width:140px;
	height:115px;
	display:inline-block;
	float:right;
	margin:5px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	}

#form-email,#form-email-login,#form-modalidade,#form-nif{
	width:100%;
}

#form-pass1,#form-pass2,#form-pass-login,#form-nome,#form-pais,#form-cc{
	width:100%;
}

#form-nome{margin-right:20px;
background-image:url(../images/form-user.png);
background-repeat:no-repeat;
}

#form-pass1,#form-pass2,#form-pass-login{margin-right:20px;
background-image:url(../images/form-pass.png);
background-repeat:no-repeat;
}

#form-cc{
	margin-right:20px;
	background-image:url(../images/form-cc.png);
	background-repeat:no-repeat;
}
#form-nif{background-image:url(../images/form-nif.png);background-repeat:no-repeat;
}

#form-email,#form-email-login{background-image:url(../images/form-email.png);background-repeat:no-repeat;}

#form-telef{background-image:url(../images/form-cell.png);background-repeat:no-repeat;}

#form-pais{background-image:url(../images/form-local.png);background-repeat:no-repeat;}

#form-modalidade{background-image:url(../images/form-msg.png);background-repeat:no-repeat;}

#div-nome, #div-pass1,#div-pass2,#div-pass-login,#div-email,#div-email-login,#div-cc,#div-nif,#div-telef,#div-morada{
	display:block;
	width:100%;
	margin-top:15px;
	}	
	

	
#form-telef{
	width:99%;
}


#label-r1{
	margin-right:20px; 
}
#campos-extra{
display:none; 
width:100%; 
height:125px;
}

.enviar{
	margin:17px 0 0 0; width:99%;
	}
	
.qty {
    width: 30px;
    height: 30px;
    text-align: center;
	padding:0;
	margin:1px;
	border:none	;
	background-color:#F4F4F4;
}

.btn-menos { 
width:30px; 
height:30px;
padding:0;
margin:0;
border:0;

border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-color:#F46555;
font-weight:bold;
font-size:16px;
color:#fff;
vertical-align:middle;
font-family: Verdana;
cursor:pointer;
}

.btn-mais { 
font-family: Verdana;
vertical-align:middle;
cursor:pointer;
width:30px; 
height:30px;	
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
background-color:#8BD579;
font-weight:bold;
font-size:16px;
color:#fff;
padding:0;
margin:0;
border:0;
}

#tranferencia{
	font-family: sans-serif;
	
	}
#tranferencia td{
	height:30px;
	
	}
#radio-pagamento{
width:100%;
display:block;
margin-top:20px;
}

#instrucoes-pagamento{
border-radius:5px;
border:2px #689629 solid;
min-height:230px;
width:100%;
margin-top:20px;
display:block;
text-align:center;
}
.valid{
	color:#333333;
	border: 2px solid #689629 !important; 
	}
.error  
{
	color:#930000;
	border: 2px solid #f00 !important; 
}
#form-pagame div label img{
width:auto;
height:20px;
	}
#form-pagame div {
	margin:5px;
	}
.subtitulos{font-weight:bold;  font-size:16px;}
#preco-un{ margin-top:20px;}
.separador{
background-color:#F0F0F0;
border-radius:10px;
padding:0 10px ;
}
#form-div,#form-div-login{
	
	text-align:left;
	font-size:13px;
	width:100%;
	padding-bottom:40px;
	
	}
#seccao-login{
	width:100%;
	vertical-align:top;
	}
		#seccao-registo{
	
	border-top:#CCC 3px solid;
	
	}
@media only screen and (min-width: 540px) {
	
	
	
	.separador{background-color:transparent;
	border:none;
	border-radius:0;
	padding:0;
	}
	
	#preco-un{ margin-top:20px;}
	.subtitulos{font-weight:bold;  font-size:20px;}
	#radio-pagamento{
	width:50%;
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	}
#instrucoes-pagamento{

border-radius:5px;
border:2px #689629 solid;
min-height:230px;
width:48%;
margin-top:20px;
display:inline-block;
text-align:center;
}


body{	font-family:Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS",  sans-serif	}
#form-div label, #form-div-login label{
	display:inline-block;
 margin-bottom:5px; 
 }
 

	
#morada{
	height:60px;
	width:100%;
	max-width:none;
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
	  resize: none;
	  font-family:Verdana,Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS",  sans-serif;
	}	
	



#form-email,#form-email-login,#form-modalidade,#form-nif{
	width:96%;
}
#form-pass1,#form-pass2,#form-pass-login,#form-nome,#form-pais,#form-cc{
	width:96%;
}



#div-nome, #div-pass1,#div-pass2,#div-pass-login,#div-email,#div-email-login,#div-cc,#div-nif{
	display:inline-block;
	width:100%;
	margin-bottom:0px;
	}	
	

	
#form-telef{
	width:99%;
}

#label-r1{
	margin-right:20px; 
}
#campos-extra{
display:none; 
width:100%; 
height:125px;
}

.enviar{
	margin:17px 0 0 0; 
	width:96%;
	}
#form-email,#form-email-login,#form-modalidade,#form-pass1,#form-pass2,#form-pass-login,#form-nome,#form-pais,#form-cc,#form-telef,#form-nif{
	font-size: 16px;
	}

	#seccao-login{
	width:48%;
	display:inline-block;
	}
		
	#seccao-registo{
	width:50%;
		border-top:none;
	border-left:#CCC 3px solid;
	display:inline-block;
	}
	
	#seccao-registo input{
		width:100%;
	}
	
	#seccao-registo div{
		width:98%;
		margin-left:2%;
	}
}