/*
Autor: Marcel Gomes / UmStudio
Mail: marcel@umstudio.com / marcelcgomes@gmail.com
Data:  2009-03-19
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- A PANAMERICANA <<<-----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body{
background:#8656a2;
}

.logo_pan{
margin:21px 0 0 0;
/*width:141px;*/
/*height:150px;*/
/*width:195px;
height:212px;*/
width:186px;
height:186px;
}

.logo_pan .flashlogo{
position:absolute;
top:21px;
left:-20px;
width:100%;
height:50%;
}

.logo_pan h1{
background:url(../_img/logo_apanamericana-trans.png) no-repeat;
}

.logo_pan h1 a{
width:141px;
height:150px;
text-indent:-9999px;
display:block;
}

.tit_panamericana{
width:500px;
height:auto;
}

.tit_panamericana h2 span{
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
background:#000;
padding:2px 4px 2px 4px !important;
white-space: pre-wrap;
position:relative;
}


.destaque_panamericana{
width:497px;
height:230px;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
}

.col_middle .destaque_panamericana .btn_matricula{
width:113px;
height:30px;
position:absolute;
right:0px;
top:0px;
}

.btn_matricula a{
background:url(../_img/btn_pre_matricula01.gif) no-repeat;
width:113px;
height:30px;
text-indent:-9999px;
display:block;
}

.btn_matricula a:hover{
background:url(../_img/btn_pre_matricula02.gif) no-repeat;
width:113px;
height:30px;
text-indent:-9999px;
display:block;
}

.sub_destaque_panamericana{
width:590px;
height:auto;
position:relative;
margin:10px 10px 0 0;
}

.sub_destaque_panamericana ul{
margin:0;
padding:0;
}

.sub_destaque_panamericana li{
margin:0 0 0 0;
padding:0;
list-style:none;
float:left;
}

.subpan{
width:82px;
background:url(../_img/bg_txt_bloghome.gif) repeat-y;
padding: 0 50px 1px 5px !important;
}

.subpan span{
height:auto;
font-size:11px;
line-height:16px;
text-transform:uppercase;
white-space: pre-wrap;
}

.subpan a{
text-decoration:none;
background:#e7e7e7;
padding:2px 5px 2px 0;
color:#000;
}

.subpan a:hover{
text-decoration:none;
background:#e7e7e7;
padding:2px 5px 2px 0;
color:#c007e9;
}

/*IMG*/
.img_pan{
width:116px;
_width:90px;
height:59px;
display:block;
}

.img_pan a{
width:106px;
height:59px;
text-decoration:none;
display:block;
border:5px solid #fff;
}

.img_pan a:hover{
width:106px;
height:59px;
text-decoration:none;
display:block;
border:5px solid #c007e9;
}


/* ---- SUBMENU A PANAMERICANA <<<------------------------------------------------------------------------------------*/

.submenu_panamericana{
margin:28px 0 0 0;
width:150px;
height:auto;
_padding:2px 0 0 0;
}

.submenu_panamericana ul{
margin:0;
padding:0;
}

.submenu_panamericana ul li{
margin:0 0 5px 0;
padding:0;
list-style:none;
}

.sublinks span{
width:127px;
height:auto;
font-size:11px;
text-transform:uppercase;
white-space: pre-wrap;
}

.sublinks a{
text-decoration:none;
background:#c007e9;
padding:2px 5px 2px 5px;
color:#fff;
}

.sublinks a:hover{
text-decoration:none;
background:#5b007e;
padding:2px 5px 2px 5px;
color:#fff;
}

.sublinks_selected a{
text-decoration:none;
background:#5b007e;
padding:2px 5px 2px 5px;
color:#fff;
text-transform:uppercase;
}

.submenu_panamericana ul li ul{
margin:5px 0 0 10px;
_margin:-13px 0 0 10px;
padding:0;
/*list-style:none;*/
clear:both;
}

.notaveis_pan{
display:none;
_display:none;
}

.sobre_panamericana{
width:184px;
height:auto;
position:relative;
margin:20px 0 0 0;
}

.sobre_panamericana h3{
width:170px;
height:20px;
margin:0;
_padding:10px 0 0 0;
position:relative;
}

.sobre_panamericana h3 span{
background:#000;
font-size:12px;
text-transform:uppercase;
padding:4px !important;
white-space: pre-wrap;
color:#fff;
}

.sobre_panamericana ul{
margin:0 0 0 15px; 
_margin:-2px 0 0 15px; 
padding:0;
}

.sobre_panamericana ul li{
margin:0;
padding:0;
list-style:none;
}

.img_tour_virtual_unidades{
border:5px solid #fff;
width:145px;
height:75px;
margin:0 0 0 15px;
position:relative;
_background:#fff;
}

.img_tour_virtual_unidades .btn_vertour{
width:16px;
_width:10px;
height:17px;
background:#ee8dff;
color:#FFFFFF;
_padding:1px 0 0 5px;
text-decoration:none;
font-weight:bold;
font-size:12px;
position:absolute;
top:63px;
right:-21px;
_right:-22px;
}


