@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../jpg/back.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align:center; /* hack para o IE */	
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

a {
	text-decoration:none;
}

a img {
	border:0px solid #000;
}


span {
	color:#fff;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h2 {
	font-size:12px;
}

iframe {
	
}

input {
	border:1px solid #E6E6E6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

textarea {
	border:1px solid #E6E6E6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


#fundo {
	margin:0 auto;
	padding:0px;
	width:708px;
	text-align:left;
	/*border:1px solid #FF0000;*/
}

.tudo {
	width:100%;
	height:870px;
	margin:0px;
	/*border:1px solid #FF0000;*/
}

.topo {
	width:100%;
	height:67px;
	/*border:1px solid #00FF00;	*/
	
}

#logo a img{
	margin:23px 0px 0px 3px;
	padding:0px;
	border:0px;
}

#barra_top {
	position:relative;
	float:right;
	width:200px;
	height:60px;
	margin:-52px 10px 0px 0px;
	padding:0px;
	/*border:1px solid #FF0000;*/
}

#barra_top a {
	color:#fff;
	font-size:9px;
	margin:0px;
	padding:1px;
}

#barra_top a img{
	border:0px solid #000;
}

#barra_top table {
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
	/*border:1px solid #00FF00;*/
}

#barra_top table tr td input {
	font-size:11px;
	
}

#borda_tudo{
	/*/*position:relative;*/
	/*z-index:-100;*/
	width:706px;
	height:100%;
	background-color:#fff;
	padding:0px;*/
}

#banner{
	width:708px;
	background-color:#fff;
	padding:0px;
	margin: 8px 0px 0px 0px;
	position:relative;
	z-index:-2;
}

#marcas {
	width:708px;
	height:73px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*border:1px solid #FFFF00;*/
}



#marcas a img{
	border:0px ;
}

/*
#menu ul {
	width:698px;
    margin:0;
	padding:0px;
    list-style:none;
	margin-left:3px;
    }
	
#menu li {
   float:left;
    background:url("../jpg/a_right.jpg")
      no-repeat right top;
    padding:0;
	width:86px;
	height:31px;
	margin:0px 1px 1px 0px;
    }
	
#menu a {
	float:left;
    display:block;
    background:url("../jpg/a_left.jpg")
      no-repeat left top;
	padding:8px 0px 0px 0px;
	height:31px;
	margin:0px 1px 1px 0px;
	color:#fff;
	text-decoration:none;
	font-family:Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS";
	font-size:11px;
	text-align:center;
    font-weight:bold;
	}
	
#menu a:hover {
	color:#999999;
}

#menu a {float:none;}

/*#menu#current {
  background-image:url("../jpg/a_left_on.gif");
  }
#menu#current a {
  background-image:url("../jpg/a_right_on.gif");
  color:#333;
  }*/

.conteudo {
	/*position:relative;
	/*z-index:-100;*/
	/*float:left;
	/*border:1px solid #FF0000;*/
	/*width:490px;
	height:436px;
	margin:0px;
	padding:0px;
	margin-left:4px;
	padding-bottom:20px;
	font-size:12px;
	z-index:-100;
	*/
	
	position:relative;
	float:left;
	width:490px;
	height:436px;
	
}

.conteudo h1{
	width:99%;
	height:15px;
	background-color:#F5F4F3;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 5px ;

}

.conteudo h2{
	font-size:12px;
	margin-left:10px;
	margin-top:9px;
}

.conteudo p{
	margin-left:10px;
}

.conteudo img{
	position:relative;
	float:left;*/
	margin:8px;
}

.conteudo table {
	padding:0px;
	margin:0px;
	margin-left:10px;
	border:0px solid #000;
}

#imprensa {
	/*position:relative;*/
	/*z-index:-100;*/
	float:left;
	/*border:1px solid #FF0000;*/
	width:490px;
	height:436px;
	margin:0px;
	padding:0px;
	margin-left:4px;
	padding-bottom:20px;
	border:1px solid #FF0000;
	/*font-size:12px;
	z-index:-100;
	*/
}

#imprensa h1{
	width:99%;
	height:15px;
	background-color:#F5F4F3;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 5px ;

}




.conteudo_chamadas {
	position:relative;
	float:left;
	width:240px;
	height:214px;
	margin: 0px 0px 0px 0px;
	/*border:1px solid #99FF00;*/
}

.conteudo_chamadas h1 {
	width:97%;
	height:15px;
	background-color:#F5F4F3;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 5px ;
}

.conteudo_chamadas p {
	margin:0px;
	padding:0px;
	margin-top:20px;
}

.conteudo_chamadas img {

    position:relative;
	float:left;
    padding:0px;
	margin:0px;
	/*border:1px solid #99FF00;*/
  }

.conteudo_chamadas_dir {
	/*position:relative;*/
	float:left;
	width:232px;
	height:214px;
	margin-top:2px;
	margin-left:6px;
	
}

.conteudo_chamadas_dir h1 {
	width:97%;
	height:15px;
	background-color:#F5F4F3;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 5px ;
}

.conteudo_chamadas_dir p {
	margin:0px;
	padding:0px;
	margin-top:20px;
	text-align:right;
}

.conteudo_chamadas_dir img{
	float:right;
	margin-left:5px;
	margin-top:20px;
  }

