/* CSS Document */
*{
padding:0;
margin:0;
font-family:trebuchet ms;
}
body{
background:url(images/background.jpg) top repeat-x #0066CC;
}
#BG{
width:1004px;
margin:auto;
background:url(images/bg_center_body.png) repeat-y center top;
}
#SITE{
background:url(images/bg_top_body.jpg) top center no-repeat;
}
#TOPO{
display:block;
font-size:13px;
text-align:right;
color:#FFFFFF;
padding-right:10px;
padding-top:15px;
height:30px;
}
#TOPO span{
color:#00CCFF;
font-size:12px;
}
#FOOTER{
height:125px;
background:url(images/bg_bottom_body.jpg) no-repeat top center #0066CC;
padding:15px;
}
#CENTER{
height:100%;
overflow:hidden;
}
#NAV{
float:left;
width:250px;
margin-left:9px;
height:100%;
overflow:hidden;
}
.LOGO{
display:block;
width:192px;
height:169px;
background:url(images/logo_alpha.jpg) center center no-repeat;
margin-left:29px;
margin-top:15px;
}

#MENU{
margin-top:40px;
margin-left:25px;
width:200px;
}
#MENU li{
list-style:none;
display:block;
border-bottom:1px dotted #ccc;
height:50px;
}
#MENU li a{
display:block;
padding-top:10px;
height:40px;
font-size:22px;
text-transform:lowercase;
color:#0066CC;
text-decoration:none;
padding-left:30px;
background:url(images/buttons_menu.jpg) left top no-repeat;
}
#MENU li a:hover, #MENU li .actived{
background:url(images/buttons_menu.jpg) left bottom no-repeat;
color:#A7A7A7;
}

.MSGFOOT{
font-size:12px;
color:#7E7E7E;
text-align:right;
}
.COPYRIGHT{
text-align:right;
font-size:12px;
color:#80B0E0;
clear:both;
padding-top:10px;
}
#MENUFOOT{
float:right;
margin-top:20px;
}
#MENUFOOT li{
display:block;
float:left;
list-style:none;
padding-right:15px;
}
#MENUFOOT li a{
display:block;
text-transform:lowercase;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
}
#MENUFOOT li a span{
color:#00CCFF;
}
#MENUFOOT li a:hover, #MENUFOOT li .actived{
text-transform:lowercase;
color:#0099ff;
}
#MENUFOOT li a:hover span, #MENUFOOT li .actived span{
color:#fff;
}

#CONTENT{
width:735px;
float:right;
padding-top:2px;
padding-right:2px;
margin-right:7px;
height:100%; overflow:;
padding-bottom:20px;
font-size:13px;
color:#4A4A4A;
}
#CONTENT h1, #CONTENT h2, #CONTENT h3, #CONTENT h4{
color:#0066CC;
}
#CONTENT h1{
font-size:25px;
}
#CONTENT h2{
font-size:20px;
}
#CONTENT h3{
font-size:17px;
}
#CONTENT h4{
font-size:15px;
}
#CONTENT .labels{
font-size:35px;
padding-right:5px;
letter-spacing:-2px;
color:#d4d4d4;
text-transform:lowercase;
margin-bottom:10px;
font-weight:normal;
}
#CONTENT .labels span{
font-size:25px;
color:#0066CC;
}



/*     home */
#BANNER{
width:735px;
height:270px;
padding-bottom:1px;
border-bottom:3px solid #0066CC;
margin-bottom:10px;
}
.ver{
float:right;
display:block;
background:url(images/btn_ver_mais.jpg) no-repeat left center;
width:60px;
height:36px;
color:transparent;
}
.ver:hover{
background:url(images/btn_ver_mais.jpg) no-repeat right center;
}

.clienteshome{
height:100%;
overflow:hidden;
}

#CONTATOS form label{
display:block;
color:#4A4A4A;
padding-bottom:5px;
font-size:13px;
}
#CONTATOS form label input, #CONTATOS form label select, #CONTATOS form label textarea{
border:2px solid #e1e1e1;
padding:3px;
font-size:13px;
color:#0066CC;
width:300px;
}
#CONTATOS form label textarea{
height:80px;
}
#CONTATOS form label select{
padding:2px;
width:100px;
}
#CONTATOS #local {
height:100%;
overflow:hidden;
}
#CONTATOS #local label{
float:left;
}
#CONTATOS #local label input{
width:190px;
}
#CONTATOS label span{
color:#0066CC;
}
#CONTATOS #form-left{
width:360px;
float:left;
height:100%;
overflow:hidden;
}
#CONTATOS #form-right{
width:360px;
float:left;
height:100%;
overflow:hidden;
margin-left:10px;
}
#CONTATOS form{
height:100%;
overflow:hidden;
}

#CONTATOS form #btn-enviar{
background:url(images/btn_enviar.jpg) no-repeat left center;
height:37px;
width:60px;
border:none;
}
#CONTATOS form #btn-enviar:hover{
background:url(images/btn_enviar.jpg) no-repeat right center;
cursor:pointer;
}

#CONTATOS form #btn-limpar{
background:url(images/btn_limpar.jpg) no-repeat left center;
height:37px;
width:60px;
border:none;
}
#CONTATOS form #btn-limpar:hover{
background:url(images/btn_limpar.jpg) no-repeat right center;
cursor:pointer;
}
#CONTATOS{
margin-bottom:10px;
padding-bottom:20px;
border-bottom:3px solid #f1f1f1;
}

