html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

body {background: url(../imagens/bg.jpg) repeat-x top;}

#header {width: 772px; margin: 0 auto; background:url(../imagens/bg-top.jpg) no-repeat right; height:107px;}
	#logo {float: left; border: 0;}	
	#header h1 {float: left; font: 21px Arial, Helvetica, sans-serif; font-weight: bold; color: #2e3192; text-align: right; width: 130px; margin: 50px 0 0 35px;}
	#phone {float: left; font: 21px Arial, Helvetica, sans-serif; font-weight: bold; color: #2e3192; text-align: right; margin: 77px 0 0 255px;}

#menu-div {width: 772px; margin: 0 auto;}
	/* dropdown menu from http://www.leigeber.com/ */
	ul.menu {list-style:none; margin:0; padding:0}
	ul.menu * {margin:0; padding:0;}
	ul.menu a {display:block; color:#fff; text-decoration:none}
	ul.menu li {position:relative; float:left; margin-top:4px; font: 13px Arial, Helvetica, sans-serif; text-align: center;}
	
	ul.menu ul {position:absolute; top:26px; left:0; display:none; opacity:0; list-style:none}
	ul.menu ul li {position:relative;width:125px; margin:0; font: 13px Arial, Helvetica, sans-serif; text-align: left;}
	ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#1a1d76; color: #fff; border-top: none; border-bottom: none;}
	ul.menu ul li a:hover {border-top: none; border-bottom: none; background-color:#2e3192;}
	ul.menu ul ul {left:148px; top:-1px; }
	ul.menu .menulink {padding:5px 7px 7px; width:90px}
	ul.menu .menulink:hover, ul.menu .menuhover { background-color:#1a1d76; color:#fff; border-top: none; border-bottom:none;  width:90px}
	ul.menu .sub {}
	ul.menu li a:hover{background-color:#2e3192; color:#fff; width:111px}
	
#conteudo {width: 772px; margin: 0 auto; overflow: auto; clear: both;}
	#left {width: 345px; float: left; margin: 10px 5px 10px 0;}
	#right {width:415px; float: left; margin: 10px 0 10px 5px;}
		#imagem-grande {padding: 0 0 30px 0;}
		.coluna-grande h1 {font: 23px Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #2e3192;}
		.coluna-grande h2 {font: 15px Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #2e3192;}
		.coluna-grande p {font: 12px Arial, Helvetica, sans-serif; color: #333;}
			.coluna-grande li {float: left; margin: 5px;}
		
		#container-7 {width: 184px; float: left; margin: 20px 0 0 0;}
		
		.coluna-pequena {float: left; width: 184px; margin: 20px 0 0 20px;}
		.coluna-pequena h2 {font: 15px Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #2e3192;}
		.coluna-pequena p {font: 12px Arial, Helvetica, sans-serif; color: #333;}
		.coluna-pequena img {float: right; padding: 15px 0 15px 15px;}
		
		.coluna-pequena address {text-align: right; font: 12px Arial, Helvetica, sans-serif; color: #333; font-style: italic; margin: 60px 0 0 0;}

#rodape {border-top: 1px solid #ccc; width: 772px; margin: 0 auto;}
	#rodape p {font: 12px Arial, Helvetica, sans-serif; color: #333; margin: 0; padding-top: 5px;}
	

	/*contato*/
	.campo {width: 90px; text-align: right; color: #333; font: 12px Arial, Helvetica, sans-serif; float: left;margin: 7px 10px 5px 20px;}
	.coluna-grande input {width: 250px; float: left; margin: 5px 0; border: none; background:#fff; padding: 3px 0 2px 3px;}
	.coluna-grande textarea {width: 248px; float: left; margin: 5px 0; border: none; background:#fff ;padding: 3px 0 2px 5px;}
	#botao {width: 90px; float: right; margin: 5px 43px 25px 0; border: none; background:#2e3192; padding: 1px 0 5px 3px;}
		#botao input {width: 90px; float: right; margin: 5px 0; border: none; background:#2e3192; color: white; font-size: 18px; height: 25px;}

/*tabela home*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	background-color: #57598e;
	height: 32px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    width: 30px; height: 30px;
	background: #7c7eb3; margin: 3px 2px 0 0; font: 12px Arial, Helvetica, sans-serif
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
	padding: 5px 0 0 0;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000; background-color: #eaeaf4; height: 25px;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}

.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 10px 0;
    background: #eaeaf4; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-container h2 {font: 15px Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #2e3192; padding: 10px 0 10px 10px;}
.tabs-container p {font: 13px Arial, Helvetica, sans-serif; color: #333; padding: 0 5px;}
.tabs-container p a{color: #1a1d76;}



/*colorbox*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../imagens/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../imagens/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../imagens/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../imagens/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../imagens/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../imagens/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../imagens/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../imagens/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../imagens/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../imagens/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../imagens/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../imagens/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../imagens/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../imagens/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}