.txt_sobre{
width:160px;
height:auto;
padding: 0 0 0 5px !important;
background: url(../_img/bg_tit_branco.gif) repeat-y;
}

.txt_sobre span{
width:155px;
height:auto;
background:#fff;
line-height:17px;
padding:2px 5px 2px 0 !important;
_line-height:16px;
_padding:2px 5px 1px 0;
white-space: pre-wrap;
}

.txt_sobre span a{
color:#000;
text-decoration:none;
}

.txt_sobre span a:hover{
color:#c007e9;
text-decoration:none;
}

.link_sobre{
color:#000;
text-decoration:none;
}

.vejamais_pan{
background:#ee8dff;
color:#FFFFFF;
padding:1px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
_margin:0 0 0 -5px;
}

.vejamais_pan a{
background:#fff;
color:#FFFFFF;
text-decoration:none;
}

.vejamais_pan a:hover{
background:#000;
color:#FFFFFF;
text-decoration:none;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM A PANAMERICANA <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- TOUR VIRTUAL <<<-------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.tour_virtual{
width:763px;
height:auto;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
background:#fff;
}

.btn_unidades_tour{
width:500px;
height:60px;
clear:both;
position:relative;
margin:5px 0 0 0;
_margin:0;
_padding:5px 0 0 0;
}

.btn_unidades_tour ul{
margin:0;
padding:0;
}

.btn_unidades_tour ul li{
margin:0;
padding:0;
list-style:none;
display: inline;
}


.btn_unidades_3d span a{
width:auto;
height:auto;
background:#5b007e;
color:#fff;
padding:5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades_3d span a:hover{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px !important;
_padding:10px 5px 5px 5px;

white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades_3d_ON span a{
width:auto;
height:auto;
background:#ca00e6;
padding:5px !important;
_padding:10px 5px 5px 5px;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades_3d.ON span a{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px 5px 30px 5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
position:relative;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM TOUR VIRTUAL <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- UNIDADES <<<-----------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.unidades{
width:497px;
height:50px;
margin:1px 0 0 0;
_margin:2px 0 0 0;
/*border:5px solid #FFF;*/
padding:5px;
position:relative;
background:#FFF;
}

.unidades ul{
margin:0;
padding:5px 0 0 0;
}

.unidades ul li{
margin:0;
padding:0;
list-style:none;
display: inline;
}

.btn_unidades span a{
width:auto;
height:auto;
background:#5b007e;
color:#fff;
padding:5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades span a:hover{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px !important;
_padding:10px 5px 5px 5px;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades_ON span a{
width:auto;
height:auto;
white-space: pre-wrap;
background:#ca00e6;
color:#fff;
padding:5px !important;
_padding:10px 5px 5px 5px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
font-size:12px;
}

.btn_unidades.ON span a{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px 5px 30px 5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
position:relative;
}

.maps_unidades{
width:497px;
height:auto;
border:5px solid #FFF;
position:relative;
float:left;
}

.mapa{
width:385px;
height:295px;
float:left;
background:#FFF;
}

.galeria_unidades{
width:104px;
height:auto;
float:left;
padding:0 0 0 8px;
background:#FFF;
}

.unidades .txt_unidades{
position:absolute;
text-align:right;
top:10px;
right:10px;
height:auto;
}

.pics_unidades{
width:96px;
height:63px;
clear:both;
position:relative;
display: block;
}

.pics_unidades img{
border:0;
padding:0;
width:96px;
height:63px;
display: block;
}

.pics_unidades a{
width:96px;
height:56px;
border:2px solid #5b007e;
display:block;
}

.pics_unidades a:hover{
width:96px;
height:56px;
border:2px solid #ca00e6;
}

.seta_unidades_up{
width:100px;
height:20px;
position:relative;
clear:both;
}

.seta_unidades_up a{
background:url(../_img/setaUp_item_unidades.gif) no-repeat;
width:100px;
height:20px;
display:block;
text-indent:-9999px;
}

.seta_unidades_up a:hover{
background:url(../_img/setaUp_item_unidadesOn.gif) no-repeat;
width:100px;
height:20px;
}

.seta_unidades_down{
width:100px;
height:23px;
position:relative;
clear:both;
}

.seta_unidades_down a{
background:url(../_img/setaDown_item_unidades.gif) no-repeat;
width:100px;
height:20px;
display:block;
text-indent:-9999px;
}

.seta_unidades_down a:hover{
background:url(../_img/setaDown_item_unidadesOn.gif) no-repeat;
width:100px;
height:20px;
}



/*POCKET CLASSES*/
.tour_pocket{
width:184px;
height:auto;
position:relative;
margin:20px 0 0 0;
}

.tour_pocket h3{
width:170px;
height:19px;
margin:0 0 0 0;
_padding:10px 0 0 0;
position:relative;
}

.tour_pocket h3 span{
background:#000;
font-size:12px;
text-transform:uppercase;
padding:4px !important;
white-space: pre-wrap;
color:#fff;
}

.tour_pocket ul{
margin:0 0 0 15px; 
padding:0;
}

.tour_pocket ul li{
margin:0;
padding:0;
list-style:none;
}

.txt_tour_pocket{
width:160px;
height:auto;
padding: 0 0 0 5px !important;
background: url(../_img/bg_tit_branco.gif) repeat-y;
}

.txt_tour_pocket span{
width:155px;
height:auto;
background:#fff;
line-height:17px;
padding:2px 5px 2px 0 !important;
_line-height:16px;
_padding:2px 5px 1px 0;
white-space: pre-wrap;
}

.link_tour_pocket{
color:#000;
text-decoration:none;
}

.vejamais_tour_pocket{
background:#FF0000;
color:#FFFFFF;
padding:1px 3px 2px 3px;
text-decoration:none;
font-weight:bold;
font-size:12px;
_margin:0 0 0 -5px;
}

.escolha_curso{
width:170px;
height:32px;
padding: 0 0 0 5px !important;
margin:0 0 2px 15px;
background:#fff url(../_img/bg_tit_branco.gif) repeat-y;
}

.escolha_curso select{
border:1px solid #7f9db9;
font-size:11px;
background:#FFF;
margin:8px 0 0 0;
width:165px;
}

.txt_conheca_cursos{
width:185px;
height:auto;
padding: 0 0 0 5px !important;
background: url(../_img/bg_vejatbm_panamericana.gif) repeat-y;
margin:-1px 0 0 15px;
}

.txt_conheca_cursos span{
width:180px;
height:auto;
background:#ca00e6;
line-height:17px;
padding:2px 5px 2px 0 !important;
_line-height:16px;
_padding:2px 10px 1px 0;
white-space: pre-wrap;
}

.txt_conheca_cursos span a{
color:#fff;
text-transform:uppercase;
font-weight:bold;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM UNIDADES <<<-------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- COMITE DE NOTAVEIS <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.comite_notaveis{
width:497px;
height:auto;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
background:#fff;
float:left;
padding:10px;
}

.intro_notaveis{
height:auto;
margin:0 0 20px 0;
}

.box_area_notavel{
width:242px;
height:160px;
/*border:1px solid #ccc;*/
float:left;
margin:0 6px 10px 0;
}

.box_area_notavel ul{
margin:0;
padding:0;
width:240px;
height:70px;
clear:both;
}

.box_area_notavel ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
float:left;
}

.tit_area_notavel{
width:235px;
color:#c007e9;
border-bottom:1px solid #c007e9;
text-transform:uppercase;
font-weight:bold;
padding:0 0 5px 0;
margin:0 0 10px 0;
}


.nome_notavel{
width:115px;
_width:100px;
height:auto;
padding:0 0 0 5px !important;
background: url(../_img/bg_roxo_notaveis.gif) repeat-y;
}

.nome_notavel span a{
width:110px;
background:#5b007e;
color:#fff;
line-height:17px;
padding:2px 5px 2px 0 !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM COMITE DE NOTAVEIS <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM COMITE DE NOTAVEIS <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.destaque_internas_panamericana{
width:530px;
height:195px;
margin:1px 0 0 0;
_margin:2px 0 0 0;
border:5px solid #FFF;
position:relative;
}

.sub_destaque_internas_panamericana{
width:510px;
background:#fff;
height:auto;
position:relative;
border:5px solid #FFF;
padding:10px;
line-height:17px; 
}

.sub_destaque_internas_panamericana p{
margin:0 0 10px 0;
line-height:17px; 
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- FIM VISAO VALORES HISTORIA <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- PAGE NOTAVEIS <<<------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.nav_page_notaveis{
width:502px;
height:45px;
position:relative;
/*border:5px solid #FFF;*/
background:#fff;
padding:10px 0 0 5px;
}

.nav_page_notaveis ul{
margin:0;
padding:0;
}

.nav_page_notaveis ul li{
padding:0;
display:inline;
margin:0 3px 0 0;
}

.btn_nome_notavel{
width:auto;
height:45px;
position:relative;
}

.btn_nome_notavel span a{
width:auto;
height:auto;
background:#5b007e;
color:#fff;
padding:5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_nome_notavel span a:hover{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

.btn_nome_notavel_ON span a{
width:auto;
height:auto;
background:#ca00e6;
color:#fff;
padding:5px 5px 30px 5px !important;
white-space: pre-wrap;
font-weight:bold;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:12px;
position:relative;
}

.page_notaveis{
width:497px;
height:auto;
/*margin:1px 0 0 0;
_margin:2px 0 0 0;*/
border:5px solid #FFF;
position:relative;
background:#fff;
float:left;
}

.page_notaveis p{
margin:0 0 10px 0;
line-height:17px;
}

.page_notaveis img{
float:left;
margin:0 10px 0 0;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- PAGE NOTAVEIS <<<------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
