/*zerar valores*/
* {margin: 0; padding: 0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before, q:after {content:'';} 
a img {border: 0; text-decoration: none;}

/*Posicionamento, fundo e textos*/
body {
	text-align: left;
	background-color: #9C9;
	font-family: "Trebuchet MS", Verdana, tahoma, sans-serif;	
}

#geral {
	position: absolute;
	width: 780px;
	background: url(../img/fundo_meio.jpg) repeat-y;	
}

#topo {
	height: 234px;
	background: #ccc url(../img/topo.jpg) no-repeat;
	float: none;
}

#topo h1{
	display: none;
}

#topo h2 {
	display: block;
	position: relative;
	top: 202px;
	left: 258px;
	color: #c60;
	font-size: 25px;
	width: 500px;
}

#menu {
	float: left;
	width: 148px;
	margin-left: 45px;
	/*border: 1px #000 dotted;*/
}

html>body #geral #menu {
	margin-left: 90px;
}

#menu ul {
	margin-left: 5px;
}

#menu ul li a:link, #menu ul li a:visited {
	height: 29px;
	padding: 7px 0 0 43px;
	display: block;
	background: url(../img/fundo_menu.jpg) no-repeat;
	background-position: 0 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #363;
	}

#menu ul li a:hover {
	background-position: 0 -34px;
}

#conteudo {
	float: left; 
	width: 500px;
	padding: 15px 25px 0 12px;
	text-align: justify;
	color: #363;
	/*border: 1px #000 dotted;*/
}

#conteudo img.direita {float: right;}

#conteudo ul {margin-left: 100px;	list-style: disc;	}
#conteudo ol {margin-left: 30px;	list-style: circle;	}

#conteudo h1 {font: bold 2em/1em "Trebuchet MS", Arial, Verdana, sans-serif;	margin: 15px 0px 10px 0px;}
#conteudo h2 {font: bold 1.5em/1em "Trebuchet MS", Arial, Verdana, sans-serif; margin: 15px 0px 10px 0px;}
#conteudo h3 {color:#c60; font: bold 1.2em/1em "Trebuchet MS", Arial, Verdana, sans-serif; margin: 15px 0px 10px 0px;}
#conteudo p {font: 1em/1.1em "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0px 0px 10px 0px;}

#conteudo .form input {display:block; margin-left:100px; margin-bottom:5px;}
#conteudo .form label {clear:left; display:block; float:left; margin-top:3px; width:90px; text-align: right;}
#conteudo .form textarea {display:block; margin-left:100px; margin-bottom:5px;}
#conteudo .form input.botao {padding: 5px; margin-left:100px;}
#conteudo .form legend {display: none;}

#conteudo a:link, #conteudo a:visited {text-decoration: underline; color: #c60;}
#conteudo a:hover { text-decoration: none;}

a:link IMG {text-decoration: none;}
a:visited IMG {text-decoration: none;}
a:hover IMG {text-decoration: none;}

.acenter {
	text-align: center;
}

/*rodape*/
#rodape {clear: both; text-align: center; height: 50px; font-size: 14px; padding: 60px 0 0 90px; color: #666666; background: #9c9 url(../img/rodape.jpg) no-repeat;}
#rodape a:link, #rodape a:visited {text-decoration: none; color: #666666;}
#rodape a:hover {text-decoration: underline;}

#anuncio {
	position: absolute;
	top: 111px;
	left: 504px;
  width: 234px;
	height: 60px;
	/*border: 1px #000 dotted*/
}

#logout {
  position: absolute;
  top: 5px;
  left: 350px;
  font-size: 30px;
}

.inplaceeditor-saving { background: url(../img/load.gif) bottom right no-repeat; }

#pedigree {background: url(../img/fundo_pedigree.gif) no-repeat 0px 31px;
 padding-bottom: 10px;}

#pedigree #ppp {margin-left: 260px;}
#pedigree #pp {margin-left: 145px;}
#pedigree #mpp {margin-left: 260px;}
#pedigree #p {margin-left: 65px;}
#pedigree #pmp {margin-left: 260px;}
#pedigree #mp {margin-left: 145px;}
#pedigree #mmp {margin-left: 260px;}

#pedigree #c {margin-left: 5px;}

#pedigree #ppm {margin-left: 260px;}
#pedigree #pm {margin-left: 145px;}
#pedigree #mpm {margin-left: 260px;}
#pedigree #m {margin-left: 65px;}
#pedigree #pmm {margin-left: 260px;}
#pedigree #mm {margin-left: 145px;}
#pedigree #mmm {margin-left: 260px;}

/*
 120 x 600 
 160 x 600 
 180 x 150 
 285 x 300 
 300 x 250 
 468 x 60 
 468 x 160 
 728 x 90 
*/
