/* CSS Layout - iNovaStudio */

*{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; border:0px;}
* p{color:#666; text-align:justify; margin: 10px 10px 0px 0px; clear:both}

body{background:#FFF URL(../_img/bg.gif) repeat-y 50%;}

#logo{position:absolute; top:10px;}
#logo img{width:170px; height:60px;}

#corpo{
	position:absolute;
	top:0px; left:50%;
	margin-left:-385px;
	width:770px; height:100%;
	background: #FFF URL(../_img/bg.gif) repeat-y right;
}

#conteudo{
	width:615px; min-height:320px;
	margin-left:155px;
	background: #FFF URL(../_img/bg-c.gif) repeat-y right;
}

#cabecalho{
	height:80px; margin-bottom:-5px;
	background: #FFF URL(../_img/sup.jpg) repeat-y right;
}

.atopo{display:block; padding:10px 0px 5px 0px; margin:0px 5px; border-bottom:1px solid #EEE; text-align:right;}
.atopo a{color:#999; text-decoration:none;}
.atopo a:hover{color:#c5500a;}

#titulo{
	background: #e66718 url(../_img/bg-sup.jpg) repeat-x;
	width:519px;
	position:absolute;
	text-align:right;
	top:1px; right:60px;
	height:60px;
}

#rodape{
	clear:both;
	float:right;
	width:615px; height:80px;
	padding-top:20px;
	background: URL(../_img/rodape.jpg) no-repeat top;
	text-align:center;
	color:#CCC;
}

#rodape a{
	color:#ec6a19;
	text-decoration:none;
	margin:0px 5px;
}

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

#rodape a img{margin-bottom:-2px;}

/* MENU */

#menu{
	position:absolute;
	top:80px; left:-6px;
	background:#FFF url(../_img/m1.gif) repeat-y right;
	width:170px;
}

#menu ul{margin-bottom:10px;}
#menu li{list-style:none;}
#menu a{
	vertical-align:middle;
	border-bottom:1px solid #DDD;
	color:#999;
	display:block;
	padding:4px 0px;
	margin-left:6px;
	width:164px; height:19px;
	font-size:16px;
	text-decoration:none;
	text-indent:20px;
	background: url(../_img/m1.gif) right;
}

#menu a:hover{
	background: #DDD url(../_img/m2.gif) right;
}

/* MENU SELECIONADO */
#contato .contato, #contato .contato:hover, #sobre .sobre, #sobre .sobre:hover, #portfolio .portfolio, #portfolio .portfolio:hover, #servicos .servicos, #servicos .servicos:hover, #parceiros .parceiros, #parceiros .parceiros:hover{background: #666 url(../_img/m3.gif) right; color:#FFF;}

.mcima{
	width:170px; height: 24px;
	background:#FFF url(../_img/mcima.gif) no-repeat right bottom;
}

.mbaixo{
	width:170px; height: 27px;
	background:#FFF url(../_img/mbaixo.gif) no-repeat right top;
}

/* MENU NAVEGAÇÃO */
#menu_nav{position:absolute; margin:-90px 0px 0px -50px; _margin-left:-160px; /* I HATE IE! */}
#menu_nav a{margin:0px 2px;}


/* CONTEUDO */

.texto{
	padding: 5px 40px 5px 30px; _height:310px;
}
.texto img{
	margin:5px 20px 15px 0px;
	float:left;
}
h2{
	font-size:24px;
	margin-right:10px;
	color:#ec6a19;
	text-align:right;
}

.texto h3{
	margin-top:50px;
	color:#ec6a19;
	font-size:14px;
}

.tool{text-align:center; padding-top:20px; clear:both}
.tool a{text-decoration:none; color:#ec6a19;}
.tool a:hover{color:#000;}

.texto ul{margin:10px; padding-left:20px;}
.texto li{margin: 5px; list-style:circle;}
.texto li a{color:#000; text-decoration:none;}
.texto li a:hover{color:#c5500a; text-decoration:underline;}
.texto ul li ul li a{color:#666;}
.texto ul li h3{margin-top:0px;}
.texto ul li h3 a{color:#333;}
.texto p a{color:#c44f09;}
.texto p a:hover{color:#ec6a19;}

#portlist ul{margin:10px 20px 10px 10px;padding:0;}
#portlist li{display:block; border-bottom:1px solid #EEE; padding: 5px 0px; list-style:none;}
#portlist li a{font-size:18px; color:#999; padding-left:20px; background:#FFF url(/_img/portlist.gif) no-repeat 5px 7px;}
#portlist li a:hover{text-decoration:none; color:#ec6a19;}

/* Copyright */
#copyright span{
	font-size:10px;
	margin-left:20px;
	display:block;
	color:#CCC;
}
.cb{clear:both}
.obs p{text-align:center;}