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

/*------------------------------------------------body--------------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#body {
	width:1050px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -23px;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
	margin:0;
	padding:0;
}

a:link {
	color: #ffffff;
	text-decoration: none
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
/*------------------------------------------------bodyMain--------------------*/
bodyMain {
	width:100%;
	background:url(images/body_bg.gif) 0 0 repeat-x #FFF;
	
}

#navegar {
	width:1050px;
	padding:0px 0px 30px 0px;
	background-color:#FFFFFF;
	float: left;
}
div#topo {
	width:375px;
	height:345px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	right:auto;
	float: left;
}
#principalx {
	width:375px;
	height:345px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	right:auto;
	float: left;
}
#navegacao {
	width:0px;
	height:0px;
	padding: 121px 0px 0px 0px;
	background-color:#000000;
	right:auto;
	float: left;
}

#espaco {
	width:1050px;
	padding:0px 0px 15px 0px;
	background-color:#FFFFFF;
	float: left;
}
#musica {
	width:1050px;
	padding:0px 0px 30px 0px;
	background-color:#FFFFFF;
	float: left;
}
#rodape {
	width:1050px;
	padding:0px 0px 7px 0px;
	background-color:#FFFFFF;
	float: left;
}
#validacao {
	width:1050px;
	padding:0px 0px 7px 0px;
	background-color:#FFFFFF;
	float: left;
}
/*------------------------------------------------topo--------------------*/
#topo_01 {
	width:375px;
	float:left;
}
#topo_01 ul {
	width:375px;
	padding:0px 0px 0px 0px;
	height:150px;
	margin: 0px 0px 0px 0px;
}
#topo_01 ul li {
	float:left;
	margin:0px 0px 0px 0;
	font-size:0;
	line-height:0;
}
#topo_01 ul li a.img_16 {
	display:block;
	background:url(images/logo_instituto_antonio_carlos_jobim.jpg) 0 0 no-repeat;
	width:150px;
	height:121px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li a.img_16:hover {
	background:url(images/logo_instituto_antonio_carlos_jobim_01.jpg) 0 0 no-repeat;
}
#topo_01 ul li.img_17 {
	display:block;
	background:url(images/tom_jobim.png) 0 0 no-repeat;
	background-color:#D2D3D5;
	width:150px;
	height:121px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_18 {
	display:block;
	background-color:#D2D3D5;
	width:75px;
	height:121px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_19 {
	display:block;
	background:url(images/quadrado_roxo.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_20 {
	display:block;
	background:url(images/fundo_01.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_21 {
	display:block;
	background:url(images/fundo_02.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_22 {
	display:block;
	background:url(images/fundo_03.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_23 {
	display:block;
	background:url(images/fundo_04.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_24 {
	display:block;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
	background:url(images/quadrado_cinza.jpg) 0 0 no-repeat;
}
#topo_01 ul li.img_24:hover {
        background:url(images/quadrado_cinza.jpg) 0 0 no-repeat;
}
#topo_01 ul li a.img_25 {
	display:block;
	background:url(images/logo_tom_jobim.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li a.img_25:hover {
	background:url(images/logo_tom_jobim_01.jpg) 0 0 no-repeat;
}
#topo_01 ul li a.img_26 {
	display:block;
	background:url(images/redePovos.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li a.img_26:hover {
	background:url(images/redePovos_01.jpg) 0 0 no-repeat;
}
#topo_01 ul li.img_27 {
	display:block;
	background:url(images/fundo_05.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_28 {
	display:block;
	background:url(images/fundo_06.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#topo_01 ul li.img_29 {
	display:block;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
	background-color: #FFFFFF;
}
#topo_01 ul li.img_30 {
	display:block;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
	background-color: #FFFFFF;
}
#topo_01 ul li.img_31 {
	display:block;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
	background-color: #D2D3D5;
}
#topo_01 ul li.img_32 {
	display:block;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
	background-color: #D2D3D5;
}
#topo_01 ul li.img_33 {
	display:block;
	background:url(images/quadrado_roxo.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}

topo_01 a 
/*------------------------------------------------principal--------------------*/
#principal {
	width:375px;
	float:left;
}
#principal ul {
	width:375px;
	padding:0px 0px 0px 0px;
	height:149px;
	margin: 0px 0px 0px 0px;
}
#principal ul li {
	float:left;
	margin:0px 0px 0px 0;
	font-size:0;
	line-height:0;
}
#principal ul li.img_16 {
	display:block;
	background-color:#D2D3D5;
	width:675px;
	height:121px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_17 {
	display:block;
	background:url(images/fundo_07.jpg) 0 0 no-repeat;
	width:150px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_18 {
	display:block;
	background:url(images/fundo_08.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_19 {
	display:block;
	background:url(images/fundo_09.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_20 {
	display:block;
	background:url(images/quadrado_roxo.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_21 {
	display:block;
	background:url(images/quadrado_roxo.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_22 {
	display:block;
	background:url(images/fundo_10.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_23 {
	display:block;
	background:url(images/fundo_11.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_24 {
	display:block;
	background:url(images/fundo_12.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li.img_25 {
	display:block;
	background:url(images/fundo_13.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li a.img_26 {
	display:block;
	background:url(images/tom_Jobim_biografia.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li a.img_26:hover {
	background:url(images/tom_Jobim_biografia_01.jpg) 0 0 no-repeat;
}
#principal ul li a.img_27 {
	display:block;
	background:url(images/tom_Jobim_fotografia.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li a.img_27:hover {
	background:url(images/tom_Jobim_fotografia_01.jpg) 0 0 no-repeat;
}
#principal ul li a.img_28 {
	display:block;
	background:url(images/tom_Jobim_discografia.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li a.img_28:hover {
	background:url(images/tom_Jobim_discografia_01.jpg) 0 0 no-repeat;
}
#principal ul li a.img_29 {
	display:block;
	background:url(images/tom_Jobim_partituras.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#principal ul li a.img_29:hover {
	background:url(images/tom_Jobim_partituras_01.jpg) 0 0 no-repeat;
}
#principal ul li.img_30 {
	display:block;
	background-color:#D2D3D5;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}

/*------------------------------------------------Navegacao--------------------*/

#navegacaox {
	width:300px;
	float:left;
}
#navegacaox ul {
	width:300px;
	padding:0px 0px 0px 0px;
	height:30px;
	margin: 0px 0px 0px 0px;
}
#navegacaox ul li {
	float:left;
	margin:0px 0px 0px 0;
	font-size:0;
	line-height:0;
}
#navegacaox ul li.img_31 {
	display:block;
	background-color:#333666;
	width:75px;
	height:45px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_32 {
	display:block;
	background:url(images/logo_camargo_correia.jpg) 0 0 no-repeat;
	width:150px;
	height:45px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_32:hover {
	background:url(images/logo_camargo_correia_01.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_33 {
	display:block;
	background:url(images/rede_rio.jpg) 0 0 no-repeat;
	width:75px;
	height:45px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_33:hover {
	background:url(images/rede_rio_01.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_34 {
	display:block;
	background:url(images/Tom01.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_34:hover {
	background:url(images/Tom.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_35 {
	display:block;
	background:url(images/Dorival01.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_35:hover {
	background:url(images/Dorival02.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_36 {
	display:block;
	background:url(images/Lucio01.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_36:hover {
	background:url(images/Lucio02.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_37 {
	display:block;
	background:url(images/Chico01.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_37:hover {
	background:url(images/Chico02.jpg) 0 0 no-repeat;
}
#navegacaox ul li a.img_37a {
	display:block;
	background:url(images/gilth.jpg) 0 0 no-repeat;
	width:75px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li a.img_37a:hover {
	background:url(images/gil2.jpg) 0 0 no-repeat;
}

#navegacaox ul li.img_38 {
	display:block;
	background-color:#D2D3D5;
	width:205px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li.img_39 {
	display:block;
	background-color:#D2D3D5;
	width:95px;
	height:75px;
	font-size:0;
	line-height:0;
}
#navegacaox ul li.img_40 {
	display:block;
	background-color:#D2D3D5;
	width:150px;
	height:75px;
	padding:0px 0px 0px 0px;
	font-size:0;
	line-height:0;
}
/*------------------------------------------------rodape--------------------*/


#rodapex {
	width:1050px;
	float:left;
}
#rodapex ul {
	width:1050px;
	padding:0px 0px 0px 0px;
	height:30px;
	margin: 0px 0px 0px 0px;
}
#rodapex ul li {
	float:left;
	margin:0px 0px 0px 0px;
	font-size:0;
	line-height:0;
}
#rodapex ul li a.img_40 {
	display:block;
	background:url(images/firefox.jpg) 0 0 no-repeat;
	width:67px;
	height:23px;
	font-size:0;
	line-height:0;
	margin:0px 0px 10px 330px;
}
#rodapex ul li a.img_40:hover {
	background:url(images/firefox_01.jpg) 0 0 no-repeat;
}
#rodapex ul li a.img_41 {
	display:block;
	background:url(images/safari.jpg) 0 0 no-repeat;
	width:60px;
	height:23px;
	font-size:0;
	line-height:0;
}
#rodapex ul li a.img_41:hover {
	background:url(images/safari_01.jpg) 0 0 no-repeat;
}
#rodapex ul li a.img_42 {
	display:block;
	background:url(images/quicktime.jpg) 0 0 no-repeat;
	width:84px;
	height:23px;
	font-size:0;
	line-height:0;
}
#rodapex ul li a.img_42:hover {
	background:url(images/quicktime_01.jpg) 0 0 no-repeat;
}
#rodapex ul li a.img_43 {
	display:block;
	background:url(images/flash.jpg) 0 0 no-repeat;
	width:89px;
	height:23px;
	font-size:0;
	line-height:0;
}
#rodapex ul li a.img_43:hover {
	background:url(images/flash_01.jpg) 0 0 no-repeat;
}
#rodapex ul li a.img_44 {
	display:block;
	background:url(images/adobe.jpg) 0 0 no-repeat;
	width:85px;
	height:23px;
	font-size:0;
	line-height:0;
}
#rodapex ul li a.img_44:hover {
	background:url(images/adobe_01.jpg) 0 0 no-repeat;
}
/*------------------------------------------------Texto--------------------*/
.texto_topo{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	margin: 95px 0px 0px 0px;
	font-weight: bold;
	text-align:left;
}
.texto_quad {
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	margin: 40px 0px 0px 0px;
	font-weight: bold;
	text-align:center;
}
.texto_rodape {
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#999999;
	margin: 15px 0px 0px 0px;
	font-weight: normal;
	text-align:center;
}
.texto_english{
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#999999;
	margin: 40px 0px 0px 91px;
	font-weight: bold;
	text-align:right;
	width:100px;
}
.texto_fale{
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#999999;
	margin: 40px 2px 0px 3px;
	font-weight: bold;
	text-align:left;
}
.parceira{
	margin: 0px 0px 0px 450px;
	}

/* Scroller Box */

.scroller_container_left_right {
 border: 1px dotted #ddd;
 position: relative;
 overflow: hidden;
 width: 1050px;
 height: 15px;
}

.scroller_left_right {
	white-space: nowrap;
	line-height: 12px;
	font-size: 9px;
}

.scroller_left_right p {
 padding: 0;
}
/* Scoller Box */

/* CSS Hack Safari */
/*#dummy {;# }*/

.scroller_container_left_right {
 overflow: auto;
}

/* Scoller Box */

/*___________________1_______________________*/
a.classe1:link {
	text-decoration: none;
	color: #b28abf;
}
a.classe1:visited {
	text-decoration: none;
	color:#b28abf;
}
a.classe1:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe1:active {
	text-decoration: none;
	color:#b28abf;
}
/*____________________2______________________*/
a.classe2:link {
	text-decoration: none;
	color: #8490c8;
}
a.classe2:visited {
	text-decoration: none;
	color:#8490c8;
}
a.classe2:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe2:active {
	text-decoration: none;
	color:#8490c8;
}
/*__________________3________________________*/
a.classe3:link {
	text-decoration: none;
	color: #00c0f3;
}
a.classe3:visited {
	text-decoration: none;
	color:#00c0f3;
}
a.classe3:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe3:active {
	text-decoration: none;
	color:#00c0f3;
}
/*___________________4_______________________*/
a.classe4:link {
	text-decoration: none;
	color: #5bc3be;
}
a.classe4:visited {
	text-decoration: none;
	color:#5bc3be
}
a.classe4:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe4:active {
	text-decoration: none;
	color:#5bc3be;
}
/*__________________5________________________*/
a.classe5:link {
	text-decoration: none;
	color: #b1d249;
}
a.classe5:visited {
	text-decoration: none;
	color:#b1d249;
}
a.classe5:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe5:active {
	text-decoration: none;
	color:#b1d249;
}
/*__________________6________________________*/
a.classe6:link {
	text-decoration: none;
	color: #ffca05;
}
a.classe6:visited {
	text-decoration: none;
	color:#ffca05;
}
a.classe6:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe6:active {
	text-decoration: none;
	color:#ffca05;
}
/*_________________7_________________________*/
a.classe7:link {
	text-decoration: none;
	color: #f37a6a;
}
a.classe7:visited {
	text-decoration: none;
	color:#f37a6a;
}
a.classe7:hover {
	text-decoration: none;
	color: #9ea7a8;
}
a.classe7:active {
	text-decoration: none;
	color:#f37a6a;
}
/*_________________8_________________________*/
a.classe8:link {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe8:visited {
	text-decoration: none;
	color:#9ea6a8;
}
a.classe8:hover {
	text-decoration: none;
	color: #9ea6a8;
}
a.classe8:active {
	text-decoration: none;
	color:#9ea6a8;
}
div#box1_container{border:none}