@charset "utf-8";
/* CSS Document */

body {background:; height:100%; margin:0; padding:0; font-family: 'PT Sans', sans-serif; font-weight:300; font-size:16px;}

#tudo {min-height:100%;}
* html #tudo {height:100%; /* hack para IE6 que trata height como min-height */}
	
/*.clearfix usado para adicionar um espa�o vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/*fim do clearfix*/
img, picture, video, embed {max-width: 100%; /*define a largura m�xima em at� 100%*/}

.left {float:left;}
.right {float:right;}

a { text-decoration:none; -webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;
	-o-transition: all .20s ease-in;-ms-transition: all .20s ease-in;transition: all .20s ease-in;}

::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}

.menu1, .menu2, .ipt-1, .ipt-2, .col-c1 h1, .col-c2 h1 .salvar, footer, h1, h2 {font-family: 'Nunito', sans-serif;}

input {color:#858585;}

.border-r {border-right:1px #777 solid;}
.border-b-grey {border-bottom:5px #666666 solid;}
.border-b-blue {border-bottom:5px #2c81bb solid;}
.border-b-orange {border-bottom:5px #e1833b solid;}
.border-b-red {border-bottom:5px #aa4437 solid;}
.border-b-green {border-bottom:5px #5fa549 solid;}
.bk-grey-1 {background:#999;}
.bk-grey-2 {background:#666666;}
.bk-grey-3 {background:#393939;}
.bk-red-1 {background:#9e4d3f;}
.bk-orange-1 {background:#d58749;}
.p-n {padding:0 !important;}

header {width:100%; height:auto; overflow:hidden; margin:0;}
.barra-topo1 {background:#eee; width:100%; height:auto; overflow:hidden;}
.barra-topo1-content {width:1120px; max-width:100%; height:auto; overflow:hidden; margin:0 auto 0 auto;}
.logo {background:#fff; width:273px; height:89px; float:left}

.menu1 {width:; height:89; margin:0; padding:0; float:right;}
.menu1 ul {padding:0; margin:0 !important;}
.menu1 li {float:left; list-style:none; line-height:85px;}
.menu1 li a {text-decoration:none; padding:0 15px 0 15px; margin:0; font-weight:300; font-size:1em; color:#000;
-webkit-transition: all .20s ease-in;-moz-transition: all .20s ease-in;-o-transition: all .20s ease-in;-ms-transition: all .20s ease-in;transition: all .20s ease-in;}
.menu1 li a:hover {color:#777;}
.menu1 .sub-menu {display:none; position:absolute; z-index:9999; border:1px #335db1 solid;}
.menu1 .sub-menu li a {text-decoration:none; float:left; padding:15px; font-weight:300; color:#335db1; font-size:0.875em;}
.menu1 .sub-menu a {min-width:200px; padding-right:20px; color:#335db1; margin:0;}
.menu1 .sub-menu a:hover {color:#3b3833;}
.menu1  li:hover  .sub-menu {display: block !important; margin-top:47px !important; position:absolute;}	
li:hover { display:list-item;}

.barra-topo2 {background:#777; width:100%; height:auto; overflow:hidden;}
.barra-topo2-content {width:1120px; max-width:100%; height:auto; overflow:hidden; margin:0 auto 0 auto; padding:37px 0 37px 0; text-align:left;}
.barra-topo2-content h1 {margin:0; display:inline-block; font-weight:300; font-size:1.625em; color:#fff;}

.menu2 {width:1120px; max-width:100%; height:52px; overflow:hidden; margin:0 auto 0 auto;  line-height:48px; position:relative;}
.menu2 ul {padding:0; margin:0 !important;}
.menu2 li {background:#bfbfbf; height:auto; float:left; list-style:none;}
.menu2 li a {background:; padding:10px 31px 10px 31px; text-decoration:none; font-weight:300; font-size:1.25em; color:#fff;}
.menu2 li a:hover {background:#777; color:#eee;}

.f-busca {width:100%; padding:0 5px 0 15px;}
.ipt-busca {-webkit-appearance:none; background:none; width:75%; height:; padding:5px 0 5px 0; border:0; font-size:1.125em; color:#fff;}
.busca {-webkit-appearance:none; background:#eee; width:15%; height:34px; border:0; font-size:1.125em; color:#7b7b7b;}

.busca-cliente {width:; height:auto; float:right;}
.f-busca2 {width:; padding:7px 7px 6px 15px; float:left;}
.ipt-busca2 {-webkit-appearance:none; background:none; width:250px; height:; padding:5px 0 5px 0; border:0; font-size:1.125em; color:#fff;}
.busca2 {-webkit-appearance:none; background:#eee; width:36px; height:34px; border:0; font-size:1.125em; color:#7b7b7b;}

.busca-r {display:none;}

/****** FIM TOPO ******/


.content1 {width:1120px; max-width:95%; height:auto; overflow:hidden; margin:65px auto 0 auto;}
.content1 h2 {margin:0 0 22px 0; display:inline-block; font-size:1.3125em; font-weight:400; font-style:italic; color:#202020;}
.content1 h2 a {text-decoration:none; color:#202020;}
.content1 h2 a:hover {text-decoration:none; color:#777;}

.content2 {width:1120px; max-width:95%; height:auto; overflow:hidden; margin:0 auto 0 auto;}

.tab {width:100%; height:auto; overflow:hidden;}
.title-tab-1 {width:50%; height:; overflow:hidden; float:left;}
.title-tab-12 {width:48%; height:; overflow:hidden; float:right;}

.col-tab1 {width:310px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab2 {width:310px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab3 {width:340px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; font-size:1em;  border-right:1px #fff solid;}
.col-tab4 {width:125px; height:48px; overflow:hidden; line-height:45px; float:left; font-size:1em; text-align:center;}
.col-tab4 img {margin:15px 1% 0 1%;}

.col-tab21 {width:486px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab22 {width:125px; height:48px; overflow:hidden; line-height:45px; float:left; font-size:1em; text-align:center;}
.col-tab22 img {margin:15px 1% 0 1%; float:left; }

.col-tab31 {width:310px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab32 {width:300px; height:48px; overflow:hidden; padding-left:10px; line-height:45px;; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab33 {width:100px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab34 {width:240px; height:48px; overflow:hidden; padding-left:10px; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
.col-tab35 {width:125px; height:48px; overflow:hidden; line-height:45px; float:left; font-size:1em; text-align:center;}
.col-tab35 img {margin:15px 1% 0 1%;}

/*.col-tab2 img, .col-tab3 img, .col-tab22 img, .col-tab34 img {float:right;}*/

.l1 {background:#4083b8; height:auto; overflow:hidden; margin-bottom:1px; color:#fff;}
.l2 {background:#ddd; height:auto; overflow:hidden; margin-bottom:1px; color:#000;}
.l3 {background:#eee; height:auto; overflow:hidden; margin-bottom:1px; color:#000;}
.l4 {background:#9e4d3f; height:auto; overflow:hidden; margin-bottom:1px; color:#fff;}

.select-tab {-webkit-appearance:none; background:url(../images/select.png) no-repeat right; width:100%; border:0; color:#fff;}

/****** FIM LISTA ******/


.col-c1 {width:560px; max-width:100%; height:auto; overflow:hidden; float:left; margin:30px 0 0 0;}
.col-c2 {width:550px; max-width:100%; height:auto; overflow:hidden; float:right; margin:30px 0 0 0;}
.col-c1 h1, .col-c2 h1 {background:#555; margin:0 0 25px 0; padding:20px 35px 20px 35px; display:inline-block; 
font-size:1.3125em; font-style:italic; font-weight:300; color:#fff;}

.lt-po {-webkit-appearance:none;  background:url(../images/select.png) right no-repeat #777; width:100%; height:47px; margin:0 0 2px 0; cursor:pointer; 
padding:0 0 0 4%; border:0; text-align:left; color:#fff;}
.l-po1 {background:#ccc; width:100%; height:47px; margin:0 0 2px 0; padding:0 0 0 4%; border:0; text-align:left; line-height:45px; color:#000;}
.l-po2 {background:#dedede; width:100%; height:47px; margin:0 0 2px 0; padding:0 0 0 4%; border:0; text-align:left; line-height:45px; color:#000;}
.l-po1 img, .l-po2 img {float:right; padding:15px 20px 0 0;}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div1, #div11, #div12, #div13, #div14, #div15, #div16, #div17, #div18, #div19 {display:none;}

/****** FIM ÁREA CLIENTE ******/


/****** PAGINATION ******/
.pagination {margin:; height:auto;}
.pagination ul {padding:0; margin:0 !important;}
.pagination li {background:#777; float:left; list-style:none; line-height:85px;}
.pagination li a {text-decoration:none; padding:10px 15px 10px 15px; margin:0 2px 0 0; font-weight:600; font-size:1em; color:#fff;}
.pagination li a:hover {background:#000; color:#fff;}
.pagination li active {background:#404040;}
/****** FIM PAGINATION ******/


/****** LOGIN ******/
#login {background:url(../images/back-login.png) no-repeat top #16223a; height:100%; margin:0; padding:0; font-family: 'PT Sans', sans-serif; font-weight:300; font-size:16px;}

.barra-topo-login {background:#fff; width:100%; height:auto; margin:70px 0 0 0; padding:35px 0 35px 0;}
.logo-login {width:414px; max-width:80%; height:auto; overflow:hidden; margin:0 auto 0 auto;}
.logo-login img {width:100%; height:auto;}

.box-form-login {background:; width:475px; max-width:80%; height:auto; overflow:hidden; margin:55px auto 50px auto;}
.ipt-login {-webkit-appearance:none; background:#fff; width:100%; height:45px; overflow:hidden; margin:0 0 10px 0; padding-left:5%; border:0; 
font-size:1.25em; color:#616161;}
.entrar-login {-webkit-appearance:none; background:#003e69; padding:15px 45px 15px 45px; border:0; font-size:1.25em; color:#fff;}
.box-form-login a {text-decoration:none; font-size:1.125em; font-weight:600; color:#000;}
.box-form-login a:hover {text-decoration:none; color:#616161;}

.box-form-login ::-webkit-input-placeholder {color:#616161;}
.box-form-login :-moz-placeholder {color:#616161;}
.box-form-login ::-moz-placeholder {color:#616161;}
.box-form-login ::-ms-input-placeholder {color:#616161;}
/****** FIM LOGIN ******/


.box-form {width:700px; max-width:100%; height:auto; overflow:hidden;}
.box-form span {float:left !important; display:inline-table;}
.l-1 {background:#ddd; width:95%; height:45px; padding-left:5%; margin-bottom:2px; line-height:45px; font-size:1em; color:#000;}
.l-2 {background:#eee; width:95%; height:45px; padding-left:5%; margin-bottom:2px; line-height:45px; font-size:1em; color:#000;}

.ipt-1 {-webkit-appearance:none; background:#ddd; width:95%; height:45px; padding-left:5%; margin-bottom:2px; border:0; font-size:1em; color:#000;}
.ipt-2 {-webkit-appearance:none; background:#eee; width:95%; height:45px; padding-left:5%; margin-bottom:2px; border:0; font-size:1em; line-height:45px; color:#000;}
.ipt-3 {-webkit-appearance:none; background:none; width:70%; height:42px; padding-left:5%; margin-bottom:2px; float:right; border:0; font-weight:600; font-size:1em; color:#000;}
.file {-webkit-appearance:none; background:none; width:70%; height:32px; padding-left:5%; margin-bottom:2px; padding:10px 0 0 0; float:right; border:0; font-size:1em; color:#000;}

.l-1 a, .ipt-1 a, .ipt-2 a {text-decoration:none; color:#000;}
.l-1 a:hover,.ipt-1 a:hover, .ipt-2 a:hover {text-decoration:none; color:#2c81bb;}

.select-cliente {-webkit-appearance:none; background:url(../images/select-orange.png) no-repeat right; width:70%; height:45px; border:0; float:right; 
line-height:45px; font-size:1.125em;}
.select-projeto {-webkit-appearance:none; background:url(../images/select-red.png) no-repeat right; width:70%; height:45px; border:0; float:right; 
line-height:45px; font-size:1.125em;}
.salvar {-webkit-appearance:none; background:#ddd; height:45px; padding:0 45px 0 45px; float:right; border:0; text-transform:uppercase; color:#000;}

.box-form ::-webkit-input-placeholder {color:#000;}
.box-form :-moz-placeholder {color:#000;}
.box-form ::-moz-placeholder {color:#000;}
.box-form ::-ms-input-placeholder {color:#000;}



footer {background:#eee; width:100%; height:auto; overflow:hidden; margin:65px 0 0 0;}
.footer-content {width:1120px; max-width:90%; height:auto; overflow:hidden; margin:0 auto 0 auto; padding:20px 0 20px 0; font-weight:400; font-size:0.75em; color:#000;}
.footer-content img {float:right;}


@media only screen and (max-width: 1200px) {

	.barra-topo2-content {max-width:90%; text-align:center;}
	
	.menu2 ul {padding:0; margin:0 !important;}
	.menu2 li {background:#bfbfbf; height:auto; float:left; list-style:none;}
	.menu2 li a {background:; padding:10px 11px 10px 11px; text-decoration:none; font-weight:300; font-size:1.25em; color:#fff;}
	
	.busca-cliente {width:373px; height:auto; float:none; margin:20px auto 0 auto;}
	.f-busca2 {width:; padding:7px 7px 6px 15px; float:left;}
	.ipt-busca2 {-webkit-appearance:none; background:none; width:250px; height:; padding:5px 0 5px 0; border:0; font-size:1.125em; color:#fff;}
	.busca2 {-webkit-appearance:none; background:#eee; width:36px; height:34px; border:0; font-size:1.125em; color:#7b7b7b;}

	.col-c1 {width:50%; height:auto; overflow:hidden; float:left; margin:30px 0 0 0;}
	.col-c2 {width:45%; height:auto; overflow:hidden; float:right; margin:30px 0 0 0;}
	
	.col-tab1 {width:27%; height:48px; overflow:hidden; padding-left:1%; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
	.col-tab2 {width:20%; height:48px; overflow:hidden; padding-left:1%; line-height:45px; float:left; border-right:1px #fff solid; font-size:1em;}
	.col-tab3 {width:39%; height:48px; overflow:hidden; padding-left:1%; line-height:45px; float:left; font-size:1em;  border-right:1px #fff solid;}
	.col-tab4 {width:10%; height:48px; overflow:hidden; line-height:45px; float:left; font-size:1em; text-align:center;}
	.col-tab4 img {margin:15px 1% 0 1%;}
	
	.col-tab21 {width:43%;}
	.col-tab22 {width:10%;}
	
	.col-tab31 {width:25%; padding:0 0 0 1%;}
	.col-tab32 {width:25%; padding:0 0 0 1%;}
	.col-tab33 {width:8%; padding:0 0 0 1%;}
	.col-tab34 {width:25%; padding:0 0 0 1%;}
	.col-tab35 {width:10%;}

}

@media only screen and (max-width: 768px) {
	
	.menu1, .menu2 {display:none;}
	.fR {display:block !important;}

	
}

@media only screen and (max-width: 736px) {
	.busca-cliente {display:none;}
	
	.barra-topo1 {background:#fff; padding:30px 0 30px 0;}
	.logo {background:#fff; width:70%; height:auto; margin:0 auto 0 auto; float:none;}
	.logo img {width:100%;}

	.barra-topo2-content {width:90%; padding:30px 0 30px 0; text-align:center;}
	
	/****** BUSCA RESPONSIVA ******/
	.busca-r {background:#000; width:80%; height:auto; overflow:hidden; margin:30px auto 0 auto; display:block;}
	.f-busca-r {width:93%; padding:7px 3% 6px 4%; float:left;}
	.ipt-busca-r {-webkit-appearance:none; background:none; width:65%; height:; padding:5px 0 5px 0; border:0; font-size:1.125em; color:#fff;}
	.buscar-r {-webkit-appearance:none; background:#eee; width:; padding:0 10px 0 10px; height:34px; float:right; border:0; 
	font-weight:600; text-align:center; font-size:1em; color:#7b7b7b;}
	/****** FIM BUSCA RESPONSIVA ******/
	
	.select-tab {font-size:0.875em !important;}
	
	.col-tab1 {width:19%; font-size:0.625em;}
	.col-tab2 {width:15%; font-size:0.625em;}
	.col-tab3 {width:45%; font-size:0.625em;}
	.col-tab4 {width:14%; font-size:0.625em;}
	.col-tab4 img {max-width:45%; float:left;}
    
	.col-tab21 {width:38%; font-size:0.625em;}
	.col-tab22 {width:15%; font-size:0.625em;}
	.col-tab22 img {max-width:45%; float:left;}
	
	.col-tab31 {width:20%; font-size:0.625em;}
	.col-tab32 {width:15%; font-size:0.625em;}
	.col-tab33 {width:8%; font-size:0.625em;}
	.col-tab34 {width:30%; font-size:0.625em;}
	.col-tab35 {width:20%; font-size:0.625em;}
	
	.col-tab2 img, .col-tab3 img, .col-tab22 img, .col-tab34 img {float:right; margin:; display:inline-block; position:absolute;}
	
	.pagination li a {padding:7px 12px 7px 12px; margin:0 1px 0 0; font-size:0.875em;}
	
	.content1 h2 {margin:0 0 22px 0; display:inline-block; font-size:1em; line-height:1em;}
	
	.col-c1, .col-c2 {width:100%;}
	.col-c1 h1, .col-c2 h1 {margin:0 auto 25px auto; padding:20px 35px 20px 35px; display:inline-block;}
	
	.l-2, .l-1 {font-size:0.875em; color:#000;}

	.ipt-1 {width:92%; height:45px; padding-left:5%;}
	.ipt-2 {width:92%; height:45px; padding-left:5%;}
	.ipt-3 {width:50%; height:40px; padding-left:5%; margin-bottom:2px;}
	.select-cliente {width:50%; border:0; float:right; line-height:45px; font-size:1.125em;}
	.select-projeto {width:54%; border:0; float:right; line-height:40px; font-size:1.125em;}
	.file {width:50%; padding:8px 0 0 0;}
	
	.ipt-login {width:90%;}


	.footer-content {width:90%; padding:20px 0 20px 0; text-align:center;}
	.footer-content img {float:none; display:list-item; margin:15px auto 0 auto;}
	
}

@media only screen and (max-width: 320px) {

}