/* 

File: Layout

Authors: Agência IMAM 

Date: 2012-04-23 v2

Sumary

	1 - Geral

	2 - Header

		2.1 - Top Bar

		2.2 - Idioma

		2.3 - Topo

	3 - Navigation

	4 - Slide

	5 - Home

		5.1 - Area de atuação - Esquerda

		5.2 - Area de atuação - Direita

		5.3 - Area de notícias

	6 - Content - interna

		6.1 - Barra acessibilidade

		6.2 - Breadcumb

		6.3 - Actions

	7 - Sidebar

	9 - Principal - interna

		9.1 - Lista

		9.2 - Imagem

		9.3 - Tabela

		9.4 - Colors

		9.5 - Relacionados

		9.6 - Form

	10 - Listagem - interna

		10.1 - Listagem

		10.2 - Paginação

	11 - Frota - interna

	12 - Multimidia - interna

	13 - Responsabilidade - interna

		13.1 - Projeto Aberto

		13.2 - Lista de Projetos

	14 - Mapa do Site

	15 - Fotter	

	16 - Media Print

	17 - Media IPAD

	18 - Erro Manutenção

	19 - Lista Arquivos

	20 - Lista Editais

*/



/* GERAL */

/* ----------------------------------------- */



body { margin: 0; font-size: 13px; line-height: 1.4; font-family: Helvetica, Arial, sans-serif;  }

	.manutencao #slideinterna { height: 375px; }



.wrap { width: 986px; margin: 0 auto; position: relative; }

.nomargin { margin: 0 !important;}



a { text-decoration: none; }

a:hover { text-decoration: underline; }



.loading { position: absolute; top: 50%; left: 50%; display: block; margin-left: -11px; margin-top: -11px;}



/* HEADER */

/* ----------------------------------------- */



/*Top Bar */

#topbar { background: #f7f7f7; padding: 10px 0; height: 15px; position: relative; }



#topbar .wrap div { float: right; }



ul.menurapido { float: left; margin-top: 2px; }



ul.menurapido li { float: left; font-size: 0.615em; text-transform: uppercase; margin-right: 10px;   }

