#colEsquerda { width: 564px; border-top: 2px solid #b5da50; display: inline; float: left; background: #fff; }
#colEsquerda .title { font-size: 18px; color: #737373; font-family: Arial; margin: 5px 0px 0px 15px; }
#colEsquerda .fotoblog { width: 266px; _width: 268px; height: 216px; _height: 218px; border: 1px solid #d9d9d9; margin: 5px; background: #fff; display: inline; float: left; position: relative; }
#colEsquerda .meubicho { width: 547px; _width: 547px; height: 216px; _height: 218px; border: 1px solid #d9d9d9; margin: 5px; background: #fff; display: inline; float: left; position: relative; }

#busca #form .texto { height: 16px; }

#colDireita { width: 196px; display: inline; float: left; background: #b5da50; min-height: 1000px; }

#sobre { width: 186px; height: 495px; background: url("http://fotoblog.i.uol.com.br/bichos/fundo1.jpg") no-repeat; margin: 0px 5px 0px 5px; }
#caixa { width: 186px; height: 135px; background: url("http://fotoblog.i.uol.com.br/bichos/fundo2.jpg") no-repeat; margin: 10px 5px 0px 5px; }
#caixa #titulo, #sobre #titulo { font-family: Arial; font-size: 16px; font-weight: bold; color: #d4ad3c; padding: 10px 0px 0px 10px; }
#caixa ul, #sobre ul { color: #698129; list-style: none; margin: 5px; padding: 0px; }
#caixa li, #sobre li { margin: 5px 0px 5px 5px; }
#sobre li { padding-left: 10px; background: url("http://fotoblog.i.uol.com.br/bichos/bullet.gif") 0 5px no-repeat; }
#caixa a { font-family: Tahoma, Arial Narrow; color: #698129; font-weight: bold; font-size: 11px; padding-left: 10px; background: url("http://fotoblog.i.uol.com.br/bichos/bullet.gif") 0 5px no-repeat; }

#descr { padding: 5px 10px 0px 10px; color: #698129; }
#descr p strong { color: #333; font-size: 12px; }

a#logo { display: inline; float: left; width: 183px; height: 133px; background: url("http://fotoblog.i.uol.com.br/bichos/logo.gif"); }
a#cavalos { display: inline; float: left; width: 84px; height: 133px; background: url("http://fotoblog.i.uol.com.br/bichos/bt_cavalos.gif") 84px 0px; }
a#caes { display: inline; float: left; width: 81px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_caes.gif") 81px 0; }
a#gatos { display: inline; float: left; width: 81px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_gatos.gif") 81px 0; }
a#aves { display: inline; float: left; width: 81px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_aves.gif") 81px 0; }
a#peixes { display: inline; float: left; width: 82px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_peixes.gif") 82px 0; }
a#roedores { display: inline; float: left; width: 81px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_roedores.gif") 81px 0; }
a#meubicho { display: inline; float: left; width: 87px; height: 133px;  background: url("http://fotoblog.i.uol.com.br/bichos/bt_meubicho.gif") 87px 0; }
#header a:hover { text-decoration: none; background-position: 0px 0px; }
#header { height: 133px; width: 760px; position: relative; }

#ttCaes, #ttGatos { position: absolute; top: 247px; left: 95px; z-index: 9; }
#ttAves, #ttPeixes { position: absolute; top: 247px; left: 90px; z-index: 9; }
#ttCavalos, #ttRoedores { position: absolute; top: 247px; left: 70px; z-index: 9; }
#ttMeuBicho { position: absolute; top: 250px; left: 25px; z-index: 9; }

#ultimas { background: url("http://fotoblog.i.uol.com.br/bichos/ultimas.gif") no-repeat; text-align: right; height: 26px; _height: 32px; padding: 6px 10px 0px; }
#ultimas a img { margin-right: 5px; }
#ultimas a { font-size: 12px; font-family: Arial; color: #50514b; font-weight: bold; }

