/*
CORES
AZUL BACKGROUND: #055482;
PRETO BACKGROUND: #000;
FONT NOME CLIENTE #535353
FONTE MENU:#797979
FONT TITULO:#4c4c4c;
FONTE TEXTO:#2f2f2f;
FONTE RODAPE:#adadad
*/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ul, li,fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	color:#797979;
}
ol, ul,li{
	list-style: none;
}
html{
height:100%
}
body{
background-color:#055482;
height:100%;
}

#topo{
	height:240px;
	left:0;
	margin:0 auto;
	position:relative;
	top:0;
	width:993px;

}
#topo a.logo{
background:url("../imagens/logo_emporio.jpg") no-repeat scroll left top transparent;
display:block;
height:158px;
left:0;
position:relative;
text-indent:-9999px;
top:0;
width:284px;
}
#topo ul.menu-principal{
display:block;
height:52px;
left:334px;
position:relative;
top:-158px;
width:567px;
}

ul.menu-principal li{
display:inline;
}
ul.menu-principal li a{
background:url(../imagens/menu.jpg) scroll no-repeat left top;
height:52px;
display:block;
float:left;
text-indent:-9999px;
}

/******************/
ul.menu-principal li a.bt-home{
background:url(../imagens/menu.jpg) scroll no-repeat left bottom;
width:93px;
}
#home ul.menu-principal li a.bt-home, ul.menu-principal li a.bt-home:hover{
background-position: left top;
}
/***************/
ul.menu-principal li a.bt-quemsomos{
background:url(../imagens/menu.jpg) scroll no-repeat -93px bottom;
width:140px;

}
#quemsomos ul.menu-principal li a.bt-quemsomos, ul.menu-principal li a.bt-quemsomos:hover{
background-position: -93px top;
}
/***************/
ul.menu-principal li a.bt-servicos{
background:url(../imagens/menu.jpg) scroll no-repeat -233px bottom;
width:109px;

}
#servicos ul.menu-principal li a.bt-servicos, ul.menu-principal li a.bt-servicos:hover{
background-position: -233px top;
}
/***************/
ul.menu-principal li a.bt-releases{
background:url(../imagens/menu.jpg) scroll no-repeat -342px bottom;
width:109px;
}
#releases ul.menu-principal li a.bt-releases,ul.menu-principal li a.bt-releases:hover{
background-position: -342px top;
}
/***************/
ul.menu-principal li a.bt-clientes{
background:url(../imagens/menu.jpg) scroll no-repeat -452px bottom;
width:116px;
}
#clientes ul.menu-principal li a.bt-clientes, ul.menu-principal li a.bt-clientes:hover{
background-position: -452px top;
}
/**************************/

div#search{
background:url("../imagens/bg_search.jpg") no-repeat scroll left top transparent;
clear:both;
display:block;
height:40px;
left:15px;
position:relative;
top:-22px;
width:272px;


}
input.input-search{
background-color:#1E628A;
border:0 none;
color:#F2F2F2;
float:left;
font-size:10px;
font-weight:bold;
height:17px;
letter-spacing:0.5px;
margin:8px 12px;
padding:6px 5px 0px;
width:152px;
}
input.bt-search{
background:url("../imagens/bt_buscar.jpg") no-repeat scroll left top transparent;
border:1px solid #1E628A;
float:left;
height:22px;
margin:9px 0 0;
padding:0;
width:65px;
}
input.bt-search:hover{
border:1px solid #00446D
}

#container{
	background:url("../imagens/bg_meio_conteudo.jpg") repeat-y scroll center top #FFF;
	margin:0 auto;
	width:993px;
}
#container .topo{
	background:url("../imagens/bg_top_conteudo.jpg") repeat-y scroll center top #FFF;
	height:35px;
	width:993px;
	margin:0 auto; 
	
}

#conteudo{
	height:400px;
	margin:0 auto;
	width:960px;
	display:block;
}













#conteudo #secundario{
float:left;
width:270px;
}
#secundario ul.menu-clientes{
width:265px;
display:block;
margin-left:-8px;
}
#secundario ul.menu-clientes .titulo{
background:url(../imagens/bg_titulo_empresa.png) scroll no-repeat;
height:30px;
display:block;
line-height:31px;
text-align:center;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

	#secundario ul.menu-clientes .laranja{
		background-position: left top;
		color:#959595;
	}
	#secundario ul.menu-clientes .verde{
		background-position:left -60px;
		color:#959595;

	}
	#secundario ul.menu-clientes .azul{
		background-position:left -30px;
		color:#959595

	}