#END{
margin-bottom:10px;
padding-bottom:20px;
border-bottom:3px solid #f1f1f1;
}
.texts img{
margin:5px;
}

.clienteshome a{
padding:2px;
margin-bottom:5px;
display:block;
float:left;
}
.clienteshome a img{
border-bottom:2px solid #fff;
filter:alpha(opacity=75);
opacity:0.75;
}
.clienteshome a:hover img{
border-bottom:2px solid #0066CC;
filter:alpha(opacity=100);
opacity:1.0;
}
.clientes a{
padding:2px;
margin-bottom:5px;
display:block;
float:left;
text-decoration:none;
text-align:right;
color:transparent;
}
.clientes a img{
border-bottom:2px solid #fff;
filter:alpha(opacity=75);
opacity:0.75;
clear:both;
}
.clientes a:hover img{
border-bottom:2px solid #0066CC;
filter:alpha(opacity=100);
opacity:1.0;
}
.clientes a span{
font-size:13px;
color:#ccc;
display:block;
padding:3px;
}
.clientes a:hover span{
color:#0066CC;
}




#portleft{
width:530px;
float:left;
}

#listport a{
display:block;
float:left;
text-decoration:none;
text-align:left;
color:transparent;
border-bottom:2px solid #f1f1f1;
padding-bottom:5px;
margin-bottom:10px;
}
#listport a:hover{
border-bottom:2px solid #0066CC;
}
#listport a img{
filter:alpha(opacity=75);
opacity:0.75;
clear:both;
}
#listport a:hover img{
filter:alpha(opacity=100);
opacity:1.0;
}
#listport a .footport{
font-size:13px;
color:#ccc;
padding:3px;
}
#listport a:hover .footport{
font-size:13px;
color:#999999;
padding:3px;
}
#listport a .titport{
font-size:17px;
font-style:italic;
color:#0066CC;
}

#CATLIST{
float:right;
width:200px;
}
#CATLIST .labels{
text-align:right;
}
#CATLIST ul{

}
#CATLIST ul li{
list-style:none;
display:block;
background:url(images/buttons_cat.jpg) no-repeat top left;
margin-bottom:5px;
}
#CATLIST ul li:hover, #CATLIST ul .actived{
background:url(images/buttons_cat.jpg) no-repeat bottom left;
}
#CATLIST ul li a{
color:#999999;
font-size:13px;
text-decoration:none;
display:block;
padding-top:7px;
height:23px;
padding-left:10px;
}
#CATLIST ul li:hover a, #CATLIST ul .actived a{
color:#fff;
}





.paginas ul{

}
.paginas ul li{
float:left;
display:block;
margin-right:1px;
}
.paginas ul li a{
display:block;
text-align:center;
font-size:12px;
color:#666666;
text-decoration:none;
width:20px;
}
.paginas ul li a:hover{
background:#f1f1f1;
color:#0066CC;
}
.paginas ul li span{
display:block;
text-align:center;
font-size:12px;
color:#0066CC;
width:20px;
text-decoration:none;
background:#f1f1f1;
}
#PORTFULL{
}
#PORTFULL #IMAGES{
width:460px;
float:left;
}

#PORTFULL #IMAGES #THUMBS{
height:100%;
overflow:hidden;
}
#PORTFULL #IMAGES #THUMBS a{
color:transparent;
display:block;
float:left;
margin-bottom:5px;
}
#PORTFULL #IMAGES #THUMBS a img{
border:3px solid #e1e1e1;
}
#PORTFULL #IMAGES #THUMBS a:hover img{
border:3px solid #0066CC;
}

#PORTFULL #portinfos{
width:270px;
float:right;
}
#PORTFULL #IMAGES #infos{
text-align:justify;
padding-bottom:10px;
}
#PORTFULL #portinfos #clienteinfo{
padding-top:5px;
padding-bottom:5px;
}
#PORTFULL #portinfos #clienteinfo .nome{
font-size:17px;
color:#0066CC;
font-style:italic;
}
.showhide{
float:right;
display:block;
background:url(images/hide_show.jpg) no-repeat bottom center;
height:20px;
width:40px;
color:transparent;
}
.showhide:hover{
background:url(images/hide_show.jpg) no-repeat top center;
}

#IMAGES #VIEW #loadingAjax{
width:500px;
height:40px;
background:url(images/loading.gif) center center no-repeat;
}


#port-bar{
border-top:3px solid #f1f1f1;
margin-top:10px;
}
#back {
padding-top:10px;
}

#back a{
float:right;
display:block;
background:url(images/btn_voltar.jpg) no-repeat left center;
width:60px;
height:36px;
color:transparent;
}
#back a:hover{
background:url(images/btn_voltar.jpg) no-repeat right center;
}


.clientes-list a{
display:block;
padding:5px;
font-size:12px;
width:230px;
color:#999999;
float:left;
border-bottom:1px solid #f1f1f1;
margin-right:5px;
text-decoration:none;
margin-bottom:2px;
}
.clientes-list a span{
color:#0066CC;
font-size:13px;
}

.clientes-list a:hover{
background:#f1f1f1;
}



.msgok{
padding:10px;
border:1px solid #9BCDFF;
background:#B7DBFF;
text-align:center;
color:#006699;
}

.msgerro{
padding:10px;
border:1px solid #FFBFBF;
background:#FFD9D9;
text-align:center;
color:#FF0000;
}