body {background:#64B3C0; margin:0;}
p,h1,h2,h3,h4,h5,span,strong,ul,li,ol,dl,dt,dd,table,tr,td,div,form,img,a,fieldset {margin:0; padding:0; border:none;outline:none; font-family:Tahoma;}

.load {display:block;}
.site {display:none;}

.dir {float:right;}
.esq {float:left;}
.clr {width:1px; margin:0; padding:0; clear:both;}

.container_content {color:#FFFFFF;font:13px Tahoma;}

.area_topo {background:#FFFFFF;}
.area_topo .container_content {width:1000px; height:211px; margin:auto;}
.area_topo .container_content h1 {width:265px; height:211px; margin:0; float:left; text-indent:-9999px; background:url(../img/log_create.gif) no-repeat;}
.area_topo .container_content .flash {width:735px; height:211px; float:right;}

#frase {width:735px; height:201px; float:right;}

.area_flash_clientes {background:url(../img/bgr_flash.jpg) top left repeat-x;}
.area_flash_clientes .slide {width:1000px; height:364px; margin:auto; background:url(../img/ngr_slite_show.gif) no-repeat;}

.stepcarousel{position: relative;overflow: scroll;width: 510px;height: 305px;}
.stepcarousel .belt{position: absolute;left: 0;top: 0;}
.stepcarousel .panel{float:right;overflow: hidden;margin: 0;width: 61px;}

.area_flash_clientes .slide #paginate-slider2 {position:relative;width:509px; height:305px; top:19px; left:9px;}
.area_flash_clientes .slide #paginate-slider2 div {display:inline;}
.area_flash_clientes .slide #paginate-slider2 div a {display:block; padding:0; margin:0; height:61px; width:61px;}
.area_flash_clientes .slide #paginate-slider2 div img {border:solid 1px #64B3C0;}
.area_flash_clientes .slide #paginate-slider2 div img:hover {border:solid 1px #FFF;}

.btn_galeria {width:509px; margin:0 0 0 9px; background:url(../img/bgr__scroll_slide.jpg) top left; height:26px;}
.btn_galeria .btn_proximas {margin:0 0 0 15px;}

/*.area_flash_clientes .slide #paginate-slider2 {position:relative;width:509px; height:325px; top:19px; left:9px; overflow:hidden;}
.area_flash_clientes .slide #paginate-slider2 td {vertical-align:top;}
.area_flash_clientes .slide #paginate-slider2 div {display:inline; width:61px; height:61px; float:left;}
.area_flash_clientes .slide #paginate-slider2 div a {display:block; padding:0; margin:0;}
.area_flash_clientes .slide #paginate-slider2 div img {border:solid 1px #64B3C0;}
.area_flash_clientes .slide #paginate-slider2 div img:hover {border:solid 1px #FFF;}
*/
/*filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;*/
/*filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;*/

.txt_slide {background:url(../img/bgr_alpha.png) repeat; color:#FFFFFF; position:absolute; font-size:12px; padding:10px 10px 0 10px; width:430px; height:62px; margin:272px 0 0 0;}
.txt_slide p { position:relative;width:360px; display:block; float:left;}
.txt_slide a { position:relative;width:50px; display:block; float:right; text-align:right; padding:0 12px 0 0; background:url(../img/btn_seta.gif) right no-repeat; text-decoration:none; color:#FFFFFF;}
.txt_slide a:hover {text-decoration:underline;}
/*######## SLIDE ########*/
.sliderwrapper{position: relative;width: 450px;height: 344px; float:right; margin:10px 20px 0 0;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute; z-index:2;width: 450px;}/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;*/
.pagination{width:450px;text-align: right;}
.pagination a{padding: 0 5px;text-decoration: none;color: #00007D;background: white;}
.pagination a:hover, .pagination a.selected{color: #000;background-color: #FEE496;}

#tooltip {position: absolute;z-index:9999999;background:#FF2D00;color:#FFF;font-size:12px;padding:10px;}
#tooltip h3, #tooltip div { margin: 0;font-size:12px;}

.contentToolTip {z-index:9999999;}
.contentToolTip p {background:#FF2D00;color:#FFF;font-size:75%;padding:10px; font-weight:bold;}

/*######## SLIDE ########*/
/*######## SCROLLBAR ########*/
#scrollbar {position:relative;width:184px; height:11px;display:block;font-size:1px;}
#track {position:absolute; left:9px; top:0;width:509px; height:26px;background:#8CC6D0;}
#dragBar {position:absolute; left:1px; top:1px;width:20px; height:24px;background:#34737D url(../img/btn_scroll.gif) no-repeat top center;}  
#left {position:absolute; left:0; top:0;}  
#right {position:absolute; right:0; top:0; }
#scrollbar, #track, #dragBar, #left, #right {-moz-user-select: none;-khtml-user-select: none;}
#scrollbar img {display:block;} 
/*######## SCROLLBAR ########*/

.area_info1 {background:url(../img/bgr_testura_marrom.jpg) top left;}
.area_info1 .container_content {width:980px; margin:auto; padding:39px 10px 39px 10px;}
.area_info1 .container_content ul {width:215px; margin:19px 0 0 0;}
.area_info1 .container_content ul li {font-weight:bold; font-size:12px; padding:6px 0 6px 6px; list-style:none; background:url(../img/fio_lista_servicos.gif) bottom repeat-x;}

.area_mapa_contato {background:url(../img/bgr_testura_marron2.jpg) top left; border-top:solid 1px #14110C;}
.area_mapa_contato .container_content {width:980px; margin:auto; padding:39px 10px 39px 10px;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form input, select, textarea {border:0; color:#FFFFFF; font-family:Tahoma; font-size:13px; width:213px; margin:0 0 5px 0; padding:0 0 2px 2px; background-color:#1A160F;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .btns_contato a {display:inline; color:#FFFFFF; font-size:12px; text-decoration:none; height:18px; float:right; margin:0 0 0 5px; padding:0 20px 0 6px;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .btns_contato .btn_enviar {background:#1A160F url(../img/btn_enviar.gif) right no-repeat;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .btns_contato .btn_limpar {background:#1A160F url(../img/btn_limpar.gif) right no-repeat;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .info_msg {width:215px; height:156px; text-align:center; position:absolute;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .info_msg p {margin:43px 0 19px 0; font-size:20px; font-weight:bold;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .info_msg a {display:inline; background-color:#FFF; color:#1A160F; font-weight:bold; text-decoration:none; padding:2px 6px 2px 6px;}
.area_mapa_contato .container_content .container_miolo .coluna_miolo form .info_msg a:hover {text-decoration:underline;}
.info_msg_fechado {display:none;}
#msg_enviada {background-color:#0C0;}
#msg_nao_enviada {background-color:#FF2F02;}

.container_miolo .fone_end {background-color:#1A160F; height:146px; padding:10px 0 0 10px; font-size:12px; font-weight:bold;}
.container_miolo .fone_end h3 {background-color:#FFF; width:120px; margin:0 0 23px 0; padding:3px 0 3px 6px; font-size:20px; color:#64B3C0;}

.container_miolo {width:470px;}
.container_miolo h2 {font-size:20px; margin:0 0 10px 0;}
.container_miolo .coluna_miolo {width:215px; margin:8px 0 0 0;}

.area_rodape {background:url(../img/fio_top_rodape.gif) top repeat-x;}
.area_rodape .container_content {width:980px; padding:0 10px 0 10px; height:100px; margin:auto;}
.area_rodape .container_content p {color:#FFF; font-size:9px; padding:5px 0 0 0;}
.area_rodape .container_content .btn_topo {width:45px; height:18px;}
.area_rodape .container_content .btn_topo a {display:block; height:18px; background:url(../img/btn_topo.gif) no-repeat; text-indent:-9999px;}


/*######## DD Drop Down Panel ########*/
.ddpanel {background:url(../img/fio_panel.gif) bottom repeat-x;}
.ddpanel .ddpanelcontent{color:#FFF;background:#64B3C0 url(../img/bgr_panel.jpg) top no-repeat; }
.ddpanel .ddpaneltab{font:normal 12px Arial; margin:0 20px 0 0;}
.ddpanel .ddpaneltab a{float: right;color: white;background:#64B3C0 url(../img/toggleleft.gif) no-repeat left bottom;text-decoration: none;letter-spacing: 1px;}
.ddpanel .ddpaneltab a span{float: left;display: block;background: url(../img/toggleright.gif) no-repeat right bottom;padding: 0 20px 4px 20px;cursor: pointer;}
.ddpanel .ddpaneltab a span img.pointerimage{margin-top: 2px;margin-left: 5px;}
.ddpanel .ddpaneltab a:hover{background-color:#64B3C0;}
.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{outline: 0;}
.ddpanel .ddpaneltab a:hover span{background-color: transparent;}

.contaner_panel {width:980px; background:url(../img/fio_panel.gif) bottom repeat-x; padding:0 10px 0 10px; margin:auto;}

.mrg_1 {margin:0 0 0 184px;}
.mrg_2 {margin:0 170px 0 196px;}
.cha_panel {width:215px; padding:10px 0 10px 0; }
.cha_panel h4 {height:48px; margin:0; padding:0; text-indent:-99999px;}
.cha_panel h4.ttl_datacenter {width:150px; background:url(../img/ttl_panel_datacenter.jpg) no-repeat; margin:0 0 0 31px;}
.cha_panel h4.ttl_desenvolvimento {width:204px; background:url(../img/ttl_panel_desenvolvimento.jpg) no-repeat; margin:0 0 0 4px;}
.cha_panel p {font-size:12px; margin:0 0 14px 0;}
.cha_panel ul {width:215px;}
.cha_panel ul li {font-size:12px; font-weight:bold; padding:6px 0 6px 6px; list-style:none;}
.cha_panel .btn_saibamais {width:45px; height:21px; margin:5px 0 0 0; display:block; float:right; text-indent:-9999px; background:url(../img/btn_saibamais_panel.jpg) no-repeat;}

.fio_chamada { background:url(../img/fio_lista_cha_panel.gif) bottom repeat-x;}
/*######## DD Drop Down Panel ########*/





