/* CSS Document */
html {
	overflow: -moz-scrollbars-vertical;
}


body{
	padding:0px;
	margin:0px;
	background:url(images/bg.gif) repeat-x #FFF;
	font-family:Arial, Helvetica, sans-serif;
}

div, ul, h1, h2, h3, li, p, img, a{
	margin:0;
	padding:0;
}

ul{
	list-style-type:none;
}

a {
	color:#1274B3;
	outline: none;
}
a:hover{
	color:#CC0000;
}

/*-----------------topo---------*/

#topo{
	width:778px;
	position:relative;
 	height:223px;
	margin:0 auto;
}

/*----------------esquerda do topo--------*/

#esquerda-topo{
	width:189px;
	height:223px;
	background:url(images/left_side.gif) no-repeat 0 0 #FFFFFF; 
	float:left;
	
}

#esquerda-topo ul{
	width:100px;
	display:block;
	padding:80px 0 0 86px;
	font-size:0px;
	float:left;
}

#esquerda-topo ul li{
	float:right;
	display:block;
}

#esquerda-topo ul li a{
	height:20px;
	display:block;
	text-indent:-2222px;
}

#esquerda-topo ul li a.home{
	background:url(images/home_icon.gif) no-repeat;
	width:23px;
	margin:4px 3px;
}

#esquerda-topo ul li a.admin{
	background:url(images/hotcenter.gif) no-repeat;
	width:25px;
	height:29px;
	margin:0px 6px;
}


#esquerda-topo ul.new{
	width:147px;
	display:block;
	padding:90px 0 0 38px;
}

#esquerda-topo ul.new li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:14px;
	width:73px;
	text-indent:0px;
	text-align:center;
}

#esquerda-topo ul.new li a:hover{
	color:#CC0000;
}

/*------------------ centro do topo-----------------------*/

#centro-topo{
	color:#333333;
	width:400px;
	height:223px;
	float:left;
}

#centro-topo p#banner {
	margin-top:5px;
	*margin-top:2px;
	_margin-top:2px;
}

#centro-topo img{
	margin:13px 0 0 44px;
}

/*----------------direita do topo------------*/

#direita_topo{
	width:186px;
	height:223px;
	float:left;
	background:url(images/right_side.gif) no-repeat 0 0;
}

#direita_topo ul{
	width:125px;
	display:block;
	float:left;
	padding:70px 0 0 10px;
}

#direita_topo ul li{
	background:url(images/tell.gif) no-repeat 2px 13px;
	height:30px;
	padding-top:5px;
}

#direita_topo ul li a.telefone {
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:3px 0 0 45px;
	display:block;
	color:#1274B3;
}

#direita_topo ul li a.telefone:hover {
	color:#1274B3;
}

#direita_topo ul li a.produto{
	font:9px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#1274B3;
	line-height:22px;
}


#direita_topo ul li a.produto:hover{
	color:#CC0000;
}

#direita_topo ul.solu{
	width:147px;
	display:block;
	padding:90px 0 0 2px;
}

#direita_topo ul.solu li{
	display:block;
	height:14px;
	float:left;
	width:70px;
	background:none;
	margin:0 0 0 2px;
}

#direita_topo ul.solu li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	text-decoration:none;
	width:18px;
	display:block;
	text-indent:0px;
	margin:2px 0 0 8px; 
	text-transform:none;
}

#direita_topo ul.solu li a:hover{
	color:#CC0000;
}

/*----------------------geral---------------*/

#geral{
	width:780px;
	margin:0 auto;
}

/*----------------------corpo esquerda---------------*/

#corpo_esquerda{
	/*background:url(images/body_leftbg.gif) repeat-y right top;*/
	width:189px;
	float:left;
	border-right:0;
	display: inline;
}

#corpo_esquerda a img {
	border:1px solid #1274B3;
	float:right;
	margin:-1px;
	_margin:2px;
}

#corpo_esquerda a img:hover {
	border:1px solid #CC0000;
}

#corpo_esquerda h2{
	display:block;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:26px;
	font-weight:normal;
	color:#1274B3;
	margin:20px 10px 4px 0;
	_margin:20px 10px 10px 0;
	text-align:right;
}

