/* OpusMúltipla - Jeff Olinger */

body{
margin:0px;
padding:0px;
font-family:Tahoma, Arial, sans;
font-size:13px;
background:#333333 url(../img/fundo_site.gif) no-repeat center top;
color:#333333;
}
form{margin:0px; padding:0px;} 
a { background:transparent; color:#333333; text-decoration:none;}
a:hover {background:transparent; color:#333333; text-decoration:underline;}

/*==================================
>> BASE <<
===================================*/
#meio{width:960px; margin:0px auto; position:relative; }
#conteudo{width:770px; margin-top:10px; margin-left:145px; }
#box{width:700px; border:5px solid #4e4e4e; background-color:#FFFFFF; padding:0px; color:#454545; min-height:450px; height:auto;}
#topo{width:100%; height:100px; position:relative; left:0%; top:0%; text-align:left; margin-top:15px; z-index:2;}

/*==================================
>> MENUS <<
===================================*/
#menu_topo{
background-color:#a20e14;
width:100%; height:32px;
padding:0px; margin-left:15px;
position:absolute; left:0%; bottom:0%;
z-index:3;
text-align:left;
}
#menu_topo ul{margin:0px 0 0 0;margin-left:20px; padding:0px; list-style:none;}
#menu_topo ul li{ display:inline; float:left; margin-top:0px; padding:0px 8px 0px 8px; font-family:Georgia, Times, serif; font-size:12px; line-height:100%;}
#menu_topo ul li div{ float:left;}
#menu_topo ul li a{background:transparent;  color:#FFFFFF; display:block; padding:10px 4px 12px 4px;}
#menu_topo ul li a:hover{ background:transparent url(../img/m_topo_seta.gif) no-repeat center bottom; padding:10px 4px 10px 4px; color:#FFFFFF;}
#menu_topo ul li.nopad{padding:0px; background:transparent;}
#menu_topo .aba{ float:left; position:absolute; left:-18px; bottom:0%; top:0%; display:block;}

#submenu{
width:160px;
background:#424242;
position:absolute; left:0%;
margin-top:98px; margin-left:45px;
color:#999; font-size:12px;
z-index:5;

}
#submenu .aba{position:absolute; right:0%; bottom:-5%; margin-top:6px; display:block;}
#submenu .form{padding:8px 0px 8px 6px;}
#submenu label{padding:4px 0px 4px 0px; display:block; margin-top:3px;margin-bottom:3px;}

#menu_lateral{ position:relative; left:0%; font-family:Georgia, Times, serif; font-size:9px;}
#menu_lateral ul{margin:0px; padding:0px; list-style:none;}
#menu_lateral ul li{ padding:6px 0 6px 0; font-size:11px; text-align:right; font-family:Georgia, Times, serif;}
#menu_lateral ul li a{background:transparent;  color:#ccc; text-decoration:none; padding-right:9px;}
#menu_lateral ul li a:hover{background:transparent;  color:#fff; text-decoration:underline;}
#menu_lateral ul li.menu_clicado{background:#FFFFFF; color:#cc0000; width:150px; text-align:left; padding-left:10px; border:none;}

/*==================================
>> LISTAS <<
===================================*/

/* lista de portfolio */
.lista ul{margin:0; padding:0px; margin:0 auto;}
.lista ul li {display:inline; margin-right:10px;} 
.lista ul li div.float { margin-right:10px; height:180px; width:180px; background:transparent url(../img/fundo_lista.gif) no-repeat center top;   float: left; }
.lista ul li div.float p {width:98%; padding:0px; margin:0px 0px 0px 10px;   font-size:9px; text-align:left; font-family:Georgia, "Times New Roman", Times, serif;  }
.lista ul li div.float img{ display:block;}

/* lista de ideias */
.lista_ideias ul{margin:0; padding:0px; margin:0 auto;}
.lista_ideias ul li { display:inline; margin-right:10px;} 
.lista_ideias ul li div.float { margin-right:10px; width:180px; background:transparent url(../img/fundo_lista.gif) no-repeat center top;   float: left; }
.lista_ideias ul li div.float p {width:98%; padding:0px; margin:0px 0 20px 10px;   font-size:9px;   text-align:left; font-family:Georgia, "Times New Roman", Times, serif;  }
.lista_ideias ul li div.float img{ display:block;}
.lista ul li div.item_foto, .lista_ideias ul li div.item_foto{height:115px; padding:10px;}

