﻿/* ##############################################
EFEITO DAS CORES	
############################################## */
body #geral #busca_site,
body #geral #menu_navegacao,
body #geral #box_cadastro,
body #geral #politica_e_termos {visibility: hidden;}


div.conteudo_top h2.titEfeitoDasCores {
    width:190px;
	height:27px;
	background:url(../img/tit_efeitodascores.gif) no-repeat top left;
	margin:2px 0 8px 4px;
}

h3.titRenovarComSuvinilEFacil {
    height:40px;
    background:url(../img/tit_renovarcomsuvinilefacil.gif) no-repeat top left;
}

h3.titConfiraAsFichasDisponiveis {
    height:50px;
    background:url(../img/tit_confiraasfichasdisponiveis.gif) no-repeat 0 15px;
}

h3.titMaio {
    height:25px;
    background:url(../img/tit_maio.gif) no-repeat 0 0;
}
h3.titJunho {
    height:45px;
    background:url(../img/tit_junho.gif) no-repeat 0 20px;
}
h3.titJulho {
    height:45px;
    background:url(../img/tit_julho.gif) no-repeat 0 20px;
}

h3.titAgosto {
    height:45px;
    background:url(../img/tit_agosto.gif) no-repeat 0 20px;
}

h3.titSetembro {
    height:45px;
    background:url(../img/tit_setembro.gif) no-repeat 0 20px;
}

h3.titOutubro {
    height:45px;
    background:url(../img/tit_outubro.gif) no-repeat 0 20px;
}

h3.titNovembro {
    height:45px;
    background:url(../img/tit_novembro.gif) no-repeat 0 20px;
}

h3.titDezembro {
    height:45px;
    background:url(../img/tit_dezembro.gif) no-repeat 0 20px;
}

div.conteudoMiddleEfeitoDasCores {width:588px;}
    div.conteudoMiddleEfeitoDasCores div.conteudoLeft {width:419px;}

ul.listaFichas {width:415px; list-style:none;}
ul.listaFull {
    height:1%;
    padding:0 0 25px;
    overflow:hidden;
    border-bottom:1px solid #c5c5c5;
}

    ul.listaFichas li {
        width:98px;
        height:140px;
        float:left;
        margin:0 5px 0 0;
    }
    ul.listaFichas li.last {margin:0;}

div.conteudoMiddleEfeitoDasCores div.conteudoRight a.btEfeitoDasCores {
    width:148px;
    height:24px;
    display:block;
    text-indent:-90000em;
    overflow:hidden;
}

a#btVisualizeMaio {margin:768px 0 0;}
a#btVisualizeJunho {margin:160px 0 0;}
a#btDownload {margin:5px 0 0;}
div.conteudoMiddleEfeitoDasCores div.conteudoRight a.btVisualize {background:url(../img/bt_visualizeaficha.gif) no-repeat 0 0;}
div.conteudoMiddleEfeitoDasCores div.conteudoRight a.btDownload {background:url(../img/bt_downloaddaficha.gif) no-repeat 0 0;}

/* ##############################################
EFEITO DAS CORES > CADASTRO	
############################################## */
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia {width:419px; height:1%; margin:30px 0 0; padding:0 0 15px; border-bottom:1px solid #c5c5c5; overflow:hidden;}
    div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia span.campoObrigatorio {color:red; float:left; clear:both; margin:10px 0 0 115px;}
    div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia label span.campoObrigatorio {float:none; clear:none; margin:0;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia label {
	width:100px;
	float:left;
	margin:5px 0 0 0;
	padding-right:5px;
	text-align:right;
	clear:left;
}
    div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia label.clear {clear:none;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input {
	width:305px;
	height:15px;
	float:left;
	margin:5px 0 0;
	border:1px solid #c5c5c5;	
}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input.sexo {width:10px; height:10px; border:0;}
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia span.sexo {
	height:15px;
	float:left;
	clear:right;
	margin:3px 15px 0 3px;
}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#Numero {width:54px;}
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#Complemento {width:144px;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia select {
	height:18px;
	float:left;
	margin:5px 0 0;
	border:1px solid #c5c5c5;
}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia select#CodEstado,
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia select#CodCidade {width:150px;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#DddTelefone,
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#DddCelular {width:30px; clear:none;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#Telefone,
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#Celular {width:97px; margin-left:10px;}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#OptInInternet,
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#OptInCelular,
div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#OptInCorreio {
	width:15px;
	clear:left;
	margin:5px 5px 0 114px;
	border:0;
}

div.conteudoMiddleEfeitoDasCores form#FormCasaClaudia input#btEnviarCasaClaudia {
	width:72px;
	height:18px;
	background:url(../../img/large_button.jpg) no-repeat top left;
	padding:0 0 5px 0;
	border:0;
	float:left;
	margin:15px 0 0 350px;
	cursor:pointer;
}

div.conteudoMiddleEfeitoDasCores #SpanRespostaCadastro {
    width:340px;
    display:block;
    margin:50px auto 50px;
}

div.conteudoMiddleEfeitoDasCores p.dicaParagrafo {
	color:#AAA;
	text-indent:110px;
}