/*CSS PADRÃO PARA INICIAR UM SITE

/* CSS PADRAO DO SITE 
ESTILOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
INTERESSANTE SEMPRE USAR SEMÂNTICA PARA TODAS AS PÁGINAS
--------------------------------------------------------------------------------*/

/*CSS GERAL SÃO ATRIBUTOS PARA TODO O SITE 
--------------------------------------------------------------------------------*/
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.relative{
	position: relative;
}

object {
	outline: none;
} 

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	outline: none; 
}

p {
	margin: 0px;
	padding: 0px 0px 12px 0px;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

h1 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	outline: none;
	color: #fff;
	text-decoration: none;
} 

body {
	font: normal 12px/14px verdana;
	color: #fff;
	margin: 0px!important;
	padding: 0px!important;
	background: url('/ser_mae_e_um_agito/images/dako_dia_maes_background.gif') repeat 0px 0px;
}	

/* DEFINE AS TAGS PADRÃO 
---------------------------------------------------------------------------------------------*/
#geral {
	text-align: left;
	width: 780px;
	margin: auto;
	position: relative;
}
#conteiner {
	float: left;
	width: 780px!important;
}
#corpo {
	float: left;
	width: 780px!important;
}
#conteudo {
	float: left;
	width: 540px;
	padding: 40px 0px 0px 0px;
}

/* TOPO
-----------------------------------------------------------------------------------------------*/
#topo {
	float: left;
	width: 780px!important;
}

#topo #topEsquerdo {
	float: left;
	width: 360px;
	padding: 20px 0px 0px 0px;
}

#topDireito {
	float: left;
	width: 400px;
	padding: 0px 20px 0px 0px;
}

/* MENU SUPERIOR
-------------------------------------------------------------------------------------------------*/
#menuSuperior {
	float: left;
	width: 400px;
}

/*---- BOTÕES DE HOME/INDIQUE -------------------*/
#menuSuperior #controlaBotoes {
	float: left;
	width: 400px;
}

#menuSuperior #controlaBotoes img {
	float: right;
}

#menuSuperior #controlaBotoes #ajustaBotao {
	margin: 0px 0px 0px 8px;
}
/*---- BOTÕES DE HOME/INDIQUE -------------------*/



/*---- CONTROLA MENU NAVEGAÇÃO -------------------*/
#menuSuperior #controlaMenuNavegacao {
	float: left;
	width: 400px;
	padding: 10px 0px 0px 0px;
	
}
#menuSuperior #controlaMenuNavegacao ul {
	float: right;
	width: 390px;
}
#menuSuperior #controlaMenuNavegacao ul li {
	float: left;
}
/*---- /CONTROLA MENU NAVEGAÇÃO -------------------*/



/*---- FLASH ABAIXO DO MENU -----------------------*/
#menuSuperior #abaixoMenu {
	float: left;
	padding: 20px 0px 0px 0px;
	width: 400px;
	height: 205px;
}

#maeMenina {
	float: right;
}
/*---- /FLASH ABAIXO DO MENU ----------------------*/


/* LATERAL DIREITA
-------------------------------------------------------------------------------------------*/
#corpo #laretalDireita {
	float: left;
	width: 220px;
	padding: 0px 0px 0px 20px;
}

.controlaBoxLateral {
	float: left;
	width: 200px;
	background-color: #fff;
}

.controlaBoxLateral .textInfo {
	float: left;
	width: 165px;
	padding: 5px 15px 5px 20px;
	color: #ed008c;
	font-size: 11px;
	text-align: justify;
}

.controlaBoxLateral .textInfo a {
	color: #ed008c;
}

.controlaBoxLateral .ajustaPosicaoImg {
	float: left;
	margin: 40px 0px 5px 0px;
}



/* CONTEUDOS DAS PÁGINAS
-------------------------------------------------------------------------------------------*/




/* --------------formulário de participe  ------------------*/
#participeForm {
	float: left;
	width: 540px;
}

/* controla input ie */
*html #participeForm input {
	margin:0px 0px 0px 0px!important;
	padding:0px!important;
	border:none!important;
}
/* controla input mozila */
#participeForm input {
	margin:0px 0px 3px 0px!important;
	padding:0px!important;
	border:none!important;
}
#participeForm .etapasForm {
	float: left;
}

