@CHARSET "ISO-8859-1";

/****************************************
 TableLess Parma Baby
Data da cria??o: 10/07/2008
ZMD Comunica??o	|(32) 3541-1897
www.zmd.com.br
Raimundo Coelho Ferreira
contato@raimundocoelho.net
cliente: Parma Baby
******************************************/

/****************************************
retira as conficgura??es padroes do CSS*
******************************************/
*{
	padding:0;
	margin:0;
	text-decoration:none;
}

/*****************************
			body
*****************************/
body{
	background:url(../imagens/fundo_parma_baby.jpg) repeat-x fixed;
	background-color:#bbe8fd;
	padding:0;
	font-family: "Trebuchet MS", Verdana;
	font-size:12px;
   margin: 0 auto;
}

ul{list-style: none;}
li {list-style: none;}

a:link {
text-decoration: none ;
color:#999999 ;
}
a:visited {
text-decoration: none;
color:#666666;
}
a:hover {
text-decoration: none;
}

/*****************************
			divGeral
*****************************/

#titulo {
   width: 740px;
	height:25px;
   border-bottom:1px solid #E83694;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #ed4ea1;
	padding: 0;
	margin: 0 0 0 12px;
}

/*****************************
			divGeral
*****************************/
#divGeral{
	width: 774px;
	height: 100%;
	border: solid 0px;
	margin: auto;
	background-color:#fff;
	background-repeat:no-repeat;
}

/*****************************
			divTopo
*****************************/
#divTopo{
	width: 774px;
	height: auto;
	margin: auto;
	text-align:center;
}

/*****************************
			divHorizontal
*****************************/
#divHorizontal{
	background: #fff;
	width: 774px;
	height: 300px;
	margin: auto;
	border: solid 0px;
	text-align:center;
}

/*****************************
			divConteudo
*****************************/
#divConteudo{
	width: 774px;
	height: 600px;
	margin:auto;
	border: solid 0px;
	background: #fff;
}

#conteudo_interno{
   width: 774px;
	height: auto;
	background: #ffffff;
	margin: auto;
	text-align: left;
	float:inherit;
}

#conteudo_interno p {
	width:740px;
	font-family: "Trebuchet MS", Verdana;
	color: #666;
	margin: 15px 0 0 15px;
	text-align: justify;
}

#conteudo_interno h1 {
	width:750px;
	height: 30px;
   border-bottom:1px solid #E83694;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #ed4ea1;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	font-weight:normal;
}

#conteudo_interno h1 span a{
float:right;
height: 25px;
margin: -20px 0 0 0;
height: auto;
}

#conteudo_interno h1 span img{
border:none;
}


/*****************************
			divRodape
*****************************/
#rodape{
	width: 774px;
	height: 70px;
	border-top: 2px solid #3FAFE1;
	margin: auto;
	text-align:center;
	color: #e84c96;
	padding: 30px 0 0 0;
	background: #fff url(../imagens/bg_rodape.jpg);
	background-repeat:no-repeat;
}

#rodape p{
	color: #666;
	margin: 0 0 7px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}

#rodape p a{
	color: #37aae0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}

#rodape p a:hover{
	color: #37aae0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	font-weight: bold;
}


/*****************************
 #divsignificado dos nomes
*****************************/
#divBarraSignificadoNomes{
	width: 750px;
	height: 53px;
	margin:auto;
	background-image:url(../imagens/barra_letras_nomes.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
	padding-top:17px;

}
#divBarraSignificadoNomes a{
	color: #FFFFFF;
}

#divBarraSignificadoNomes a:hover{
	color: #DBFDE6;
}

#divBarraSignificadoNomes p{
	padding: 10px 0 10px 0;
}

#nomes{
	width: 700px;
	height: auto;
	border: solid 1px #000;
	margin: auto;
	background-color:#FFFFFF;
}


.nomeGeral{
	width: 700px;
	height: auto;
	border: solid 1px #999999;
	margin: auto;
	background:#FFF;
}


.contemNomes{
	width: 700px;
	height: auto;
	border: solid 0px;
	margin: auto;
	background-color:#FFFFFF;
}