.buol { float:none; width:76em;height:2.4em; font-family:arial, sans-serif;line-height:2.4em; }
a#ib1 img { border:0; width:5.2em; height:1.7em;margin-top:3px }
.buol form { float:left;margin:0.3em 0 0 0.3em; }.buol select { width:14.5em;font:1em arial; }
.buol form>select { width:14.5em; }
.buol a { height:1.85em;color:white;text-decoration:none;display:block;float:left;text-align:center; border-left:1px solid #02264B;}
.buol a:visited { color:white; }
.buol a:hover { text-decoration:underline; }
a#ib1 { padding:0;width:6.4em;height:2.4em; }
#ib2 { width:5em; }
#ib3 { width:7.5em; }
#ib4 { width:5em; }
#ib5 { width:3.5em; border-right:1px solid #02264B;}
#copyright { width:76em;color:black;text-align:center;margin:0.5em; }
#barra-uol-bg {width:76em; float:left; background-image:url(http://img.uol.com.br/b/uolbg.gif);}
#barra-uol-produtos {float:left; background-image:none; width:32.9em; background-color:#50728E;}
.produto {font:bold 1em verdana; padding:0.2em 0.3em; *padding:0 0.3em 0.4em 0.3em; _padding:0 0.3em; }
a.produto img {padding-bottom:0.1em;}#barrauol1 {margin-bottom:0.2em;}

h2 { margin:5px 0 10px 10px; font:bold 16px arial; color:#952112; }

a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
img { border:none; }


.buol { width:760px; font-size:10px }
/* recent */ 
#recent-container { background: #fff; border: 1px solid #cbcbcb; width:543px; height:95px; margin: 10px 0px 0px 7px; }

#recent { background: #fff; margin: 0px; padding: 0px;}
#recent #photos{ padding: 5px 0px;  height:95px; margin-left: 0px;}
#recent ul, #recent li { margin:0; padding:0; list-style:none; }
#recent li { float:left; margin:3 0 0 7px; }

#logotop {
  margin:0px;
  height: 110px;
	width: 760px;
	padding: 0;
}

#logotop img {
  border:0px;
  margin:0px;
}

#cont {
  background:#b5da50;
  margin:0px;
  padding:0px;
  position:relative; 
  text-align:left;
  width:760px;
  min-height: 890px;
}

#cont #links {
  background:#b5da50;
  padding:0px 0px 10px 0px;
  width:564px;
}

#cont #barra {
  padding:0px;
  position:absolute;
  right:10px;
  top:0px;
  width:186px;
  height: 100%;
}

#barra #box {
  padding:5px 3px;
  margin-top: 5px;
  background:transparent url('http://fotoblog.i.uol.com.br/default/gradient.gif') no-repeat;
  height: 558px;
}

#box h3 { margin:15px 0 10px 5px;font:bold 16px Arial; color:#86512f; }

#box h2 {   font:bold 13px Arial;  color:#000000;  }

#box strong {
  font:bold 13px Arial;
  color:#9a2214;
  text-align: center !important;
}

#box p {
  font:normal 12px arial;
  margin:0 5px;
  color:#50514b;
}

#elink {
  margin:5px 0px 8px 0px; text-align: center;
}

#elink a { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; }

#box h6 {
  color:#50514b;
  font:normal 10px arial;
  margin:10px 5px;

}

#lbr {
  margin:10px 5px 10px 5px;
}

#box ul, #box li { margin:0; padding:0; list-style:none; }
#box ul {
  color:#50514b;
  font:normal 10px verdana;
  margin:0px;
  padding:0px 0px 0px 5px; 
}

#box li {
  background:transparent url('http://fotoblog.i.uol.com.br/noivas/bl.gif') no-repeat 0 5px; 
  line-height: 10px;
  padding:0 0 0 10px;
}

#box li p {
  color:#50514b;
  font:normal 10px verdana;
  margin:0;
}

#box li strong {
  color:#9a2214;
}

#box li#a {
  margin:10px 0px 0px 0px;
}

#box li strong {
  font:bold 10px verdana;
}

#btuol {
  margin:10px 0 10px 10px;
}

#btuol a { display:block; margin-right: 7px; text-align:center; }

#btuol img {
  border:0px;
}

#gbox {
  background:#CA4C3C;
  margin:0px 0 10px 10px;
  position:relative;
}

#gbox h1 {
  background:#942110;
  color:#fff;
  font:bold 11px verdana;
  margin:0px;
  padding:5px 1px 5px 10px;
}

#gbox h2 {
  font:bold 11px arial;
  margin:0px;
  padding:5px 1px 5px 10px;
  color:#FFFFFF;
}

