/* CSS Document  for sunlogica*/
body{
margin:15px 0px;
padding:0;
background-color:#999999;
}
/*início das DIVS*/
#full{
width:700px;
margin:auto;
text-align:center;
font:12px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
.brall{
clear:both;
}
/* MENU*/
#menu{
text-align:left;
width:700px;
height:30px;
background-color:#FFFFFF;
}
#menu ul, #menu li{
margin:0;
padding:0;
display:inline;
list-style-type:none;
float:left;
}
#menu img{
border:0;
float:left;
}
.link_menu{
text-decoration:none;
border:0;
float:left;
margin-right:1px;
}

/* TOPO */
#topo{
width:700px;
height:154px;
display:block;
background:url(img/topo_demo.jpg) no-repeat;
}
#topo h1{
display:none;
}
#logo{
float:left;
margin-left:15px;
margin-top:3px;
}

/* CONTEUDO */
#conteudo{
width:700px;
background:url(img/fundo_top2.jpg) #FFFFFF repeat-x;
}
#sistemas_capa{
width:282px; /* 310px -28px de padding left/rigth */ 
height:187px; /* 215px -28px do top/bottom */ 
background:url(img/bg_gomo_sis.jpg) no-repeat;
overflow:hidden;
padding:14px;
float:left;
margin:20px 0px 0px 25px !important;
margin:20px 0px 0px 12px;
}
#sistemas_capa h2{
margin:5px 0px 0px 0px;
padding:0;
text-indent:-15000px;
background:url(img/sun_sistemas_capa.gif) no-repeat;
width:182px;
height:40px;
float:left;
}
#sistemas_capa dl{
padding:0px 0px 0px 0px;
margin:4px 0px;
font:10px/14px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
width:182px;
float:left;
}
/* DT's dos sistemas na capa, é so mudar a classe dinamicamente para aparecer o nome certo.	 */
#sistemas_capa dt{ 
text-indent:-15000px;
width:182px;
height:15px;
float:left;
display:block;
margin:0;
padding:0;
}
.fenix_capa{ background:url(img/fenix_capa.gif) no-repeat; }
.financeiro_capa{ background:url(img/financeiro_capa.gif) no-repeat; }
.redex_capa{ background:url(img/redex_capa.gif) no-repeat; }
.tracking_capa{ background:url(img/tracking_capa.gif) no-repeat; }
.neon_capa{ background:url(img/neon_capa.gif) no-repeat; }
.mib_capa{ background:url(img/mib_capa.gif) no-repeat; }
.harpia_capa{ background:url(img/harpia_capa.gif) no-repeat; }
.easycat_capa{ background:url(img/easycat_capa.gif) no-repeat; }
.farmawin_capa{ background:url(img/farmawin_capa.gif) no-repeat; }

#sistemas_capa dd{ 
padding-left:10px;
margin:0;
}
#sistemas_capa a{
color:#666666;
text-decoration:none;
}
#sistemas_capa a:hover{
color:#666666;
text-decoration:none;
border-bottom:1px solid #FF6600;
}
#sistemas_capa .link_bt{
display:block;
width:77px;
height:25px;
background-image:url(img/bt_veja_todos.gif);
border-bottom:0;
margin:auto;
text-indent:-15000px;
}
#sistemas_capa .link_bt:hover{
border-bottom:0;
background-image:url(img/bt_veja_todos_down.gif);
}
#float_dir{
width:105px;
height:215px;
position:absolute;
top:200px;
margin-left: 185px !important;
margin-left:-48px;
}
#iescroller{
width:160px;
height:50px;
top:230px;
margin-left:-128px;
}

