html {
-webkit-text-size-adjust: 100% !important; /* Prevent font scaling in landscape */
}
.nav, .zoom2, .nots-mobile, #tit-dir, div.revistas-480px, div.revistas-320px, .contat2, div#topohome, .break, .break2, .header-mob, .hide-banner, #header-mob-mbotton {
display: none;
}
.mbottom2 { border-bottom: 2px solid #999 !important }
@media (max-width: 999px) {
div ul.center-list, header, .tit-unidades img, #lofslidecontent45, footer, div.revistas, .contat, #acessibilidade, #redes, #revista, #videos, #barra-top, #head { display: none; }
body { overflow-x: hidden !important }
.nav {
display: block;
margin: 0 0 10px 0 !important;
}
.header-mob, #header-mob-mbotton { display: block; }
.zoom2, #tit-dir, div#topohome { display: block !important }
.zoom { display: none !important }
.zoom2 { font-size:13px !important; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #204f99; margin: -8px 0 18px 0;}
.zoom2 img { vertical-align: middle !important }
div.topo { display:none !important }
.ddsmoothmenu{
background-color:#555;
}
.wrap { margin-top: -41px !important }
body { background-image:none !important; }
.conteudo2 { margin-top: -45px !important;}
/* NOTÃÂÂÂCIAS HOME */
.nots-mobile { display:block; margin: 254px 15px 0 3px !important; font-family:Arial, Helvetica, sans-serif !important; min-width: 225px !important; width: auto !important; min-height: 100px !important; font-size:11px !important; }
.nots-mobile a { color:#333333; font-size:11px !important; text-decoration:none; line-height: 14px !important }
.nots-mobile p { margin-bottom: 10px !important; border-bottom: 1px dotted black !important; padding-bottom: 10px !important; min-height: 90px !important; }
.tit-not-mobile { display:block !important; margin: -90px 3px 0 134px !important; font-size: 13px !important; line-height: 15px }
.tit-not-mobile2 { display:block !important; margin: 4px 3px 0 134px !important; font-size: 13px !important; line-height: 15px }
.nots-mobile p.mais-not { background-color: #EBEBEB !important; padding: 8px !important; min-height: 1px !important; color:#444 !important;text-align:center !important; border-bottom: 2px solid #999 !important; border: 1px solid #CCC; margin-top: 15px !important }
.nots-mobile p.mais-not a { color:#444 !important; font-size:14px !important; font-weight:bold !important; display:block !important }
.nots-mobile p.b-none { border: none !important }
.nots-mobile p img { border: 1px solid #999 !important }
}
@media (max-width: 999px) {
.openBtn {
background-color: transparent;
border: none;
height: 30px;
padding: 6px 6px;
font-size: 20px;
cursor: pointer;
position: relative;
top: 9px;
left: -75px;
float: right
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.8);
}
.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 10px;
margin: auto;
}
.overlay .closebtn {
position: absolute;
top: 30px;
right: 30px;
font-size: 45px;
cursor: pointer;
color: white;
font-family: verdana;
box-sizing: border-box;
}
.overlay .closebtn:hover {
color: #ccc;
}
.overlay input[type=text] {
border-radius: 5px;
padding: 17px;
font-size: 17px;
border: none;
float: left;
width: 80%;
margin-right: 20px;
background: white;
box-sizing: border-box;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
.overlay button {
float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
box-sizing: border-box;
}
.overlay button:hover {
background: #bbb;
}
#navbar {
background-color: #333;
position: fixed;
top: 41px;
width: 100%;
display: block;
transition: top 0.3s;
z-index:100;
}
#navbar a {
float: left;
display: block;
}
#menucrsc a {font-size: 14px !important; }
p#not_1 a { font-size: 14px !important }
.cont, .not1, #not_1, #not_2, p#not_3, p.descricao, p.descricao2, .desc-select { max-width: 639px !important;min-width: 25px !important; width: auto !important; margin: 0 5px 0 5px !important}
.cont { margin-bottom: 40px !important}
.cont { margin-top: -40px !important }
.orgs, .org-s, .org, h2 { display: none }
* p, * p a, .infos {font-size: 12px !important; line-height: 100% !important }
p.dados, p.dados a, p.unidades { font-size: 12px !important}
p.not1, p#not_1, p#not_2 { line-height: 22px !important; font-size: 14px !important }
h1, h4 { font-size: 18px !important; margin-left: 3px !important; margin-right: 3px !important; line-height: 22px !important }
h2 { font-size: 14px !important }
h2.h2crsc { font-size: 16px !important }
h3 { font-size: 14px !important; max-width: 639px !important;min-width: 225px !important; width: auto !important; margin: 0 3px 15px 3px !important; line-height: 22px !important}
.topo a { min-width: 100% !important; height: 20px !important; border-top: 1px solid #D3D3D3 !important; border-left: 1px solid #CCC !important; border-right: 1px solid #B6B6B6 !important; border-bottom:1px solid #B4B4B4 !important; display: block !important; padding-top: 5px !important; color:#333 !important; background-image:url(../Img/bg-topo.jpg) !important; background-repeat:repeat-x !important; text-decoration:none !important }
.topo { margin: 0 auto !important; clear: both !important; }
.clique { margin: 2px 0 3px 0!important }
p#email_ai { margin: 55px 0 0 0 !important }
p#end_ai { margin-left: 1px !important }
p#email_imp { margin: 30px 0 0 0 !important }
p#fone_ai { margin: 30px 0 0 0 !important }
p#corresp { margin: 43px 0 0 0 !important }
#dir-eap { margin-top: 10px !important; }
#dir-eap2 { margin: -5px 0 20px -40px !important; background-image: none !important; }
#dir-eap2 p { line-height: 22px !important }
h2.eap { display: block !important }
p#sp {padding: 0;}
.unis { float:right !important }
h2.eap { margin: 10px 0 0 3px !important }
p.noteap { padding-top: 11px !important; }
p#not_3 { margin: 7px 0 -4px 3px !important; line-height: 12px !important }
#conteap { margin-left: 0 !important }
/* CONTATO */
p.descricao { margin: 10px 0 !important; padding-right: 6px !important }
p.descricao2 { margin: 10px 0 !important;padding-right: 6px !important }
.rotulo { margin: 10px 0 !important; font-size: 14px !important }
.infos { line-height: 135% !important }
.desc-select { margin: 10px 3px 10px 3px !important }
/* CONTATO */
/* LICITAÇÕES */
.licitacoes { margin: 0 4px 30px -200px !important; max-width: 639px !important;min-width: 5px !important; width: auto !important;}
.licitacoes li { max-width: 639px !important;min-width: 5px !important; width: auto !important;}
.proc_data p, .proc_data, .objeto_info, .objeto_info p, .proc_data_obs { max-width: 639px !important;min-width: 5px !important; width: auto !important; margin-right: 1px !important}
.img_licita { display:none }
h1.tit-licita { margin: 0 !important; max-width: 639px !important;min-width: 225px !important; width: auto !important; }
.m_top, .proc_data_obs p, .proc_data p {font-size: 14px !important; line-height: 155% !important }
.topoli { margin-left: -200px !important; }
div.d_objeto h5 { font-size: 15px !important; padding: 1px !important; padding-bottom: 3px !important }
.icon_pdf { margin-right: -131px !important; margin-top: -48px !important }
.icon_zip{ margin-right: -215px !important;}
.mob-edital { line-height: 13px !important; font-size: 12px !important }
.mob-edital spam { line-height: 13px !important; font-size: 12px !important }
/* LICITAÇÕES */
ul.content { max-width: 465px !important;min-width: 225px !important; width: auto !important; margin: 10px 3px 30px 0 !important}
ul.content li p { margin: 5px 5px !important;}
ul.content li p a { font-size: 12px !important; line-height: 14px !important; }
h1.pagnots { margin-left: -95px !important; margin-top: -40px !important; margin-bottom: 50px !important }
#wrapper { margin: -40px 3px 0 -95px !important}
h1.tit-licita { margin: -83px 0 0 -193px !important;}
.tit-licita { font-size: 20px !important; padding-top: 5px; padding-bottom: 15px}
.page_navigation a, .alt_page_navigation a{
padding:3px 5px;
margin:2px 4px 0 4px !important;
}
.topoh { display:none !important}
/* LICITAÇÕES */
/* AGENDA */
#not_age { font-size:11px !important; line-height: 12px !important}
#not_age span {line-height: 13px !important}
.data { margin: 5px 0 5px -1px !important; line-height: 25px }
.ano { margin-left: -1px !important }
.mes, .ano{ margin-right: 4px !important; padding: 2px 4px 3px 4px !important }
.ano{ padding: 2px 4px 2px 4px !important }
.mes a, .ano-ant { display: inline-block !important }
.ano-ant { position: relative !important; top: -15px !important; left: -5px !important; margin-right: 5px !important; margin-bottom: 1px !important }
.ano-ant a { font-size: 12px !important; }
h5 { line-height: 13px !important; text-align:left !important }
h4 span, .rev-penit { display: none !important }
.aviso-eleicao { display:block !important; margin-top: 6px !important }
.img-text, .not1, #not_age {margin-right: 1px !important;}
/* AGENDA */
#coor-sp, #coor-vl, #coor-nor, #coor-oes, #coor-cen, #coor-sau, #coor-rein {background-image:none !important; margin: -25px 3px 42px -39px !important; max-width: 639px !important;min-width: 25px !important; width: auto !important; }
#coor-sp p, #coor-vl p, #coor-nor p, #coor-oes p, #coor-cen p, #coor-sau p, #coor-rein p, .dir {line-height: 15px !important }
#tit-dir { margin: 0 0 0 7px !important; color: #4471C4 !important; font-size:12px !important; font-weight:bold !important; border-top: 1px dashed #333 !important; padding-top: 7px !important }
#pcoo { margin-top: 5px !important }
p.p-conselho { padding-top: 5px !important }
#pcoo2 { margin-top: 10px !important; max-width: 639px !important;min-width: 225px !important; width: auto !important; }
.mmob { padding-left: 3px !important; padding-top: 3px !important;}
#coor-sp{ margin-top: 45px !important; }
h3.c-penit { margin: 1px 3px 10px 3px !important; font-size: 15px !important }
p.conselho2 { padding-bottom: 10px !important }
p.c-mtop { padding-top: 5px !important }
.dir { margin-left: 35px !important }
#secret-adj, #chef { margin-top: 38px !important }
.email { font-size:13px !important }
iframe#localizacao { width: 460px !important; height: 270px !important}
p.end2 { margin: 10px 3px 10px 3px !important; line-height: 15px !important }
.divppais { margin-left: 1px !important; margin-top: -10px !important }
a.cred2 { color:#783D2C; font-size: 11px !important; text-decoration: underline !important; }
#infoppais { font-size: 12px !important; margin-bottom: 1px !important; margin-top: 25px !important }
.chamadas a, .chamadas2 a { color:#FF6600; font-size: 14px !important; margin: 0 0 16px 0 !important; font-family: Arial, Helvetica, sans-serif !important; text-decoration: none !important}
.chamadas, .chamadas2 { margin: 5px 0 8px 0 !important; }
#titcred { margin-left: 5px !important;}
p.lista-chamadas a { line-height: 26px !important; font-weight: normal !important; font-size:12px !important }
p.lista-chamadas { margin-top: 11px !important; margin-left: 5px !important }
#infoppais { margin-left: 1px !important }
.links-p { margin: 13px 0 12px 0 !important; }
.links-p a, .links-p2 a { line-height: 15px !important; font-size: 12px !important }
.links-p2 { margin: 0 0 20px 0 !important }
.inputTextarea{
width: 350px !important;
}
h1.mh1 {margin-bottom: 15px !important}
.revistas-480px, .contat2 { display:block !important }
.h4rev img { width: 170px !important; margin-bottom: -5px !important; margin-left: 0 !important}
.contat2 { font-size: 14px !important; font-weight:bold !important;margin-left: 3px !important; line-height: 22px !important}
#toporev { margin-top: -180px !important }
.toporh { margin-top: -35px !important }
.releases { margin-bottom: 20px; margin-left: 0 }
.quemsomos { margin-left: 0; margin-top: 30px }
}
@media (max-width: 470px) {
div.toporh { margin-top: -45px !important }
#toporev { margin-top: -10px !important }
.h4rev img { width: 150px !important}
.revistas-480px { display: block !important }
.orgs, .org-s, .org, h2 { display: none }
.topo a { width: 90% !important; height: 20px !important; border: 1px solid #2B579B; display: block !important; padding-top: 5px !important }
.topo { margin: 0 auto !important }
/* CONTATO */
p.descricao { margin: 10px 0 !important; }
p.descricao2 { margin: 10px 0 !important;}
.rotulo { margin: 10px 0 !important; font-size: 12px !important }
.infos { line-height: 135% !important }
.mensagem { max-width: 639px !important;min-width: 225px !important; width: auto !important; }
/* CONTATO */
/* LICITAÇÕES */
.img_licita { display:none }
h5 { font-size: 13px !important }
.topoli { margin-left: -200px !important; }
/* AGENDA */
.data { margin-right: 0; padding-right: 5px !important }
doesnotexist:-o-prefocus, #not_age {margin-right: 12px !important;}
/* AGENDA */
.nots-mobile a { line-height: 13px !important }
ul.content { max-width: 295px !important;min-width: 225px !important; width: auto !important;}
ul.content li p#not_list a{ line-height: 23px !important }
p#not_list span.data { font-size: 13px !important; line-height: 12px !important }
iframe#localizacao { width: 290px !important; height: 220px !important}
.inputTextarea{
width: 280px !important;
}
}
@media (max-width: 361px) {
.break { display: block !important}
}
@media (max-width: 321px) {
.break2 { display: block !important}
}
@media (max-width: 241px) {
iframe#localizacao { width: 220px !important; height: 150px !important}
}
@media (min-width: 1010px) {
html { overflow-x: hidden !important}
}
@media (max-width: 1000px) {
body { background-image: none !important}
}
img { border:none }
body {
margin: 0 -80px 0 -80px;
padding: 0;
background-image:url(../Img/bg-body.jpg);
background-color: #FFF;
background-repeat: repeat-x;
padding:50px 80px;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}
.conteudo2 { background-color: #FFF; margin: 0 auto; padding: 0; max-width: 990px; }
.topo a:hover {
text-decoration: underline !important;
}
/* #################### MENU #################### */
.ddsmoothmenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
min-width: 990px !important;
width: 1250px !important;
border-top: 1px solid #e5e5e5;
margin: 0 auto;
}
li.level1 a { text-shadow: 0px 1px #FDFDFD !important }
.ddsmoothmenu ul li a{
display: block;
background: #EFEFEF; /*background of menu items (default state)*/
color: #555 !important;
padding: 7px 5px 5px 5px;
text-decoration: none;
font-weight:bold
}
.ddsmoothmenu ul li.level2 a, .ddsmoothmenu ul li.level3 a{
font-weight: normal !important
}
.ddsmoothmenu ul{
z-index:999 !important;
padding: 0;
list-style-type: none;
}
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
.ddsmoothmenu ul li.level1, .level1s {
border-bottom: 1px solid #838383;
}
/*Opera hack*/
doesnotexist:-o-prefocus, .uma-linha { line-height: 22px !important ;}
#cats-unis { width: 120px !important }
#lrcor { width: 130px !important }
#crsc-li li { width: 127px !important }
#notic { width: 136px !important }
ul.uni-pri {
left: 120px !important;
}
.duas-linhas { line-height: 11px !important ; text-align: center; }
.notsmenu { line-height: 22px !important ; text-align: center; }
.fim a, .fimcomite a, #lfimrh a { height: 22px !important }
.tit-unidades { margin-top: -9px }
.tit-unidades a { margin-left: 0 !important}
.home img { margin: 3px 4px 3px 4px !important; }
.home { border-left: none !important }
li.cepsap a { padding-right: 0!important; }
li.cepsap a { min-height: 36px !important; }
.uma-linha { line-height: 22px !important; }
.level1, .level1s { border-left: 1px solid #AAA; border-right: 1px solid #FFF;}
.level2 { border-top: 1px solid #A2A2A2; border-bottom: 1px solid #FFF;}
.level3 { border-top: 1px solid #BCBCBC; border-bottom: 1px solid #FFF; }
.level2 { z-index: 99 !important }
.level3 { z-index: 0 !important; }
ul.lpt .level3 { width: 50px !important }
.level2 a, .level3 a {
font-size: 11px !important;
text-align: left;
line-height: 12px !important ;
margin-left: 5px;
}
.level1 a:hover { background-color: #E0E0E0 !important;}
.level2 a { background-color: #FCFCFC !important; color:#333 !important; }
.level2 a:hover { background-color: #E6E6E6 !important; }
#l1 { width:auto !important; margin-left: -1px !important; margin-right: 0px !important }
#l9 a { max-height: 22px !important; }
#lfim { width: 0px !important; border-right-color: #EFEFEF !important; }
#lfimcomite { width: 111px !important; border-right-color: #EFEFEF !important }
#lfimrh { width: 52px !important; border-right-color: #EFEFEF !important; border-right-color: #EFEFEF !important; }
#lfimcrsc a { width: 118px !important; height: 30px; border-right-color: #EFEFEF !important; border-right-color: #EFEFEF !important; }
#lfimcssp a { width: 137px !important; height: 30px; border-right-color: #EFEFEF !important; border-right-color: #EFEFEF !important; }
#liniciocssp a { width: 138px !important; height: 30px; border-right-color: #EFEFEF !important; border-right: 1px solid #666 !important; border-left: none !important }
#liniciocssp { border-left: none !important }
#liniciocrsc a { width: 129px !important; height: 30px; border-right-color: #EFEFEF !important; border-right: 1px solid #666 !important; border-left: none !important }
#liniciocrsc { border-left: none !important }
#lfimdti a { width: 121px !important; height: 30px; border-right-color: #EFEFEF !important; }
ul#cssp-li li { max-width: 106px !important; }
li#l3-rh { max-width: 40px !important; }
li#l3-rh2 { max-width: 60px !important; }
ul#ouvi li { max-width: 143px !important; }
u.docs-cepsap li { max-width: 112px !important; }
/*FF hack*/
@-moz-document url-prefix() {
#lfimdti a { width: 100px !important; height: 30px; border-right-color: #EFEFEF !important; }
#lfimrh { width: 37px !important; border-right-color: #EFEFEF !important; }
#lfimcrsc a { width: 109px !important; height: 30px; border-right-color: #EFEFEF !important; }
#lfimcssp a { width: 141px !important; height: 30px; border-right: none !important; }
#liniciocssp a { width: 140px !important; height: 30px; border-right-color: #EFEFEF !important; border-right: 1px solid #666 !important; border-left: none !important }
#liniciocssp { border-left: none !important }
#liniciocrsc a { width: 136px !important; height: 30px; border-right-color: #EFEFEF !important; border-right: 1px solid #666 !important; border-left: none !important }
li#l3-rh { max-width: 37px !important; }
li#l3-rh2 { max-width: 56px !important; }
}
.level1 a { max-height: 22px !important; }
#releases { width: 80px !important; }
#egresso2 { width: 110px !important; }
#dti2 { width: 85px !important; }
#lpt2 { min-width: 170px !important; }
#licitacoes { width: 124px !important; border-top: none ; border-top: 1px solid #A2A2A2; border-bottom: 1px solid #FFF; }
#mais-links { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 59px 14px }
#mais-linksouv { padding-right: 13px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 56px 14px }
#mais-linksrh { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 56px 14px }
#mais-links3 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 106px 6px }
#mais-links33 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 118px 6px }
#mais-links4 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 136px 6px }
#mais-links5 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 136px 13px }
#mais-links6 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 126px 11px }
#mais-links7 { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 126px 6px }
#mais-links9 { padding-right: 13px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 55px 14px }
#mais-linksdti { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/right.gif) !important; background-repeat:no-repeat; background-position: 106px 11px }
#mais-links2 { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 45px 14px }
#mais-linksouv { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 56px 14px }
#mais-linksnot { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 47px 14px }
#mais-linksnotserv { padding-right: 13px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 51px 14px }
#mais-linksuni { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 57px 14px }
#mais-linksrh { padding-right: 13px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 56px 14px }
#mais-links8 { padding-right: 11px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 73px 14px; }
#mais-links8cs { padding-right: 11px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 83px 14px; }
#mais-linkse { padding-right: 9px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 112px 14px; line-height: 12px !important; padding-top: 5px; padding-bottom: 7px }
#mais-linkscs { padding-right: 15px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 95px 14px }
#mais-linksap { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 51px 14px }
ul li a#eap {padding-left: 3px !important; padding-right: 3px !important }
ul#dir-sap li { max-width: 153px !important }
ul#cssp-li li { max-width: 118px !important }
/*FF hack*/
@-moz-document url-prefix() {
.home img { margin: 3px 3px 3px 3px !important; }
.tit-unidades { margin-top: -11px !important }
.tit-unidades a { margin-left: 2px !important}
#mais-links8 { padding-right: 10px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 74px 14px }
#mais-linksuni { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 58px 14px }
#mais-links8cs { padding-right: 10px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 85px 14px; }
#mais-linksnot { padding-right: 12px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 46px 14px }
#mais-linkse { padding-right: 8px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 113px 14px; line-height: 12px !important }
.ddsmoothmenu ul li a{
padding: 7px 4px 5px 4px;
}
#mais-linkscs {background-position: 98px 14px }
#licitacoes { width: 125px !important; }
ul#cssp-li li { max-width: 116px !important }
#mais-linksnotserv { padding-right: 10px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 50px 14px }
#mais-linksap { padding-right: 11px; background-image:url(http://www.sap.sp.gov.br/Img/down.gif) !important; background-repeat:no-repeat; background-position: 51px 14px }
a#pesquisa { padding-right: 3px !important; padding-left: 3px !important }
}
.b-top-none { border-top: 1px solid #e9e9e9 !important; }
.b-top-none2 { border-top: none !important; top: -1px !important }
.b-right-none { border-right: 1px solid #666; }
.b-bottom { border-bottom: 3px solid #999 !important }
.downarrowclass{ position: absolute; top: 13px; right: 8px;}
.rightarrowclass{ position: absolute; top: 6px; right: 5px;}
* html .ddsmoothmenu ul li a{ display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white;}
.ddsmoothmenu ul li ul{
position: absolute; left: -1px; top: 35px;
display: none; /*collapse all sub menus to begin with*/
}
#lrcor3 { min-width: 245px !important; position: relative; left: 10px !important; }
@-moz-document url-prefix() {
#lrcor3 { min-width: 239px !important; position: relative; left: 10px !important; }
}
.ddsmoothmenu ul li:hover ul{
display: block;
animation: fade_in_show 0.3s
}
@keyframes fade_in_show {
0% {
opacity: 0;
transform: translateY(0)
}
100% {
opacity: 1;
transform: translateY(1)
}
}
.ddsmoothmenu ul li ul li:hover ul{
display: block !important; position:absolute; top: 0; left: 100px;
animation: fade_in_show 0.5s
}
ul.manuais {
display: block !important; position:absolute !important; top: -1px !important; left: 150px !important;
}
.ddsmoothmenu ul li ul li ul.manuais li {
width: 145px !important; max-width: 145px !important
}
ul.manuaiscep {
display: block !important; position:absolute !important; top: -1px !important; left: 140px !important;
}
.ddsmoothmenu ul li ul li ul.manuaiscep li {
width: 140px !important
}
ul.docs-cepsap {
display: block !important; position:absolute !important; top: -1px !important; left: 140px !important;
}
.uni-top { top: -1px !important }
.ddsmoothmenu ul li ul li ul.docs-cepsap li {
width: 200px !important ; max-width: 200px !important
}
ul.comite li.level2 { width: 140px !important ; max-width: 140px !important}
ul.vencimentos {
display: block !important; position:absolute !important; top: -1px !important; left: 150px !important;
}
.ddsmoothmenu ul li ul li ul.vencimentos li {
width: 50px !important; max-width: 50px !important
}
ul.lpt {
display: block !important; position:absolute !important; top: -1px !important; left: 150px !important;
}
.ddsmoothmenu ul li ul li ul.lpt li {
width: 67px !important; max-width: 67px !important
}
.ddsmoothmenu ul li ul li ul{
display: none !important;
}
.ddsmoothmenu ul li ul li{ display: list-item; float: none; border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; width: 150px !important ; max-width: 150px !important; }
.ddsmoothmenu ul li ul li a{ margin: 0; padding-top: 5px !important;}
.ddsmoothmenu ul li ul li ul li a{ background-color:#FFF !important}
.ddsmoothmenu ul li ul li ul li a:hover { background-color: #F4F4F4 !important}
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}
/* #################### MENU #################### */
/* #################### HEADER #################### */
#acessibilidade { position:relative; top: 0; left: -7px; width: 331px; float:right}
#barra-top { width:auto; height:28px; margin: -50px -4px 0 -4px }
#head { width:auto; border: 1px solid black; height: 82px; margin: 0 }
.bar-dir, .head-dir { float:right}
.form {
width: 220px ;
height:25px;
float:right; margin-top: 44px; margin-right: 45px
}
.busca {
padding: 2px 3px;
font-size: 12px;
width: 220px;
height:15px;
background-color: #FBFBFB;
border: 1px solid #999;
border-top: 2px solid #777;
float: left;
font-family: Arial, Helvetica, sans-serif !important
}
.botao-busca {
margin: 0 0 0 -30px
}
/*FF hack*/
@-moz-document url-prefix() {
.contato {
top: 0;
}
}
/* #################### HEADER #################### */
/* #################### FOOTER #################### */
.footer-txt {
height: 61px !important;
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
padding-top: 20px;
padding-bottom: 9px;
margin: -2210px 0 0 0;
min-width: 990px;
font-weight:normal !important;
background-image:url(../Img/bg-footer.png);
background-repeat: repeat-x;
line-height: 10px
}
.footer-txt a:hover {
text-decoration: underline;
}
.footer-txt a{
color: #2652a1;
font-family:verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
a.servs-sp { color:#555 }
.footer-txt img{
margin: 2px 0 -4px 1px
}
/* #################### FOOTER #################### */
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left; }
/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
@media only screen and (max-width: 999px){
.menu { display: block; width: 260px; max-width: 260px !important; position: absolute; left: 0; z-index: 999 !important; background-color:#FFF !important; }
.menu > li { display: block; width: 100%; margin: 0; }
.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu-p { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ .menu { display: block; opacity: 1;}
}
.header-mob { height: 50px !important;
background-color: #004da2 !important; margin-top: -41px; background: url(../Img/bg-header-mob.png); background-position: right; background-repeat: no-repeat; }
.nav, .nav2 {
margin: 1px 0 35px 0 !important;
}
.nav, .menu, .menu > li, .menu > li > a{
height: 100%;
}
.nav2 { margin-top: -60px !important }
.menu { margin-top: 0 !important; margin-bottom: 10px !important; border-right: 2px solid #B6B6B6; border-bottom: 3px solid #999 }
.menu img { position: relative; left: 1px !important; top: -7px !important; vertical-align: top !important; margin-right: 3px !important }
.menu li { border-bottom: 1px solid #999; border-top: 1px solid #FFF !important}
.menu > li > a{
display: block;
padding: 16px 15px 2px 5px !important;
min-height: 20px !important;
text-decoration: none;
font-weight: normal;
font-size: 15px;
line-height: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.menu > li > a:hover, .menu > li > a:focus{
background: #F2F2F2;
box-shadow: inset 0px 5px #666;
color: #444;
padding: 50px 20px 34px;
}
.toggle{
z-index: 999;
}
@media only screen and (max-width: 999px){
.menu{
background: #f4f4f4;
border-top: 1px solid #666;
}
.menu, .menu > li, .menu > li > a{
height: auto;
}
.menu > li > a{
background: #f4f4f4;
padding: 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-align: left
}
.menu > li.voltar > a{
background: #999 !important; color: #FFF; font-weight:bold; padding: 14px 15px 0 5px !important; }
.nav .menu li.rh a {
padding: 12px 5px 12px 15px !important; line-height: 16px !important }
.menu > li > a:hover, .menu > li > a:focus{
background: #FFF;
color:#999999;
box-shadow: inset 5px 0px #999;
padding: 10px 15px 10px 25px;
}
.menu-p img {
position: absolute;
top: 19px;
left: 13px;
}
.menu-p {
display: block;
margin: 0;
padding: 15px 0 15px 0;
padding-left: 40px !important;
background-repeat: repeat-x; background-position:bottom;
background-color: #E9E9E9;
text-align: center;
width: 100%;
font-size: 14px;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
color: #555;
border-bottom: 2px solid #888;
}
a.menu-p {
display: block; text-decoration:none !important;
}
}
@media only screen and (max-width: 470px){
.header > h1 {
text-align: center;
}
.header > h1, .nav, .toggle:after{
float: none;
}
.toggle:after {
text-align: center; width: 100%;
}
}