#contem{
	width: 754px;
	height: auto;
	border: solid 0px;
	margin: auto;
	padding: 0 10px 0 10px;
	background-color:#FFFFFF;
	margin: 0 auto;
}
/*****************************
 #divBox1 contem a anima??o dos produtos
*****************************/
#divBox1{
	width: 252px;
	height:265px;
	margin:auto;
	border: solid 0px;
	float: left;
	padding-top:10px;
}

/*****************************
 #divProdutos fica dentro da divBox1
*****************************/

#divProdutos{
	width: 252px;
	height:265px;
	margin:auto;
	border: solid 0px;
	float: left;
	background: #fff;
	background-repeat:no-repeat;
	background-position:center;
}

#produtos_geral{
	width: 770px;
	height: auto;
	border: solid 0px;
	margin: auto;
	background:#fff;
	text-align: left;
}

#produtos_geral h1 {
	width:750px;
   height: 30px;
	font-family: "Trebuchet MS";
	font-size: 18px;
  	border-bottom: 1px solid #E83694;
	color: #ed4ea1;
	margin: 0 0 10px 10px;
	padding: 0 0 5px 0;
	font-weight:normal;
}


#produtos_geral h1 span a{
float:right;
height: 25px;
margin: -20px 0 0 0;
height: auto;
}

#produtos_geral h1 span img{
border:none;
}

#linhaprodutos{
	width: 740px;
	height:auto;
	margin: 10px 0 0 7px;
	float:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
   color: #ed4ea1;
	font-weight: bold;
}

#linhaprodutos ul{
	width: 720px;
	height:auto;
   background: transparent;
	margin: 15px 0 0 5px;
	padding: 3px;
	float:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #666;
   list-style: none;
   float:left;
}

#linhaprodutos li { display: inline; }

#linhaprodutos a {
display: block;
float: left;
margin: 0 10px 20px 0;
padding: 10px 20px 10px 20px;
border-bottom: 4px solid #ffc0cb;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px; color: #666;
font-weight:normal;
}

#linhaprodutos a:hover {
color: #fff;
background: #00bfff;
}


#detalhesprodutos{
	width: 740px;
	height:auto;
	margin: 10px 0 0 5px;
	padding: 3px;
	float:left;
}

#detalhesprodutos ul{
	width: 720px;
	height:auto;
   background: transparent;
	margin: 15px 0 0 5px;
	padding: 3px;
	float:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
	color: #666;
   list-style: none;
}

#detalhesprodutos li { display: inline; }

#detalhesprodutos a {
float: left;
margin: 0 10px 20px 0;
padding: 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align: left;
font-weight:normal;
}

#detalhesprodutos a:hover {
float: left;
margin: 0 10px 20px 0;
padding: 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align: left;
font-weight:normal;
}

/*****************************
 #divBox1 contem cha de bebe, manual da gesta??o e nome do bebe
*****************************/
#divBox2{
	width: 260px;
	height:265px;
	margin:auto;
	border: solid 0px;
	float: left;
	padding-top:11px;
}

/*****************************
 #divChabebe fica dentro da divBox2
*****************************/
#divChabebe{
	width: 260px;
	height:82px;
	margin:auto;
	border: solid 0px;
	float: left;
	background-image:url(../imagens/cha_de_bebe.jpg);
	background-repeat:no-repeat;
	background-position:center;
	/*padding-top:15px;*/
}

/*****************************
 #divManualGestacao fica dentro da divBox2
*****************************/
#divManualGestacao{
	width: 260px;
	height:82px;
	margin:auto;
	border: solid 0px;
	float: left;
	background-image:url(../imagens/manual_da_gestante.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:17px;
}