#secundario ul.menu-clientes .ativo{
color:#535353;	
}
#secundario ul.menu-clientes .sub-itens{
margin-left:40px;
}
#secundario ul.menu-clientes .sub-itens li a{
color:797979;
display:inline-block;
font-weight:bold;
padding:5px 0;
}
#secundario ul.menu-clientes .sub-itens li a:hover{
color:#6c6c6c
}
#secundario #publicidade{
border-top:2px solid #F2F2F2;
margin-top:30px;
padding-top:10px;
}
#secundario #publicidade .pub{
background-color:#FFFFFF;
border:4px solid #F7F7F7;
margin:5px auto 25px;
overflow:hidden;
padding:5px 2px;
text-align:center;
width:221px;

}
#secundario #publicidade .tituloPub{
color:#8F8F8F;
font-size:9px;
letter-spacing:1px;
margin-left:22px;
cursor:default
}
/*******************/
#conteudo #primario{
float:right;
margin-right:40px;
width:610px;
}
#conteudo #primario #redes{
background:url("../imagens/logo_sites.jpg") no-repeat scroll left top transparent;
height:36px;
margin-bottom:20px;
margin-left:60px;
width:560px;
}
	#conteudo #primario #redes a{
		color:#FFFFFF;
		display:block;
		float:left;
		font-size:1px;
		height:36px;
		width:110px;
	}
#conteudo .box{
background-color:#F2F2F2;
border:10px solid #F2F2F2;
clear:both;
margin-bottom:15px;
padding:0 0 20px 15px;
width:585px;
}
#quemsomos #conteudo .box, #servicos #conteudo .box{
padding:20px 15px;
width:570px;
}
#clientes .box{
padding:20px 0 ;
width:595px;
}
#clientes #primario .box h1.titulo {
margin-left:20px;
}
#clientes #conteudo #primario .box a{
border:2px solid #F2F2F2;
display:inline-block;
margin:0;
padding:5px;
text-align:center;
width:183px;
}
#clientes #conteudo #primario .box a:hover{
border-color:#DFDFDF;
}
#conteudo #primario .box:hover{
border:10px solid #eee;
}
#primario .box .box-data{
background-image:url("../imagens/data-icon.jpg");
float:right;
height:81px;
margin-right:-7px;
margin-top:-7px;
text-align:center;
width:60px;
}
#primario .box .box-data span{
color:#FFFFFF;
display:block;
font-size:16px;
font-weight:bold;
line-height:16px;
margin:0 auto;
padding-top:8px;
width:40px;
}

#primario .box a.cliente {
border-bottom:1px solid #DF6117;
color:#535353;
float:left;
font-size:14px;
font-weight:bold;
left:-25px;
margin-bottom:30px;
padding:20px 35px 10px;
position:relative;
width:435px;
z-index:500;
}
#primario .box h1.titulo, #primario .box a.titulo{
color:#535353;
font-size:24px;
font-weight:bold;
clear:both;
line-height:26px;
margin-bottom:15px;
display:block
}
#primario .box .texto{
width:100%;

}
#primario .box .texto, #primario .box .texto a, #primario .box .texto p{
font-size:12px;
color:#2f2f2f;
line-height:16px;
margin:5px 0 15px;
}

#home #primario .box .texto p, #releases #primario .box .texto p{

