html, body{
margin:0;
padding:0;
height:100%;
}
html{
background:url(images/fundo2.png) 50% 0% repeat-y;
}
body{
background:url(images/fundo.png) 50% 0% no-repeat;
}
#geral{
width:780px;
margin:0 auto 0 auto;
}
#cabecalho{
height:217px;
background:url(images/topo.jpg);
}
#meio{
padding-top:10px;
}
/*############## ADD THIS #################*/
#share {
float:right !important;
width:210px;
/*height:30px;*/
clear: both;
font: 12px Arial, Helvetica, sans-serif;
color:#ffffff !important;
margin: 10px 10px 10px 0 !important;
/*padding: 10px 0 50 0 !important;*/
}
#share a:link {
color:#9fb4ad !important;
text-decoration:none;
}
#share a:hover {
color:#c0f3d7 !important;
text-decoration:underline;
}
/*################ BLOCOS #######################*/
#bloco1{
float:left;
width:164px;
padding:0 20px 0 20px;
}
#bloco2{
float:left;
width:558px;
padding-bottom:20px;
}
#banner {
float:left;
margin: 0 0 15px 16px;
width:748px;
height:213px;
}
/*################ LINHAS E COLUNAS #######################*/
.linha{
margin:0 0 6px 0;
}
.linha h1{
display:none;
}
.conteudo{
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#9fb4ad;
}
.conteudo h1{
font:bold 20px Helvetica, Arial, verdana;
color:#FFF;
background:#32455f;
padding:7px 15px;
margin:0 0 10px 0;
}
.item{
float:left;
width:135px;
margin-right:6px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
color:#9fb4ad;
}
.item h2{
height:52px;
padding:10px 6px 0 6px;
margin:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
background-color:#32455f;
}
.item .leiamais, .leiamais{
float:left;
width:85px;
height:27px;
padding:3px 37px 0 0;
margin-top:19px;
background:url(images/leia_mais.png);
text-align:right;
text-decoration:none;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
}
.semmargem{
margin:0;
}
/*################ FORMULÁRIO #######################*/
.conteudo form{
background:#32455f url(images/fundo_form.png) 100% 100% no-repeat;
padding:25px;
}
.conteudo form br{
display:none;
}
form{
padding:0;
margin:0;
}
.conteudo form .cxinput, .conteudo form textarea{
border:0;
width:503px;
}
.conteudo form .cxinput{
height:27px;
}
.conteudo form textarea{
height:130px;
}
.conteudo form label{
float:left;
color:#FFF;
padding:3px;
}
.conteudo form .botao{
width:67px;
height:31px;
background:url(images/btn_enviar_limpar.png) no-repeat;
font:bold 13px Arial, Helvetica, sans-serif;
color:#000;
border:0;
margin:5px 0 0 0;
}
#sexo2, #estado_civil2, #sexo_lb, #estado_civil_lb{
display:none;
}
#estado_civil2_lb{
padding-right:260px;
}
#sexo2_lb{
padding-right:70px;
}
#sexo{
margin-right:10px;
}
/*################ GALERIA #######################*/
.bloco-galeria {
float: left;
width:150px;
height:150px;
background:#32455f;
margin:0 5px 5px 0;
padding:15px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}
.bloco-galeria h2 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
margin:0;
padding-bottom:10px;
}
.bloco-galeria span {
}
.bloco-galeria img{
}
.bloco-galeria a img {
border:0;
}
span.small {
}
span.spandesc {
float:left;
padding-top:10px;
text-align:center;
}
.semmargem{
margin:0;
}
.basegaleria{
background:#32455f;
padding:15px;
}
.basegaleria a{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
/*############################### REDES SOCIAIS e ADDTHIS##################*/
#redes-sociais{
float:left;
margin: 10px 0 0px 45px;
}
#redes-sociais .orkut{
float:left;
width:24px;
height:24px;
margin:0 5px;
background:url(images/icone_orkut.png) no-repeat;
}
#redes-sociais .facebook{
float:left;
width:24px;
height:24px;
margin:0 5px;
background:url(images/icone_facebook.png) no-repeat;
}
/*################ Parceiros ################ */
.bloco-parceiros {
float:left;
width:148px;
height: 154px;
background:#32455f;
margin-top:20px;
padding:0 0 0 8px;
}
.bloco-parceiros a,.bloco-parceiros a img{
position:absolute;
}
.bloco-parceiros a img{
border: none;
}
.bloco-parceiros h3{
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
padding:15px 10px;
margin:0;
}
/*################ Noivas ################ */
.bronze{
height:519px;
background:url(images/bronze.jpg) no-repeat;
}
.prata{
height:519px;
background:url(images/prata.jpg) no-repeat;
}
.ouro{
height:519px;
background:url(images/ouro.jpg) no-repeat;
}
.diamante{
height:519px;
background:url(images/diamante.jpg) no-repeat;
}
/*################ Spa ################ */
.vinho{
height:430px;
padding-top:20px;
background:url(images/fundo_vinho.jpg) 100% 0% no-repeat;
}
.energizante{
height:320px;
padding-top:20px;
background:url(images/fundo_energizante.jpg) 100% 0% no-repeat;
}
.relax{
height:363px;
padding-top:20px;
background:url(images/fundo_relaxante.jpg) 100% 0% no-repeat;
}
.chocolate{
height:343px;
padding-top:20px;
background:url(images/fundo_chocolate.jpg) 100% 0% no-repeat;
}
.gestante{
padding-top:20px;
background:url(images/fundo_gestante.jpg) 100% 0% no-repeat;
}
.day{
height:181px;
padding-top:20px;
background:url(images/fundo_day.jpg) 100% 0% no-repeat;
}
.sobrancelhas{
height:355px;
background:url(images/fundo_sobrancelhas.jpg) 100% 0% no-repeat;
}
.maquiagem{
height:144px;
background:url(images/fundo_maquiagem.jpg) 100% 0% no-repeat;
}
.cabelo{
height:322px;
padding:10px;
background:url(images/fundo_cabelos.jpg) no-repeat;
}
.depilacao{
height:240px;
padding:10px;
background:url(images/fundo_depilacao.jpg) no-repeat;
}
.manicure{
height:368px;
padding:10px;
background:url(images/fundo_manicure.jpg) no-repeat;
}
.dermopigmentacao{
height:416px;
padding:10px;
background:url(images/fundo_dermopigmentacao.jpg) no-repeat;
}
.dermopigmentacao1{
height:416px;
padding:10px;
background:url(images/fundo_dermopigmentacao1.jpg) no-repeat;
}
.dayspa{
height:416px;
padding:10px;
background:url(images/fundo_dayspa.jpg) no-repeat;
}
.massagem{
height:416px;
padding:10px;
background:url(images/fundo_massagem.jpg) no-repeat;
}
.banho{
height:416px;
padding:10px;
background:url(images/banho.jpg) no-repeat;
}
.bronzeado{
height:416px;
padding:10px;
background:url(images/bronzeado.jpg) no-repeat;
}
.frangotermal{
height:416px;
padding:10px;
background:url(images/frangotermal.jpg) no-repeat;
}
.gomage{
height:416px;
padding:10px;
background:url(images/gomage.jpg) no-repeat;
}
.hidratacao{
height:416px;
padding:10px;
background:url(images/hidratacao.jpg) no-repeat;
}
.depilacao{
height:416px;
padding:10px;
background:url(images/depilacao.jpg) no-repeat;
}
.quadro_azul{ width:80%; padding:15px; background:#32455f; margin:0 auto; }
/*################ Rodapé ################ */
.bloco-rodape{
float:left;
width:780px;
height:80px;
background:url(images/rodape.png) 0% 100% no-repeat;
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
padding-top:40px;
}
.bloco-rodape .endereco{
float:left;
padding:0 68px 0 113px;
}
.bloco-rodape .telefone{
float:left;
padding:0 0 0 0;
}
.logo_criattore{
float:right;
margin:0 25px 0 0;
}
.logo_criattore img{
border:0;
}
/*################ Newsletter ################ */
.bloco-newsletter form{
width:533px !important;
height:83px !important;
padding:65px 0 0 27px;
margin:0;
background-image:url(images/fundo_newsletter.png);
}
.bloco-newsletter label{
float:left;
width:200px;
padding-right:8px !important;
font:12px Arial, Helvetica, sans-serif;
color:#9fb4ad !important;
}
.bloco-newsletter .cxnewsletter{
width:195px;
height:26px;
border:0;
}
.btn_news{
width:79px;
background:#fff;
color: #32455F;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;
border:0;
padding: 2px 0;
margin-top: 3px;
margin-left:3px;
}
/*################ Notícias #######################*/
.bloco-noticias{
float: right;
width:560px;
height: 230px;
margin: 0 0 0 0;
padding-bottom:60px;
padding-top: 60px;
background:url(images/rodape_noticias.png) 0% 100% no-repeat;
}
.bloco-noticias ul{
float:left;
padding:0 0 0 20px;
margin:0;
list-style:none;
}
.bloco-noticias ul li{
padding-bottom:7px;
}
.bloco-noticias ul li a{
text-decoration:none;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
color:#9fb4ad;
}
.bloco-noticias ul li a:hover{
text-decoration:underline;
}
.bloco-noticias span.datanews{
display:block;
padding:0;
margin:0 0 -6px 0;
font:10px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
color:#9fb4ad;
}
.bloco-noticias .leiamais{
width:85px;
margin-left:420px;
}
/*
Written by Teylor Feliz http://www.admixweb.com
*/
.tabelas table {
width: 100%;
background:#fff;
border:none;
color:#fff;
font: 12px Arial, Helvetica, sans-serif;
}
.tabelas caption {
color:#000;
font-weight:bold;
letter-spacing:20px;
padding:6px 4px 8px 0px;
text-align:center;
text-transform:uppercase;
}
.tabelas td, th { color:#fff;
padding:.4em;
}
.tabelas tr { border:1px dotted gray;
background:#003647;
}
.tabelas thead th, tfoot th {
height: 30px;
background:#32455F;
color:#fff;
padding:3px 10px 3px 10px;
text-align:left;
text-transform:uppercase;
}
.tabelas tbody td a { color:#000;
text-decoration:none;
}
.tabelas tbody td a:visited { color:gray;
text-decoration:line-through;
}
.tabelas tbody td a:hover { text-decoration:underline;
}
.tabelas tbody th a { color:#363636;
font-weight:normal;
text-decoration:none;
}
.tabelas tbody th a:hover { color:#aaaaaa;
}
.tabelas tbody td+td+td+td a { background-image:url('bullet_blue.png');
background-position:left center;
background-repeat:no-repeat;
color:#03476F;
padding-left:15px;
}
.tabelas tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
background-position:left center;
background-repeat:no-repeat;
}
.tabelas tbody th, tbody td { text-align:left;
vertical-align:top;
}
.tabelas tfoot td { background:#5C443A;
color:#FFFFFF;
padding-top:3px;
}
.odd { background:#fff;
}
.tabelas tbody tr:hover { background:#32435d;
color:#fff!important;
}
#Setor_lb {
float: left;
display:block;
margin-right: 400px;
}