@media screen and (-webkit-min-device-pixel-ratio:0) {
.sidebar1 { margin-top: 0 !important;  }
  .conteudo { margin-top: 1px !important;  }
  .not_m1 { width: 282px !important }
}

body {
	background-image:url(../Img/bg-cont.png);
	background-repeat:no-repeat;
	background-position: top center; 
	color: #f5f5f5;
	margin: 0 auto;
	text-align: center;
}
html {
	background-color: #FFF;
	background-image:url(../Img/bg-body.jpg);
	background-repeat:repeat-x;
	overflow-x: hidden; 
	overflow-y: scroll;
	}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
h4 {
	color: #CC0000;
	margin-top: 3px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 24px;
	margin-right: 0px;
	font-size: 21px;
	font-family: arial, Helvetica, sans-serif;
	margin-left: 5px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: none ; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline !important;
}

.container {
	text-align: left;
	background-color: #FFF;
	width: 802px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../Img/banner_sap2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 67px;
	margin-bottom: 10px;
	width: 802px;
}
.banner_home {
	margin-left: 23px;
}
															/*  MENU PRINCIPAL  */
.sidebar1 {
	float: left;
	width: 135px;
	font-family: verdana;
	font-size: 10px;
	line-height: 13px;
	background-color: #FFF;
	margin-right: 5px;
	margin-top: -1px
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
nav ul {
	list-style: none; /* this removes the list marker */
	margin: 0px 0px 7px  0px; /* this creates the space between the navigation on the content below */
}
nav ul li {
	background-color: #e1e1e1;
	border-bottom: solid 1px #a8a8a8; 
	border-top: solid 1px  #FFF; 	
    border-left: solid 1px #d5d4d4;
    border-right: solid 1px #d5d4d4;
}
 .uni{
	 background-color: #666;
	border-bottom: none !important; 
    border-left: solid 1px #CCC;
    border-right: solid 1px #d5d4d4;
	border-top: none !important;
	padding: 0;
	height: 23px
}
nav ul a{ 
	padding: 3px 5px 4px 7px;
	display: block; 
	width: 122px;  
	text-decoration: none !important ;
	background: e1e1e1;
	color: #48484a;	
}
nav ul a:visited {
	color: #48484a;		
	background: e1e1e1;
	text-decoration: none !important ;
}	 
nav ul a:hover, nav ul a:focus { 
	background-color: #c2c2c2;
	text-decoration: none !important ;
}
nav ul a:active {
		color: #48484a;
	background-color: #c2c2c2;
}	

nav ul li.subm {
	background-color: #F5F5F5;  !important;
	border-bottom: solid 1px #CCC; 
    border-left: solid 1px #d5d4d4;
    border-right: solid 1px #d5d4d4;	
	height: 19px;
	padding-bottom: 2px
}
nav ul li.subm a:hover, nav ul li.subm a:active, nav ul li.subm a:focus  {
	background-color: #CCC !important;
	text-decoration: none !important ;
}
.unilink {position: absolute}
.nss {margin: 3px 0 10px 0;}

.p_prin {
	background-image: url(../Img/bg_p_prin.jpg); color:
   #FCFCFC; 
   background-color: #fff;
  padding: 4px 5px 4px 7px;
	 } 
a:hover.p_prin, a:active.p_prin, a:focus.p_prin  { 
	background-image: url(../Img/bg_p_prin_hover.jpg); 
}

															/*  FIM DE MENU PRINCIPAL  */															
															
.conteudo {
	float: left;
	width: 650px;
	padding-right: 0;
	padding-left: 0;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	margin-right: 4px;
}
p#not_1 {
	margin: -2px 0 15px -5px;	line-height: 22px !important;
	font-size: 14px;
	font-family: arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	color: #363636;
}
.not_m1 {
	margin: -18px 0 15px -5px !important;
}
p#imprensa {
	margin: 3px 0 8px -10px;
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif;
	color: #333;
}
p#titulo {
	margin: 6px 4px 16px 0;
	font-size: 14px;
	font-family: arial, Helvetica, sans-serif;
	padding: 0;
	font-weight:bold;
	color: #0051AA;
	margin-left: 5px;
	line-height: 19px;
}
p#legenda {
	margin: -1px 4px -2px 4px;
	font-size: 11px;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	padding: 0;
	color: #FBFBFB;
}
p#legenda2 {
	margin: -3px 169px 0 5px;
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif;
	padding: 2px 0 -1px 0;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	background-color: #777;
	background-image:url(../Img/bg-ver-mais.jpg);
	background-position:top top;
	background-repeat: no-repeat;
	width: 155px;
	height: 15px
}
.clique, .not1, .img_not1 { float: right !important }	
p#not_2 {
	margin: 0 0 0 0;
	line-height: 14px !important;
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	padding: 0;
	color: #363636;
	font-weight: bold;
}
.img_not1 {
	padding: 1px 1px 4px 1px;
	width: 350px;
	float: left;
	margin: -3px 0 1px 8px;
	border: solid 1px #777;
	background-color: #777;
	margin-right: 0;
}
.img_not2 {
	padding: 1px 1px 4px 1px;
	width: 350px;
	float: left;
	margin: 5px 10px 2px -4px;
	border: solid 1px #777;
	background-color: #777;
	float: left
     
}
.cita-div {
	width: 230px;
	margin: -8px 0 -7px 0;
	padding: 5px 0 10px 0;
	float: left
}
.cita-p {
	margin: 0 0 5px -10px;
	color:#333333;
	line-height: 20px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	font-weight:bold
}

