﻿
				/******************************************************************************************************/
				/*															 										  */
				/*											CSS DA PÁGINA "INDEX"									  */
				/*																									  */
				/******************************************************************************************************/

body {
	background-color:#ffffff;
	font-family: verdana; /*se eu posso colocar a font-family aqui no body, não preciso ficar repetir toda hora em todas as tags*/
	}
	
#pagina {/*se usa #pq é um identificador = div*/
		width:860px; /*largura*/
		margin:0px auto 0 auto; /*sentido horário*/
		height:auto; /*altura*/
		}

header {
	 width:860px;
	 height:140px;
	 background-color:#ffffff;
	 text-align:center;
	 display: table;
	 }
	 
nav {
	width:860px;
	text-align:center;
	padding:15px 0 15px 0;
	background-color:#666666;
	}
	
nav a  {
	 color:#ffffff; /*cor branca*/
	 padding: 0 70px 0 70px; /*50 na esquer e deireita, para se afastarem*/
	 font-size: 20px; /*fonte 20*/
	 text-decoration: none; /*não vai ter sublinhado*/
	 font-weight: bold; /*fonte em negrito*/
	 }
	 
nav a:hover {color:#FF69B4;} /*quando passa o mouse o texto muda de cor*/

section {
	  background-color: #ffffff;
	  padding: 25px;
	  height: auto;
	  }
	  
h2 {
   color: #FF69B4;
   
   }
   
footer {
	 background-color:#666666;
	 color:#FF69B4;
	 text-align:center;
	 padding: 45px 0 45px 0;
	 font-weight: bold;
	 }

	 
header > figure {
	 float:left;
	 }
	 
header > h1 {
	float: left;
	padding-top: 100px;
	padding-left: 100px;
	}
	
	
				/******************************************************************************************************/
				/*															 										  */
				/*											CSS DA PÁGINA "FOTOS"									  */
				/*																									  */
				/******************************************************************************************************/
	
figcaption {
	   text-align: left; /*legenda*/
	   
	   }
	 
.barra{ background-color:#808080;
		color: #ffffff;
}
#unhas{
	   float: left;
	   width: 200px;
	   margin:0 20px 10px 0;
}

#unha-gato{
	   width: 140px;
	   margin:0 20px 10px 0;
	   }

#unha-gato-2 {
			width: 200px;
			margin:0 20px 10px 0;
}

#textounha { 
		font-size: 12px;
}

#massagem {
		width: 200px;
		margin:0 20px 10px 0;
}

#massagem3 {
		width: 240px;
		margin:0 20px 10px 0;
}

#massagem2 {
		width: 200px;
		margin:0 20px 10px 0;
}

#textomassagem {
				font-size: 13px;
				}
				

#fisio {
		width: 80px;
		margin:0 20px 10px 0;
}

#fisio1 {
		width: 80px;
		margin:0 20px 10px 0;
}

#fisio3 {
		width: 80px;
		margin:0 20px 10px 0;
}

#textofisio{
				font-size: 13px;
				}
				
#piscina {
		width: 210px;
		margin:0 20px 10px 0;
}	

#piscina1 {
		width: 250px;
		margin:0 20px 10px 0;
}

#piscina3 {
		width: 220px;
		margin:0 20px 10px 0;
}

#textopiscina {
			font-size: 12px;
}

#penteado {
		width: 200px;
		margin:0 20px 10px 0;
}
#mechas {
		width: 135px;
		margin:0 20px 10px 0;
}	

#mechas1 {
		width: 260px;
		margin:0 20px 10px 0;
}


#textomechas {
			font-size: 12px;
}




				/******************************************************************************************************/
				/*															 										  */
				/*											CSS DA PÁGINA "FORMULÁRIO"								  */
				/*																									  */
				/******************************************************************************************************/


fieldset {
		width:400px;
		margin:auto;
		padding:30px;
		font-family:verdana;
	   }
legend {
	   font-size:28px;
	   color:#FF69B4;
	   font-weight: bold;
	   }
ul  {
   list-style-type:none;
   }
li {
  padding-bottom:10px;
  }  
  
   
#apagar{
		padding: 7px;
		background-color: #CC0000;
		color: #FFFFFF;
		font-weight: bold;
		border: solid 2px #000000;
		border-radius: 10px;
		margin: 0 10px 0 10px;
		box-shadow: 3px 3px 3px 1px #333333;
		width:70px;
		}
		
#enviar {
		padding: 7px;
		background-color: #00cc00;
		color: #FFFFFF;
		font-weight: bold;
		border: solid 2px #000000;
		border-radius: 10px;
		margin: 0 10px 0 10px;
		box-shadow: 3px 3px 3px 1px #333333;
		width:70px;
		}
		
#resposta {
		  margin-top: 80px;
		  text-align: center;
		  font-family: verdana;
		  color: #FF69B4;
		  }
		  
#voltar	   {
		  margin-top: 40px;
		  text-align: center;

		  }
		



				