@media (max-width: 799px) {
	
ul#crscmob li#crsclink a  { height: 2px !important; padding-top: 2px !important; padding-bottom: 10px !important; padding-left: 2px !important}	
ul#crscmob li#crsclink h3  { line-height: 20px !important }		
ul#crscmob li#titcrsc2 { margin-bottom: 12px !important }
li.regioescrsc {padding-top: 14px !important }	


ul li#crsclink a  { height: 2px !important; padding-top: 2px !important; padding-bottom: 10px !important}	
 
}


a.print-cat { position: relative; top: 30px;  }
a.print-cord { position: relative; top: 6px; }
a.print-crsc-cpma { position: relative; top: 10px;  }
a.print-crsc-caef { position: relative; top: 10px;  }


a.print-inauguracoes { position: relative; top: 6px; left: 247px; background-color: #fff !important; padding: 4px 5px 2px 5px	}
a.print-siglas { position: relative; top: -1px; left: 247px; background-color: #fff !important; padding: 4px 5px 2px 5px	}

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: 240px	
}	
	
ul#crscmob { padding-top: 58px !important }



p.visitacao a {
font-weight: bold;
font-size: 13px !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: 4px !important;
padding-bottom: 8px !important;
padding-top: 4px !important;
margin-left: 20px;

}


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


h3.title { 
font-weight: normal !important;
font-size: 14px !important; 
text-decoration:none !important; 
color: #000 !important;  
display:block !important; 
border-bottom: none !important; 
margin: 0;
font-weight: 500 !important; 
padding: 7px 2px 5px 2px !important;
font-family: Myriad pro, Verdana, arial !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 {
	display: none 
} 

 
li.regioes { margin-bottom: 8px !important; margin-top: -19px !important }

.plano-expansao { position: relative; top: 25px !important; }




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

.units { 
  background-color: #FFF !important; 
  padding: 0 3px 3px 0; 
  word-wrap: break-word;
  display: list-item !important
}
 
 
 li#mapah5 div {
font-size: 12px !important;
font-weight: bold;
color: #222;
margin: 0px 0 5px 3px
 }
 
 
 

div.accordion { background-color: #FFF; margin: 12px 4px 2px  -7px; 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: 146px;  }
div.accordion img.hc { position: relative; top: -41px; left: 156px;  }
p.dados { line-height: 17px !important;  padding: 3px 11px 5px 0 !important; margin: -31px 1px 5px 20px; border-bottom: 1px dashed #666; font-family:Verdana, Geneva, sans-serif !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.crnor { border-left: 6px solid #84a5be;}
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 ;}



h3.title a, h3.title a:visited { 
font-size: 12px; 
text-decoration:none !important; 
color: #444 !important;  
display:block !important; 
border-bottom: 1px solid #CCC !important; 
margin: 0 0 -4px 0 !important;
padding: 1px 1px 1px 2px !important;
font-family:Verdana, Geneva, sans-serif !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 5px 0px !important;
padding: 1px 5px 1px -11px !important;}

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

ul.list-uni-ul li#titcrsc   {
	margin-bottom: 7px !important; 
}

h3.title2   {
	margin-top: 5px !important 
}
h3.title3   {
	margin-bottom: 10px !important 
}
h3.titlecat  {
	margin-top: -8px !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: -12px 5px -7px -10px !important;
padding: 1px 10px !important;}





#titcrsc, #titcrsc2  { font-weight:bold }
#titcrsc { margin-left: -7px !important; padding-bottom: 8px !important }
#titcrsc2 { margin-left: 3px !important; margin-top: -12px !important }


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


h3.titlehos { margin-bottom:14px !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: 23px 0 1px 0 !important;}
ul.list-uni-ul li#titcrsc2  { padding-top: 18px  !important; margin-bottom: -3px !important; }
ul.list-uni-ul li#titcrsc  { margin-bottom: -10px  !important; margin-top: -17px !important}

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


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

/*firefox only hack*/
@-moz-document url-prefix() { 
.regioes { margin: -8px 0 0 -1px !important;} 
}
 
/*Opera only hack*/
doesnotexist:-o-prefocus, .regioes { margin-top: -6px !important }


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


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

 }
 .pop-data, .pop-dados   { font-size: 12px !important; margin-left: 20px; line-height: 17px !important;  font-family: Verdana, Geneva, sans-serif !important; }	
.pop-data {
	color: #222;  font-family: Verdana, Geneva, sans-serif !important;
}
.popu { margin-left: 5px }
.pop-ala{
	color:#FF3300;
	font-weight: bold;
	display: block;
	line-height: 17px !important;
	margin: 0 0 -14px 20px;
  font-family: Verdana, Geneva, sans-serif !important;
}
.pop-dados {
	color:#0065D5; font-weight:bold ; 	line-height: 13px !important; font-family: Verdana, Geneva, sans-serif !important;
}
.numero { background-color: #555 !important; font-size: 12px !important; padding: 2px 0 !important }

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

.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 {

  background-color: transparent !important;
  margin-left: 5px
  
  }
#wrap {   padding: 1px; margin: 7px 0 40px -7px !important; background-color:#FFFFFF !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: 290px !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: 10px !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: 22px !important; display:block; padding: 8px 3px 0 6px; }
 
#abas1 {  background-image: url(../Img/bg-aba2.png); background-repeat: repeat-x;}
#abas2 a { height: 15px !important; padding-top: 5px; padding-bottom: 1px !important; padding-left: 3px; padding-right: 3px ; font-size: 10px !important; color:#000  }
#abas2  { height: 20px !important; margin: 4px 8px -2px 0 !important; padding:  0; background-image: url(../Img/bg-aba2.png); background-repeat: repeat-x !important; border-bottom: none !important; }
#abas2 a.current{
 background-image: url(../Img/bg-aba.png); background-repeat: repeat-x;  margin-top: 0 !important; 	 
}
#abas1 a.current {
 background-image: url(../Img/bg-aba1.png); background-repeat: repeat-x;  margin-top: 0 !important; 	 
}

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

#abas3, #abas4, #abas5, #abas6, #abas7, #abas8, #abas9, #abas10  { height: 20px !important; margin: 4px 8px -2px 0 !important; padding:  0; background-image: url(../Img/bg-aba2.png); background-repeat: repeat-x !important; border-bottom: none !important; }

#abas3 a.current { background-image: url(../Img/bg-aba33.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas4 a.current { background-image: url(../Img/bg-aba4.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas5 a.current { background-image: url(../Img/bg-aba5.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas6 a.current { background-image: url(../Img/bg-aba6.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas7 a.current { background-image: url(../Img/bg-aba7.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas8 a.current { background-image: url(../Img/bg-aba8.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas9 a.current { background-image: url(../Img/bg-aba.png); background-repeat: repeat-x;  margin-top: 0 !important; }
#abas10 a.current { background-image: url(../Img/bg-aba10.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;
	
}





/* 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; }