.etapasForm img{
	float: left;
}

.etapasForm .textInfoEtapas {
	display: block;
	float: left;
	width: 504px;
	padding: 15px 0px 0px 4px;
}

#tabelaForm tr td span{
	display: block;
	float: left;
	padding: 0px 0px 10px 0px;
}
#tabelaForm tr td span strong{
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
}

#controlaForm {
	float: left;
	padding: 30px 0px 10px 80px;
}

#botaoProximo {
	float: left;
	width: 540px;
	text-align: center;
}

#controlaForm2 {
	float: left;
}

#tabelaForm2 {
	float: left;
	padding: 30px 0px 0px 0px;
}
#tabelaForm2 span {
	float: left;
	padding: 0px 0px 10px 0px;
}

#tabelaForm2 span strong {
	float: left;
	width:180px;
	text-align: right;
	padding: 0px 8px 0px 0px;
}

#numero input{
	float: left;
}
#complemento {
	float:left;
	width: 100px!important;
}

#campoComplemento input {
	float:left;
	width: 127px;
}

#controlaForm2Inferior {
	float: left;
}

#controlaArea {
	float: left;
}

#ajustaImg {
	display: block;
	float:left;
	width: 460px;
	padding: 20px 60px 20px 0px;
	text-align: right;
}

#infoCaracteres {
	display: block;
	text-align: right;
}

#posicaoInfoCaracteres {
	display: block;
	float: left;
	text-align: right;
	width: 535px;
}

#infoCaracteres textarea {
	width:400px!important;
	height:80px;
}

#controlaCheck {
	float: left;
	width: 530px;
	padding: 50px 0px 0px 0px;
}

.controlaRadio {
	float: Left;
	padding: 10px 0px 0px 0px;
}

#btoEnviar {
	float: left;
	width: 540px;
	text-align: center;
	padding: 30px 0px 0px 0px;
}


#controlaFormIndique {
	float: left;
	padding: 30px 0px 10px 80px;
}

.ajustaInput input{
	display: block;
	width: 292px!important;
}

#controlaFormIndique table tr td .ajustaInput {
	display: block;
	padding: 8px 0px 0px 3px;
}

.ajustaBotoes {
	float: left;
	width: 415px;
	padding: 5px 0px;
	text-align: right;
}

.ajustaBotoes strong {
	diplay: block;
	float: right;
	padding: 10px 0px 0px 0px;
}

.ajustaBotoes span {
	display: block;
	float: right;
	margin: 0px 5px 0px 0px;
} 
#maxAmigos {
	display: block;
	text-align: right;
	width: 410px;
	font-size: 10px;
	padding: 0px 3px 0px 0px;
}

#btoRemover {
	float: left;
	width: 420px;
	text-aling: right;
	padding: 0px 4px 0px 0px;
}

#controlaRemoverTodos {
	float: right;
	width: 150px;
}

#controlaRemover {
	float: right;
	width: 200px;
}

#btoRemover #removerTodos span{
	display: block;
	float: right;
	padding: 0px 5px 0px 0px;
}

#btoRemover #removerTodos strong{
	display: block;
	float: right;
	padding: 10px 0px 0px 0px;
}

#btoRemover #remover span{
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
}

#btoRemover #remover  strong{
	display: block;
	float: left;
	padding: 10px 0px 0px 0px;
}
#controlaFinal {
	float: left;
	width: 500px;
}
#controlaEnviar {
	float:left;
	width: 400px;
	text-align: right;
}
.fontMenor {
	font-size: 10px;
}




/* RODAPÉ
------------------------------------------------------------------------------------------*/
#rodape {
	float: left;
	width: 780px;
	padding: 40px 0px 10px 0px;
	text-align: center;
	font-size: 10px;
}

#rodape ul {
	width: 400px;
	margin: auto;
	
}

#rodape ul li {
	display: inline;
}

#rodape ul li span {
	width:2px;
	padding: 0px 5px 0px 5px;
}

#rodape ul li a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}