/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*FIM CSS RESET*/




body {
    font-family: Tahoma;
    font-size: 15px;
    background:#f8f8f8;
    
}

#Geral {
    margin: 0 auto;
    min-height: 100%;
    position: absolute;
    width: 100%;
    min-width: 1000px;
}
    
.center {
    width:960px;
    margin:0 auto;
}
header {
    
}

#horizontal {
    background:#26547c;
    margin-bottom:15px;
    position:relative;
    top:-2px;
}

#horizontal:before,
#horizontal:after {
    content: " "; 
    display: table; 
}
#horizontal:after {
    clear: both;
}
#horizontal ul {
    list-style: none;
}
#horizontal li a{
     font-size:0.8em;
	 padding:25px 22px;
	 border-right:1px solid #406e96;
	 text-transform:uppercase;
	 color:#ffffff;
     text-decoration:none;
	 -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#horizontal li:first-child a{
  border-left:1px solid #52b5e1;	
}
#horizontal li a:hover{
	color:#FFF;
	background:#1985B4;
}
#horizontal li {
    position: relative;
}
#horizontal > li {
   display:inline-block;
   float:left;
}
#horizontal > li > a {
    display: block;
}
#horizontal li  ul {
	width:200px;
    position: absolute;
    background:#0A203C;
    top:70px;
    z-index:1;
    opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; 
}
#horizontal > li.hover > ul {
  		opacity: 1;
		visibility: visible;
}

#vertical li ul li > a {
    padding-left:20px;
    background:#ffffff;
    color:#26547c;
}

#vertical a, #vertical span {
    /*border: 1px solid #e8e7e7;*/
    color: #666;
    display: block;
    margin-top: -1px;
    outline: 0 none;
    padding:10px;
    text-decoration: none;
}
    #vertical a:hover {
        text-decoration:underline;
    }
#vertical  li  span {
    background:#ebebeb;
}
.video {
    margin:35px 0;
}
.video a {
    color: white;
    display: block;
    margin-top: -1px;
    outline: 0 none;
    padding:10px;
    text-decoration: none;
    background:#db5d64;
}

.video a:hover{background:#e03d46;}


.menu ul li li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -10px;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:10px solid #171D1F;
	}	
.menu ul li li:first-child a{
	border-top:none;
	border-left:none;
}
#horizontal li li a {
    display: block;
    position: relative;
    z-index:100;
    padding:12px 20px;
    color:#9DAEC0;
    text-transform:none;
    border-top:1px solid #253B57;
    border-right:none;
    font-family:"Open Sans", sans-serif;
     -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#horizontal li li a:hover{
	background:#2da5da;
	color:#FFF;
}





nav #horizontal li {
    display:inline-block;
}
section .left{width:220px;float:left;}
section .right {float:right; margin-right:85px;
}
section .right img {
    min-width:560px;
    min-height:338px;
}

#bannerTopo{
    position:relative;
    min-width:560px;
    min-height:338px;
}
    #bannerTopo > div {
        position:absolute;
    }



.clearfooter {height: 125px;clear: both;}
footer {
     position:absolute;bottom:0;left:0; width:100%; height:auto; clear: both;background:#f0f0f0;
     font-size:12px; color:#313131; margin-top:20px; line-height:15px;
}
footer .left {
    float:left;
    padding:25px 10px;
    }
footer .right{
    float:right;
    padding:10px 10px;
}
    footer .right img {
        width:60px;
        padding:0 5px;
    }
    footer .right img.governo{
        width:110px;
    }