@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700);
/* CSS Document */

html, body{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
/*	font-family: 'Cantarell', sans-serif;*/
	font-family: 'Trebuchet MS', sans-serif;
	background-image:url(../Images/Login/fundo2.jpg);
	background-size:cover;
}

#parabaixo{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
}

#logo>div,#login>div,#modulos>div{margin:0px 30px;}
#logo{
	background-color:transparent;
	display:block;
	width:100%;
	color:#fff;
	padding:0px 0px 10px 0px;
}

#login{
    background-color: rgba(0, 0, 0, 0.12);
    BOX-shadow: 0px 0px 5px #00378a;
	display:table;
	width:100%;
	padding:10px 0px;
	color:#fff;
}


#modulos{
	background-color:#fff;
	display:block
	width:100%;
	padding:10px 0px;
}
#modulos a{
	text-decoration:none;
	display:inline-table;
	height:60px;
	width:110px;
	margin: 10px 0px 10px 0px;
	opacity: .6;
	color:#000;
	text-align:center;
	font-size:16px;
	transition: opacity .5s;
}
#modulos a div.imagens{
	margin:auto;
	height:76px;
	width: 76px;
}
#modulos a div{
	padding:6px 0px 0px 0px;
}
#modulos a:hover{
	opacity: 1;
}

#modulos .img1{background:url(../Images/Login/logoVendas_ss.png) no-repeat;}
#modulos a:hover .img1{background:url(../Images/Login/logoVendas_ss2.png) no-repeat;}
#modulos .img2{background:url(../Images/Login/logoRecepExped_ss.png) no-repeat;}
#modulos a:hover .img2{background:url(../Images/Login/logoRecepExped_ss2.png) no-repeat;}
#modulos .img3{background:url(../Images/Login/logoPdm_ss.png) no-repeat;}
#modulos a:hover .img3{background:url(../Images/Login/logoPdm_ss2.png) no-repeat;}
#modulos .img4{background:url(../Images/Login/logoEstoque_ss.png) no-repeat;}
#modulos a:hover .img4{background:url(../Images/Login/logoEstoque_ss2.png) no-repeat;}
#modulos .img5{background:url(../Images/Login/logoCtrProd_ss.png) no-repeat;}
#modulos a:hover .img5{background:url(../Images/Login/logoCtrProd_ss2.png) no-repeat;}
#modulos .img6{background:url(../Images/Login/logoFinan_ss.png) no-repeat;}
#modulos a:hover .img6{background:url(../Images/Login/logoFinan_ss2.png) no-repeat;}
#modulos .img7{background:url(../Images/Login/logoApontaHoras_ss.png) no-repeat;}
#modulos a:hover .img7{background:url(../Images/Login/logoApontaHoras_ss2.png) no-repeat;}
#modulos .img8{background:url(../Images/Login/logoCompras_ss.png) no-repeat;}
#modulos a:hover .img8{background:url(../Images/Login/logoCompras_ss2.png) no-repeat;}
#modulos .img9{background:url(../Images/Login/logoEngCustos_ss.png) no-repeat;}
#modulos a:hover .img9{background:url(../Images/Login/logoEngCustos_ss.png) no-repeat;}
#modulos .img10{background:url(../Images/Login/logoAnAdm_ss.png) no-repeat;}
#modulos a:hover .img10{background:url(../Images/Login/logoAnAdm_ss2.png) no-repeat;}


/*//////////////////////// LogoCNX ///////////////////////*/
#logoCNX {
	display:block;
	height:40px;
	width:139px;
	background-image:url(../Images/Login/cnx.png);
	background-position: center center;
	background-repeat: no-repeat;
	position:fixed;
	top: 20px;
	left: 20px;
}

/*///////////////////////////// form //////////////////////*/
.formulario
{
    color: #262626;
}
.formulario .lbls
{
    float:left;
    line-height:32px;
}
.formulario .txts
{
    padding-left:5px;
    float:left;
    line-height:30px;
    margin-right:10px;
}
.formulario input, .formulario textarea, .formulario select, .formulario fieldset{font-family: 'Trebuchet MS', sans-serif;}
.formulario input:not([type="button"]):not([type="submit"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="image"]):not([type="reset"]), .formulario textarea{
    margin:2px 0px;
	height: 26px;
	border: 0px;
	background-color: #eee;
	border-radius: 3px;
	padding: 1px 8px;
}
.botoes
{
	width: 100%;
	float: left;
	margin: 10px 0px 0px 0px;
	/*text-align: center;*/
}
.botao
{
    background-color:#00378A;
    border:none;
	border-radius:3px;
	color:#fff;
	height:33px;
	margin:0px 5px 0px 0px;
	vertical-align: middle;
	font-family: 'Cantarell', sans-serif;
	transition: background-color .5s;
	padding: 0px 15px;
	width:80px;
}
.sair{
	float:right;
	color: #fff;
	opacity: .85;
	transition: opacity .5s;
	border:none;
	background-color:transparent;
}
.sair:hover{opacity:1;}