/*********************************************************************************
Estação Convention Center - Internet
Estilos Gerais
Agência IMAM - www.agenciaimam.com.br
*********************************************************************************/
@import url("reset.css");
@import url("sifr.css");
@import url("fancy.css");
@import url("tabcontent.css");

.accordion {margin-top:15px; list-style:none; width:500px; height:280px; display:block; overflow:hidden; text-transform:uppercase; }
.accordion li {float:left; display:inline; overflow:hidden; cursor:pointer; background:#F5F5F5; }
.header-accordion { float:left; height:155px; background-color:#993300; width:34px; color:#FFF; font-size:30px; padding:125px 0 0 15px;}
.content-accordion { background:#F5F5F5; padding:0 20px 0 20px; height:280px; float:left; width:255px;}

.titulo-accordion { color:#993300; font-size:14px; margin-top:15px; }
.accordion li p { font-size:10px; margin: 8px 0 5px 0; border-bottom: 1px dashed #CCCCCC; padding-bottom:5px; zoom:1; }
.no-borderp { border:none !important;}

/*Gerais*/
body, html, .wrapper{height:100%;}
body > .wrapper {height: auto; min-height: 100%;}
body > .centraliza {height: auto; min-height: 100%;}
body{background:#666 url(../img/bg_branco.gif) center repeat-y; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}

.centraliza {width:100%; margin:0 auto;}

/*links*/
a{color:#666; text-decoration:none;}
a:hover{text-decoration:underline;}

/*Gerais*/
.div224, .div241, .div243, .div469, .div490, .div507{float:left;}
.div224, .div241, .div243, .div469, .div490, .div507, .div980{display:inline-block; zoom:1;}	
.div224{width:224px;}
.div241{width:241px;}
.div243{width:243px;}
.div469{width:469px;}
.div490{width:490px;}
.div507{width:507px;}
.div980{width:980px;}
.clear{clear:both;}
.left {float:left;}

.hidden {display:none;}

/*Alinhamento */
.aligncenter {display:block; margin:auto; text-align:center;}

/*Background*/
.conteudo{background:url(../img/bg_faux.gif) repeat-y; display:inline-block;} /*Faux Home*/
.faux_int{background:url(../img/bg_int.gif) right repeat-y; display:inline-block;}
.bgbranco {background:#fff;}
.bgcinza {background:#f5f5f5;}
.bgmarrom {background:#ac9256;}

/*Cor*/
.vermelho{color:#d8400a} /*Cor fonte*/

/*Margens e paddings*/
.margint5{margin-top:5px;}
.marginb5{margin-bottom:5px;}
.paddingt5{padding-top:5px;}
.paddingb5{padding-bottom:5px;}

.margintn5{margin-top:-5px;}
.marginbn5{margin-bottom:-5px;}
.paddingtn5{padding-top:-5px;}
.paddingbn5{padding-bottom:-5px;}

.margint10{margin-top:10px;}
.marginb10{margin-bottom:10px;}
.paddingt10{padding-top:10px;}
.paddingb10{padding-bottom:10px;}

.margint20{margin-top:20px;}
.marginb20{margin-bottom:20px;}
.paddingt20{padding-top:20px;}
.paddingb20{padding-bottom:20px;}

.margint35{margin-top:35px;}

.margint50{margin-top:50px;}
.marginb50{margin-bottom:50px;}
.paddingt50{padding-top:50px;}
.paddingb50{padding-bottom:50px;}

.marginl{margin-left:4px;}
.borderl{border-left:4px solid #fff;}

.textolimite{height:100%;; padding:20px 10px 0 10px; width:100% -20px;}

/*Logo*/
h1 { padding:30px 0 20px 60px;}

/*Limitação*/
.wrapper{background:#fff; display:table; margin:0 auto; width:980px; padding-bottom: 100px;}

/*Bordas rodapé boxes*/
.bblaranja{border-bottom:1px solid #cc6600; zoom:1;}
.bbmarrom{border-bottom:1px solid #ac9256;  zoom:1;}
.bbvermelho{border-bottom:1px solid #d8400a; zoom:1;}
.bbcinza{border-bottom:1px solid #666; zoom:1;}

/*Botões*/
a.btnlaranja, a.btnmarrom, a.btnvermelho{ background-image:url(../img/setas.png); background-repeat:no-repeat; display:block; font-size:10px; padding:0 10px 0 0; text-align:right; text-transform:uppercase;}
a.btnlaranja{background-position:right 4px; color:#cc6600;}
a.btnmarrom{background-position:right -12px; color:#ac9256;}
a.btnvermelho{background-position:right -29px; color:#d8400a;}
.btmargin{margin:0 10px 3px 0;}

a.btnlaranjab, a.btnmarromb, a.btnvermelhob{ background-image:url(../img/setas_back.png); background-repeat:no-repeat; float:right; font-size:10px; padding:0 0 0 10px; text-align:right; text-transform:uppercase;}
a.btnlaranjab{background-position:left 4px; color:#cc6600;}
a.btnmarromb{background-position:left -12px; color:#ac9256;}
a.btnvermelhob{background-position:left -29px; color:#d8400a;}


/*Títulos*/
.titlaranja, .titmarrom, .titvermelho{background-image:url(../img/barras_titulos.png); background-repeat:no-repeat; font-size:20px; height:18px; margin-bottom:1px; padding:0 0 10px 0; text-transform:uppercase;}
.titlaranja span, .titmarrom span, .titvermelho span{padding:0 0 0 10px;}
.titlaranja{background-position:right 25px; border-bottom:1px solid #cc6600; color:#cc6600;}
.titmarrom{background-position:right -3px; border-bottom:1px solid #ac9256; color:#ac9256;}
.titvermelho{background-position: right -31px; border-bottom:1px solid #d8400a; color:#d8400a;}

.titbordo{color:#fff; background:#993300; padding:7px 0 7px 0; font-size:10px;}
.titdourado{color:#fff; background:#AC9256; padding:7px 0 7px 0; font-size:10px;}

h3{background-image:url(../img/setas.png); background-repeat:no-repeat; background-position:left -63px; padding:0 0 0 15px; margin:0 0 0 10px; text-transform:uppercase;}
h4{font-size:14px;}

/*Menu topo*/
.menu_topo {border-bottom:2px solid #edca3d; margin-bottom:2px; zoom:1;}
.menu_topo:after{clear:both; content:"."; display: block; height: 0; visibility: hidden;}
.menu_topo ul{background:#edca3d; float:right; font-size:11px; color:#666; display:inline-block; margin-bottom:-2px; text-transform:uppercase;}
.menu_topo ul li{background: url(../img/separador_menu.gif) right bottom no-repeat; display:inline-block; float:left;}
.menu_topo ul li.separadoroff{background: none !important; display:inline-block; float:left;}
.menu_topo ul li.separadoroff a:hover, .menu_topo ul li.separadoroff a.active{ background-position:left bottom;}
.menu_topo ul li a{color:#666; display:block; padding:3px 10px 3px 9px; width:100% -1px;}
.menu_topo ul li a:hover{background-image:url(../img/bg_menu_over.png); background-position:right bottom; background-repeat:no-repeat; color:#fff; text-decoration:none;}
.menu_topo ul li a.active{background-image:url(../img/bg_menu_over.png); background-position:right bottom; background-repeat:no-repeat; color:#fff; text-decoration:none;}

.menu_topo .lang {background: #907e38 url(../img/separador_menu.gif) left top no-repeat;}
.menu_topo .lang a{color:#fff; padding:3px 8px 3px 8px !important;}
.menu_topo .lang a:hover{background:none; color:#edca3d; text-decoration:none;}
.menu_topo .lang a.active{background:none; color:#edca3d; text-decoration:none;}

/*Menu internas*/
.menu_int{font-size:10px; text-transform:uppercase;}
.menu_int a{background:url(../img/setas.png) no-repeat 20px -56px; background-color:#ac9256; color:#fff; display:block; padding:7px 7px 7px 30px; zoom:1;}
.menu_int a:hover, .menu_int a.active{ background-color:#6e5e37; color:#fff; text-decoration:none;}

.red a{background-color:#cc6600 !important;}
.red a:hover, .menu_int red a.active{ background-color:#a35200 !important;}
.menu_int li span.red{background:#a35200; color:#fff; display:block; margin:1px 0 0 0; padding:7px 7px 7px 20px; zoom:1;}

.menu_int a.orc{background:url(../img/icon_orc.png) no-repeat; background-color:#EDCA3D; background-position: 18px 10px; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#8A7545; display:block; padding:5px 5px 5px 35px; zoom:1; }
.menu_int a.orc:hover, .menu_int a.orc.active{ background-color:#6e5e37; background-position: 18px -33px; color:#fff; text-decoration:none;}

.menu_int a.carac{background:#666666; color:#fff; display:block; padding:7px 7px 7px 20px; zoom:1;}
.menu_int a.carac:hover, .menu_int a.carac.active{background:#666666; text-decoration:none;}

.menu_int li span.subtit{background:#666666; color:#fff; display:block; margin:1px 0 0 0; padding:7px 7px 7px 20px; zoom:1;}
.menu_int li ul li.img a{background:none; color:#fff; display:block; padding:0; zoom:1;}

.menu_int li ul li{padding:10px 20px 0 20px;}
.menu_int li ul li a.none{background:none !important; color:#333; display:block; padding:0; zoom:1;}
.menu_int li ul li a{background:url(../img/setas.png) no-repeat 0 -43px; color:#333; display:block; padding:3px 5px 3px 10px; zoom:1;}
.menu_int li ul li a:hover, .menu_int li ul li a.active{ background:url(../img/setas.png) no-repeat 0 -43px; color:#333; text-decoration:underline;}

/*Lista dentro dos blocos*/
.lista_bloco li{border-bottom:1px dotted #666; margin:0 0 10px 0; padding:0 0 10px 0; }
.lista_bloco li .fit{ display:inline-block;}
.lista_bloco li .fit a{display:inline;}
.lista_bloco li a{display:block;}
.lista_bloco li .fit img{ margin-right:8px;}
.blocofixo li{height:54px;}

/*Formulários*/
.formorcamento { width:350px; margin:auto; }
.formorcamento h2 { font-size:18px; border-bottom: 1px solid #d8400a; margin-bottom: 10px;}
.formorcamento .infoevent { font-style:italic; font-size:10px;}
.campo, .pesquisaagenda {background:#999999; border:none; color:#fff; padding:1px 2px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; overflow:auto;}
.campo {width:100%;}
.btninput{background:#333; border:none; color:#fff; margin:10px 10px 0 0; padding:2px 7px;}
.tireduvida { padding:0 10px; }
.btninput-localizacao { background: url(../img/setas.png) right -29px no-repeat; float:right; font-size:10px; padding:0 10px 0 0px; text-align:right; text-transform:uppercase; color:#d8400a; border:none; cursor:pointer; }

/*Rodapé*/
.footer {
	position: relative;
	margin-top: -65px; /* A mesma altura do rodapé, o valor deve ser negativo*/
	clear:both;
}
.rodape{font-size:10px; width:980px; margin:0 auto; height:65px;}
.rodape .divisao{ border-right:1px solid #ccc; float:left; padding:10px 40px; width:150px;}
.rodape img{ margin:5px 25px 5px 0;}
.rodape img.sm{ margin-right:0 !important;}
.rodape .sb{ border-right:none !important;}

/*Serviços adicionais*/
.blocoservicos{border-bottom: solid 1px #993300; background-color:#f5f5f5;}
.destaque-servico{ display:inline-block; float:left; margin: 10px; width:460px;}
.fundologo {background:#fff; padding:10px 0 10px 0; width:100%;}
.fundologo img{display:block; margin:auto;}
.informacoes{background:#999999; color:#FFF; display:block; padding:10px 0 10px 40px;}
.lista-servico{float:left; margin:10px; width:459px;}
	.lista-servico ul{float:left; padding-left:10px; width:220px;}
	.lista-servico ul.borda{border-right: solid 1px #c4c4c4; padding-left:0px !important; padding-right:8px;}
	.lista-servico ul li{font-size:10px; margin:5px 0;}
		.lista-servico ul li a{background: url(../img/setas.png) 5px -44px no-repeat; color:#333; display:block; padding:2px 0 2px 15px; zoom:1;}
		.lista-servico ul li a:hover, .lista-servico .active{background:#993300 url(../img/setas.png) 5px -61px no-repeat; color:#FFF; text-decoration:none;}
		
/*Paginação*/
.paginacao{text-align:center; font-size:10px; clear:both;}
.paginacao a, .paginacao strong{ color:#d8400a; padding:3px 5px; text-decoration:none; display:inline-block !important;}
.paginacao a:hover{ background:#d8400a; color:#fff;}
.paginacao strong.active{ background:#d8400a; color:#fff;}

/*Temporárias*/
.reset-transformation {
	text-transform:none;
}

/*Google Maps*/
#googleMap{
	height:600px;
	width:800px;
}


/*Setas slide*/
.nav-next, .nav-prev{background-image:url(../img/setas-slide.png);background-repeat:no-repeat;}
.nav-next{background-position:0 -44px;}
.nav-prev{background-position:0 0;}

.nav-next:hover{background-position:0 -65px;}
.nav-prev:hover{background-position:0 -21px;}

#galeria2d{
	margin:0 auto !important;
}

/*LOGO IMAM*/
.logoimam{
	position:absolute;
	right:0;
	top:10px;
}

/*LOGO IMAM*/
.twitter{
	position:absolute;
	right:0;
	top:55px;
	margin-right:-12px;
	z-index:1;
}

.twitter a{background-image: url(../img/twitter_estacao.png); background-repeat:no-repeat; display:block; height:27px; width:125px;}
.twitter a:hover{background-position:0 -27px;}