/*************************
* XCAMBO - Leonardo Souza
*************************/

/* Uso Geral */

* {
	margin: 0px;
	padding: 0px;
    border: 0px;
}

#geral {
	position: relative;
	margin: 0px auto;
	width: 800px;    
	height: 470px !important;
	height: 545px;
}

body {
	background-image: url(../img/fundo_site3.jpg);
	background-repeat: repeat-x;
    background-color: #eaf9fc;
	z-index: 0;
    font-family: Tahoma, Verdana, Helvetica;
    font-size: 11px;
    text-decoration: none;
    color: #333333
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #333333;
    text-decoration: underline;
}

/* Seção - Topo */

#topo {
	clear: left;
}

#topo div {
	float: left;
}

#topo #topo_canto_esq,  #topo #topo_centro, #topo #topo_canto_dir {
	height: 123px;
}

#topo #topo_canto_esq {
	background-image: url(../img/canto_topo_esq.gif);
	background-repeat: no-repeat;
	width: 17px;
}

#topo #topo_centro {
	background-image: url(../img/bg_topo.jpg);
	width: 750px;
}

#topo #topo_canto_dir {
	background-image: url(../img/canto_topo_dir.gif);
	background-repeat: no-repeat;
	width: 17px;
}

#logo_xcambo {
	background-image: url(../img/logo_xcambo.gif);
	background-repeat: no-repeat;	
	width: 145px;
	height: 80px;
	margin-left: 0px !important;
	margin-left: 0px;
	margin-top: 16px;
	position: relative;
	z-index: 1;
}

#boas_vindas {
	background-image: url(../img/boas_vindas2.gif);
	background-repeat: no-repeat;	
	width: 463px;
	height: 76px;
	margin-top: 6px;
	margin-left: 28px;
	z-index: 3;
}

#boas_vindas .heading1 {
    font-family: Tahoma;
    font-size: 20px;
    color: #0A96B4;
    padding: 0 0 0 0;
    margin-top: 32px;
    margin-left: 40px;
}

#boas_vindas .heading2 {
    font-family: Verdana;
    color: #fff;
}

#icone_oqeh {
	background-image: url(../img/icone_oqeh.gif);
	background-repeat: no-repeat;	
	width: 81px;
	height: 76px;
	margin-left: 25px;
	margin-top: 20px;	
	z-index: 4;
}

.link_topo {
	font: 12px 'Trebuchet Ms', Verdana, Arial;
}

.arrow_topo {
	margin-left: 10px;
}



/* Seção - Conteúdo */

#conteudo {
	clear: both;
}

#conteudo div {
	float: left;
}

#conteudo h2 {
    display: none;
}

#troque_tudo {
	background-image: url(../img/troque_tudo.gif);
    background-repeat: no-repeat;	
    width: 303px;
    height: 118px;
    position: absolute;
    left: 420px;
    margin-top: 1px !important;
    margin-top: 1px;
}

#mascote {
    background-image: url(../img/mascote1.gif);
    background-repeat: no-repeat;
    width: 179px;
    height: 164px;
    position: absolute;
    top: 198px !important;
    top: 203px;
    left: 280px;
    
}

#balao1 {
    background-image: url(../img/balao1.gif);
    background-repeat: no-repeat;
    width: 283px !important;
    width: 299px;
    height: 235px;
    position: absolute;
    top: 166px !important;	
    top: 171px;	
}

#balao1 .flashobj {
    margin-top: 10px;
    margin-left: 8px;
}

#balao1 .flashparam {
    margin-top: 10px;
    margin-left: 0px;
}

#balao1 p {
    display: none;
}

#balao2 {
    background-image: url(../img/balao2_2.gif);
    background-repeat: no-repeat;
    width: 336px;
    height: 168px;
    position: absolute;
    top: 264px !important;	
    top: 269px;
    left: 426px;
}

#balao2 p {
	font: 12px 'Trebuchet Ms', Verdana, Arial;
    color: #e30606;
    width: 300px;
    position: absolute;
    top: 45px !important;	
    top: 50px;
    left: 26px;
}

#linkform {
	margin-left: 56px;
}

#balao2 #usuario {
    width: 240px;
}

.links {
    margin-left: 350px;
}

#balao2 form {
    margin-top: 70px;
    margin-left: 20px;
}

#balao2 #senha {
    margin-top: 5px !important;
    margin-top: 4px;
    margin-right: 5px;
    width: 100px;
}

#balao2 #usuario {
    width: 240px;
}

#balao2 .cx_texto {
    border: 1px solid #ff9900;
    background: #ffcc00;
    width: 136px;
}

#balao2 #bt_ok {
    position: absolute;
    top: 97px;
    left: 182px;
}

#balao2 #bt_ok {
    position: absolute;
    top: 97px;
    left: 182px;
}

#balao2 #entre a {
	color: #ff0000;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-left: 120px;
}

/* Seção - Rodapé */

#rodape {
	clear: both;
	height: 59px;
}

#rodape div {
	float: left;
	height: 59px;
}

#rodape p {
	font: 12px 'Trebuchet Ms', Verdana, Arial;
    padding: 20px 7px 5px 7px;
    width: 706px;
    font-weight: bold;
    color: #fff;
}

#rodape a {
    color: #fff;
    text-decoration: none;
}

#rodape a:hover {
    text-decoration: underline;
}

#rodape #rodape_canto_esq {
	background-image: url(../img/canto_inf_esq.gif);
	background-repeat: no-repeat;
	width: 17px;
}

#rodape #rodape_centro {
	background-image: url(../img/bg_rodape.gif);
	width: 706px;
}

#rodape #rodape_canto_dir {
	background-image: url(../img/canto_inf_dir.gif);
	background-repeat: no-repeat;
	width: 17px;
}

#fundo_rodape {
	background-image: url(../img/fundo_bg_3.gif);
}

#fundo_rodape_center {
	position: relative;
	margin: 0px auto;
	width: 760px;    
	height: 104px;
	background-image: url(../img/fundo_bg_3.gif); 
}

/* Seção - O que é Xcambo */

#sobre {
	clear: both;
    padding-top: 40px;
    text-align:justify;
    display: none;
    width: 95%
}

#sobre h2 {
    font-size: 12px;
    padding-bottom: 10px;
}

#sobre p {
    padding-bottom: 10px;
}

#sobre .pright {
    text-align: right;
}

#parte1 {
    float: left;
    width: 48%;
}

#parte2 {
    float: right;
    width: 48%;
}