#corpo_esquerda h2.bebemes{
  _margin-top:0;
}

#corpo_esquerda h3{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#272727;
	float:left;
	height:28px;
	width:180px;
	margin-top: 15px;
	display:block;
}

#corpo_esquerda ul li{
	clear:both;
}

#corpo_esquerda a{
	font:12px Arial, Helvetica, sans-serif;
	color:#025B83;
	float:right;
	width:180px;
	margin:10px 0;
	_margin:0 0;
	padding-right:10px;
	display:block;
	text-align:right;
	text-decoration:none;
}

#corpo_esquerda a:hover{
	text-decoration:underline;
	color:#CC0000;
}

/*----------------corpo centro-------------*/

#corpo_centro{
	width:400px;
	float:left;
	/*height:480px;*/
	_height:480px;
	min-height:480px;
	border:1px solid #CCCCCC;
	border-top: none;
	margin-bottom:20px;
	display: inline;
}

#corpo_centro h2{
	height:30px;
	display:block;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:30px;
	font-weight:normal;
	color:#1274B3;
	margin:20px 0 0 30px;
	padding:0;
}

#corpo_centro p{
	width:348px;
	margin:20px 20px 0px 32px;
	font-size:14px;
	line-height:17px;
	color:#333;
}

#corpo_centro a{
	font:12px Arial, Helvetica, sans-serif;
	color:#025B83;
	width:180px;	
	margin: 15px 10px 0 0;
	display:block;
	text-align:left;
	text-decoration:none;
}

#corpo_centro a:hover{
	text-decoration:underline;
}

p.img-bebe {
	background:url(images/bebezao2.jpg) right bottom no-repeat;
	height:190px;
	text-align:left;
}
/*------------------------bebe do mês------------------------*/

#corpo_centro h5 {
	margin:0;
	font-weight:normal;
	display:block;
}


#corpo_centro #bebe-mes {
	border:1px solid #f00;
	width:350px;
	margin:30px auto;
	border: 1px solid #1274B3;
	background-color:#DAE9EF;
}

#corpo_centro #bebe-mes h3 {
	background-color:#1274B3;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:20px;
	font-family:Arial, Times, serif;
	margin:10px 20px;
}

#corpo_centro #bebe-mes img {
	margin:0 20px;
	border: 1px solid #1274B3;
}

form.bebe-mes {
  padding: 0px;
  width: 350px;
  margin:5px auto;
}

form.bebe-mes input {
  width: 345px;
  height: 15px;
  line-height:15px;
  margin: 5px 0 0 0;
  border: 1px solid #1274B3;
  color:#1274B3;
  padding-left:2px;
  background-color:#DAE9EF;
}

form.bebe-mes input#nome-bebe{
	width:265px;
}

form.bebe-mes input#data-nasc {
	width:70px;
}

form.bebe-mes input.arquivo {
	height:19px;
	width:250px;
}


form.bebe-mes input.botao {
  background:url(images/botao.gif) no-repeat left center;
  height:30px;
  width:90px;
  line-height:30px;
  border:0;
  clear:both;
  text-align:left;
  color:#fff;
  padding-left:4px;
  outline:none;
}

form.bebe-mes input.botao:hover {
	color:#CC0000;
}

div.mensagem p{
  font-size:12px;
  color:#f00;
  font-weight:bold;
}


/*------------------------corpo direita----------------------*/

#direita{
	width:180px;
	float:left;
	height:480px;
	display: inline;
}

#direita h2{
	height:31px; 
	background-color:#FFFFFF;
	display:block;
	width:90%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:26px;
	font-weight:normal;
	color:#1274B3;
	margin:20px 0 0px 15px;
}

#direita h3{
	font:12px Arial, Helvetica, sans-serif;
	color:#025B83;
	margin: 5px ;
	display:block;
	text-align:left;
	font-weight:normal;
	margin-left:10px;

}

form#contato {
  /*clear:both;*/
  padding: 0px;
  width: 180px;
  height:225px;
  margin:5px 0;
}

