/* Reset default browser CSS.
-------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold}
ol,ul{list-style:none;}
a{text-decoration:none; outline:none}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
small{display:block; margin-bottom: 10px;}


body
{
    width:100%;
    font-family:Trebuchet MS, Tahoma, Arial;
    background-color: #F5F6F4;
    text-align: center;
}


/*** HEADER ***/

header
{
    float:left; 
    background:url(../Imagens/bg-top.png) repeat-x 0 0;
    width: 100%;
    height: 120px;
    text-align: center;
    display:block;
    margin-bottom:0px;
}

#box-menu
{
    width: 950px;
    height: 160px;
    margin: auto;
    text-align: left;
     z-index: 9999;
}

#box-nav {
    width: 987px;
    height: 32px;
    margin: auto;
    text-align: center;
    z-index: 9999;
}


#box-footer
{
    width: 100%;
    height: 100px;
    margin: auto;
	float: center;
    text-align: left;
     z-index: 9999;
	background: -webkit-gradient(linear, left top, left 60, from(#c1c1c1), color-stop(9%, #2196f3), to(#4f59e6));
    background: -moz-linear-gradient(top, #ffc34b, #ffc34b 1px, #ffc34b 60px); 
	position:absolute;
    bottom:0;
}


.copyrightIT
{
    float: left;
    margin-left: 1px;
    margin-top:15px;
    width: 470px;
    height: 60px; 
        /* Border Shadow */
    
}

.logo
{
    float: left;
    margin-left: 35px;
    margin-top:10px;
    width: 120px;
    height: 100px; 
        /* Border Shadow */
    -moz-box-shadow: 4px 4px 4px  #cccccc;
    -webkit-box-shadow: 4px 4px 4px #cccccc;
    box-shadow: 4px 4px 4px  #cccccc;
    border-radius: 0 16px;
    
/* Safari */
-webkit-transform: rotate(0deg);

/* Opera */
-o-transform: rotate(0deg);
 
/* Firefox */
-moz-transform: rotate(0deg);
 
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0)  
}  


.logoIT
{
    float: left;
    margin-left: 15px;
    margin-top:0px;
    width: 50px;
    height: 48px; 
        /* Border Shadow */
    -moz-box-shadow: 4px 4px 4px  #cccccc;
    -webkit-box-shadow: 4px 4px 4px #cccccc;
    box-shadow: 4px 4px 4px  #cccccc;
    border-radius: 0 16px;
    
    
/* Safari */
-webkit-transform: rotate(0deg);

/* Opera */
-o-transform: rotate(0deg);
 
/* Firefox */
-moz-transform: rotate(0deg);
 
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0)  
}  

.cl-menu-comp
{
    background-color: White;
    float: right;
    margin-right: 15px;
    margin-top:20px;
    width: 750px;
    height: 70px; 
    border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left 60, from(#EFEFEF), color-stop(4%, #EFEFEF), to(#D3D3D3));
    background: -moz-linear-gradient(top, #EFEFEF, #EFEFEF 1px, #D3D3D3 60px); 
   
}

.div-menu-top {
    background-color: White;
    float: right;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;

    width: 100%;
    height: 35px;
    border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left 60, from(#EFEFEF), color-stop(4%, #EFEFEF), to(#D3D3D3));
    background: -moz-linear-gradient(top, #EFEFEF, #EFEFEF 1px, #D3D3D3 60px);
} 


a-menu 
{
    width: 50px;
    height: 50px;
    /*float:left;*/
} 

.tit-menus 
{
    margin-top:2px;
    width:75px;
    float:left;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    display:inline;
    
}

.div-menu
{
    margin-top:15px;
    width: 2px;
    height: 39px;
    float:left;
    display:inline;
   
}

.box-user 
{
    float:right;
    width:165px;
    height:40px;
    display:inline;
    background-color:#F7F7F7;
    margin-left:10px;
    margin-right:1px;
    margin-top:-1px;
    border-radius: 5px 5px 5px 5px;
} 

.box-data 
{
    float:right;
    width:230px;
    height:40px;
    display:inline;
    background-color:#F7F7F7;
    margin-left:10px;
    margin-right:1px;
    margin-top:60px;
    border-radius: 5px 5px 5px 5px;
} 

.shadow 
{ 
    background-color: #828281; 
    margin-right:20px;
    margin-top:16px;
    width:165px; 
    height:40px; 
    float:right;
    border-radius: 5px;
}

.bt-sair
{
    float:right;
    width:25px;
    height:25px;
    display:inline;
    margin-right:7px;
    margin-top:6px;
}

.ico-user
{
    float:left;
    width:20px;
    height:20px;
    display:inline;
    margin-left:20px;
    margin-top:10px;
}

.nome-user
{
    font-size:12px;
    float:left;
    width:120px;
    height:20px;
    display:inline;
    margin-left:15px;
    margin-top:12px;
}

a.user {
	float:left;
    width:20px;
    height:20px;
    display:inline;
    margin-left:7px;
    margin-top:10px;
    background: url("Imagens/manut-user.png") 0 0 no-repeat;
    text-decoration: none;
}
	
a:hover.user
{
    background-position: 0 -20px;
}

/*** MENU DROP DOWN ***/


	#menu ul ul {
		margin-top:2px;
		background-color:#FFF;
		width:150px;
		display:none;
		border-radius: 5px 5px 5px 5px;
		padding:5px 5px 5px 5px;
		box-shadow: 2px 2px 2px  #666;
		position: absolute;
		 z-index: 9999;
	}

	#menu ul ul li {
		clear:both;
		width:150px;
		height:25px;
		color:#FFF;
		
		 z-index: 9999;
	}
	
	#menu p {
		color:#000;
		font-weight:bold;
		text-shadow: 1px 1px 1px  #FFF
		
		 z-index: 9999;
	}
	
	#menu ul ul a:hover{text-decoration:underline;}
	#menu ul ul a,#menu ul ul a:visited{border-top:1px dashed #ccc; padding:5px 10px;}
	
	#menu ul a:hover{text-decoration:none;}
	#menu ul a,#menu ul a:visited{color:#000; font-weight:bold;	text-shadow: 1px 1px 1px  #FFF}
	
	
/*** FIM DO MENU DROP DOWN ***/
	

/*** FIM HEADER ***/


/*** SECTION ***/

#content
{
    width:957px;
    margin: auto;
    /*margin-top:25px;*/
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #DDDDDC;
    background-color:#F9F9F9;
    display:block;
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px 2px #cccccc;
    box-shadow: 1px 1px 1px 1px  #cccccc;
} 

.content-ini
{
    /*height:400px;*/
    width:957px;
    margin: auto;
    height:auto;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #DDDDDC;
    background-color:#F9F9F9;
    display:block;
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px 2px #cccccc;
    box-shadow: 1px 1px 1px 1px  #cccccc;
}

.etapas
{
    width:957px;
    height:50px;
    margin:auto;
    border-radius: 5px 5px 5px 5px;
    display:block;
    margin-bottom:10px;
    background-color:#EBEBEB;
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px 2px #cccccc;
    box-shadow: 1px 1px 1px 1px  #cccccc;
}

.etapa-ativa01
{
    /*background-color:Red;*/
    background-image: url(../Imagens/etapaAtiva01.png);
    float:left;
    width:232px;
    height:50px;
    border-radius: 7px 0 0 7px;
}

.etapa-inativa01
{
    /*background-color:Red;*/
    background-image: url(../Imagens/EtapasInativa.png);
    float:left;
    width:232px;
    height:50px;
    border-radius: 7px 0 0 7px;
}

.etapa-ativa02
{
    /*background-color:Red;*/
    background-image: url(../Imagens/etapaAtiva02.png);
    float:left;
    width:232px;
    height:50px;
}


.etapa-ponta
{
    float:left;
    width:36px;
    height:50px;
}

.span-ativo
{
    font-weight: bold;
    color: White;
    width:232px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    /*line-height:50px;*/
}

.etapa-inativa
{
    /*background-color:Red;*/
    background-image: url(../Imagens/etapasInativas.png);
    float:left;
    width:232px;
    height:50px;
}

.span-inativo
{
    font-weight: bold;
    color: #AAA9A7;
    width:232px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    /*line-height:50px;*/
}


/* TÍTULOS DAS PÁGINAS */

.titulo-pg
{
    width:900px;
    height:60px;
    margin:auto;
    border-radius: 5px 5px 5px 5px;
    display:block;
    margin-top:25px;
    margin-bottom:10px;
    background-color:#EBEBEB;
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px 2px #cccccc;
    box-shadow: 1px 1px 1px 1px  #cccccc;
}

.icone-pg
{
    margin-top:3px;
    margin-left:20px;
    float:left;
    width:55px;
    height:55px;
}

.titulo-texto
{
    margin-left:20px;
    float:left;
    height:60px;
    width: 350px;
}

.span-titulo-texto
{
    font-size:15px;
    color:#000;
	font-weight:bold;
	text-shadow: 1px 1px 1px  #FFF;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
}


/* FIM TÍTULOS DAS PÁGINAS */


.clear
{
    clear:both;
}

/*** FIM SECTION ***/



/*** FOOTER ***/

footer
{
    display:block;
    font-size: .7em;
    color:#828281;
    margin-top:30px;
    margin-bottom:0px;
	
}

/*** FIM FOOTER ***/


/*.RodapeSVN
{
    font-size: .7em;
    text-align: right;
}*/

.SemBordas, .SemBordas td, .SemBordas th
{
    border:0px;
}

/* Ocultando a página se o js estiver desabilitado */
.no-js
{
    display:none;
}

/* Ocultando da impressão os elementos da classe nao-imprime */
@media print
{
    .nao-imprime
    {
        display:none;
    }
}

/*** LOGIN ***/

#posiciona 
{
        position: absolute; 
        /*left: 50%;*/
        top: 35%;
        width: 100%; 
        height: auto;        
        /*margin-left: -100px;*/
        margin-top: -20px;
        background:url(Imagens/bg-log.png) /*repeat-x 0 0*/;
        color: #FFF;
        padding-top: 20px;
        text-align: center;    
        -webkit-box-shadow: 3px 3px 3px 3px #cccccc;
        box-shadow: 3px 3px 3px 3px  #cccccc;  
}

.log-centro
{
    margin: auto;
    width: 800px;
    height: 200px;
    text-align:center;
}

.log-form
{
    float:right;
    width:450px;
    background-color:White;
    border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left 60, from(#EFEFEF), color-stop(4%, #EFEFEF), to(#D3D3D3));
    background: -moz-linear-gradient(top, #EFEFEF, #EFEFEF 1px, #D3D3D3 60px); 
    margin-right:50px;
    margin-top:10px;
    margin-bottom:30px
}

.log-form-dentro
{
    margin-top:20px;
    width:450px;
}

.menu {
    list-style: none;
    border: 0px solid #c0c0c0;
    float: left;
}

    .menu li {
        position: relative;
        float: left;
        border-right: 0px solid #c0c0c0;
    }

        .menu li a {
            color: #333;
            text-decoration: none;
            padding: 5px 10px;
            display: block;
        }

            .menu li a:hover {
                background: #333;
                color: #fff;
                -moz-box-shadow: 0 3px 10px 0 #CCC;
                -webkit-box-shadow: 0 3px 10px 0 #ccc;
                text-shadow: 0px 0px 5px #fff;
            }

        .menu li ul {
            position: absolute;
            top: 25px;
            left: 0;
            background-color: #fff;
            display: none;
        }

        .menu li:hover ul, .menu li.over ul {
            display: block;
        }

        .menu li ul li {
            border: 0px solid #c0c0c0;
            display: block;
            width: 230px;
        }