/* lista de clientes */

.lista_clientes ul{padding:0px; margin:0px; margin-top:50px;}
.lista_clientes ul li { display:inline;margin-right:10px;} 
.lista_clientes ul li div.float {padding:7px; margin-right:5px; margin-bottom:50px; width:130px;  float: left; height:70px;}
.lista_clientes ul li div.float p { padding:0px; margin:-10px 0 0 0;    font-size:9px; text-align:left;}
.lista_clientes ul li div.float img {border:1px solid #999; display:block;}
.lista_clientes ul li div.float img:hover {border:1px solid #000;}

/* lista de ebom */
.lista_ebom ul{margin:0px; padding:0px; list-style:none;}
.lista_ebom ul li{ padding:8px 0 12px 45px; font-size:12px;  background: transparent url(../img/fundo_lista_ebom.gif) no-repeat; text-align:left; clear:both; height:60px;}
.lista_ebom ul li div.ebom_titulo{ font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;	 text-transform:uppercase; color:#990000;}
/* lista de depoimentos */
.lista_depoimentos{clear:both; display:block;}
.lista_depoimentos ul{margin:0px; padding:0px; list-style:none;}
.lista_depoimentos ul li{ line-height:100%; padding:4px;  background:transparent url(../img/fundo_depoimentos.gif) no-repeat left top; text-align:left; clear:both;  display:block;}
.lista_depoimentos ul li div.autor{  height:65px; bottom:0%; right:0%; font-size:12px; display:block;  background:transparent url(../img/baixo_depoimentos.gif) no-repeat left bottom;}
.lista_depoimentos ul li div.oautor{display:block; right:0%; line-height:110%; padding-top:35px; padding-left:300px;}
.lista_depoimentos ul li p.texto{
width:90%;
padding:30px 0 0px 30px;
margin:0px;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;	 font-size:15px;
} 

#block{
  position:absolute; margin-bottom:30px; display:block;left:40px; margin-bottom:30px; margin-top:0px; top:210px;
}
#ticket{ width:700px; background:#333 url(../img/ticket_fundo.gif) repeat-y;}
#block p{ padding:0px; margin:12px; margin-bottom:0px;  color:#FFFFFF;}
#ticket img{margin:0px; padding:0px; display:block;}

/*==================================
>> ACCORDEON <<
===================================*/

.panel {
	clear: both;
	display: none;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
	margin:0px;
	padding:0px;
}
#tabs li { clear:both; display:block; margin:5px;}
#tabs a{
background:transparent; 
text-decoration:underline;
}
#tabs .premios_titulo {
	font-family:Georgia, "Times New Roman", Times, serif;	
	color: #990000;
	text-align:left;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:20px;
}

#tabs a.sv {
	font-family:Georgia, "Times New Roman", Times, serif;	
	padding:5px; padding-left:30px;
	text-decoration: none;
	text-align:left;
	text-transform:uppercase;
	font-size:18px;
	display:table-cell;
	line-height:150%;
	background: transparent url(../img/servicos_ball_pb.gif) no-repeat left;
	margin-top:10px;
}
#tabs a.acc {
	font-family:Georgia, "Times New Roman", Times, serif;	
	background: transparent url(../img/servicos_ball_pb.gif) no-repeat left;
	text-align:left;
	text-decoration: none;
	text-transform:uppercase;
	padding-left:40px;
	display:block;	
}
#tabs a.acc p{
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:18px;
	text-align:left;
	padding:0px;
	display:table-cell;
	line-height:150%;
	margin-top:10px;
}
#tabs a.sv, #tabs a.comInt{
	font-family:Georgia, "Times New Roman", Times, serif;	
	padding:5px; padding-left:40px;
	text-decoration: none;
	text-align:left;
	text-transform:uppercase;
	font-size:18px;
	display:table-cell;
	line-height:150%;
	background: transparent url(../img/servicos_ball_pb.gif) no-repeat left;
	margin-top:10px;
}
#tabs a.comInt {
color:#990000; background: transparent url(../img/servicos_ball_cor.gif) no-repeat left;
text-align:left !important;
}
#tab
#tabs a.active-tab {
display:block;
	color: #990000;
	text-align:right;
		background:transparent url(../img/servicos_ball_cor.gif) no-repeat left;	
			font-size:22px;
}
#tabs a.active-tab p{text-align:right;}
#tabs a.active-tab p.ano{text-align:left;}
#tabs a:hover { text-decoration:underline; color: #990000; cursor:pointer; }