#cases_capa{
background:url(img/fundo_cases_capa.jpg) no-repeat;
width:271px; /* 311px - 40px do padding */
height:181px; /* 221px - 40px padding */
padding:30px 15px 10px 25px;
margin:22px 0px 0px 25px;
float:left;
overflow:hidden;
text-align:left;
}
#cases_capa p{
display:block;
margin:3px 0px 0px 0px !important;
padding:0px;
margin:33px 0px 0px 0px;
}
.thumb_case_capa{
float:left;
margin:5px 5px 0px 0px;
border:0;
}
#cases_capa tt{
font:bold 15px "Trebuchet MS", Verdana, sans-serif;
color:#666666;
}
#cases_capa span{
float:left;
width:210px;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
background:url(img/divisao_case_capa.gif) no-repeat bottom;
cursor:pointer;
}
.link_cases_capa{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
.link_cases_capa:hover{
color:#333333;
text-decoration:none;
}
#link_bottom_cases{
width:78px;
height:22px;
display:block;
text-decoration:none;
text-indent:-15000px;
margin-left:90px;
text-align:center;
}
.gomos_bottom{
width:661px;
height:109px;
margin:5px 0px 20px 25px !important;
margin:30px 0px 20px 10px;
text-align:left;
}
#gomo_fale, #gomo_servicos, #gomo_parcerias{
width:204px;
height:81px;
padding-top:28px;
float:left;
margin-right:17px;
}

#gomo_fale{ background:url(img/fale_fundo_capa.gif) no-repeat;}
#gomo_servicos{ background:url(img/fundo_servicos_capa.gif) no-repeat;}
#gomo_parcerias{ background:url(img/fundo_parcerias_capa.gif) no-repeat;}
#gomo_parcerias{ margin-right:0px;}

.link_gomos{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
display:block;
width:180px;
height:80px;
margin:0px 0px 0px 10px;
}
.link_gomos:hover{
text-decoration:underline;
}

/* CANAIS */

#cont_canais{
width:658px;
margin:auto;
padding-top:13px;
}
#h2_empresa, #h2_clientes, #h2_sistemas, #h2_servicos, #h2_contato, #h2_parcerias, #h2_fenix, 
#h2_fox, #h2_neon, #h2_mamute, #h2_eagles, #h2_easycat{
width:658px;
height:50px;
text-indent:-15000px;
margin:0;
padding:0;
}

#h2_empresa{ background:url(img/empresa_tit.jpg) no-repeat; }
#h2_clientes{ background:url(img/clientes_tit.jpg) no-repeat; }
#h2_sistemas{ background:url(img/sistemas_tit.jpg) no-repeat; }
#h2_servicos{ background:url(img/servicos_tit.jpg) no-repeat; }
#h2_contato{ background:url(img/contato_tit.jpg) no-repeat; }
#h2_parcerias{ background:url(img/parcerias_tit.jpg) no-repeat; }
#h2_fenix{ background:url(img/sistemas_tit_fenix.jpg) no-repeat; }
#h2_fox{ background:url(img/sistemas_tit_fox.jpg) no-repeat; }
#h2_neon{ background:url(img/sistemas_tit_neon.jpg) no-repeat; }
#h2_mamute{ background:url(img/sistemas_tit_mamute.jpg) no-repeat; }
#h2_eagles{ background:url(img/sistemas_tit_financeiro.jpg) no-repeat; }
#h2_easycat{ background:url(img/sistemas_tit_easycat.jpg) no-repeat; }

#cont_empresa, #cont_clientes, #cont_sistemas, #cont_servicos, #cont_contato, #cont_parcerias{
border-right:1px solid #CECEBD;
text-align:left;
height:auto !important;
height:250px;
min-height:250px;
}

#cont_empresa{ background:url(img/bg_cont_empresa.gif) repeat-y #FFFFFF; }
#cont_clientes{ background:url(img/bg_cont_clientes.gif) repeat-y #FFFFFF; }
#cont_sistemas{ background:url(img/bg_cont_sistemas.gif) repeat-y #FFFFFF; }
#cont_servicos{ background:url(img/bg_cont_servicos.gif) repeat-y #FFFFFF; }
#cont_contato{ background:url(img/bg_cont_contato.gif) repeat-y #FFFFFF; }
#cont_parcerias{ background:url(img/bg_cont_parcerias.gif) repeat-y #FFFFFF; }