.conteudo_chamadas_sumdex img {
	position:relative;
    float:left;
    /*margin:0 20px 10px 0;*/
	/*margin-right:5px;*/
	margin:0px 5px 5px 0px;
	padding:0px;
  }

.conteudo_dir {
	/*position:relative;*/
	float:right;
	width:192px;
	height:436px;
	margin:0px;
	padding:0px;
	z-index:-100;
}

.conteudo_dir img {
	margin:0px;
	padding:0px;
	/*border:1px solid #E6E6E6;*/
} 

.img_2 img {
	margin:0px 0px 0px 0px;
}

.conteudo_chamadas_treinamento img {
	position:relative;conteudo_chamadas
    float:left;
    /*p/*margin:0 20px 10px 0;
	margin-right:5px;*/
	/*margin: 5px 0px 0px 2px; 
	/*margin-top:2px;*/
	/*padding:0px;
	border: 1px solid #FF66FF;*/
  }

#rodape {
	/*position:relative;*/
	float:left;
	background-image:url(../jpg/img_rodape.jpg) ;
	width:708px;
	height:33px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#rodape span{
	/*position:relative;*/
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:2px;
	width:708px;
}	

#menu_dir {
	/*position:relative;*/
	float:right;
	width:192px;
	height:184px;
	margin:0px;
	padding:0px;
	z-index:-100;
}

#menu_dir a {
	/*position:relative;*/
	float:left;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	width:180px;
	margin:0px;
	padding:3px;
	margin:3px;
	border:1px solid #E6E6E6;
}


#menu_dir a:hover {
	color:#999999;
}

#menu_dir a img {
	/*margin:-2px;
	padding:0px;*/
	border:0px solid #fff;
	margin:-1px;
}

#dados_contato {
	border:1px solid #E6E6E6;
	width:100%;
	height:45%;
}

#dados_contato a {
	color:#666666;
	font-weight:bold;
}

.size25 {
	width:250px;
}

.size5 {
	width:50px;
}

.size1 {
	width:15px;
}

.size2 {
	width:20px;
}

.size8 {
	width:80px;
}

.size6 {
	width:60px;
}

.size9 {
	width:90px;
}

.size7 {
	width:70px;
}


.size30 {
	width:300px;
}


.border_no {
	border:0px solid #000;
}

.btn_enviar {
	background-color:#fff;
	width:47px;
}

.home {
	padding-top:5px;
	margin-right:10px;
	height:50px;
}

#validacao {
	/*position:relative;*/
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:20px;
}

#validacao p{
	text-align:center;
	margin:0px;
	padding:0px;
}


#flash {
	border:0px solid #fff;
}

----- image view imprensa ----


.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

#left_half {
	float: left;
	width: 450px;
	text-align: justify;
	margin-right: 20px;
}

#right_half {
	float: left;
	width: 450px;
	text-align: justify;
}
#set_3 {
	clear: both;
}


#set_1 .thumbnail, #set_2 .thumbnail {  /* This applies to the container div. If you put position relative here it will break stacking order in IE6. The position relative is needed to make position absolute work while on hover state. But there is already position relative on hover state. The stylings for this div are irrelevant to the effect. These are simply to position the thumbs on page.*/
	float: right;
	clear: both;
	padding-bottom: 5px;
	padding-left: 5px;
}

#set_3 .thumbnail {  /* This applies to the container div. If you put position relative here it will break stacking order in IE6. The position relative is needed to make position absolute work while on hover state. But there is already position relative on hover state. The stylings for this div are irrelevant to the effect. These are simply to position the thumbs on page.*/
	float: left;
	padding-bottom: 5px;
	padding-left: 5px;
}

.thumbnail a { /* a inside div. a contains both large and thumb but large is hidden */
	display:block;
	text-decoration: none;
}

.thumbnail a:hover{ /*  On hover state The position absolute will be looking for something to position itself to. */
 	position:relative;
}

.thumbnail a span {  /* this targets the large image and the caption which are inside the span, inside the a, inside the thumbnail div */
	position: absolute;
	padding:5px;
	border: 1px dotted #999999;
	display:none;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EFEFEF;
}

.thumbnail span img { /* this styles the large image only */
padding:2px;
}

.thumbnail img { /* this applies to both images. IE puts a border around links if this isn't there */
border-width: 0;
}

#set_3 .thumbnail a:hover span { /* if you hover on a, the span will display. The has position absolute already set on its hidden state */
	display:block;
	z-index: 100;
	left: 60px;
	bottom: 60px;
	top:40px;
}

#set_3 .resize_thumb { /* this scales down the thumb in proportion. There is no other way to target the 
first image (the thumb) without giving it a class name. The a covers both images. */
	width: 60px;
	height : 60px;
}

teste imprensa  --

.galeria {
	width:700px; 
	margin:0 auto;
	text-align:left; 
	}
.img-aqui { 
	background: #fff url('foto00.jpg') center no-repeat; 
	width:520px; 
	height:600px; 
	position:relative; 
	top:8px;
	float:right; 
	border:1px solid #fff;
	}
ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:#999;
	margin:0; 
	padding:0; 
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:75px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}
ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}
ul.fotos li span img {
	border:none;
	width:500px;
	height:600px;
	height:auto;
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
}
ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	border:2px solid #666;
   }
ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
}