form#contato input {
  width: 160px;
  height: 15px;
  line-height:15px;
  margin: 2px 0 2px 10px;
  border: 1px solid #1274B3;
  color:#1274B3;
  text-transform:capitalize;
  padding-left:2px;
  background-color:#DAE9EF;
}

form#contato textarea {
  height: 80px;
  width: 162px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  margin: 2px 0 2px 10px;
  border: 1px solid #1274B3;
  background-color:#DAE9EF;
}

form#contato input.botao {
  background:url(images/botao.gif) no-repeat left center;
  height:30px;
  width:90px;
  line-height:30px;
  border:0;
  clear:both;
  text-align:left;
  color:#fff;
  padding-left:4px;
}

form#contato input.botao:hover {
	color:#CC0000;
}
ul.contato {
	width:160px;
	margin-left:10px;
	font-size:12px;
	padding: 0;
}

/*--------------produtos--------------------------*/

div#produto h3, div#conteudo div#texto div#produto div{
	  margin: 0px;
	  padding: 5px;
	  margin-left: 25px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  clear:both;
	  *margin-top:15px;
}

div#produto div.produtos h3 a {
	height:20px;
	width:100px;
	line-height:20px;
	padding-left:20px;
	background:url(images/marcador.jpg) no-repeat top left #dae9ef;
}


div#produto div.produtos div.thumbnail {
	display: none;
	width:330px;
	margin:0 auto;
}

div#produto div.produtos div.thumbnail div.thumbmail-img{
	width:100px;
	height:100px;
	float:left;
	display: inline;
	margin:2px;
	_margin:0;
	padding:0;
}

div#produto div.produtos div.thumbnail div.thumbmail-img a {
	width: 95px;
}

div#produto div.produtos div.thumbnail div.thumbmail-img a img {
	border:1px solid #999;
}

div#produto div.produtos div.thumbnail div.thumbmail-img a img:hover {
	border:1px solid #CC0000;
}

/*----------------------produto_inferior-----------*/

#produto_inferior{
	width:100%;
	height:300px;
	margin:0 auto 0 auto;
	float:left;
	background:url(images/project_bg.gif) repeat-x #FFFFFF;
	color:#A68A33;
}

#produto_inferior h2{
	width:218px;
	margin:24px auto 0 auto;
	display:block;
	background:url(images/project_h2.gif) no-repeat #FFFFFF;
	font:27px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1274B3;
	height:30px;
	font-weight:normal;
	padding-left:116px;
	
}

#produto_inferior ul{
	width:320px;
	height:105px;
	display:block;
	margin:0 auto 0 auto;
	background-color:#FFFFFF; color:#362900;
	padding:7px 0 0 14px;
}

#produto_inferior ul li{
	display:block;
	float:left;
	margin-right:3px;
}

#produto_inferior ul li a.foto img{
	height:80px;
	width:100px;
	border:1px solid #666666;
}

#produto_inferior ul li a.foto img:hover{
	border:1px solid #CC0000;
}

#produto_inferior a.link {
	width:310px;
	float:left;
	clear:both;
	color:#1274B3;
	font-size:12px;
	text-decoration:none;
}

#produto_inferior a.link:hover {
	text-decoration:underline;
	color:#CC0000;
}
#produto_inferior ul.next{
	height:28px;
	width:224px;
	display:block;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	font-size:0px/
}

#produto_inferior ul.next li{
	display:block;
	float:left;
	font:10px/17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#produto_inferior ul.next a{
	color:#362900;
	margin:0 4px 0 4px;
	text-decoration:none;
	background-color:#FFFFFF;
}

#produto_inferior ul.next a:hover{
	color:#CC0000;
	background-color:#FFFFFF;
}

/*------------------------rodape---------------*/

#rodape{
	width:100%;
	height:80px;
	background:url(images/footer_bg.gif) repeat-x #979797;
	float:left;
	color:#FFFFFF;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:-60px;
	line-height:80px;
}

#rodape span{
	 float: left;
     margin-left:20px;
}
#rodape a {
	color:#FFFFFF;
	float: right;
	margin-right:20px;
}

#rodape a:hover{
	color:#CC0000;
}