html
    {
	    height: 100%;
    }
    img
    {
	    border: 0;
    }
    body
    {
	    font-family: Verdana, Arial, Sans-Serif;
	    font-size: 10px;
	    margin: 0 auto;
	    padding: 0;
	    height: 100%;
	    text-align: center;
    }
    a
    {
	    color: Black;
	    text-decoration: none;
    }
    .divGeral
    {
	    /*width: 994px;
	    text-align: left;
	    margin: 0 auto;*/
    }
    .divFrame
    {    	
    	padding-left:6px;
    	float:left;
    	margin-top:20px;
    	margin-bottom:60px; 
    	line-height:200%;
    }
    .divFrame a
    {    	
    	color:#0D5E84;
    	font-weight:bold;    	
    }
    .divFrame a:hover
    {    	
    	text-decoration:underline;    	
    }
   
    /* 
    Topo
    */
    
    .bgTopoContainerLeft
    {
        background-image:url('/portal/img/web/bgGradient.png');
        background-repeat:repeat-x;
        /* ALTERADO DEVIDO A PROBLEMA NO COMPUTADOR DO SUPERINTENDENTE - VILLELA, QUE USA O BROWSER INTERNET EXPLORER E OS BOTÕES DO TOPO DO SITE APARECEM EM FADE NA TELA
		min-width:994px;*/
    }
	
    .topoContainer
    {
        text-align:left;
        height:270px;

    }
   
    .divTopoWeb
    {

        min-width:994px;
        margin:0 auto;
        text-align:left;
        height:130px;
        background-image:url('/portal/img/web/logoISCMSPNovo.png');
        background-repeat:no-repeat;
        background-position:center center;
    }     
    .divTopoWebV2
    {
        float:right;
        width:185px;
        height:200px;
    }  
    
    .imgContatoTopo
    {
        margin:18px 0px;
    }
    
    .txtBusca
    {
         width:120px;
         height:16px;
         border:0;
         color:#CCCCCC;
         font-size:12px;
    }  
       
    .txtBuscaTopo
    {
        height:46px;
        padding:2px 3px;
        background-image:url('/portal/img/web/bgBusca.png');
        background-repeat:no-repeat;
    }
    
    
    /*
     Barra Topo 
    */
    
    .menuBarraContainer
    {
        background-color:#F4F4F4;
    }
    
    .divBarraPortal
    {
        width:994px;
        margin:0 auto;
        text-align:left;
        height:20px; 
                
        margin-bottom:1px;      
        font-size:10px;        
    }
    .divBarraPortal div
    {
       height:12px;
       float:left;       
       margin:2px 0px;    
       padding:2px 14px;
       color:#4F4F4F;
       border-left:1px solid #CCCCCC;
    }
    .divBarraPortal div:hover
    {
       background-color:#E9E9E9;
    }

    
     
    /*        
     Rodapé
    */
      
    .menuRodapeContainer
    {
        border-top:2px solid #A3CFE0;
        /*background-color:#EEF4F9;*/
        background-color:#0D78AC;
        font-size:10px;
        clear:both;
    }   
    
    .divMenuRodape
    {
        width:994px;
        margin:0 auto;
        text-align:left;
    }          

    .menuRodape ul
    {
        vertical-align:top;
        display:inline-block;
        list-style:none;
        /*float:left;*/
        margin:10px 25px;
        padding:0 6px;
        width:180px;     
        /*border-left:1px solid #BCDCE9;*/
        border-left:1px solid #4BA2C2;           
    }   
    .menuRodape ul li a
    {
        display: block;       
        padding: 5px 4px;    
        /*color:#266F91;    */
        color:White;
    }   
    .menuRodape ul li a:hover
    {
        background-color:#55AAD2;
        cursor:pointer;
    }
    
    .menuRodape ul li a.disabled:hover
    {
        background-color:#0D78AC;
        cursor:default;
    }
    
    .menuRodape ul ul
    {
        margin-left:15px;   
    }
    
    .menuRodape ul ul li a
    {        
        font-weight:bold;
    }
    
    .menuRodape ul ul ul li a
    {        
        font-weight:normal;
    }
    
    /*
     Menu principal (Topo)
    */
     
    .menuTopo {
        width: 994px;
        margin:0 auto;
        text-align:left;

    }
    .menuTopoContainer
    {
        height:36px;
        padding-bottom:2px;
        border-bottom:3px solid #82c6f9;
        
        position:absolute;z-index:10;width:100%
    }

    .menuTopo ul {
        list-style: none;
        margin: 0px 1px;
        padding: 0;
        width: 138px;
        float: left;            
    }

    .menuTopo h2 
    {
        color:#FFFFFF;
        font-family:Verdana;
        font-weight:normal;
        font-size:12px;
        display: block;
        margin: 0;
        padding: 3px;
        cursor:pointer;    
        background-image:url('/portal/img/web/bgMenu.png');
        background-repeat:no-repeat;
        text-align:center;
    }
    .menuTopo ul li:hover h2
    {
        padding-bottom:6px;
    }
    
    /* Azul */
    .menuTopo ul li:hover h2.menuAzulSub
    {
        background-image:url('/portal/img/web/bgMenuActiveAzul.png');
    }
    h2.menuAzulActive
    {
        background-image:url('/portal/img/web/bgMenuActiveAzul.png');
        padding-bottom:6px;
    }
     /* Verde */
    .menuTopo ul li:hover h2.menuVerdeSub
    {
        background-image:url('/portal/img/web/bgMenuActiveVerde.png');
    }
    h2.menuVerdeActive
    {
        background-image:url('/portal/img/web/bgMenuActiveVerde.png');
        padding-bottom:6px;
    }
    
     /* Laranja */
    .menuTopo ul li:hover h2.menuLaranjaSub, .menuLaranjaActive
    {
        background-image:url('/portal/img/web/bgMenuActiveLaranja.png');
    }
    h2.menuLaranjaActive
    {
        background-image:url('/portal/img/web/bgMenuActiveLaranja.png');
        padding-bottom:6px;
    }
    
    /* Oliva */
    .menuTopo ul li:hover h2.menuOlivaSub, .menuOlivaActive
    {
        background-image:url('/portal/img/web/bgMenuActiveOliva.png');
    }
    h2.menuOlivaActive
    {
        background-image:url('/portal/img/web/bgMenuActiveOliva.png');
        padding-bottom:6px;
    }
    
     /* Roxo */
    .menuTopo ul li:hover h2.menuRoxoSub, .menuRoxoActive
    {
        background-image:url('/portal/img/web/bgMenuActiveRoxo.png');
    }
    h2.menuRoxoActive
    {
        background-image:url('/portal/img/web/bgMenuActiveRoxo.png');
        padding-bottom:6px;
    }   

    
    .menuTopo h2 span
    {
        height:29px;
        display:block
    }
    .menuTopo h2 span span
    {
        display:block;
        padding-top:7px;
    }    
    
    .menuTopo ul a 
    {
        text-decoration: none;
        font-family:Verdana;
        font-size:10px;
        display: block;
        margin: 0;
        padding: 6px 3px;

    }    

    .menuTopo ul ul {
        position: absolute;
        z-index: 500;
        margin: 0px;
        width:180px;
        /*overflow:hidden;*/
    }

    .menuTopo ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        margin: 0px;
        border-top:1px;
    }
    
    
    /* 
    Cor: Azul
    */

    .menuTopo ul.menuBgAzul a , .menuTopo ul.menuBgAzul a.disabled:hover
    {
        color:#0B5375;
        background: #EDF4F8;        
    }    
    .menuTopo ul.menuBgAzul a.disabled:hover
    {
        cursor:default;
    }

    .menuTopo ul.menuBgAzul a:hover {
        color: #FFFFFF;
        background: #1E93CC;
        cursor:pointer;
    }
       
    .menuTopo ul.menuBgAzul ul {
        border:1px solid #2598CE;
        border-top:5px solid #2598CE;
        background-color:#EDF4F8;
    }

    .menuTopo ul.menuBgAzul ul ul {
        background-color:#1E93CC;
    }
    
    /* 
    Cor: Verde
    */

    .menuTopo ul.menuBgVerde a, .menuTopo ul.menuBgVerde a.disabled:hover
    {
        color:#4F702E;
        background: #ECF5E2;       
    }    
    .menuTopo ul.menuBgVerde a.disabled:hover
    {
        cursor:default;
    }

    .menuTopo ul.menuBgVerde a:hover {
        color: #FFFFFF;
        background: #639531;
        cursor:pointer;
    }
    
    .menuTopo ul.menuBgVerde ul {
        border:1px solid #2598CE;
        border-top:5px solid #2598CE;
        background-color:#EDF4F8;
    }

    .menuTopo ul.menuBgVerde ul ul {
        background-color:#1E93CC;
    }
    
    /* 
    Cor: Laranja
    */

    .menuTopo ul.menuBgLaranja a, .menuTopo ul.menuBgLaranja a.disabled:hover
    {
        color:#BA500A;
        background: #FDE4D5;        
    }    
    .menuTopo ul.menuBgLaranja a.disabled:hover
    {
        cursor:default;
    }

    .menuTopo ul.menuBgLaranja a:hover {
        color: #FFFFFF;
        background: #F48C46;    
        cursor:pointer;    
    }
    
    .menuTopo ul.menuBgLaranja ul {
        border:1px solid #FABB92;
        border-top:5px solid #FABB92;
        background-color:#FDE4D5;
    }

    .menuTopo ul.menuBgLaranja ul ul {
        background-color:#1E93CC;
    }
    
    /* 
    Cor: Oliva
    */

    .menuTopo ul.menuBgOliva a, .menuTopo ul.menuBgOliva a.disabled:hover
    {
        color:#4F6851;
        background:#D1DCD2;        
    }    
    .menuTopo ul.menuBgOliva a.disabled:hover
    {
        cursor:default;
    }

    .menuTopo ul.menuBgOliva a:hover {
        color: #FFFFFF;
        background: #617E63;    
        cursor:pointer;    
    }
    
    .menuTopo ul.menuBgOliva ul {
        border:1px solid #2598CE;
        border-top:5px solid #2598CE;
        background-color:#EDF4F8;
    }

    .menuTopo ul.menuBgOliva ul ul {
        background-color:#D1DCD2;
    }
    
    /* 
    Cor: Roxo
    */

    .menuTopo ul.menuBgRoxo a, .menuTopo ul.menuBgRoxo a.disabled:hover 
    {
        color:#4F702E;
        background: #ECF5E2;  
    }    
    .menuTopo ul.menuBgRoxo a.disabled:hover
    {
        cursor:default;
    }

    .menuTopo ul.menuBgRoxo a:hover {
        color: #FFFFFF;
        background: #1E93CC;
        cursor:pointer; 
    }
    
    .menuTopo ul.menuBgRoxo ul {
        border:1px solid #2598CE;
        border-top:5px solid #2598CE;
        background-color:#EDF4F8;
    }

    .menuTopo ul.menuBgRoxo ul ul {
        background-color:#1E93CC;
    }
    
    
    .menuTopo li {position: relative;}

    div.menuTopo ul ul,
    div.menuTopo ul li:hover ul ul,
    div.menuTopo ul ul li:hover ul ul
    {display: none;}

    div.menuTopo ul li:hover ul,
    div.menuTopo ul ul li:hover ul,
    div.menuTopo ul ul ul li:hover ul
    {display: block;}
    

    /* 
    Menu lateral
    */
    
    #thumb
    {
	    position: relative;
	    height: 50px;
	    width: 12px;
    }
    .divMenu
    {
	    min-height: 40px;
	    width: 187px;
	    float: left;
    }
    .divMenu a
    {
	    display:block;
	    padding: 6px;
	    border-bottom: 1px solid White;	   
    }

    
    /************************** 
    Cores do menu superior 
    **************************/
        
    .menuVerde
    {
        background-image:url('/portal/img/web/bgMenuActiveVerde.png');
    }
    
    .menuAzul
    {
        background-image:url('/portal/img/web/bgMenuActiveAzul.png');
    }
   
    .menuLaranja
    {
        background-image:url('/portal/img/web/bgMenuActiveLaranja.png');
    }
    
    .menuOliva
    {
        background-image:url('/portal/img/web/bgMenuActiveOliva.png');
    }
    
    .menuRoxo
    {
        background-image:url('/portal/img/web/bgMenuActiveRoxo.png');
    }

    /************************** 
    Cores do topo 
    **************************/
    
    .topoVerde
    {
        background-color:#CEE6B5;        
    }
    
    .topoAzul
    {
       background-color:#f0f0f0;
    }
   
    .topoLaranja
    {
       background-color:#FDD9C1;
    }
    .topoOliva
    {
       background-color:#BCCBBD;
    }
    
    .topoRoxo
    {
     background-color:#f0f0f0;   
    }
    
    .topoCinza
    {
        background-color:#f0f0f0;
    }
    
    
    .bgVerde, .bgLaranja, .bgOliva, .bgAzul, .bgRoxo, .bgCinza
    {
        background-repeat:no-repeat;
    }
    
    .bgVerde
    {
        background-image:url('/portal/img/web/bgVerde.png');         
    }
    .bgLaranja
    {
        background-image:url('/portal/img/web/bgLaranja.png');         
    }
    .bgOliva
    {
        background-image:url('/portal/img/web/bgOliva.png');         
    }
    .bgAzul
    {
        background-image:url('/portal/img/web/bgAzul.png');         
    }
    .bgRoxo
    {
        background-image:url('/portal/img/web/bgRoxo.png');         
    }
    .bgCinza
    {
        background-image:url('/portal/img/web/bgCinza.png');         
    }
    
    
    .linhaAzul
    {
        border-bottom:3px solid #83c6f9;
    }
    
    .linhaVerde
    {
        border-bottom:3px solid #75B03C;
    }
    .linhaRoxa
    {
        border-bottom:3px solid #83c6f9;
    }    
    .linhaLaranja
    {
        border-bottom:3px solid #FA934E;
    }
    .linhaOliva
    {
        border-bottom:3px solid #57735A;
    }
    
    .linhaCinza
    {
        border-bottom:3px solid #83c6f9;
    }
    
    .bgVerde .tituloSite, .bgVerde .subtituloSite
    {
        color:#6C9841;
    }
    
    .bgAzul .tituloSite, .bgAzul .subtituloSite
    {
        color:#7c7c7c;
    }
    
    .bgLaranja .tituloSite, .bgLaranja .subtituloSite
    {
        color:#EB6105;
    }
    
    .bgOliva .tituloSite, .bgOliva .subtituloSite
    {
        color:#57735A;
    }
    
    .bgRoxo .tituloSite, .bgRoxo .subtituloSite
    {
        color:#B1B1B1;
    }
    
    .bgCinza .tituloSite, .bgCinza .subtituloSite
    {
        color:#7c7c7c;
    }
   
    
    /**********************
    Subsite
    ************************/

    .divConteudoHome
    {
        width:994px;
        margin:0 auto;
        text-align:left;
        clear:both;
    }
    .tituloSubsite
    {        
        height:120px;
        overflow:hidden;        
    }
    .tituloSubsite .tituloSubsite2
    {
        height:inherit;
        width:994px;
        text-align:left;
        margin: 0 auto;        
    }
    .tituloSubsite div div
    {
       height:88px;
       padding:16px 24px;
       height:inherit;
    }
    .tituloSite
    {
       display:block;        
       font-size:30px;       
       font-family:Verdana;
       font-weight:bold;
       margin-left:200px;
    }
    .subtituloSite
    {
       display:block; 
       font-size:12px;
       margin-left:200px;
       margin-top:5px;
       font-family:Verdana;
    }
    .conteudoContainer
    {
       background-color:White;
       clear:both;
       margin-bottom:30px;
    }