/*****************************
 #divNomeBebe fica dentro da divBox2
*****************************/
#divNomeBebe{
	width: 260px;
	height:82px;
	margin:auto;
	border: solid 0px;
	float: left;
	background-image:url(../imagens/nome_do_bebe.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

/*****************************
 #divBox3 contem informativo etc...
*****************************/
#divBox3{
	width: 260px;
	height:265px;
	margin:auto;
	border: solid 0px;
	float: left;
	background-image:url(../imagens/conteudo_right.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:18px;
}

/*****************************
class form_newsletter
*****************************/
.form_newsletter {
	width: 170px;
	height: 15px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
  	background: #fff;
	border: 1px solid #41defd;
	padding: 5px;
	margin: -10px 0 0 17px;
	float:left;
}


.botao_ok{
width:27px;
height: 25px;
margin: -9px 25px 0 0;
border: 1px solid #4169e1;
background:#02aaf3;
color:#fff;
float: right;
cursor:pointer;

}

/*****************************
Not?cias
*****************************/

#noticias{
   width: 774px;
	height: auto;
	margin: auto;
	float: left;
	background: #fff;
}

#noticias p span{
  width:100%;
  height: auto;
  font-size: 1.2em;
  color:#666;
  font-weight: bold;
  list-style: none;
}


.leitornoticia{
	width:720px;
	height: 25px;
	margin: 5px 0 0 0;
	background-color: #fff;
	padding: 0;
	color: #666;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}


/*****************************
class  .style5
*****************************/
.style5 {
	line-height: 30px;
	font-size: 12px;
	font-family: "Trebuchet MS";
	color: #666666;
}

.style1 {font-family: "Trebuchet MS"}

/* ---------------------------*/
#boxContanerConteudo{
	width: 500px;
	height:400px;
	border: solid 0px #000000;
	margin-left:10px;
	margin-right:0px;
	float:left;
}

#tituloDisponiveisConteudo{
	width: 500px;
	height:30px;
	border: solid 0px #000000;
	background-image:url(../imagens/chamada_produtos_info.jpg);
	background-repeat:no-repeat;
	float:left;
}

#listraProdutosConteudo{
	width: 500px;
	height:368px;
	border: solid 0px #000000;
	float:left;
}

#boxContanerConteudo #listraProdutosConteudo li{
	text-align: center;
	float: left;
	height: 100px;
	width: 227px;
	border:1px solid #84CEF1;
	margin:5px;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-transform: none;
}
.divFormulariocabebe{
	background-color: #C5E9FA;
	border: 1px solid #4EB6E6;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.divFormularioDados {
	font-family: "Trebuchet MS";
	font-size: 12px;
	border: 1px solid #999999;
}

#dicas_bebe{
	width:730px;
	height: auto;
	margin:auto;

}

#dicas_bebe {
	width:730px;
	height: auto;
	text-align: left;

}

#showroom{
  	width: 774px;
	height: auto;
	background: #ffffff;
	margin:auto;
	text-align: center;
	padding: 15px 0 0 0;
}

#showroom h1 {
	width:750px;
   height: 30px;
	font-family: "Trebuchet MS";
	font-size: 18px;
  	border-bottom: 1px solid #E83694;
	color: #ed4ea1;
	margin: 0 0 10px 10px;
	padding: 0 0 5px 0;
	font-weight:normal;
	text-align: left;
}

#showroom h1 span a{
float:right;
height: 25px;
margin: -20px 0 0 0;
height: auto;
}

#showroom h1 span img{
border:none;
}

#contato{
	width:670px;
	height:550px;
	background-image:url(../imagens/endereco_contato.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Verdana;
	color: #666;
	font-size: 11px;
	margin: 0 0 0 15px;
	float:left;
}

#contato p {
font-family: "Trebuchet MS", Verdana;
color: #666;
font-size: 11px;	
text-align: left;
}

#contato #formulario p {
font-family: "Trebuchet MS", Verdana;
color: #666;
font-size: 11px;	
text-align: left;
}

.campo {
border: 1px solid #ccc;
width: 300px;
background: #e1e1e1;
padding: 5px;
margin: 0;
float: left;
}

#contato h2{
	font-family: "Trebuchet MS", Verdana;
	font-size:12;
	color: #E83694;
	font-size: 11px;
}

.topo{
	position: fixed;
	bottom: 0pt;
	right:0pt;
}

.topo img{
border:none;
}