ul.menurapido li a { color: #acacac; background: url(../images/icon_grey.png) no-repeat; text-indent: 15px; display: block; text-decoration: none; }

	ul.menurapido li a.mapadosite { background-position: 0 0px; }

	ul.menurapido li a:hover.mapadosite { background-position: 0 -15px; color: #da8d69; }



	ul.menurapido li a.ouvidoria { background-position: 0 -37px; }

	ul.menurapido li a:hover.ouvidoria { background-position: 0 -52px; color: #da8d69; }

	

	ul.menurapido li a.faleconosco { background-position: 0 -75px; }

	ul.menurapido li a:hover.faleconosco { background-position: 0 -90px; color: #da8d69; }



	ul.menurapido li a.central { background-position: 0 -126px; }

	ul.menurapido li a:hover.central { background-position: 0 -111px; color: #da8d69; }





/* Idioma */

ul.idioma { float: left; border-left: 1px dotted #cdcdcd; border-right: 1px dotted #cdcdcd; padding: 0 20px 0 10px; background: url(../images/icon_grey.png) 60px -429px no-repeat; }

ul.idioma li a { text-transform: uppercase; color: #898989; font-size:0.923em; text-decoration: none }

ul.idioma li a img {margin-right: 5px; max-width: none; }



ul.boxidioma { position: absolute; z-index: 10; display: none; padding-top: 5px; right: 20px; top: 15px; min-height: 30px; }

ul.boxidioma a { display: block; padding-bottom: 5px;}

ul.boxidioma a:hover { color: #da8d69;  }





/* Topo */

header { z-index: 6; position: relative; box-shadow: 0 1px 6px rgba(0,0,0,0.51); 

-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.51); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.51); 

}



.topo { padding-top:0px; height: 90px; }

#logotipo { float: left; padding-top:20px;}



.searchform { float: right; overflow: hidden; padding-top: 28px; }

.searchform input { background: none; border: none; float: left; }

#s { border-bottom: 1px solid #e1e1e1; text-transform: uppercase; font: normal 0.923em Helvetica, Arial, sans-serif; color: #e1e1e1; padding-bottom: 4px; width: 160px; outline: none; }

#searchsubmit { background: url('../images/icon_grey.png') no-repeat 0 -282px; width: 12px; height: 12px; text-indent: -9999px; margin-left: -12px;   }



/* Banner Topo*/



.topo span{display:block;float:left;}

#box-banner-topo{width:416px;height:90px;z-index:2;margin-left:81px;overflow:hidden;}

	#box-banner-topo img{float:right;position:relative;margin-left:20px;max-height:85px;}



/* NAVIGATION */

/* ----------------------------------------- */



#menuprincipal { background: url(../images/bg_menu.png) repeat-x; z-index: 5; position: relative;  }



#menuprincipal ul { overflow: hidden;  border-left:1px solid #e7bc24; height: 49px; }

#menuprincipal li { float: left;  }

	#menuprincipal li.blue { border-top: 5px solid #395687; }

	#menuprincipal li.green { border-top: 5px solid #33834a; }

	#menuprincipal li.lightgreen { border-top: 5px solid #97cc00; }

	#menuprincipal li.orange { border-top: 5px solid #ef9f36; }

	

#menuprincipal li a { font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 0.93em; color:#907209;  text-shadow: 0px 1px 1px #ffedae;   text-transform: uppercase; letter-spacing: -1px;  display: block; 

border-right: 1px solid #e7bc24; border-left:1px solid #feda5b; padding: 13px;}

	/*#menuprincipal li.largura8 a {padding: 13px 8px;}*/

	#menuprincipal li.largura9 a {padding: 13px 11px;}

	

.fontface #menuprincipal li a { padding: 13px; font-size: 0.9em; }

	.fontface #menuprincipal li.largura9 a {padding:13px 11px;}



.ie8 #menuprincipal li a, .ie7 #menuprincipal li a { font-size: 0.90em !important;padding:13px 11px;}

	.ie8 #menuprincipal li.largura9 a, .ie7 #menuprincipal li.largura9 a {padding:13px 8px;}

.ie9 #menuprincipal li a  { font-size: 0.91em !important;padding:13px 11px;}

	.ie9 #menuprincipal li.largura9 a  {padding:13px 8px;}



#menuprincipal li a:hover, #menuprincipal li a.active { background: url(../images/hover_menu.png) repeat-x; color: #fff; text-shadow: none; text-decoration: none; }

#menuprincipal li.blue a:hover, #menuprincipal li.blue a.active { border-right: 1px solid #2e4874; border-left:1px solid #395687; }

#menuprincipal li.green a:hover, #menuprincipal li.green a.active { background-position: 0 -45px;  border-right: 1px solid #33834a; border-left:1px solid #28783f;  }

#menuprincipal li.lightgreen a:hover, #menuprincipal li.lightgreen a.active { background-position: 0 -135px;  border-right: 1px solid #97cc00; border-left:1px solid #74c300;  }

#menuprincipal li.orange a:hover, #menuprincipal li.orange a.active { background-position: 0 -90px;  border-right: 1px solid #ef9f36; border-left:1px solid #e6962d;  }



/* SLIDE */

/* ----------------------------------------- */



#slide { height: 500px; width: 100%; overflow: hidden; position: relative; z-index: 3; border-bottom: 5px solid #fecd20; 

box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08);

}

#slide img, #slideinterna img { width: 1960px; max-width: 1960px; position: absolute; right: 50%; margin-right: -960px; }

#slide .active, #slideinterna .active { display: block; }



#slideinterna { height: 200px; width: 100%; overflow: hidden; position: relative; z-index: 3; border-bottom: 5px solid #fecd20; 

box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 20px 100px 30px rgba(0, 0, 0, 0.08);

}



/* HOME */

/* ----------------------------------------- */



#content { margin-top: -200px; z-index: 4; position: relative; clear:both;width:826px;}

#content .areatuacao { width: 776px; float: left; position: relative; z-index: 6;  }

#content .noticias { width:  386px; float: left; padding: 12px; }



#content .areatuacao, #content .noticias { box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2); }



#content h2 { font-family: 'Droid Sans', sans-serif;  font-size: 1.385em; color: #c1c1c1; } 





/* Area de atuação - Esquerda */

.areatuacao .esquerda { background: #f7f7f7; float: left; width: 300px; margin-top: 50px; padding: 12px; position: relative; z-index: 3; }



.areatuacao .esquerda ul li { display: none; min-height: 475px; }

.areatuacao .esquerda ul li.active { display: block;}



	.areatuacao .esquerda li.blue img { border-bottom: 4px solid #395687;  }

	.areatuacao .esquerda li.green img { border-bottom: 4px solid #33834a; width: 250px;}

	.areatuacao .esquerda li.lightgreen img { border-bottom: 4px solid #97cc00;  }

	.areatuacao .esquerda li.orange img { border-bottom: 4px solid #ef9f36;  }



.areatuacao .esquerda li h3 { color: #898989; font-family: 'Droid Sans', sans-serif;  font-size: 1.077em; margin: 5px 0 15px 0; background: url('../images/icon_grey.png') no-repeat 0 -324px; padding-left: 22px;  }



.areatuacao .esquerda li blockquote { font-family: 'Droid Sans', sans-serif;  font-size: 1.06em; padding-bottom: 70px; }

	.areatuacao .esquerda li.blue { color: #395687; }

	.areatuacao .esquerda li.green { color: #33834a; }

	.areatuacao .esquerda li.lightgreen { color: #97cc00; }

	.areatuacao .esquerda li.orange { color: #ef9f36; }



.areatuacao .esquerda .frota #inline {display:block; text-align:center;}



.areatuacao .esquerda .listanoticias {margin-top:20px;}

	.areatuacao .esquerda .listanoticias LI{display:block; }

	.areatuacao .esquerda ul li{min-height:inherit !important;}



.ie .areatuacao .esquerda ul li{min-height:auto !important;}





/* Area de atuação - Direita */

.areatuacao .direita { background: #fff; float: left; width: 450px; padding: 12px 0;  }

.areatuacao .direita h2 { border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; padding:8px 12px; }



.areatuacao .direita dl { padding: 8px 12px 8px 12px; }

.areatuacao .direita dl:hover { background: #f7f7f7; }

.areatuacao .direita dl.active { background: #f7f7f7; }



.areatuacao .direita dl dt { font-family: 'Droid Sans', sans-serif;  font-size: 1.231em;}

	.areatuacao .direita dl.blue dt {color: #395687; }

	.areatuacao .direita .blue dt.icon {line-height:19px;}

	.areatuacao .direita dl.green dt {color: #33834a; }

	.areatuacao .direita .green dt.icon {line-height:44px;}

	.areatuacao .direita dl.orange dt {color: #ef9f36; }

	.areatuacao .direita .orange dt.icon {line-height:39px;}

		.areatuacao .direita .blue dt.icon IMG, .areatuacao .direita .green dt.icon IMG, .areatuacao .direita .orange dt.icon IMG{float:left;}



.areatuacao .direita dl dd { color: #a1a1a1; font-size: 0.923em; line-height: 1.45em; margin-top: 8px;  }

.areatuacao .direita dl dd a { font-style: italic;}

	.areatuacao .direita dl.blue dd a { color: #395687; }

	.areatuacao .direita dl.green dd a { color: #33834a; }

	.areatuacao .direita dl.orange dd a { color: #ef9f36; }



/* Area Noticias */

.noticias { margin-top: 50px; background: #fff; }

.noticias h2 { padding: 8px 0; border-bottom: 1px dotted #decec0;  }



.noticias li { border-bottom: 1px dotted #decec0; padding: 14px 0; overflow: hidden;   }

.noticias li h3 { color: #898989; font-size: 1.077em; }

.noticias li h3 time { color: #a1a1a1; font-size: 0.769em; font-style: italic; font-weight: normal;  }



.noticias li img { float: left; margin-right: 15px;  }

.noticias li p { color: #a1a1a1; font-size: 0.923em; line-height: 1.45em;  } 

.noticias li .leiamais, .noticias .todas { text-transform: uppercase; font: bold 0.923em 'Droid Sans', sans-serif; float: right; }



.noticias li .leiamais {  color: #33834a; font-size: 0.769em; padding-top: 10px;  }

.noticias .todas { color: #f39a1f; padding-top: 30px; }



.areatuacao .esquerda li blockquote {padding-bottom:10px !important;}

.areatuacao .box-noticia {border-bottom: 1px dotted #decec0;border-top: 1px dotted #decec0;padding: 14px 0;overflow: hidden;}

	.areatuacao .box-noticia h3{color: #898989;font-size: 1.077em;}

		.areatuacao .box-noticia h3 time{color: #a1a1a1;font-size: 0.769em;font-style: italic;font-weight: normal;}

	.areatuacao .box-noticia P {color: #33834a;font-size: 0.923em;line-height: 1.45em;}

	.areatuacao .box-noticia IMG{float: left;margin-right: 15px;}

	.areatuacao .box-noticia .leiamais, .areatuacao .listanoticias .todas {text-transform: uppercase;font: bold 0.923em 'Droid Sans', sans-serif;float: right;}		

	.areatuacao .box-noticia .leiamais {color: #33834a;font-size: 0.769em;padding-top: 10px;}

	.areatuacao .listanoticias .todas {color: #f39a1f;padding-top: 30px;padding-bottom:40px;}



/* CONTENT - INTERNA */

/* ----------------------------------------- */



#contentinterna { margin-top: -160px; z-index: 4; position: relative; clear:both; background: #fff; overflow: hidden; padding: 10px 20px 50px 20px; 

box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 0 -17px 15px 0px rgba(0, 0, 0, 0.2); 

display: none;

}

#contentinterna aside { float: left; width: 245px; }

#contentinterna .principal { float: right; width: 675px; padding-right: 20px; min-height: 350px; }





/* Barra acessibilidade */

.acessibilidadebar { background: #fff url(../images/bg_interna.jpg) no-repeat center bottom; height: 35px; padding: 10px 0; overflow: hidden; margin-bottom: 20px }

.acessibilidadebar ul li { float: left; color: #b7b7b7; font-size: 0.846em;  }

.acessibilidadebar ul li a { color: #b7b7b7; }

.acessibilidadebar ul li a:hover { color: #ff896d; text-decoration: none; }



/* Breadcumb */

.acessibilidadebar ul.breadcrumb { float: left; }

.acessibilidadebar ul.breadcrumb li { background: url('../images/icon_grey.png') no-repeat left -301px; padding: 0 7px 0 14px;  }



.acessibilidadebar ul.breadcrumb li.home { background: none; padding: 0 7px 0 3px; }

.acessibilidadebar ul.breadcrumb li.home a { background: url('../images/icon_grey.png') no-repeat 0 -147px; text-indent: -9999px; width: 16px; height: 16px; display: block;}

.acessibilidadebar ul.breadcrumb li.home a:hover { background-position: 0 -167px;}



/* Actions */

.acessibilidadebar ul.actions { float: right; padding-top: 3px; }

.acessibilidadebar ul.actions .textsize { margin-right: 10px; margin-top: -1px;}

	.ie .acessibilidadebar ul.actions .textsize { margin-top: -2px; }

.acessibilidadebar ul.actions a { height: 16px; display: block; padding: 0 10px 0 20px; }



.acessibilidadebar ul.actions .shared a { background: url('../images/icon_grey.png') no-repeat 0 -213px;  }

	.acessibilidadebar ul.actions .shared a:hover { background-position: 0 -194px; }

.acessibilidadebar ul.actions .print a { background: url('../images/icon_grey.png') no-repeat 0 -258px; }

	.acessibilidadebar ul.actions .print a:hover { background-position: 0 -237px; }

.acessibilidadebar ul.actions .textsize a { display: inline; font-weight: bold; padding: 0; font-size: 1.2em; }

	

/* SIDEBAR */

/* ----------------------------------------- */



aside h3 { font-weight: bold; font-size: 1.077em; padding-bottom: 8px; padding-left: 10px;  }



aside ul.submenu li { border-top: 1px dotted #e1e1e1;  }

.ie aside ul.submenu li{display: inline-block; width: 100%;}



aside ul.submenu { padding-bottom: 40px; margin-bottom: 20px; }

aside ul.submenu li a { padding: 7px 0 7px 10px; background: url('../images/icon_grey.png') no-repeat 220px -344px; }

aside ul.submenu li a { color: #898989; display: block; }



aside ul.submenu li > ul li a { background-position: 10px -343px; padding-left: 30px;}

.ie aside ul.submenu li > ul li {display: inline-block !important; width: 100%;}

aside ul.submenu li > ul li a { color: #b7b7b7; }



/* Blue */

.blue aside ul.submenu { border-right: 1px solid #395687; }

.blue aside h3 {/* border-right: 1px solid #395687;*/ color: #395687;  }

.blue aside ul.submenu li a:hover, .blue aside ul.submenu li.active a { background-color: #f7fcff; color: #395687; text-decoration: none;  }



/* Green */

.green aside ul.submenu { border-right: 1px solid #33834a }

.green aside h3 { border-right: 1px solid #33834a; color: #33834a;  }

.green aside ul.submenu li a:hover, .green aside ul.submenu li.active a { background-color: #d8ffec; color: #33834a; text-decoration: none; }



/* Light Green */

.lightgreen aside ul.submenu { border-right: 1px solid #97cc00 }

.lightgreen aside h3 { border-right: 1px solid #97cc00; color: #97cc00;  }

.lightgreen aside ul.submenu li a:hover, .lightgreen aside ul.submenu li.active a { background-color: #d8ffec; color: #97cc00; text-decoration: none; }



/* Orange */

.orange aside ul.submenu { border-right: 1px solid #ef9f36 }

.orange aside h3 { border-right: 1px solid #ef9f36; color: #ef9f36;  }

.orange aside ul.submenu li a:hover, .orange aside ul.submenu li.active a { background-color: #fff4e6; color: #ef9f36; text-decoration: none;  }



	

/* PRINCIPAL INTERNA */

/* ----------------------------------------- */



.principal h1 { font-size: 2em; font-family: 'Droid Sans', sans-serif; font-weight: normal; margin: -8px 0 20px 0; }

.ie .principal h1 {line-height: 2em;}

.principal h2, .principal h3 { font-family: 'Droid Sans', sans-serif; font-weight: normal; margin: 15px 0; }

	.principal h2 { font-size: 1.6em; }

	.principal h3 { font-size: 1.3em; }



/* Lista */

.principal ul li, .principal p, .principal ol li { color: #898989; font-size: 1.154em; line-height: 1.5em;  }

.principal p { margin: 15px 0; }

.principal ol { margin: 15px 0 15px 40px; }

.principal ul { margin: 15px 0 15px 20px; }

	.principal ul li:before { content: '→ '; }



/* Imagem */

.principal img {float: left; display: inline; margin-right: 20px; margin-bottom: 10px; }

.ie .principal img { margin-bottom: 3px; }



.caption { float: left;  }

.caption img { float: none;  }

.caption { float: left;  }

.caption span { display: block; color: #898989; border-bottom: 1px solid #e7e7e7; font-size:0.846em; font-weight: bold; padding-bottom: 4px; margin-right: 20px;   }



.principal blockquote { text-align: center; font-size: 1.3em; font-family: 'Droid Sans', sans-serif; margin: 15px 0; padding: 0 30px; font-style: italic; }



/* Tabela */

.principal table td { border: 1px solid #ececec; padding: 10px 20px; color: #898989; font-size:0.846em;    }

.principal table td:first-child { font-weight: bold; }

.principal table tr:nth-child(2n+1) { background: #f8f8f8; }





/* Terminal */

.terminal { overflow: hidden; display: none; }

.terminal img, .terminal table {float: left;}

.terminal table { width: 450px;  }

.terminal img { width: 200px;}

.terminal p { font-size: 0.98em; float:left; padding-left: 10px; margin: 4px 0; }



.terminal table tr:nth-child(2n+1) { background: none; }

.terminal table tr.header { background: #f8f8f8; }



.itemTerminal { background: url(../images/seta_terminal.png) left 8px no-repeat; padding-left: 15px; cursor: pointer; }

.itemTerminal.active { background-position: left -21px; }

.itemTerminal:hover { text-decoration: underline; }





/* Colors */

.blue h1, .blue h2, .blue h3, .blue blockquote, .blue a { color: #395687; }

.green h1, .green h2, .green h3, .green blockquote, .green a { color: #33834a; }

.lightgreen h1, .lightgreen h2, .lightgreen h3, .lightgreen blockquote, .lightgreen a { color: #97cc00; }

.orange h1, .orange h2, .orange h3, .orange blockquote, .orange a { color: #ef9f36; }

.amarelo h1, .amarelo h2, .amarelo h3, .amarelo blockquote, .amarelo a { color: #CFA921; }

.ocre h1, .ocre h2, .ocre h3, .ocre blockquote, .ocre a { color: #B29071; }





/* Relacionados */

.relacionado { border: 1px solid #e1e1e1; padding: 5px; margin-top: 40px; clear: both;}

.relacionado h3 { color: #acacac; font-family: 'Droid Sans', sans-serif; font-size: 0.923em; text-transform: uppercase; padding: 8px 4px; margin: 0 0 5px 15px; font-weight: bold;  }

.relacionado ul {margin: 0; }

.relacionado ul li { border-top: 1px dotted #e1e1e1; padding: 6px 0 6px 20px; background: url('../images/icon_grey.png') no-repeat 0 -344px; font-size: 1em; }

.relacionado ul li:before { content: none; }

.relacionado ul li a { color: #b7b7b7; }



/* Form */

.form { clear: both; padding-bottom: 30px; overflow: hidden;}

.form label { float: left; width: 150px; padding-top: 2px; clear: both;}

.form input[type='text'], .form textarea, .form select, .buscainterna select {  border: 1px solid #d8d8d8; background: #fff; color: #898989; font-size: 0.923em; font-family: Helvetica, Arial, sans-serif; padding: 5px;  }

.form input[type='text'] { width: 415px; }

.form textarea { height: 100px; width: 415px;}

.form .submit { margin-left: 150px; border: 1px solid #6380b0; background: #395687; color: #fff; padding: 4px 8px; font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 0.923em; float: left;  }

.form .submit:hover { background: #6380b0; }



.form p.info { width:370px; float: left; padding-left: 15px; margin: 0; font-size: 0.98em; }

.form .charNum {width: 150px; padding-top: 2px; display: inline-block;}



/* Listagem interna Mapa do site */

.internamapa { }

.internamapa li { font-weight: bold; list-style:none;}

.internamapa li > ul { margin: 0 0 0 20px;  }

.internamapa ul li { font-weight: normal; font-size: 0.95em; } 





/* LISTAGEM INTERNA */

/* ----------------------------------------- */

ul.listagemconteudo, ul.listagemconteudo li, ul.listagemconteudo li h3, ul.listagemconteudo p, ul.paginacao, ul.paginacao li { padding: 0; margin: 0; float: none; line-height: 1.4;}

ul.listagemconteudo li:before, ul.paginacao li:before {content:none;} /*Reset*/



.principal .statusresult { color: #b5b4b4; font-size:0.846em; font-style: italic;}



/* Listagem */

ul.listagemconteudo li { border-bottom: 1px dotted #e1e1e1; padding-bottom: 15px; margin-top: 15px; }

ul.listagemconteudo li h3 a{ color: #cccccc; margin-top: -4px; background: url(../images/icon_new.png) no-repeat 0 -1px; padding-left: 20px; }

ul.listagemconteudo li p { font-size: 0.93em; margin: 10px 0; }

ul.listagemconteudo li a { color: #898989;  } 

ul.listagemconteudo li time { display: block; font-weight: bold; color: #898989; font-size:0.846em; padding-top: 5px;}



/* Paginação */

ul.paginacao { float: right; padding-top: 20px;}

ul.paginacao li { float: left; width: 20px; height:18px; border: 1px solid #97CC00; background: #698E00; margin: 0 4px; text-align: center; color: #fff; font-size: 0.923em; padding-top: 2px; }

ul.paginacao li.active, ul.paginacao li:hover { background: #97CC00; border: 1px solid #97CC00;   }

ul.paginacao li a {text-align: center; color: #fff; display: block; text-decoration: none; width: 20px; height:18px; }



/* Formulário Busca */

.buscainterna { padding-bottom: 25px;}

.buscainterna input[type='text'] { border: 1px solid #d8d8d8; background: #fff; color: #898989; font-size: 0.923em; font-family: Helvetica, Arial, sans-serif; padding: 7px 6px 6px 6px; width: 350px!important; }

.buscainterna input[type='submit'] {  border: 1px solid #6380b0; background: #395687; color: #fff; padding: 4px 8px; font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 0.923em; margin-left: 8px;}

.buscainterna input[type='submit']:hover { background: #6380b0; } 

.buscainterna select { margin-left: 15px; }



/* FROTA INTERNA */

/* ----------------------------------------- */



#widgetfrota img, #widgetfrota h2, #widgetfrota h3, #widgetfrota p, #widgetfrota ul, #widgetfrota ul li {padding: 0; margin: 0; float: none; line-height: 1.4; }

#widgetfrota ul li:before {content:none;} /*Reset*/





/* Ficha Tecnica */

#widgetfrota .fichatecnica {overflow: hidden; clear: both; }

#widgetfrota .fichatecnica h2 { font-family: 'Droid Sans', sans-serif; color: #33834a; font-size: 2.3em; margin-bottom: 5px; margin-top: 15px; }

#widgetfrota .fichatecnica p { border-bottom: none; font-size: 0.923em; color: #959595; padding-bottom: 20px; margin-bottom: 20px; margin-top: 0 ; }



#widgetfrota .fichatecnica table { width:275px; float: left; } 

#widgetfrota .fichatecnica .planta { float: right; }



/* Aba Frota */

#widgetfrota #frotaNav {

	clear: both;

	height: 83px;

}

#widgetfrota #frotaNav li {

	width: 16.66%;

	float: left ;

	text-align: center;

	background: url('../images/bg_sprite_navio_tipo.png') repeat-x 0 0;

	height: 83px;

	position: relative;

}

#widgetfrota #frotaNav li:hover, #widgetfrota #frotaNav li.active { background-position: 0 -81px; }



#widgetfrota #frotaNav li a {

	font-family: 'Droid Sans';

	color: #121212;

	text-shadow: #666 1px 1px 0;

	text-transform: uppercase;

	background: none !important;

	font-weight: 700;

	display: block;

	padding-top: 55px;

	font-size: 0.923em;	

	outline: none; 

}





#widgetfrota #frotaNav li a:hover, #widgetfrota #frotaNav li.active a  { text-decoration: none; color: #fecd20; text-shadow: none; }

#widgetfrota #frotaNav li.frotamax a { background: url('../images/navio_frota_01.png') no-repeat 50% 35% !important; }



#widgetfrota #frotaNav li.frotagas a { background-position: 15px -188px !important; }

#widgetfrota #frotaNav li.frotamax a:hover, #widgetfrota #frotaNav li.frotamax.active a { background: url('../images/navio_frota_02.png') no-repeat 50% 35% !important; }



#widgetfrota #frotaNav li.frotagas a:hover, #widgetfrota #frotaNav li.frotagas.active a { background-position: 15px -298px !important; }

#widgetfrota #frotaNav li span.bubble { 

	position: absolute;

	background: url('../images/bg_navio_select.png') no-repeat 0 0;

	width: 14px;

	height: 6px;

	bottom: -6px;

	left: 50%;

	margin-left: -7px;

	display: none;

}

#widgetfrota #frotaNav li.active span.bubble { display: block; }



#widgetfrota #indexFrota ul {

	background: url('../images/bg_navio_cat.png') 0 0 !important;

	padding: 0 40px;

	overflow: hidden;

}

#widgetfrota #indexFrota ul li {

	height: 35px; 

	float: left;

	padding: 0 15px;

	line-height: 35px;

	font-family: 'Droid Sans';

	text-decoration: none;

	font-size: 0.769em;

	font-weight: 700;

	text-transform: uppercase;

}

.ie7 #widgetfrota #indexFrota ul li{text-align: center; overflow: hidden; width: 115px;}

#widgetfrota #indexFrota ul li a { color: #5b5b5b; }

#widgetfrota #indexFrota ul li a:hover, #widgetfrota #indexFrota ul li.active a { color: #fecd20; text-decoration: underline; }

#widgetfrota #indexFrota ul { display: none; }

#widgetfrota #indexFrota ul.active { display: block; }



.principal ul li::before { content: '' !important; }



.loading_ajax {

	width: 32px;

	height: 32px;

	display: block !important;

	margin: 20px auto !important;

}

.error_msg {

	color: #dc4c4c !important;

	text-align: center;

	padding: 10px 0 !important;

}



/* MULTIMIDIA INTERNA */

/* ----------------------------------------- */



.listagem img, .listagem  h2, .listagem p, .listagem ul {padding: 0; margin: 0; float: none; line-height: 1.4; }

.listagem ul li:before {content:none;} /*Reset*/



.multimidia .listagem { margin-bottom: 20px; overflow: hidden;}

.multimidia .listagem h2 { font-family: 'Droid Sans', sans-serif; color: #ef9f36; font-size:1.077em; background: url(../images/icon_multimida.png) no-repeat 0 4px; padding-left: 20px; }

	.multimidia .listagem h2.videos { background-position: 0 -15px; }



.multimidia .listagem ul.filtros { border-bottom: 1px dotted #ffb555; border-top: 1px dotted #ffb555; padding: 10px 0; overflow: hidden; margin: 15px 0;  }

.multimidia .listagem ul.filtros li { color: #ef9f36; font-size: 0.846em; float: left; margin-left: 10px; }

.multimidia .listagem ul.filtros li a { color: #cccccc; padding: 5px 10px; }

	.multimidia .listagem ul.filtros li a:hover, .multimidia .listagem ul.filtros li a.active  { border-radius: 10px; background: #ededed; color: #b1b1b1; text-decoration: none; }

	

.listagem ul.itens { overflow: hidden;}

.listagem ul.itens li { float: left; margin: 0 7px 7px 0; position: relative; }

/*.listagem ul.itens li:nth-child(6n) { margin-right: 0; }*/



.listagem ul.itens li:hover span { background: url(../images/hover_multimidia.png) no-repeat 0 0; width: 105px; height: 105px; display: block; position: absolute; top:0; right: 0; }



.multimidia .listagem .leiamais { text-transform: uppercase; font-family: 'Droid Sans'; color: #ccc; font-size: 0.923em; font-weight: bold; float: right; padding: 5px 0; }



/* MULTIMIDIA INTERNA (VIDEO)*/

/* ----------------------------------------- */



.multimidia ul.itensVideo li{width: 329px; height: 105px;}	

.multimidia ul.itensVideo li a{cursor: pointer;display:block;height:105px;}

.multimidia ul.itensVideo li a img{height: 100%; width:105px;float:left;}

.multimidia ul.itensVideo li a DIV{width:210px;height:105px;float:right;margin:5px 0 10px;overflow:hidden;color:#33834A;font-size: 80%;}



.listagem ul.itensVideo li:hover span { left: 0 !important;}

.listagem ul.itensVideo H3{

	color: #898989;

	font-family: 'Droid Sans', sans-serif;

	font-size: 1.077em;

	margin: 0 0 15px 0;

	background: url('/transpetro/images/icon_grey.png') no-repeat 0 -324px;

	padding-left: 22px;

}			



/* RESPONSABILIDADE INTERNA */

/* ----------------------------------------- */



#widgetrespon img, #widgetrespon h2, #widgetrespon p, #widgetrespon ul {padding: 0; margin: 0; float: none; line-height: 1.4; }

#widgetrespon ul li:before {content:none;} /*Reset*/



/*Projeto Aberto */

#widgetrespon .projeto { overflow: hidden; margin-bottom: 5px; min-height: 253px; position: relative; display:none;}

#widgetrespon .projeto img, #widgetrespon .projeto .informacoes  { float: left;  }

#widgetrespon .projeto .informacoes { width: 375px; padding-top: 20px; }

.ie7 #widgetrespon .projeto .informacoes { padding-top: 13px; }



#widgetrespon .informacoes span { font-family: 'Droid Sans', sans-serif; font-weight: bold; color:#ffffff; font-size: 0.846em; padding: 5px 15px; }

	#widgetrespon .nacional span 		{ background: #9cbf7d;}

	#widgetrespon .norte span 		{ background: #bad2a4;}

	#widgetrespon .nordeste span 		{ background: #ddc364;}

	#widgetrespon .centrooeste span	{ background: #cfa921;}

	#widgetrespon .sudeste span		{ background: #cc9966;}

	#widgetrespon .sul span 			{ background: #ff9933;}

	

#widgetrespon .informacoes h2 { font-family: 'Droid Sans', sans-serif; font-size: 1.3em; padding: 10px 15px; background: #fff; display: inline-block; }

	#widgetrespon .nacional .informacoes h2 		{ color: #327f5a;}

	#widgetrespon .norte .informacoes h2 		{ color: #95ab73;}

	#widgetrespon .nordeste .informacoes h2 		{ color: #cf8e1d;}

	#widgetrespon .centrooeste .informacoes h2 	{ color: #3e4d73;}

	#widgetrespon .sudeste .informacoes h2 		{ color: #a37765;}

	#widgetrespon .sul .informacoes h2 				{ color: #ff6633;}

	

#widgetrespon .informacoes h2 small { font-size: 0.5em; }	

#widgetrespon .informacoes p { font-size: 0.923em; color: #fff; padding: 15px; margin-bottom: 10px; min-height: 90px; }

#widgetrespon .informacoes a.saibamais { padding: 6px 5px 18px 5px; text-transform: uppercase;  font-family: 'Droid Sans', sans-serif; font-size: 0.923em; font-weight: bold;  float: right; margin-right: 15px; color: #f7e81a;}

	#widgetrespon .nacional a.saibamais 		{ background: #327f5a;}

	#widgetrespon .norte a.saibamais 		{ background: #95ab73;}

	#widgetrespon .nordeste a.saibamais 		{ background: #cf8e1d;}

	#widgetrespon .centrooeste a.saibamais 	{ background: #3e4d73;}

	#widgetrespon .sudeste a.saibamais 			{ background: #a37765;}

	#widgetrespon .sul a.saibamais 				{ background: #ff6633;}



/* Lista de Projetos */

#widgetrespon ul.listaprojetos {clear: both; overflow: hidden; cursor: pointer; }



#widgetrespon ul.listaprojetos li { position: relative; margin-right: 3px; float: left; width: 110px; height: 110px; }

	#widgetrespon ul.listaprojetos li:hover { opacity: 0.3;  filter:alpha(opacity=30); }

	#widgetrespon ul.listaprojetos li:nth-child(6n) { margin-right: 0; }

	

#widgetrespon ul.listaprojetos span { width: 110px; height: 110px; display: block; position: absolute; top:0; left: 0; opacity: 0.7; filter:alpha(opacity=70); z-index: 3;  }

#widgetrespon ul.listaprojetos a { position: absolute; top: 45px; text-align: center; display: block; width: 110px; color: #fff; font-size:0.846em; font-weight: bold; text-decoration: none; line-height: 1.3em; z-index: 5; left: 0;  }



	#widgetrespon li.nacional span, #widgetrespon .nacional { background-color: #519475; }

	#widgetrespon li.nordeste span, #widgetrespon .norte { background-color: #9cbf7d; }

	#widgetrespon li.nordeste span, #widgetrespon .nordeste { background-color: #cfa921; }

	#widgetrespon li.centrooeste span, #widgetrespon .centrooeste  { background-color: #43659e; }

	#widgetrespon li.sudeste span, #widgetrespon .sudeste { background-color: #b29071; }

	#widgetrespon li.sul span, #widgetrespon .sul { background-color: #ff9966; }

	

#widgetrespon ul.listaprojetos li.marcacao { background-image:url(../images/icon_responsa.png); background-repeat: no-repeat; cursor: default; }

#widgetrespon ul.listaprojetos li.marcacao:hover { opacity: 1; filter:alpha(opacity=100); }



	#widgetrespon ul.listaprojetos li.marcacao.nacional 		{ background-image:url(../images/nacionais110X110.jpg);}

	#widgetrespon ul.listaprojetos li.marcacao.norte 		{ background-image:url(../images/norte.jpg);}

	#widgetrespon ul.listaprojetos li.marcacao.nordeste 		{ background-image:url(../images/nordeste110X110.jpg);}

	#widgetrespon ul.listaprojetos li.marcacao.centrooeste 	{ background-image:url(../images/centro-oeste110X110.jpg);}

	#widgetrespon ul.listaprojetos li.marcacao.sudeste 		{ background-image:url(../images/sudeste110X110.jpg);}

	#widgetrespon ul.listaprojetos li.marcacao.sul 				{ background-image:url(../images/sul110X110.jpg);}

	

#widgetrespon li.marcacao a { position: absolute; width: 110px; text-align: center; top: 70px; text-transform: uppercase; font-family: 'Droid Sans', sans-serif; font-weight: normal; }

#widgetrespon li.marcacao a big { color:#f7e81a; display: block; margin-top: -3px; font-weight: bold; }





/* MAPA DO SITE */

/* ----------------------------------------- */

#mapadosite { clear: both; background: #f7f7f7; padding: 35px 12px; overflow: hidden; position: relative; z-index: 7; }

#mapadosite dl {float:left;margin-right:8px;width:130px;}

	#mapadosite dl.largura8{width:115px;}

	#mapadosite dl.largura9{width:100px;}

	

#mapadosite dl dt { color: #898989; font-size: 0.846em; font-weight: bold; padding-top: 5px; }

	#mapadosite dl.lightgreen dt { border-top: 3px solid #97cc00}

	#mapadosite dl.blue dt { border-top: 3px solid #395687; }

	#mapadosite dl.green dt { border-top: 3px solid #33834a}

	#mapadosite dl.orange dt { border-top: 3px solid #ef9f36}



#mapadosite dl dd a { color: #898989; font-size: 0.769em; } 





/* FOOTER */

/* ----------------------------------------- */



footer { clear: both; background: #33834a; overflow: hidden; padding: 15px 0; font-size: 0.769em;}

footer address {color:#ffffff;float:left;font-style:normal;}

footer p { color: #ffffff; float: right; color: #61c595;}

footer ul li{float:left;color:#fff;}

footer ul li a{color:#fff;}

footer ul li.divisor-menu {margin:0px 5px;}





/* MEDIA PRINT */

/* ----------------------------------------- */



@media print {

  * { background: transparent !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; color:#000 !important;} 

  a, a:visited { text-decoration: underline; }

  thead { display: table-header-group; } 

  tr, img { page-break-inside: avoid;}

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h1, h2, h3 { orphans: 3; widows: 3; }

  h1, h2, h3 { page-break-after: avoid; }

  

  #topbar, .searchform, #menuprincipal, #slideinterna, #mapadosite, aside, .relacionado, .acessibilidadebar, footer, #box-banner-topo{display: none !important;}

  .principal { width: 90% !important; float: none !important;}

  

  .topo {text-align: center;}

  #logotipo {float: none !important;}

  #contentinterna {margin-top: 10px !important;}  

}



/* MEDIA IPAD */

/* ----------------------------------------- */



@media only screen and (device-width: 768px) {

  #menuprincipal li a { font-size: 0.90em; padding: 12px 11px 14px 11px;  }

}



/* Erro e Manutenção */

/* ----------------------------------------- */



.logoManutencao {

	display: block;

	margin: 40px auto 0 auto;

}



#erro {

	width: 480px;

	height: 90px;

	color: #40a173;

	font-size: 14px;

	margin: 40px auto 0 auto;

}

 

	#erro h3 { color: #40a173; font-size: 1.2em; margin-bottom: 20px;}



#manutencao {

	text-align: center;

	background-position: 0 0;

	width: 460px;

	padding: 80px 0 0 0;

	background: url(../images/sprite_erro_manut.png) 30px -100px no-repeat;

	margin: 40px auto 0 auto;

	color: #40a173;

}



#manutencao p { margin: 15px 0;}



#manutencao small { display: block; }

#manutencao ul li { margin: 10px 0;}



/* LISTA ARQUIVOS */

/* ----------------------------------------- */

.listainterna li { overflow: hidden; }

.listainterna li h3 a { 

	background: none !important;

	padding-left: 0 !important;

}



.icondownload {

	display: block;

	color: #FFF !important;

	float: right;

	font-size: 12px;

	height: 22px;

	line-height: 22px;

	padding: 0 40px 0 10px;

	background: url('../images/sprite_icon_download.png') no-repeat 0 0 #cfcfcf;

}

.iconpdf { background-position: right top; }

.iconword { background-position: right -22px; }

.iconpp { background-position: right -44px; }



.icondownload:hover { background: url('../images/sprite_icon_download.png') no-repeat 0 0 #a8a8a8; text-decoration: none; }

.iconpdf:hover { background-position: right -66px; }

.iconword:hover { background-position: right -88px; }

.iconpp:hover { background-position: right -110px; }



/* LISTA EDITAIS */

/* ----------------------------------------- */



.listaeditais dl { border-bottom: 1px dotted #cdcdcd; }

.listaeditais dl dt {  font-family: 'Droid Sans', sans-serif; font-weight: normal; margin: 15px 0; font-size: 1.5em; }

	.blue .listaeditais dt { color: #395687; }

	.green .listaeditais dt { color: #33834a; }

	.orange .listaeditais dt { color: #ef9f36; }

	.lightgreen .listaeditais dt { color: #97cc00; }

	

.listaeditais dl dd > ul li:before  { content: '→ ' !important; }





/* Interna Terminais Ajax */

/* ----------------------------------------- */

.internaTerminaisText {

	border-bottom: 0 !important;

	width: 380px;

	margin-left: 20px !important;

	float: left !important;

	line-height: 20px !important;

}



/* import de fonts do google */

@font-face {

  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 400;

  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}

@font-face {

  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 700;

  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');

}



/* Interna Terminais Ajax */

/* ----------------------------------------- */

.marcaTable tr td{width: 50% !important;}



.marcaTable td{vertical-align: middle;}



.marcaTable tr td a{

	color: #1A6D6F;

	font-weight: bold;

	text-align: justify;

}



.marcaTable {font-family: Verdana, Arial, Helvetica, sans-serif;}



/*ajuste da busca (pag.9)*/

.topo {

	position:relative;

}

#acesso-informacao {

	position:absolute;

	padding:0;

	top:-2px;

	left:230px;

	z-index:2;

}

.topo .searchform {

	position:absolute;

	top:0;

	right:0;

	z-index:2;

}

/*ajuste do menu (pag.24)*/

#menuprincipal li a {white-space:nowrap;}



/*ajuste no radio */

.principal input[type=radio]{

margin:0 5px 3px 0;

padding:5px;

white-space:nowrap;

}



/*ajuste no checkbox */

.principal input[type=checkbox]{

margin:0 5px 5px 0;

padding:5px;

white-space:nowrap;

}