.autor {
	text-align: center;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	font-style:italic; 
}
.aspas {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	color: #CC0000;
}
.not1 {
	padding: 0px;
	width: 640px;
	float: left;
	padding-bottom: 0px;
	padding-top: 3px;
	margin-left: 5px;
}

.separador {
	float: left;
	width: 403px;
	background-color: #FFFFFF;
	background-image: url(../img/separador.jpg);
	height: 1px;
	background-repeat: no-repeat;
	background-position: 25px 0;
	margin: 0 0 10px 115px;
}
.nota1 {
	float: right;
	width: 190px;
	height: 150px;
	padding-right: 0px;
	padding-left: 0;
	background-color: #999999;
	margin: 0;
}
h3 {
	margin: 10px 0 8px -5px;
	font-size: 13px;
	font-family: arial, Helvetica, sans-serif;
	color: #B00;
	line-height: 18px;
	padding: 0;
}

h5{
	font-family: arial, Helvetica, sans-serif;
	background-color: #7e8995;
	margin: 0 0 0 5px;
	padding: 3px 0 3px 0;
	text-align: center;
	font-size: 14px;
}
h6{
	font-family: arial, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 0 3px 0;
	text-align: left;
	font-size: 13px;
	color: #ae1900;
}
.h3not {
	color: #222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin: -5px 0 10px -5px;
	line-height: 19px !important;
	padding: 0 10px 0 0;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

															/* FOOTER */
footer {
	padding: 10px 0;
	display: block;
	padding: 0;
	background-image:url(../Img/rodape.jpg);
	height: 30px;
	float: right;
	min-width: 802px;
}
#footer {
	text-align:center;
	color: #F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px 0 0 0;
}
#footer a {
	color: #F9F9F9;
}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
															/* FIM DE FOOTER */

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
	position: static;
	padding: 0;
}
.separador1 {
	float: left;
	width: 350px;
	background-color: #666;
	margin-top: 8px;
	margin-bottom: 1px;
	height: 1px;
	background-repeat: no-repeat;
	background-position: 90px 0;
	alignment-adjust: middle;
	margin-left: 115px;
	padding-left: 50px;
}
.not-link a, .not-link a:visited {
	color:#06F;
	text-decoration:none
}