@charset "utf-8";


/* CSS Document */

/* TOPO */ 

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


{ border:0; padding:0; margin:0; text-indent:0; list-style:none; text-decoration:none}
.top
{
	/* Posicionamento */ position:absolute; left:0px; top:0px; right:0px;
	/* Dimensoes */      width:100%; height:20px;
	/* Estilo */         background-image:url(metrovia/imagens/fundo_top.jpg);
}

		.top-interior
		{
		        /* Posicionamento */ position:absolute; left:20%; top:2px; right:;
		        /* Dimensoes */ width:60%; height:20px;
		        /* Estilo */ 
			/* Fonte */ color:white;
		}

                        .top-interior a
                        {
                                color:white;font:12px Arial, Helvetica, sans-serif;
                        }

                        .top-interior a:hover
                        {
                                color:rgb(254,204,2);font:12px Arial, Helvetica, sans-serif;
                        }

		
			.top-interior table tr td
			{ 
				color:white;font:12px Arial, Helvetica, sans-serif;  
			}

			.top-interior img 
			{
				margin-top: -3px;
				padding-left: 5px;
			}

			.top-interior td
                        {
                               padding-left: 5px;
				
                        }

/* CORPO */

html, body{font:12px Arial, Helvetica, sans-serif; background-color:#ECEBEE; height:100%;}

a:active {
    outline:none;
}


:focus {
    -moz-outline-style:none;
}

.corpo
{
        /* Posicionamento */ position:relative; margin:0 auto; margin-top:20px; 
        /* Dimensoes */ width:798px; min-height:970px; height: auto;
        /* Estilo */ background:white;
		   -moz-box-shadow:    0 0 10px #ADADAD;
		   -webkit-box-shadow: 0 0 10px #ADADAD;
		   box-shadow:         0 0 10px #ADADAD;

}
		
		.logo
			{
		        /* Posicionamento */ position:absolute; left:2%; top:15px; right:;
		        /* Dimensoes */ width:; height:;
		        /* Estilo */ background:white;

			}
		
                .busca
                        {
                        /* Posicionamento */ position:absolute; left:2%; top:88px; right:50%;
                        /* Dimensoes */ width:57%;
                        /* Estilo */ background:white;

                        }

                .menu
                        {
                        /* Posicionamento */ position:absolute; left:2%; top:151px; right:;
                        /* Dimensoes */ width:55%; height:1px;
		        /* Estilo */ /*ckground-image:url(metrovia/imagens/fundo_menu.jpg);*/
        		margin:0px 0px 0px 0px; padding:1px 1px 1px 1px ; background:#E7E5E5; /*text-shadow:-1px 1px 1px #999; */
	        	-moz-border-radius:     8px;
        		-webkit-border-radius:  8px;
        		border-radius:          8px;
        		-moz-box-shadow:    0 0 8px 0 #D3D3D3;
        		-webkit-box-shadow: 0 0 8px 0 #D3D3D3;
        		box-shadow:         0 0 8px 0 #D3D3D3;



                        }

                .meio
                        {
                        /* Posicionamento */ position:absolute; left:; top:170px; right:2%;
                        /* Dimensoes */ width:96%; height:300px;
                        /* Estilo */ background:white;

                        }

                .meio-empresa
                        {
                        /* Posicionamento */ position:absolute; left:; top:177px; left:8%;
                        /* Dimensoes */ width:85%; height:300px;
                        /* Estilo */ background:white; color:#28166F;

                        }

		.meio-empresa p, li {  font-size:12px;   line-height: 180%; text-align: justify; text-justify: inter-word; } 


		.meio-empresa h2 { text-transform:uppercase; font-size:16px; color:#28166F; text-align:left; z-index:0; }


                .planos
                        {
                        /* Posicionamento */ position:absolute; left:2%; top:450px; right:;
                        /* Dimensoes */ width:96%; height:260px;
                        /* Estilo */ background:white; /*
                        -moz-box-shadow:    inset 0 0 10px #ADADAD;
                        -webkit-box-shadow: inset 0 0 10px #ADADAD;
                        box-shadow:         inset 0 0 10px #ADADAD;*/
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        border-radius: 8px;

                        }

                .login
                        {
                        /* Posicionamento */ position:absolute; left:; top:15px; right:2%;
                        /* Dimensoes */ width:37%; height:140px;
                        /* Estilo */ background:white;
                        -moz-box-shadow:    inset 0 0 10px #ADADAD;
                        -webkit-box-shadow: inset 0 0 10px #ADADAD;
                        box-shadow:         inset 0 0 10px #ADADAD;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        border-radius: 8px;

                        }
	              
			        .login table
                                {
                                        color:white;font:8px Arial, Helvetica, sans-serif;
                                }


                .bottom
                        {
                        /* Posicionamento */ position:absolute; left:; top:783px; right:2%;
                        /* Dimensoes */ width:96%; height:170px;
                        /* Estilo */ background:white;
                        -moz-box-shadow:    inset 0 0 10px #ADADAD;
                        -webkit-box-shadow: inset 0 0 10px #ADADAD;
                        box-shadow:         inset 0 0 10px #ADADAD;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        border-radius: 8px;

                        }

/* RODAPE */

.corpo-rodape
{
        /* Posicionamento */ 	position:absolute; left:0px; top:; right:0px; bottom:0px;
        /* Dimensoes */ 	width:100%; height:5px;
        /* Estilo */ 		background:#3A206E;
}

.rodape
{
        /* Posicionamento */ 	position:absolute; left:0px; top:170%; right:0px;
        /* Dimensoes */      	width:100%;
        /* Estilo */  		background:#3A206E     		         
}

                        .rodape a, table
                        {
                                color:white;font:12px Arial, Helvetica, sans-serif;
                        }
	
                	.rodape-img
	                {
	                        /* Posicionamento */ position:absolute; left:0px; right:0px; top: 160%;
	                        /* Dimensoes */ width:10%;
	                        /* Estilo */
	                }

			.japa-img
                        {
                                /* Posicionamento */ position:absolute; right:0px; bottom:0px; top:138%;
                                /* Dimensoes */ 
                                /* Estilo */
                        }

h1
{

        text-transform:uppercase; font-size:12px; color:#28166F; text-align:left; z-index:0;
        margin:0px 0px 12px 0px; padding:4px 4px 4px 10px ; background:#DCDCDC; /*text-shadow:-1px 1px 1px #999; */
        -moz-border-radius: 	8px 8px 0 0; 
	-webkit-border-radius: 	8px 8px 0 0; 
	border-radius: 		8px 8px 0 0;
        -moz-box-shadow:    inset 0 -5px 10px 0px #ADADAD;
        -webkit-box-shadow: inset 0 -5px 10px 0px #ADADAD;
        box-shadow:         inset 0 -5px 10px 0px #ADADAD;



}

#menu-header
{
        background: #F5F5F5;  /*position:absolute; float:none;*/
        text-align:left; padding-top:5px; padding-left:5px; padding-right:0px; color:#28166F; font-size:13px;
        /*margin-bottom:0px;*/ border:0px solid #E6E6FA;
        -moz-border-radius: 8px; /* Para Firefox */ -webkit-border-radius: 8px; /*Para Safari e Chrome */
        border-radius: 8px; /* Para Opera 10.5+*/
        -moz-box-shadow:    inset 0 0px 10px 0px #ADADAD;
        -webkit-box-shadow: inset 0 0px 10px 0px #ADADAD;
        box-shadow:         inset 0 0px 10px 0px #ADADAD;


}

#menu-header input, textarea
{
        background: #FFFFFF; color:#999; border:0px; padding:7px; margin-top:5px;
        /*margin-bottom:5px;*/ border:2px solid #E6E6FA;
        -moz-border-radius: 5px; /* Para Firefox */ -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
}

#menu-header input:focus, textarea:focus
{
        background: #FFFFFF; color:#000;
        /*border: 2px solid #E6E6FA; */
        -moz-border-radius: 5px; /* Para Firefox */ -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/

}

#menu-header textarea
{
        color:#000;
        /*border: 2px solid #E6E6FA;*/
        overflow:auto; font:1.1em Arial, Helvetica, sans-serif;
        -moz-border-radius: 5px; /* Para Firefox */ -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/

}

#menu-header input[type="submit"]
{

        background:#F5F5F5; border:2px solid #F5F5F5; /* none;*/ background-position:center;
        background-image: url(searchicon.png); background-size: 22px 22px; background-repeat: no-repeat; padding:7px;
}



#menu-header input[type="image"]
{

        background:#F5F5F5; border:2px solid #F5F5F5; /* none;*/ background-position:center;
        /*background-image: url(searchicon.png);*/ background-repeat: no-repeat; margin-bottom:0; padding:5px;
}

#menu-header input[type="image"]:hover
{

        background:#E6E6FA; border:2px solid #E6E6FA; /* none;*/ background-position:center;
        /*background-image: url(searchicon.png);*/ background-repeat: no-repeat; padding:5px;
}


#menu-header a
{
        background: #F5F5F5; float:none; font:1.1em Arial, Helvetica, sans-serif; overflow:auto;
        padding:7px; padding-right:12px; margin-top:0; color: #28166F; font-size:13px;
        border-right:2px solid #E6E6FA;

}

#menu-header a:hover,
#menu-header a:active,
#menu-header a.active {background:#E6E6FA; color:#28166F; cursor:pointer; margin-bottom:0;
                -moz-border-radius: 5px; /* Para Firefox */ -webkit-border-radius: 5px; /*Para Safari e Chrome */
                border-radius: 5px; /* Para Opera 10.5+*/ }

#int_menu ul
{
        list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;
	vertical-align: center;	
}

#int_menu li         { display:inline; margin: 0; padding: 0;}
#int_menu li ul li   { background: #FFFFFF; }
#int_menu li ul      {}
#int_menu li a
{
	vertical-align: top; margin-top: 5px;
        margin-left: 7px; padding-left:50px; padding-right: 60px; font: 12px Helvetica; color: #637FAF;
        display:inline-block; text-decoration:none; margin-top: 5px; 
}