#gbox p {
  font:normal 11px arial;
  margin:0px;
  padding:0px 10px 15px 10px;
  color:#FFFFFF;
}

#gbox a{
  font:normal 11px arial;
  margin:0px;
  padding:0px 10px 15px 10px;
  color:#FFFFFF;
}

#gbox input.opine{
	background: #942110 url('http://fotoblog.i.uol.com.br/diadosnamorados/btoOpine.gif') no-repeat 5px 5px;
	border-top: solid 1px #942110;
	border-left: solid 1px #942110;
	border-bottom: solid 1px #b5da50;
	border-right: solid 1px #b5da50;
	width: 67px;
	height: 23px;
	color: #FFF;
	font: bold 10px verdana;
	padding-left: 15px;
	margin: 0 10px 10px 95px;
}

#dicas { color: #000; border: 1px solid #d7d7d7; }
.dicas-title { font: bold 11px verdana; background: #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 4px 0px 4px 15px; }
#dicas ul { padding-left: 25px; _margin-left: 0px; }
#dicas li a { color: #000; font-family: Arial, Tahoma, Verdana; font-size: 11px; }

#extras { padding:5px 0 0 0;  margin-top: 5px; }

#wbox {
  background:#e9e9e9;
  padding:5px 5px 5px 8px;
  margin: 0px 10px 10px 10px;
}

#wbox p {
  font:normal 10px arial;
  margin:0px;
  padding:0;
  color:#51514B;
}

#wbox p img {
  margin:0px 3px 0px 0px;
  vertical-align:top;
}

#wbox p a img {
  border:0px;
  margin:0px 5px 0px 0px;
  vertical-align:bottom;
}

#ultfotos {
  margin:0px 0px 10px 0px;
  padding:10px 10px 0px 4px;
  position:relative;
}

#ultfotos img {
  margin:0px;
}

#ultfotos #maisfotos {
  position:absolute;
  right:10px;
  top:10px;
}

#ultfotos #maisfotos img {
  border:0px;
  margin:0px 3px 0px 0px;
  vertical-align:top;
}

#ultfotos #maisfotos p a {
  color:#50514b;
  font:bold 11px verdana;
  margin:0px;
  text-decoration:none;
  height: 13px;
}

#ultfotos #maisfotos p {
  margin:0px;
}

#ultfotos #listfotos {
  background:#f8dbd3;
  height:95px;
  margin:0px 0px 10px 6px;
  width:545px;
}

#fundoFoto{ bottom: 2px;right: 1px;color: inherit;margin :0 9px 0 10px;}

#post {
margin: 10px 0 10px 0;padding:0;background:#fff;border: solid 1px #cbcbcb; overflow:hidden;position: relative; bottom: 3px;right: 3px;
}

#post #comando {
  position:absolute;
  right:25px;
  top:10px;
  width: 495px;
}

#post #comando div {
  margin:0px;
}

#post #comando div a {
  color:#51504c;
  font:bold 10px verdana;
  text-decoration:none;
  height: 13px;
  padding: 0 0 0 7px;
  background: url('http://fotoblog.i.uol.com.br/maes/setaesq.gif') no-repeat 0 2px;
  float: left;
  display: inline; 
}
#post #comando div span.proxima a{ background: url('http://fotoblog.i.uol.com.br/maes/setadir.gif') no-repeat 52px 2px; padding: 0 7px 0 0; margin-left: 15px; float: right; display: inline; }

#post #comando div a img {
  border:0px;
  margin:0px 5px 0px 0px;
  vertical-align:middle;
  height: 13px;
}

#post #foto{
  width: 500px;
  padding: 32px 0 10px 10px;
  *padding: 22px 0 10px 10px;
  font:normal 12px arial;
  border:0;
}
#post #foto *{ margin: 0}
#post #foto p, #post #foto h1, #post #foto h2{ margin-top:10px;}
#post #foto h1 {
  color:#72a514;
  font:bold 10px verdana;
  *margin-top: 0px;
}
#post #foto h2 {
  font:normal 10px arial;
  color: #51514B;
}
#post #foto h2 img{
height:auto;
width:auto;
margin:0 5px -1px 0;
}
#post #foto img {
  /*height:375px;
  width: 500px;*/
  background: #f00;
}

