/* OpusMúltipla - Jeff Olinger */

body{
width:100%;
margin:0px;
padding:0px;
font-family:Tahoma, Arial, sans;
font-size:11px;
background:#333333;
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{margin:0px auto; position:relative; }
#conteudo{margin-top:10px; }
#box{width:99%; border:2px solid #4e4e4e; background-color:#FFFFFF; padding:0px; color:#454545; height:auto;}
#topo{width:100%; text-align:left; height:170px;}

/*==================================
>> MENUS <<
===================================*/
#menu_topo{
 padding:0px;
 text-align:left;
}
#menu_topo ul li{margin:1px;padding:0px; font-size:10px; line-height:100%;}
#menu_topo ul li div{width:100%;}
#menu_topo ul li a{background-color:#990000; color:#FFFFFF; display:block; padding:4px;}
#menu_topo ul li a:hover{ background-color:#000000; padding:4px; color:#FFFFFF;}
#menu_topo ul li.nopad{ display:none;}
#menu_topo .aba{ display:none;}

#submenu{
width:100%;
background:#424242;
margin-top:50px;
color:#999;
display:block;
}
#submenu .aba{display:none;}
#submenu .form{display:none;}
#submenu label{padding:4px; display:block; margin-top:3px;margin-bottom:3px;}

#menu_lateral{font-size:9px;}
#menu_lateral ul{margin:0px; padding:0px; list-style:none;}
#menu_lateral ul li{ padding:4px; font-size:11px;}
#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; text-align:left;border:none;}

/*==================================
>> LISTAS <<
===================================*/

/* lista de portfolio */
ul{padding:0px; margin:0px; list-style:none;}
.lista ul li, .lista_ideias ul li {clear:both; margin-bottom:4px;} 
.lista ul li div.float p, .lista_ideias ul li div.float p {padding:2px; margin:0px; font-size:9px; text-align:left;  }
.lista ul li div.float img, .lista_ideias ul li div.float img{ display:block;}
#pecas a{ cursor:text;}

/* lista de clientes */
.lista_clientes ul li {margin-bottom:4px;} 
.lista_clientes ul li div.float {padding:7px; margin-bottom:20px; height:80px;clear:both;}
.lista_clientes ul li div.float p { padding:0px; margin:-10px 0 0 0;    font-size:10px; 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 li{ padding:4px; text-align:justify; clear:both; border-bottom:1px dotted #666; margin-bottom:4px;}
.lista_ebom ul li div.ebom_titulo{color:#fff; background-color:#990000; margin-bottom:3px; padding:3px;}

/* lista de depoimentos */
.lista_depoimentos{display:block;}
.lista_depoimentos ul{margin:0px; padding:0px; list-style:none;}
.lista_depoimentos ul li{line-height:100%; padding:0px 4px 4px 4px; clear:both; display:block;}
.lista_depoimentos ul li div.autor{height:30px; bottom:0%; right:0%; font-size:10px; display:block; border-bottom:1px dotted #666;}
#block, #ticket{ display:none;}

/*==================================
>> ACCORDEON <<
===================================*/

.panel {
	clear: both;

}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
	margin:0px;
	padding:0px;
}
#tabs li { clear:both; display:block;}
#tabs li br{ margin:0px; line-height:0%; padding:0px;}
#tabs a{
background:transparent; 
text-decoration:underline;
}
#tabs .premios_titulo {
	color: #990000;
	text-align:left;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:14px;
}

#tabs a.acc, #tabs a.sv{
	background-color:#666;
	text-align:left;
	text-decoration: none;
	text-transform:uppercase;
	display:block;	
	font-size:12px;
	padding:4px;
	margin-bottom:2px;
	color:#ffffff;
}
#tabs p{
	font-size:11px !important;
	text-align:justify;
	padding:0px;
	line-height:150%;
	margin:4px;
	clear:both;
}

#tabs a.active-tab {
	display:block;
	color: #ffffff;
	background-color:#990000;	
	font-size:12px;
	padding:5px;
}
#tabs a.active-tab p.ano{text-align:left;}
#tabs a:hover { text-decoration:underline; color: #ffffff; cursor:pointer; background-color:#333333; }
#tabs a.active-tab:hover { text-decoration:none; background-color:#990000; cursor:default;}
#tabs img{ display:none;}

.acc_agencia{padding:5px;}
.acc_agencia:hover{text-decoration:underline;}
.acc_unidade{cursor:pointer; padding:8px; margin-bottom:5px; background:transparent;}
.acc_unidade h4{  font-size:12px; padding:0px; margin:0px;}

/*==================================
>> PARAGRAFOS ESPECIAIS <<
===================================*/
p{font-size:11px; line-height:150%; text-align:left;}
p.line{ margin-top:0px;padding-bottom:8px; min-height:25px; border-bottom:1px solid #666;}
p.voltar{ display:none;}

/*==================================
>> CLASSES <<
===================================*/
.cursor{ cursor:pointer;}
.titulo_pagina{margin:4px; padding:4px 0 4px 2px;  font-size:12px; color:#FFFFFF; font-weight:bold; display:block; clear:both;}
/*.title{margin:0px; padding:4px 0 4px 2px; font-size:12px; color:#a20e14;}*/
.com_menu{padding:4px;} /* espaçamento dentro do box */
.sem_menu{padding:4px;} /* espaçamento dentro do box */
.rodape{display:block; line-height:130%; clear:both; color:#878787; font-size:10px; padding:5px; text-align:justify;}
.map{ display:none;}
.underline{ border-bottom:1px solid #333;}
.final_foto{display:block;} /* foto ebom */
.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{ display:none;}
.port_cliente{color:#666666; 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;}


.selocss{ display:none;}
.red{color:#a20e14;}
.f1{font-size:9px;}
.f2{font-size:10px;}
.f3{font-size:11px;}

/*==================================
>> 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;}

/*==================================
>> MOBILE <<
===================================*/
.h_mob{ display:none;}
p.texto{padding-top:0px;}
.form_contato .campo{ font-size:10px; margin-top:3px;}