/*CSS*/ /*DEIXAR O SITE COLADO NO TOPO E FUNDO DO SITE*/ *{margin:0; padding:0;} html{background:#758FA6;} body{background:#758FA6;} /*Alinha site e determinar o tamanho*/ #container{width:989px;text-align:center; margin:0 auto; background:#fff; font-size:0.01px;} /*Propriedades gerais para o site*/ img{border:none;} .clear{clear:both;} /*propriedades topo*/ #header{float:left; width:989px; background: url(imagens/img_topo/header.jpg) top no-repeat;} #sustenta_header{width:980px; margin:2px; padding:0 0 10px 0;} #logo{width:230px; height:90px; float:left; padding-top:25px;} #telefone_topo{width:153px; height:90px; float:left; padding:20px 0 0 65px;} #centro_cultural{width:200px; height:96px; float:right; padding:25px 0 0 0;} /*Newsletter*/ #newsletter{background:url(imagens/img_topo/bg_news.jpg) top no-repeat; width:180px; height:75px; float:left; margin:25px 0 0 75px;} .alinhanews{background:transparent; padding:26px 0 0 0;} .alinhanews input{background:transparent; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; border:none; width:120px; height:15px; float:left; margin:11px 0 0 3px;} #texto_obrigado h2{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#FF7800; padding:20px 0 0 10px; width:600px; line-height:16px; float:left; text-align:left;} #texto_obrigado p{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#276AB0; padding:10px 0 0 10px; width:600px; line-height:16px; float:left; text-align:left;} #texto_obrigado p a{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#FF7800; text-decoration:none;} #texto_obrigado p a:hover{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#FF7800; text-decoration:underline;} #texto_obrigado strong a{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#FF7800; text-decoration:none;} #texto_obrigado strong a:hover{font-family:Tahoma,verdana,Arial; font-size:13px; font-weight:bold; color:#FF7800; text-decoration:underline;} /* Menu topo */ .bg_menu{float:left; background:url(imagens/bgs/bg_menu.jpg) top no-repeat; width:663px; height:30px;} .menu ul{list-style-type:none; margin:10px 0 18px 18px; float:left; width:1000px;} .menu ul li{float:left; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#494949; font-weight:bold; margin:0 10px 0 5px;} .menu ul li a{float:left; font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; color:#494949; text-decoration:none;} .menu ul li a:hover{float:left; font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; color:#494949; text-decoration:underline;} .separacao_menu {margin:0 8px 0 6px;} /**/ .formata-materia {width:650px; float:left; color:#000000; font-family:Tahoma,Verdana,Arial; text-align:justify; font-size:12px; margin-top:-20px;} #jq {width:989px; height:200px;} #bg_ultimas_noticias{background:url(imagens/bgs/bg_ultimas_noticias.jpg) top repeat-x; width:989px; height:37px; float:left;} #bg_ultimas_noticias strong{font-family:Tahoma,Verdana,Arial; font-size:12px; font-weight:bold; color:#494949; float:left; text-align:left; margin:12px 0 0 10px;} #bg_ultimas_noticias p{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#737272; float:left; text-align:left; padding:5px 0 0 10px;} #redes_sociais{float:right; padding:5px 15px 0 0;} #redes_sociais{float:right; padding:5px 15px 0 0;} /*conteudo*/ #content{width:989px;} /*Meio site*/ #sustenta_meio{width:715px; float:right;} /*Chamadas*/ #sustenta_chamadas{width:989px; padding:19px 0 0 0; float:left;} #sustenta_quemsomos{float:left; width:245px;} #quemsomos{float:left; width:240px;} #quemsomos p{width:220px; float:left; padding:19px 0 0 10px; text-align:left; font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666;} #quemsomos p a{font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666; text-decoration:none;} #quemsomos p a:hover{font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666; text-decoration:underline;} /*Diferenciais*/ #sustenta_diferenciais{float:left; width:260px;} #diferenciais{float:left; width:255px;} #diferenciais p{width:240px; float:left; padding:19px 0 0 10px; text-align:left; font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:19px; color:#666666;} #diferenciais p a{font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666; text-decoration:none;} #diferenciais p a:hover{font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666; text-decoration: underline;} /*Novidades home*/ #sustenta_novidades{float:left; width:230px;} #novidades{float:left; width:220px;} #novidades p{width:200px; float:left; padding:19px 0 0 10px; text-align:left; font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666;} #novidades p a{ font-family:Tahoma,Verdana,Arial; font-size:11px; color:#666666; text-decoration:none;} #novidades p a:hover{font-family:Tahoma,Verdana,Arial; font-size:11px; color:#666666; text-decoration:underline;} /*Deppoimento home*/ #sustenta_depoimento{float:left; width:245px;} #depoimento{float:left; width:240px;} #depoimento p{width:200px; float:left; padding:19px 0 0 10px; text-align:left; font-family:Tahoma,Verdana,Arial; font-size:11px; line-height:18px; color:#666666;} #depoimento p a{ font-family:Tahoma,Verdana,Arial; font-size:11px; color:#666666; text-decoration:none;} #depoimento p a:hover{font-family:Tahoma,Verdana,Arial; font-size:11px; color:#666666; text-decoration:underline;} /*parceiros*/ #sustenta_parceiros{width:989px; height:42px; padding:30px 0 0 0;} #psrceiros{width:805px; height:42px; float:right; padding-right:10px;} #linha_baxo{ width:989px; height:7px;} /*Internas/ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #sustenta_internas{width:980px; float:left;} /*Textos Internas*/ #texto_internas p{width:650px; float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; padding:10px;} #texto_internas h1{float:left; font-family:Tahoma,Verdana,Arial; font-size:14px; color:#FF8411; padding:20px 0 0 10px;} #texto_internas h2{float:left; font-family:Tahoma,Verdana,Arial; font-size:14px; color:#FF8411; padding:20px 0 0 10px;} #texto_internas p {font-family:Tahoma,Verdana,Arial; font-size:12px; color:#666666;} #texto_internas p a{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#666666; text-decoration:none; line-height:20px;} #texto_internas p a:hover{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#2A6BAF; text-decoration:underline;} /*Calendario*/ /* TABELA MICROSOFT */ #sustenta_tabela_microsoft{width:700px; float:left; padding:0 0 25px 0; margin-bottom:-10px} #sustenta_tabela_microsoft table{font-family:Tahoma,Verdana,Arial; font-size:12px; list-style-type:none; color:#000000; width:650px; text-align:center;} #sustenta_tabela_microsoft table thead{font-weight:bold; text-align:center !important;} #sustenta_tabela_microsoft table thead td{padding:3px;} #sustenta_tabela_microsoft table td{background:#B5CEDF;} .inicio{width:85px; padding:3px 0 3px 5px;} .dia{width:95px; padding:3px 0 3px 5px;} .horario{width:65px; padding:3px 0 3px 5px;} .curso{width:440px; padding:3px 0 3px 5px;} /* TABELA LINUX */ #sustenta_tabela_linux table{font-family:Tahoma,Verdana,Arial; font-size:12px; list-style-type:none; color:#000000; width:650px; text-align:center;} #sustenta_tabela_linux table thead{font-weight:bold; text-align:center !important;} #sustenta_tabela_linux table thead td{padding:3px;} #sustenta_tabela_linux table td{background:#B5CEDF;} /* TABELA LINUX */ #sustenta_tabela_cisto table{font-family:Tahoma,Verdana,Arial; font-size:12px; list-style-type:none; color:#000000; width:650px; text-align:center;} #sustenta_tabela_cisto table thead{font-weight:bold; text-align:center !important;} #sustenta_tabela_cisto table thead td{padding:3px;} #sustenta_tabela_cisto table td{background:#B5CEDF;} #sustenta_tabela_linux{width:700px; float:left; padding:0 0 25px 0;} #sustenta_tabela_cisto{width:700px; float:left; padding:0 0 25px 0;} /*Laboratorio*/ .fotos_laboratorio {width:700px; float:left; padding:10px 0 0 0;} .fotos_laboratorio img {width:115px; height:86px; padding:4px; float:left; margin:0 0 0 10px; border:2px solid #286CAD;} /*Paginação*/ .paginacao{font-family:Arial; font-size:12px; color:#FF8412; text-align:center; width:720px; margin-top:30px; float:left;} .paginacao a{font-family:Arial; font-size:12px; color:#FF8412; text-align:center; font-style:normal; text-decoration:none; margin:0 3px 0 3px;} .paginacao a:hover{font-family:Arial; font-size:12px; color:#286CAD; text-align:center; font-style:normal; text-decoration:underline; margin:0 3px 0 3px;} /*Lateral*/ #sustenta_lateral{width:255px; float:left; padding:0 0 0 5px;} #microsoft{background:url(imagens/bgs/bg_lateral_microsoft.jpg) top repeat-y; width:248px;} .menu_lateral ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .menu_lateral ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .menu_lateral ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .menu_lateral ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} /*Linux*/ #linux{background:url(imagens/bgs/bg_linux.jpg) top repeat-y; width:248px;} .linux ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .linux ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .linux ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .linux ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} /*Cisto*/ #cisto{background:url(imagens/bgs/bg_cisto.jpg) top repeat-y; width:248px;} .cisto ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .cisto ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .cisto ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .cisto ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} /*English*/ #english{background:url(imagens/bgs/bg_english.jpg) top repeat-y; width:248px;} .english ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .english ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .english ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .english ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} #sap{background:url(imagens/bgs/bg_english.jpg) top repeat-y; width:248px;} .sap ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .sap ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .sap ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .sap ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} #itil{background:url(imagens/bgs/bg_english.jpg) top repeat-y; width:248px;} .itil ul{list-style-type:none; padding:20px 0 0 0; width:240px;} .separacao{ background:url(imagens/bgs/separacao.jpg) top no-repeat; width:233px; height:17px; float:left; text-align:left;} .itil ul li{font-family:Tahoma,Verdana,Arial; font-size:12px; text-align:justify; color:#000000; padding:0 0 5px 20px;} .itil ul li a{ font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} .itil ul li a:hover{ font-family:Tahoma,Verdana,Arial; font-size:12px; color: #2A6BAF; text-decoration:underline;} /*Novidades interas*/ #texto_novidades h2{float:left; font-family:Tahoma,Verdana,Arial; font-size:14px; color:#FF8411; padding:20px 0 0 10px;} #texto_novidades p{width:650px; float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; padding:10px;} #texto_novidades p a{float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} #texto_novidades p a:hover{float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:underline;} #btns_baixo{width:600px; height:50px; text-align:center; padding-left:20px; padding-top:20px; clear:both; border:1px solid #fff;} /*Noticias*/ #texto_noticias h2{float:left; font-family:Tahoma,Verdana,Arial; font-size:14px; color:#FF8411; padding:20px 0 0 10px;} #texto_noticias p{width:650px; float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; padding:10px;} #texto_noticias p a{float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:none;} #texto_noticias p a:hover{float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000; text-decoration:underline;} #texto_noticias div{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000000;} .sust-news{width:700px;} .img-news{float:left; margin:0 5px 5px 0;} .sust-news span{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#000;} .sust-news p {padding:0 !important; margin:0 !important; font-size:12px !important;} .sust-news div{clear:both; text-align:left; font-size:12px !important;} .titu-news{float:left; clear:none !important; text-align:left; width:635px; margin:10px 0;} .titu-news span{font-weight:bold;} .lead{ padding:0 !important; margin:0 !important; font-weight:bold;} /*Depoimentos*/ #texto_depoimentos p{width:700px; float:left; text-align:justify; font-family:Tahoma,Verdana,Arial; font-size:12px; color:#666666; padding:10px;} #texto_depoimentos p a{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#666666; padding:10px; text-decoration:none;} #texto_depoimentos p a:hover{font-family:Tahoma,Verdana,Arial; font-size:12px; color:#666666; padding:10px; text-decoration:underline;} #texto_depoimentos h2{float:left; font-family:Tahoma,Verdana,Arial; font-size:14px; color:#666666; padding:20px 0 0 10px;} #lista_depoimento {float:right; font-family:Tahoma,Verdana,Arial; padding-right:130px; text-decoration:underline; font-size:12px;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*propriedades rodape*/ .menu_rodape ul{ width:900px; list-style-type:none; float:left; margin:20px 0 0 80px;} .menu_rodape ul li{float:left; font-family:Tahoma,Verdana,Arial; font-size:11px; color:#494949;} .menu_rodape ul li a{float:left; font-family:Tahoma,Verdana,Arial; font-size:11px; color:#494949; text-decoration:none;} .menu_rodape ul li a:hover{float:left; font-family:Tahoma,Verdana,Arial; font-size:11px; color:#494949; text-decoration:underline;} .separacao_rodape {margin:0 4px 0 4px;} #footer{width:989px; height:75px; clear:both; background:url(imagens/footer.jpg) bottom no-repeat;} #footer address{float:left; padding-top:20px; text-align:left; font-family:Tahoma,Verdana,Arial; font-style:normal; font-size:11px; color:#FFFFFF;} #ass{width:230px; height:20px; margin:30px 0 0 0; padding-right:20px; float:right;} #footer address a{font-family:Tahoma,Verdana,Arial; font-style:normal; font-size:11px; color:#FFFFFF; text-decoration:none;} #footer address a:hover{font-family:Tahoma,Verdana,Arial; font-style:normal; font-size:11px; color:#FFFFFF; text-decoration:underline;} /*FORM ECOSSISTEMA SAP*/ #texto_internas .formecossistema-sap { float: left; width: 597px;} #texto_internas .formecossistema-sap p {text-align:center;} #texto_internas .formecossistema-sap form {width:582px} #texto_internas .formecossistema-sap form ul {list-style:none; width:395px; margin: 0 auto;} #texto_internas .formecossistema-sap form ul li {float:left; width: 215px; height: 30px;} #texto_internas .formecossistema-sap form ul li.obs{float:left; width: 215px; height:60px;} #texto_internas .formecossistema-sap form ul li span {width:100px;float: left; } #texto_internas .formecossistema-sap form ul li.campo_title {width:120px; float:left; margin:0 15px 0 0; clear: both; text-align: right;} #texto_internas .formecossistema-sap form ul li.campo_title label {float: right; color: #666666; font-family: Tahoma,Verdana,Arial; font-size: 12px;} #texto_internas .formecossistema-sap form ul li.menor input {width:120px; float: left;} #texto_internas .formecossistema-sap form ul li textarea {float: left;} #texto_internas .formecossistema-sap form ul li input {width:200px; float: left;} .formecossistema-sap form div.alinha-btn {width:582px; float:left; clear:both; text-align: center; margin: 10px 0;} .formecossistema-sap form div.alinha-btn label {color:#5C5B5B; font-size:12px;} .formecossistema-sap form div.alinha-btn label strong {font-weight:bold;} .formecossistema-sap form div.img-seguranca {width:582px; float:left; clear:both; text-align: center;} .formecossistema-sap form div.img-seguranca label { display: inline-block; float: left; height: 40px; text-align: right; width: 337px;} .formecossistema-sap form div.img-seguranca span {float: left; margin: 5px 0 0 5px;} #texto_internas .formecossistema-sap form div.enviar {width:650px; float:left; clear:both; text-align: center;} #texto_internas .formecossistema-sap form div.enviar input {background:url("imagens/btn_enviar.jpg") left top no-repeat ; border: medium none; height: 45px; width: 81px; cursor:pointer;}