.img_e_can{
float:left;
margin-right:12px;
}
#all_contents{
padding:10px 0px 0px 0px;
margin:0;
float:left;
width:535px;
text-align:left;
}
.i_f_left{
float:left;
margin-right:8px;
}
.i_f_right{
float:right;
margin-left:8px;
}
#col_cases{
width:94px;
float:right;
margin-right:8px;
padding-bottom:8px;
text-align:center;
background:url(img/clientes_base_cases.gif) no-repeat bottom #f2f2ED;
}
.thumb_cases{
margin:8px 0px 0px 0px;
}
#h2_cases{
font:bold 19px Trebuchet MS, Verdana;
color:#FF6600;
padding:0;
margin:20px 0px 0px 0px;
}
.dl_clientes dt{
font:bold 17px Trebuchet MS, Verdana;
color:#FF6600;
}
.dl_clientes dd{
color:#666666;
padding-left:10px;
margin:0;
}
.dl_empresa dt{
font:italic bold 15px Trebuchet MS, Verdana;
color:#669900;
}
.dl_empresa dd{
font:12px Tahoma, Verdana, sans-serif;
padding:0;
margin-left:0px;
color:#666666;
}
#sis_esq, #sis_dir{
width:257px;
float:left;
margin-right:15px;
font:10px/13px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#sis_esq{
background:url(img/borda_sistemas.gif) repeat-y right;
padding-right:5px;
}
#sis_dir{
margin:0;
padding:0;
}
.thumb_sistemas{
float:right;
margin-right:0px;
}
.dl_sis{
margin-bottom:45px;
}
.dl_sis dd{
padding:0px 0px 0px 4px;
margin:0;
}
.dl_serv{
float:left;
margin:15px 0px;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#dt_linux, #dt_redes, #dt_hard, #dt_des{
text-indent:-15000px;
margin-left:119px !important;
margin:0px;
padding:0;
height:40px;
}
#dt_linux{ background:url(img/ser_linux.gif) no-repeat left; }
#dt_redes{ background:url(img/ser_redes.gif) no-repeat left; }
#dt_hard{ background:url(img/ser_har_soft.gif) no-repeat left; }
#dt_des{ background:url(img/ser_des.gif) no-repeat left; }

.img2_contato{
float:right;
margin-right:-1px;
margin-top:0px !important;
margin-top:-2px;
}
#fmail{
padding:0;
margin:12px;
}
.bxN, .bxO{
font:10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #999999;
background-color:#FFFFFF;
margin-bottom:12px;
padding:2px;
width:296px;
}
.bxN{
color:#999999;
}
.bxO{
color:#FF6600;
}
#m_select{
margin: -3px 0px 0px -3px !important;
margin: -1px 0px 0px -1px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
width:306px !important;
width:302px;
padding:2px;
}
#mask_select{
display:block;
width:300px;
height:16px;
border:1px solid #999999;
overflow:hidden;
margin-bottom:12px;
}
#f_mensagem{
width:505px;
height:202px;
}
#aviso{
position:absolute;
margin-left:150px;
margin-top:200px;
float:left;
width:200px;
border:1px solid #999999;
background-color:#EDEDED;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
padding:20px;
text-align:center;
}
#d440{
font:14px/23px Tahoma, Verdana, Arial, sans-serif;
background-color:#FFFFFF;
color:#669900;
width:404px;
height:385px;
padding:10px;
border:8px solid #669900;
overflow:auto;
}
#d440 ul{
padding:0;
margin:10px 0px;
}
#d440 li{
padding:0px 10px;
margin:0;
margin-bottom:-1px;
display:block;
list-style:none;
height:25px;
border-top:1px dashed #CCCCCC;
border-bottom:1px dashed #CCCCCC;
}
#d440 li:hover{
background-color:#f8f8f8;
}
#d440 a{
font:12px/25px Tahoma, Verdana, Arial, sans-serif;
color:#FF6600;
text-decoration:none;
}
#d440 a:hover{
color:#FFFFFF;
background-color:#FF6600;
padding:2px;
}
.dl_parcerias dt{
font:bold 17px Tahoma, Verdana, sans-serif;
color:#669900;
}
.dl_parcerias dd{
padding:0;
margin:0;
}
.link_default{
color:#FF6600;
text-decoration:underline;
}
.link_default:hover{
color:#FFFFFF;
text-decoration:none;
background-color:#FF6600;
padding:2px;
}

/*RODAPÉ*/
#rodape{
width:700px;
height:30px;
background:url(img/fundo_rodape.gif) no-repeat;
text-align:left;
border-top:1px solid #999999;
}
#rodape span{
font:10px/30px Verdana, Arial, Helvetica, sans-serif ;
color:#999999;
text-align:left;
padding-left:15px;
float:left;
}
#powered{
float:right;
margin-right:15px;
border:0;
}