#coment {
  position:relative;
  background:#feffd0;
  border: 1px solid #cbcbcb;
  margin:10px 0 0px 6px;
  padding:13px 0 35px 0;
  width:544px;
}
/*#coment *{ margin: 0 0 0 5px; font:bold 10px verdana; line-height: 12px;}*/
#coment p, #coment h3/*, #coment h2{ margin-top: 10px;}*/
#coment ul, #coment li{ list-style: none;}
#coment ul{ margin: 0 12px 0 17px; padding: 0 0 12px 0; background: url('http://fotoblog.i.uol.com.br/criseaeroportos/pontilhado.gif') repeat-x left bottom;}
#coment ul ul{ background-image: none; margin: 0 12px; padding: 0;}
#coment p.texto{ margin:0 0 5px 0; font:bold 10px verdana; color:#312E2A; }
#coment p.credito{
	font:normal 10px arial;
  color: #51514B;
}
/*#coment h2{ font-weight: normal; font-style: italic;}*/
#coment h3{ color: #A07361; font-size: 12px;}

#formComente {
  background:#feffd0;
  border: 1px solid #cbcbcb;
  margin:10px 10px 10px 6px;
  padding: 10px 0px;
  width:544px;
}
#formComente img{ margin: 0 0 0 5px;}

#formComente form{ margin: 0; padding: 0;}

#formComente table {
  width:507px;
  color:#403D3A;
  margin: 10px 0 0 5px;
}

#formComente table tr td {
  font:normal 12px arial;
  text-align:right;
  color: #413c39;
}

#formComente table tr td input, #form table tr td textarea { float: left; }

#formComente table tr td b {
  color:#000000;
}

#formComente table tr #tdTxt {
  text-align:left;
  padding-left: 5px;
  font: normal 10px verdana;
}

#formComente #sobra {
  font:bold 11px arial;
}

#formComente h2 { margin:10px 0 10px 10px; font:bold 16px arial; color:#d4ad3c;  }

/* arquivo */

#arquivo .voltar { font: normal 10px arial; color:#50514C; text-align:right; text-transform: uppercase; }

#arquivo #fotos { float: left; width: 524px; *width: 564px; padding: 10px 20px;}

#arquivo #fotos ul, #arquivo #fotos li { margin:0; padding:0; list-style:none; }
#arquivo #fotos ul { margin: 10px 40px;}
#arquivo #fotos li { float:left; margin: 0 10px 0 0; *margin: 0 10px 10px 0; padding:0;}
#arquivo #fotos li a{ float:left;} 
#arquivo #fotos img{ margin: 0;}
#arquivo #fotos h1 { font:bold 11px verdana; color:#50514C; float: left;}

#arquivo #history {
float:left;
overflow:hidden;
padding:0pt;
width:196px; 
#margin:25px 0 0 0;
}

/*#arquivo #history{ float: left; width:196px; overflow: hidden; background:#B2B3A5 url(http://fotoblog.i.uol.com.br/diadosnamorados/ddnbarrafundo.jpg) no-repeat left top; padding: 0;}*/
#arquivo #history img{ margin: 28px 0 0 8px!important;}
#arquivo #history iframe{ height: 400px;margin:10px 0 0 0;}

/*#arquivo #history ul, #arquivo #history li{ margin:0; padding:0; list-style:none;}
 #arquivo #history ul{ margin: 10px 10px 20px 11px;}
 #arquivo #history li{ font:normal 10px arial; color:#403D3A; background: url(http://fotoblog.i.uol.com.br/diadosnamorados/bltPeriodo.gif) no-repeat 0 3px; padding: 0 0 3px 7px; line-height: 12px;}
 #arquivo #fotos { position:absolute; top:180px; left:180px; padding:10px 80px; }
 #period { position:absolute; top:144px; left:0; width:186px;height:100%; overflow: hidden;}*/
 
body#period { position:static; background:#fff; padding:0 8px 10px;}
body#period ul, body#period li { margin:0; padding:0; list-style:none; }
body#period ul { margin: 10px 10px 10px 3px; }
body#period li { font:normal 10px arial; color:#403D3A; background: url(http://fotoblog.i.uol.com.br/diadosnamorados/setalj2.jpg) no-repeat 0 1px; padding: 0 0 3px 7px; line-height: 12px;}


#centraliza { margin-left:auto; margin-right:auto; position:relative; width: 760px; text-align: left; }

.anterior { float: left; display: inline; }