@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Folha de estilos gerais do Site

autor:    Daniel Ramos 
website:   http://www.danielramos.ppg.br/
-----------------------------------------------------------------------------*/


/* =Reset
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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,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%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a{  }

a span {display:none;}


/* =Hacks
-----------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { height:1%; }



/* =Elementos HTML
-----------------------------------------------------------------------------*/

html{
	overflow: -moz-scrollbars-vertical;
}

.home {
	font:12px "Tahoma", sans-serif;
	background:url(../images/backgrounds/bg_home.jpg) top center no-repeat;
	color:#444444;
	margin:auto;
	text-align:center;
}

.admin {
	font:12px "Tahoma", sans-serif;
	background-color:#e5e5e5;
	color:#000000;
	margin:auto;
	text-align:left;
}

h1 {
	color:white;
	text-align:left;
	float:left;
	display:inline;
	text-transform:uppercase;
}

h2 {
	float:left; 
	font-size:18px; 
	color:#0097c9; 
	text-transform:uppercase; 
	display:inline;
}


/* =Estrutura
-----------------------------------------------------------------------------*/

#conteudo {
	margin:auto;
	margin-top:39px;
	width:749px;
}

.linhazu {
	border-bottom:2px solid #0097c9;
	padding-bottom:5px;
	margin-bottom:4px;
}

.black {
	border-bottom:2px solid #b0b0b0;
	padding-bottom:5px;
	margin-bottom:4px;
}

.linhazu a {
	font-size:10px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	float:right;
	margin-top:6px;
}

.linhazu a:hover {
	text-decoration:underline;
}

.linhazu h1 a {
	color:white;
	text-align:left;
	float:left;
	display:inline;
	text-transform:uppercase;
	font-size:19px;
	margin:0px;
}

.linhazu h1 a:hover {
	text-decoration:none;
	color:#0097c9;
}

/* =Menu
-----------------------------------------------------------------------------*/
.menu {
	float:right;
	margin-bottom:45px;
}

.menu li {
	display:inline;
	margin-left:33px;
}

.menu li a {
	font-size:15px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:85px;
	height:21px;
	float:right;
	padding-top:1px;
}

.menu li a:hover {
	color:#0097c9;
	text-decoration:none;
	background:url(../images/backgrounds/menu_over.gif) no-repeat;
}

.menu li a.link_bio {
	width:50px;
	height:22px;
}

.menu li a.link_bio:hover {
	background:url(../images/backgrounds/menu_over_p.gif) no-repeat;
}

.menu li a.link_about {
	width:64px;
	height:22px;
}

.menu li a.link_about:hover {
	background:url(../images/backgrounds/menu_over_about.gif) no-repeat;
}

/* =Menu Admin
-----------------------------------------------------------------------------*/
.menuAdmin {
	float:left;
	margin-bottom:45px;
	text-align:left;
}

.menuAdmin li {
	display:inline;
}

.menuAdmin li a {
	font-size:15px;
	color:#505050;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:200px;
	height:21px;
	padding-top:1px;
}

.menuAdmin li a:hover {
	color:#000000;
	text-decoration:none;
	background:url(../images/backgrounds/menu_over.gif) no-repeat;
}

.menuAdmin li a.link_bio {
	width:50px;
	height:22px;
}

.menuAdmin li a.link_bio:hover {
	background:url(../images/backgrounds/menu_over_p.gif) no-repeat;
}

.menuAdmin li a.link_about {
	width:64px;
	height:22px;
}

.menuAdmin li a.link_about:hover {
	background:url(../images/backgrounds/menu_over_about.gif) no-repeat;
}

/* =Galeria 
-----------------------------------------------------------------------------*/
.galeria {
	background:url(../images/home/galeria.jpg) no-repeat;
	width:749px;
	height:256px;
	clear:both;
	text-align:left;
	margin-bottom:24px;
}

.galeria table {
	margin: 0;
	color:white;
	font-size:12px;
}

.galeria table td {
	padding:0px;
}

#txt {
	width:252px;
	line-height:20px;
}

.galeria a {
	border:4px solid white;
	display:block;
	width:106px;
	height:73px;
}

.galeria a:hover {
	border:4px solid #0097c9;
}

.galeria .girafa {
	background:url(../images/home/girafa.jpg) no-repeat;
}

.galeria .sapo {
	background:url(../images/home/sapo.jpg) no-repeat;
}

.galeria .aguia {
	background:url(../images/home/aguia.jpg) no-repeat;
}

.bio {
	background:url(../images/home/bg_bio.jpg) no-repeat;
	width:442px;
	height:133px;
	float:left;
	display:inline;
	text-align:left;
	padding-top:12px;
}

.bio a.foto {
	border:0px solid #575757;
	margin:0px 10px 0 11px;
	background:url(../images/home/bio.jpg) no-repeat;
	width:142px;
	height:110px;
	display:block;
	float:left;
	cursor:pointer;
}

.bio a span {
	display:none;
}

.bio h3 {
	font-size:14px;
	color:#131313;
	display:inline;
	text-transform:uppercase;
	float:left;

}

.bio span {
	font-size:11px;
	color:#131313;
	display:block;
	margin:20px;
	*margin:30px;
	margin-bottom:7px;
	*margin-bottom:9px;
	line-height:20px;
}

.bio a.veja {
	display:block;
	float:left;
	width:65px;
	height:18px;
	background:url(../images/home/veja_mais.jpg) no-repeat;
	font-size:12px;
	text-transform:uppercase;
	color:#131313;
	padding:4px 0 0px 5px;
	text-decoration:none;
}

.bio a.ingles {
	padding:4px 0 0px 7px;
}

.bio a.veja:hover {
	background:url(../images/home/veja_mais_over.jpg) no-repeat;
	color:white;
}

.servicos {
	float:left;
	margin:0px;
	width:253px;
	margin-left:50px;
}

.servicos h3 {
	font-size:17px;
	color:#0097c9;
	margin:0px;
	padding-bottom:13px;
	background:url(../images/home/dotted.jpg) repeat-x bottom;
	text-align:left;
}

.servicos ul{
	padding-top:10px;
}

.servicos ul li{
	color:white;
	list-style-image:url(../images/home/bullet.gif);
	*list-style-image:url(../images/home/bullet_ie.gif);
	font-size:11px;
	margin-left:16px;
	*margin-left:19px;
	padding:4px;
	text-align:left;
	vertical-align: baseline
}