#regcrsc { margin-top: -28px !important; padding-bottom: 6px}

p.unidades  { line-height: 14px !important}

#datinau { font-weight: bold !important; font-family: arial !important }







a.print-cat { position: relative; top: 21px;  }
a.print-cord { position: relative; top: 0px; }
a.print-crsc-cpma { position: relative; top: 3px;  }
a.print-crsc-caef { position: relative; top: 3px;  }
a.print-inauguracoes { position: relative; top: 6px; left: 195px; background-color: #fff !important; padding: 3px 3px 2px 4px	}
a.print-siglas { position: relative; top: 6px; left: 195px; background-color: #fff !important; padding: 3px 3px 2px 4px	}

div.inauguracoes { margin-top: -15px !important }

a.print-crsc-caef:hover, a.print-crsc-cpma:hover, a.print-cord:hover { background-color: #fff !important }

a.print-cat, a.print-cord, a.print-crsc-cpma, a.print-crsc-caef {
 left: 198px	
}	
	



p.visitacao a {
font-weight: bold;
font-size: 12px !important;
z-index: 999 !important;
background-color: transparent !important;
display: inline-block !important ;
padding-bottom: 0px !important;
text-decoration: none;
color: #0073e6;
font-family: verdana, arial !important
}
p.visitacao a:hover {
text-decoration: underline;

}


p.visitacao  {
border-bottom: 1px dashed #000 !important;
margin-bottom: 2px !important;
padding-bottom: 4px !important;
padding-top: 2px !important;
margin-left: 4px;

}


 @-moz-document url-prefix() { 
p.visitacao  { padding-bottom: 6px !important; }
p.visitacao  { padding-top: 1px !important; }
}



@media (max-width: 799px) {

img.ico-whats { position: relative; top: 0; left: 0 }


h3.title { 
font-size: 11px; 
text-decoration:none !important; 
color: #555 !important;  
display:block !important; 
border-bottom: none !important; 
margin: 0;
padding: 7px 2px 5px 2px !important; }
 .wrap, .pane {
  border-bottom: 1px solid black !important
  }
 div.wrap {
	 margin-top: -25px !important;
  border-bottom: none !important
  }
.tit-img, #banners-rev-museu-nss, #banners-dir, .ver-mais, .plano-expansao {
	display: none 
} 
p.numero { font-size: 12px !important; padding: 2px !important } 
 
li.regioes { margin-bottom: 18px !important; margin-top: 13px !important }

}


.tit-inau { display: none !important }
h4.coords { 
	font-size: 11px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	margin: 3px 7px 4px 4px !important;		 	
	clear: both !important;
	font-weight: normal !important; 
	line-height: 12px !important; 
	color: #444 !important; 
	max-width: 128px !important
}


h4.coordshc { 
	max-width: 140px !important
}


.units { 
  background-color: #FFF !important; 
  width: 250px;
  padding: 0 3px 3px 0; 
  word-wrap: break-word;
  display: list-item !important
}
 

div.accordion { background-color: #FFF; margin: 12px 14px 2px  -4px; padding-bottom: 7px; border-bottom: 1px solid #CCC !important; overflow:hidden !important; font-size: 11px; color:#000 !important  }
div.accordion a { border: none !important; background-color:#FFF !important}
div.accordion img { position: relative; top: -31px; left: 130px; margin-right: 3px }
div.accordion img.hc { position: relative; top: -41px; left: 146px;  }

p.dados { line-height: 15px !important;  padding: 3px 11px 5px 0 !important; margin: -32px 16px 4px 10px; border-bottom: 1px dashed #666; min-width: 218px !important}
p.dadosnov {  border-bottom: none !important; margin-bottom: -2px !important }

 
.cor-ult {
	color: #333333 !important;
	display:block !important;
	margin-bottom: -15px !important;
	font-weight: bold !important;
	margin-top: 2px !important;
}
 
h3.crno { border-left: 6px solid #8ac0f2;}
h3.croe  { border-left: 6px solid #e9a9a6;}     
h3.crce   { border-left: 6px solid #99d591;}
h3.ccapt   { border-left: 6px solid #f0b381;}
h3.cvli  { border-left: 6px solid #d7d678 ;}
h3.css  { border-left: 6px solid #01af9d ;}



ul#crscmob h3.title {margin-bottom: 5px !important; margin-left: -1px !important }
ul#crscmob li#titcrsc2  {margin-bottom: 5px !important; }

ul#crscmob { padding-top: 12px !important }


h3.title a, h3.title a:visited { 
font-size: 11px; 
text-decoration:none !important; 
color: #555 !important;  
display:block !important; 
border-bottom: 1px solid #CCC !important; 
margin: 0 0 -5px 0 !important;
padding: 3px 4px 1px 4px !important;}

h3.title2 a, h3.title2 a:visited, #titcrsc2 { 
font-size: 12px; 
text-decoration:none !important; 
color: #BE0307 !important;  
display:block !important; 
border-bottom: 1px solid #CCC !important; 
margin: 2px 5px 4px -10px !important;
padding: 1px 10px !important;}

h3.title2, #titcrsc2   {
	margin-bottom: 0px !important
}

 @-moz-document url-prefix() { 
h3.title2  {
	margin-bottom: 6px !important }
	}
 @-moz-document url-prefix() { 
h3.title a, h3.title a:visited { 
margin: -3px 0 -5px 0 !important;
padding: 3px 4px 1px 4px !important;}
	}	

 @-moz-document url-prefix() { 
li#titcrsc2   {
	padding-bottom: 3px !important}
	}

	
	
li#titcrsc   {
	margin-bottom: 0px !important 
}


h3.title3 a, h3.title3 a:visited, #titcrsc  { 
font-size: 13px; 
text-decoration:none !important; 
color: #000 !important;  
display:block !important; 
border-bottom: 1px solid #CCC !important; 
margin: -16px 5px -3px -10px !important;
padding: 1px 10px !important;}


#titcrsc, #titcrsc2  { font-weight:bold }
#titcrsc2  { margin-bottom: 7px !important}



ul.list-uni-ul li a:hover, ul.list-uni-ul li a { color:#333 !important }


h3.titlehos { margin-bottom:6px !important }

h3.title a:hover, ul.list-uni-ul li a:hover, ul.list-uni-ul li a:visited  { background-color: #EFEFEF; }	
ul.list-uni-ul li a  { border-bottom: 1px solid #CCC !important; padding: 4px 0 1px 0 !important;}
ul.list-uni-ul li#titcrsc2  { padding-top: 7px  !important;}
ul.list-uni-ul li#titcrsc  { margin-bottom: -3px  !important; margin-top: -24px !important;}

ul.list-uni-ul { margin: 0 0 0 1px !important}

.regioes { background-color:#FFF !important;border: none !important; padding-bottom: 3px; margin: -26px 0 -3px -1px !important;} 

 div.accordion img.contatos { position: relative; top: -31px; left: 92px; margin-right: -33px }


 @-moz-document url-prefix() { 
div.accordion img { position: relative; top: -31px; left: 127px; margin-right: 3px }
}
 @-moz-document url-prefix() { 
div.accordion img.contatos { position: relative; top: -31px; left: 92px; margin-right: -31px }
}
 @-moz-document url-prefix() { 
#firefox  { letter-spacing: -0.020em; }
}

/*Opera only hack
doesnotexist:-o-prefocus, .regioes { margin-top:  4px !important }*/


ul.retratil {padding: 5px 0 0 0;}

 

ul.retratil {
	margin:-5px 0 0 5px !important; 
	padding:0;
list-style:none;

 }
 .pop-data, .pop-dados   { font-size: 11px !important; line-height: 15px; font-family: Verdana, Geneva, sans-serif !important; }	
 .pop-data, .pop-dados, p.dados, .pop-ala   {  margin-left: 4px !important;  }	 
.pop-data {
	color: #222;
}
.popu { margin-left: 5px }
.pop-ala{
	color:#FF3300;
	font-weight: bold;
	display: block;
	line-height: 15px !important;
	margin: 0 0 -14px 10px;
	font-family: Verdana, Geneva, sans-serif;	
}
.pop-dados {
	color:#0065D5; font-weight:bold ; 	line-height: 15px !important; font-family: Verdana, Geneva, sans-serif !important;
}
.numero { background-color: #555 !important }
.unidades { margin: 4px 0 4px 0 !important;}
.data{ display:inline-block; margin: 2px 0 2px 0}

.tit-unidades {margin: -7px 0 8px 12px  !important; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; font-weight:bold }
.tit-unidades img.mapa-mini { margin: 8px 2px -36px 9px !important}


  div.wrap {
  font-family:Arial, Helvetica, sans-serif !important;
  background-color: transparent !important;
  width: 250px !important;
  margin-left: 5px
  
  }
#wrap {   width: 240px !important;  padding: 1px; margin: 7px 0 40px -9px !important; background-color:#FFFFFF !important}

/*
@-moz-document url-prefix() { 
#wrap { letter-spacing: -0.025em !important}
}  
*/
 
 
@-moz-document url-prefix() { 
h4.coords { letter-spacing: 0em !important}
}   
  .wrap .pane  {
  display:none;
  border-top:0;
  font-size:12px;
  color:#456;

  }
  


/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
	width: 250px !important;
	background-color:#FFFFFF !important

}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 10px 0 0 !important;
    list-style-image:none !important;
}


ul#abamain li  {
	margin-right: 4px !important; height: 29px !important
}
ul#abamain li a  {
	padding-right: 4px !important; padding-left: 4px !important
} 

/* link inside the tab. uses a background image */
ul.tabs a {
    font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#999;
    position:relative;
	font-weight: normal !important
}
#abas1 a { line-height: 11px !important; height: 21px !important; display:block; padding: 9px 3px 0 6px; }
 
  @-moz-document url-prefix() { 
 #abas1 a { padding: 8px 3px 0 6px; }
  }
#abas1  {  margin: 0 6px 0 0 !important; border-bottom:none  }
#abas1 {  background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba2.png); background-repeat: repeat-x;}
#abas2 a { height: 16px !important; padding-top: 4px; padding-bottom: 1px !important; padding-left: 2px; padding-right: 2px ; font-size: 10px !important; color:#000  }
#abas2  { height: 20px !important; margin: 4px 2px -2px 0 !important; padding:  0; background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba2.png); background-repeat: repeat-x !important; border-bottom: none !important; }
#abas2 a.current {
 background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba.png); background-repeat: repeat-x;  margin-top: 0 !important; 	 
}

#abas3 a, #abas4 a, #abas5 a, #abas6 a, #abas7 a, #abas8 a, #abas9 a { height: 16px !important; padding-top: 4px; padding-bottom: 1px !important; padding-left: 2px; padding-right: 2px ; font-size: 10px !important; color:#000  }

#abas3, #abas4, #abas5, #abas6, #abas7, #abas8, #abas9  { height: 20px !important; margin: 4px 3px -2px 0 !important; padding:  0; background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba2.png); background-repeat: repeat-x !important; border-bottom: none !important; }
#abas3 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba33.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas4 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba4.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas5 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba5.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas6 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba6.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas7 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba7.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas8 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba8.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas9 a.current { background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba.png); background-repeat: repeat-x;  margin-top: 0 !important; }

ul.ult-uni { padding-bottom: 60px !important }




ul.tabs a:active {
    outline:none;  
}

/* when mouse enters the tab move the background image */


/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    cursor:default !important;
    color:#FFF !important;
	font-weight:bold !important;
 background-image: url(http://www1.sap.sp.gov.br/Img/bg-aba1.png); background-repeat: repeat-x 
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px;}

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
	
}

ul.categorias li  { margin-right: 4px !important }



/* Comunicados DRHU */


ul.tabs-drhu {
    margin: 0;
	width: 220px;
    padding: 0 0 2px 0;
}

li.tab-drhu {
    display: inline;
	width: 220px;	
    padding: 3px 5px 3px 5px;
    list-style: none;
	background-image:url(http://www1.sap.sp.gov.br/Img/bg-aba-drhu.png);
	background-repeat:repeat-x;
    border: 1px #333 solid;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:bold;
	cursor:pointer
}

li.tab-drhu.active {
	background-image:url(http://www1.sap.sp.gov.br/Img/bg-aba2-drhu.png);
	background-repeat:repeat-x;
    border-bottom-color: #111;
	color:#FFF
}

li.tab-drhu .remove {color: #900;}

.content-drhu {
	padding:5px 6px 5px 6px;
	max-width: 205px;
	list-style:none !important;
	margin-top: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	
    border: 1px #A2A2A2 solid;
}
.content-drhu li { line-height: 13px; padding-left: 6px; padding-right: 6px;  }

.content-drhu a {
	display:block;	
	text-decoration:none;
	color:#333;
	
}
.content-drhu a:hover {
	text-decoration: underline;
}

.margin-b { margin-bottom: 2px }

.nomeia a:hover {
	background-color: #DDD !important;
	text-decoration:none !important;
	color: #333 !important
}

#col-direita { width:219px; background-color: #FFF; position:relative; top: -840px; left: 771px  }

.nomeacoes { 
margin: -4px 0 3px -7px !important;  
background-color:#666; 
color:#FFF; 
padding: 3px 0 3px 0; 
text-align:center; 
width: 218px; 
font-weight:bold; 
font-size:12px;
font-family: Verdana, Geneva, sans-serif !important  
}
#banners-dir { margin: 14px 0 0 0 }

#banners-rev-museu-nss {
	position: relative;
	top: -524px;
	left: 267px;
	width: 492px
}
.plano-expansao { position: relative; top: 2px; }