width:565px;
}
#primario .box .texto p strong{
font-weight:bolder;
font-size:14px;
margin:0 3px
}
#primario .box .texto a{
text-decoration:underline;
font-style:italic;
color:#3d3d3d;
padding:0 5px;
}
#primario .box div.coments{
width:150px;
height:20px;
background-color:#dcdcdc;
text-align:center;
margin-top:20px;
}
.box div.coments, .box div.coments a{
font-size:11px;
font-weight:bold;
color:#555;
padding-top:6px;
}
.box div.coments a:hover{
text-decoration:underline;
}
div.box-coments{
width:540px; background-color:#dcdcdc; padding:10px
}
div.box-coments .coment{
background-color:#f2f2f2;
margin-bottom:10px;
padding:10px;
font-size:12px;
}
div.box-coments .coment .titulo{
color:#2f2f2f;
font-weight:bold;
margin:5px 0;
display:block;
cursor:default
}
div.box-coments .coment .texto{
}
#paginacao{
text-align:center
}
div.paginacao{
padding:10px 0 15px;
text-align:center; 
}
div.paginacao a{
padding:2px;
color:#797979;
font-weight:bold;
font-size:12px;
}
div.paginacao a.ativo{
color:#df6117;
}
div.paginacao a:hover{
color:#4F4F4F;
}
div.box-coments form{
background-color:#F2F2F2;
margin:0 auto;
}
div.box-coments form fieldset{
width:460px;
margin:0 auto;
}
div.box-coments form legend{
color:#065583;
display:block;
font-size:11px;
font-weight:bold;
height:30px;
line-height:33px;
text-align:center;
text-transform:uppercase;
width:100%;
}
 div.box-coments form label{
display:block;
margin-bottom:5px;
}
div.box-coments form label span{
color:#555555;
display:inline-block;
font-size:11px;
font-weight:bold;
margin-right:5px;
text-align:right;
width:65px;
}
div.box-coments form label span.msg{
vertical-align:top;
}
div.box-coments form input, div.box-coments form textarea{
background-color:#D0D0D0;
border:0 none;
height:12px;
width:82%;
padding:5px;
} 
div.box-coments form input.limpar, div.box-coments form input.enviar{
background-color:#F2F2F2;
height:27px;
margin:5px 0 10px;
padding:5px 0;
width:60px;
font-size:11px;
font-weight:bold;
}
div.box-coments form input.limpar:hover, div.box-coments form input.enviar:hover{
background-color:#e7e7e7;
}
div.box-coments form textarea{
height:65px;
}


.box-pesquisa{
border-bottom:1px dashed;
display:block;
margin:20px 10px 15px;
padding:10px;
}
#pesquisa .titulo{
color:#6F6F6F;
font-size:16px;
font-weight:bold;}
#pesquisa .marcado{
background-color:#EEEF68;
display:inline-block;
font-weight:bold;
margin:2px 4px;
padding:2px 5px;
}
#pesquisa .data{
display:block;
font-size:12px;
font-weight:bold;
margin:5px 0 0;}
#pesquisa a.box-pesquisa:hover{
background-color:#eaeaea;
color:#3b3b3b;
}
#pesquisa a.box-pesquisa:hover  span.titulo{
text-decoration:underline
}


#rodape{
background-color:#000000;
bottom:0;
display:block;
position:relative;
width:100%;
}
#rodape .container{
	background:#000 url("../imagens/bg_rodape.jpg") scroll no-repeat center top;
	width:965px;
	height:272px;
	margin:0 auto;
}

#rodape .container a.endereco-contato{
color:#ADADAD;
display:block;
font-size:14px;
height:55px;
left:145px;
position:relative;
top:90px;
width:290px;
}
#rodape .container a.artecontexto{
color:#373737;
display:block;
float:right;
font-size:1px;
height:55px;
position:relative;
right:15px;
width:120px;

}


/******** - Classes - ***********/
hr.both{
width:0px;
border:0px;
margin:0px;
padding:0px;
outline:none;
clear:both;
height:0px;

}

#slideshow{
height:190px;
left:325px;
overflow:hidden;
position:relative;
top:-182px;
width:565px;
z-index:100;
}
.pager{
margin:5px auto;
width:100px;
}
a.qp_prev, a.qp_next{
font-weight:bold;
font-size:18px;
display:inline
}
a.qp_prev:hover, a.qp_next:hover{
color:#333333
}
a.qp_disabled, a.qp_disabled:hover{
color:#d1d1d1;
cursor:default
}
div,span{
cursor:default
}
p{
cursor:text
}
a, a span, a p{
cursor:pointer
}
.bt {
display:block;
height:28px;
text-indent:-9999px;
width:28px;
background:url("../PainelControle/imagens/menu.png") no-repeat scroll transparent;
}
.voltar{
background-position:-172px 2px;
border:6px solid #EEEEEE;
color:#065484;
font-weight:bold;
line-height:32px;
margin:10px auto;
text-align:center;
text-indent:32px;
text-transform:uppercase;
width:113px;
}
.voltar:hover{
background-position:-172px bottom;
}
a.rss{
background:transparent url(../imagens/rss_icon.png) no-repeat scroll left center;	
width:26px;
height:26px;
text-indent:-9999px;
display:inline-block;
float:left;
position:relative;
left:3px;
top:15px;
z-index:1000;
}