/***********************CSS INTERNAS - BASE*****************/
body{

    font-family:'verdana';
    /*background:#EAEAEA;*/

}

#conteudo{
    width:1024px;
    background:#eaeaea;
    float:left;

}

#container {
    width: 1024px;
    background:#eaeaea !important;
    display:table;
    float:left;
}

#mae{
    width:1024px;
    background-color:#eaeaea;
    margin:auto;       
}

/****************CORPO***********************/
flashTop{
    width:1024px;
}

#corpotop{
    float:right;
    height:267px;
    width:113px;
    background:url(img/divisao.jpg) no-repeat right;
}
#corpo{
    float:left;
    background-image: url(img/sombradivisao.jpg);/*Cuidar com sintaxe do background quando for replicar imagens - IE sempre causa problemas*/
    background-repeat: repeat-y;
    background-position: top right;
    background-color:#eaeaea;
    width:690px;
    overflow:hidden;
    /*height:680px;*/
}
#cont{
    margin-left:30px;
    margin-top:15px;
    width:520px;
    min-height:450px;
    font-size:12px;
    float:left;
    /*position:absolute;*/
}
#cont p{
    margin-left:0px;
    margin-top:10px;
    margin-bottom:20px;
    width:500px;
}

#cont h1{
    margin-top:30px;
    margin-bottom:30px;
    margin-left:0px;
    font-size:14px;
    color:#1c4477;
}

#cont table.videos div{
    margin:20px;
}

#cont table.videos h1{
    margin:0px;
}

/***********************BLOCO DIREITA*****************/
#direitaP{
   display:table;
    float:left;
    /*height:661px;*/
    width:325px;
    overflow:hidden;
    background-color:#EAEAEA;
    /*height:680px;*/


}
/*********************FAIXA ESQUERDA****************/
#faixaesq{
    float:left;
    margin-top:41px;
    height:51px;
    width:577px;
    background:#1c4477;
    font-size:16px;
    overflow:hidden;
}
#faixaesq h3{
    margin-left:25px;
    color:#e8c221;
    margin-top:15px;
    font-weight:bold;
}
/******************FAIXA DIREITA******************/
#faixadir{
    float:left;
    margin-top:54px;
    height:62px;
    width:332px;
    background:#1c4477;
    font-size:16px;
    overflow:hidden;
}
#faixadir h3 {
    margin-top: 22px;
    color:#e8c221;
    font-weight:bold;
}
/***************DEPOIMENTOS*********************/
.depoimentos{
    float:left;
    margin-top:25px;
    margin-left:25px;
    /*margin-bottom:20px;*/
    width:280px;
    font-size:12px;
}
.linha{
    clear:both;
    margin-left:-9px;
    border-bottom: #e8c221 solid 4px;
    width:342px;
    overflow:hidden;
}
#linhaR{
    clear:both;
    float:left;
    border-bottom: #e8c221 solid 4px;
    width:1024px;
    margin-top:0px;
    overflow:hidden;
    position:relative;

}

/*************TOPO****************/
/*#menu{
    float:left;
    margin-left:117px;
}*/


/***********RODAPE*******************/
#rodape{
    float:left;
    margin-top:5px;
    padding-left:24px;
    width:1000px;
    height:70px;
    border:none;
    font-size:10px;
    position:relative;

}
#rodape a{
    margin-left:100px;
}
.lista{
    margin-top:20px;
    width:150px;
    height:25px;
}
.a{
    margin-left:15px;
    text-decoration:none;

}


/****************Efeito Lista  - Artigos, Revistas, Sites, Jornais***************/
/*ul{
    float:left;
    margin-left:30px;
}
ul li{
    cursor:default;
}*/

/***************CSS da Galeria de Eventos**************/
#blocoGal{
    float:left;
    width:520px;
    font-size:12px;
}
#galeria_cliente{
    float: left;
    background: white;
    width: 520px;
}
.galeria{
    text-align:center;
    float:left;
    margin-top:10px;
    margin-left:0;
    display:block;
    height:150px;
    width:130px;
}
#blocoGal .galeria a{
    margin-top:15px;
    color:#1c4477;
}
#blocoGal .galeria img{
    margin-top:15px;
    width:100px;
    height:80px;
}

/**********LOGO EMPRESAS************/
#blocoLogo{
    border:solid black 1px;
    font-size:12px;
    float:left;
    width:550px;
    margin-bottom:25px;
}
.logoEmp{
    float:left;
    margin-top:20px;
    margin-left:15px;
    padding:5px;
    width:100px;
    height:150px;
}
#divisaoLogo{
    margin-right:13px;
    clear:both;
    border:solid #e8c221 2px;
}

/***********LISTA DE EMPRESAS***************/
#lista{
    font-size:12px;
    float:left;
    margin-top:25px;
    position:relative;
    width:570px;


}
#lista ul{
    float:left;
}
#lista ul li{
    list-style:none;
    margin-right:20px;
    line-height:50px;
    display:inline;
    background-color:#ffffff;
}

#lista .galeria{
    border:none #AFA399 1px;
    text-align:center;
    float:left;
    margin-top:15px;
    display:block;
    height:82px;
    width:130px;

    vertical-align:middle;
    padding-top:10px;
}
#listanome{
    font-size:12px;
    margin-top:120px;
    position:relative;

}
#listanome ul{
    margin-top:200px;
}
#listanome ul li{
    list-style:none;
    margin-bottom:10px;

}



/**************** LISTA AVALIACOES ******************/
.listaval ul li{
    float:none;
    height:18px;
    display:list-item;
}

/************ INFORMATIVOS *************************/
#galeriainform{
    width:540px;
    float:left;


}
#galeriainform .informativos{
    border:solid black 1px;
    float:left;
    /*height:250px;*/
}
#cont .informativos{
    float:left;
    margin-left:25px;
    margin-bottom:25px;
}


/***************** FORMULĂ?RIO DE CONTATO ****************/

#cont #contato{
    margin-left:25px;
    margin-top:20px;
    margin-bottom:20px;
    width:500px;
    min-height:500px;
}
#cont #contato table tr{
    padding-bottom:10px;
    height:30px;
}

#cont #contato table td.esq{
    vertical-align:top;
    text-align:right;

}

#cont #contato table td.dir{
    vertical-align:top;
    text-align:right;
    width:320px;

}

#cont #contato table label{
    font-size:12px;
    vertical-align:top;
    text-align:right;
}
#cont #contato table input {
    text-align:left;
    float:right;
    width:300px;
    height:20px;   
}
#cont #contato table textarea{
    text-align:left;
    float:right;
    width:300px;

}
#cont #contato table button{
    width: 69px;
    height: 25px;
    border: none;
    cursor: pointer;
    background: url(img/home/btn_envia.png) no-repeat;
}
#cont #contato table button:hover{
    background: url(img/home/btn_envia.png) no-repeat -69px 0;
}

#btn_voltar button{
    float:right;
    width: 69px;
    height: 25px;
    border: none;
    cursor: pointer;
    background: url(img/home/btn_voltar.png) no-repeat;
    display: block;
}
#btn_voltar button:hover{
    background: url(img/home/btn_voltar.png) no-repeat -69px 0;
    display: block;
}
#btn_voltar a{
    float:right;
    width: 69px;
    height: 25px;
    border: none;
    cursor: pointer;
    background: url(img/home/btn_voltar.png) no-repeat;
    display: block;
}
#btn_voltar a:hover{
    background: url(img/home/btn_voltar.png) no-repeat -69px 0;
    display: block;
}
