/**************************************************************
 FOLHA DE ESTILOS
 Agência: AF Comunicação
 http://www.afcomunicacao.com

 Autor: Rodrigo Fialho 
***************************************************************/

/************************************************* TAGS HTML *****************************************************/

body{
	margin:0px;
    padding:0px;
	background:#333333;
    font-family:Arial, Tahoma, Trebuchet MS, Verdana;
    font-size:12px;
	color:#FFFFFF;
	fonte-color:fff;
}

html, body{
	width:100%;
	height:100%;
}

input{
	border:1px solid #FFF;
	background:#656565;
	font-size:12px;
	height:20px;
	padding:3px 3px 2px 3px;
	color:#FFFFFF;
}

select{
	border:1px solid #FFF;
	background:#656565;
	height:27px;
	padding:4px 2px 2px 2px;
}

textarea{
	border:1px solid #FFF;
	background:#656565;
	padding:6px;
	color:#FFFFFF;
	font-size:11px;
}

.botao{
	float:right;
	width:85px;
	height:32px;
	background:#FF368A;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border:none;
	cursor:pointer;
	font-size:10px;
}


img{border:none;}

h1,h2,h3,h4,h5,h6{color:#FFF; padding:0px; margin:0px 0px 5px 0px;}

h1{font-size:30px;}
h2{
	font-size:18px;
	background:#CB84B4;
	padding:5px 0px 5px 10px;
	width:290px; 
	font-weight:normal;
}

h2.portfolio{
	background:#24AEF7;
}

h2.prancheta{
	background:#D17E3A;
}

h2.clientes{
	background:#43C970;
}

h2.contato{
	background:#FF368A;
}

h3{font-size:26px;}
h4{font-size:22px;}
h5{font-size:14px;}
h6{font-size:13px;}

a{color:#FFF;text-decoration:none;}
a:active{color:#FFF;text-decoration:none;}
a:visited{color:#FFF;text-decoration:none;}
a:hover{color:#FFF;text-decoration:underline;}

p{line-height:22px;margin:0px 0px 10px 0px;}

/************************************************* CENTRALIZA SITE *****************************************************/
.centralizaSite{
	position:relative;
	width:800px;
	margin:0px auto;
	padding:0px;
}

/************************************************* BOX SITE *****************************************************/
.centralizaSite .boxSite{
	float:left;
	width:100%;
	background:#656565;
}

/************************************************* BOX TOPO *****************************************************/
.centralizaSite .boxSite .boxTopo{
	float:left;
	width:100%;
}

/************************************************* BOX LOGOMARCA *****************************************************/
.centralizaSite .boxSite .boxTopo .boxLogomarca{
	float:left;
	width:287px;
	margin:20px 0px 0px 40px;
}

/************************************************* BOX TITULO *****************************************************/
.centralizaSite .boxSite .boxTopo .boxTitulo{
	float:right;
	width:300px;
	margin:94px 0px 0px 0px;
}

/*********************************************** BOX CONTEUDO ***********************************************/
.centralizaSite .boxSite .boxConteudo{
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	background:url(../imgs/bgBoxConteudo.jpg) -1px 0px repeat-y;
}

/*********************************************** BOX LATERAL ***********************************************/
.centralizaSite .boxSite .boxConteudo .boxLateral{
	float:left;
	width:224px;
	margin:0px;
}

/*********************************************** BOX CROQUI ***********************************************/
.centralizaSite .boxSite .boxConteudo .boxLateral .boxCroqui{
	float:left;
	width:107px;
	margin:0px;
}

.centralizaSite .boxSite .boxConteudo .boxLateral .boxCroqui img{
	float:left;
	width:107px;
}

/*********************************************** BOX MENU ***********************************************/
.centralizaSite .boxSite .boxConteudo .boxLateral .boxMenu{
	float:right;
	width:116px;
	padding-top:15px;
}

.centralizaSite .boxSite .boxConteudo .boxLateral .boxMenu a{
	float:right;
	margin-bottom:10px;
}

#accordion-container {
	float:left;
	width:116px;
}

.centralizaSite .boxSite .boxConteudo .boxLateral .boxMenu .accordion-menu {
	display:block;
	float:right;
	width:90px;
	padding-bottom:10px;
}

.centralizaSite .boxSite .boxConteudo .boxLateral .boxMenu .accordion-menu a{
	float:left;
	font-size:10px;
}

/*********************************************** CONTEUDO ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo{
	float:left;
	width:496px;
	padding:0px 40px 40px 40px;
}

.centralizaSite .boxSite .boxConteudo .conteudo li{
	list-style:square;
}

/*********************************************** PAGINACAO ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .paginacao{
	float:left;
	width:100%;
	margin-top:20px;
}

.centralizaSite .boxSite .boxConteudo .conteudo .paginacao .btAnterior{
	float:left;
	width:38px;
	height:28px;
	background:url(../imgs/anterior.jpg) no-repeat;
}

.centralizaSite .boxSite .boxConteudo .conteudo .paginacao .btProximo{
	float:right;
	width:38px;
	height:28px;
	background:url(../imgs/proximo.jpg) no-repeat;
}

/*********************************************** BOX BANNER ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner{
	float:left;
	width:100%;
	margin:1px 0px 20px 0px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
	float:left;
    width:496px;
    height:229px;
	z-index:1;
	top:158px;
	border:3px solid #333333;
}

#slider {
	position:relative;
	width:496px;
    height:229px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
}

.nivo-controlNav a {
	display:none;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
} 
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../js/nivoslider/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*********************************************** MENU LIST ***********************************************/
.menu_list {	
	width: 100%;
}
.menu_head {
	cursor: pointer;
	float:left;
	width:100%;
    font-weight:bold;
	color:#43C970;
}

.menu_head span{
	float:left;
	color:#FFF;
	font-weight:normal;
	margin-right:5px;
}
.menu_body {
	float:left;
	width:100%;
	display:none;
}
.menu_body b{
	color:#43C970;
}
.menu_body a{
  display:block;
  color:#FFF;
  padding-left:5px;
  padding-bottom:20px;
  text-decoration:none;
}
.menu_body a:hover{
  color: #FFF;
  text-decoration:underline;
  }

/*********************************************** GALERIA 01 ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner .galeria01{
	float:left;
	width:100%;
	margin-bottom:5px;
}

/*********************************************** GALERIA 02 ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner .galeria02{
	float:left;
	width:162px;
	margin-right:5px;
}

/*********************************************** GALERIA 02 RIGHT ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner .galeria02Right{
	float:right;
	width:162px;
}

/*********************************************** GALERIA 03 ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner .galeria03{
	float:left;
	width:245px;
	margin-right:5px;
}

/*********************************************** GALERIA 03 RIGHT ***********************************************/
.centralizaSite .boxSite .boxConteudo .conteudo .boxBanner .galeria03Right{
	float:right;
	width:245px;
}

/*********************************************** BOX RODAPE ***********************************************/
.centralizaSite .boxSite .boxRodape{
	float:left;
	width:760px;
	border-top:1px solid #FFF;
	padding:10px 20px 5px 20px;
}

/*********************************************** BOX DADOS ***********************************************/
.centralizaSite .boxSite .boxRodape .boxDados{
	float:left;
	width:500px;
}

/*********************************************** BOX LOGO RODAPE ***********************************************/

.centralizaSite .boxSite .boxRodape .boxLogoRodape{
	float:right;
	width:33px;
	margin:0px 0px 0px 0px;
}

.centralizaSite .boxSite .boxRodape .boxLogoRodape a{
	margin:-20px 0px 0px 0px;
}