#slider {width:100%; text-align:left;}
#slider ul{list-style:none; margin:0px; padding:0px;}
#slider p{ padding:6px; margin-bottom:10px;}
.header {padding:5px; font-weight:bold; margin-top:10px; cursor:pointer; background-color:#f0f0f0;}
.header:hover {background-color:#f8f8f8;}
.content {overflow:hidden;}
.content p{ margin:0px; padding:0px;}
.acc_agencia{padding:5px 5px 5px 15px; background:#fff url(../img/arrow2.gif) no-repeat left;}
.acc_agencia:hover{background:transparent;  text-decoration:underline;}
.acc_unidade{cursor:pointer; padding:8px; margin-bottom:5px; background:transparent url(../img/barra_unidade.jpg) no-repeat left;}
.acc_unidade h4{  font-size:12px; padding:0px; margin:0px;}

/*==================================
>> PARAGRAFOS ESPECIAIS <<
===================================*/
p.nav{ margin-left:220px;}
p{font-size:12px; line-height:150%; text-align:justify;}
p.line{ margin-top:0px;padding-bottom:8px; min-height:25px; border-bottom:1px solid #666;}
p.voltar{position:relative; float:right; margin:-5px -7px 0 0; background:transparent url(../img/voltar_aba.gif) no-repeat; width:64px; height:27px;}
p.voltar a{background:transparent; color:#cc0000; position:absolute; bottom:0%;  text-decoration:none;}
p.voltar a:hover{background:transparent; text-decoration:underline;}
p.spacer { clear: both; margin:0px; padding:0px;  }

/*==================================
>> CLASSES <<
===================================*/
.serifada{font-family:Georgia, "Times New Roman", Times, serif;	}
.espaco{ margin-top:60px;} /* corrige espaço entre o ticket e as thumbs */
.cursor{ cursor:pointer;}
.titulo_pagina{margin:20px 0px 8px 55px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFFFFF; font-weight:normal;}
.title{margin:0px; padding:0px; font-size:15px; color:#a20e14;}
.com_menu{padding:33px 24px 10px 10px;  margin-left:80px;} /* espaçamento dentro do box */
.sem_menu{padding:33px 33px 10px 4px; margin-left:35px;} /* espaçamento dentro do box */
.rodape{display:block; line-height:140%; clear:both; color:#878787; font-size:10px; margin:8px 70px 20px 0px; padding:5px;
}
.map{width:80px; margin-right:10px;}
.underline{ border-bottom:1px solid #333;}
.final_foto{float:left; display:block; margin-right:10px;} /* foto ebom */
.filtro{background-color:#666666; color:#CCCCCC; padding:1px; font-size:9px; border:1px solid #ccc; margin:0px; width:140px;}
.btn_buscar{background-image:url(../img/btn_buscar.jpg); width:77px; height:25px; border:none; cursor:pointer; margin-top:10px;}
.btn_buscar:hover{background:transparent url(../img/btn_buscar_over.jpg); width:77px; height:25px; border:none;}
.foto_agencia{background:transparent url(../img/foto_agencia.gif) no-repeat; width:580px; height:360px; padding:8px;}
.port_cliente{color:#666666; font-family:Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px;}
.port_peca{color:#a20e14; font-size:13px; font-weight:bold;}
.data{color:#a20e14; display:block; height:5px;}
.video{float:left; margin-right:10px; margin-bottom:5px;}
.cliente_logo{border:1px solid #ccc; display:block; float:left;}
.cliente_desc{float:right; width:400px; right:0%;}
.selocss{ float:right; position:absolute; padding:4px; margin-right:102px; right:0%;}
.red{color:#a20e14;}
.f1{font-size:9px;}
.f2{font-size:10px;}
.f3{font-size:12px;}
.f4{font-size:14px;}
.f5{font-size:16px;}

/*==================================
>> LINKS <<
===================================*/

a.link1:link, a.link1:visited, a.link1:active{background:transparent; color:#a20e14; text-decoration:none;}
a.link1:hover{background:transparent; color:#a20e14; text-decoration:underline;}