body.homepage #wrapper #banner:not(.fixed), body.homepage #wrapper #banner.fixed, body.homepage #wrapper #banner.open {
	/*background: #08225D;*/
	background-color: #08225D;
    border-bottom: 3px solid #FBFBFB;
}

.menu-top-wrapper { margin-left: 0px; }
.logo-title {color: #FBFBFB; font-size: 1.6em; white-space: normal; }
img.iapmei-logo { height: 39px; width: 106px;}

/* custom: base.css e styles.css */
.horizontal-menu {padding-left: 10px; padding-bottom: 5px;}
.horizontal-menu i.icone-burguer { /*top: 20px;*/ position:inherit; }
.type2.horizontal-menu > div > ul > li .sub-menu{ padding: 6px 0 !important;}
.type2.horizontal-menu > div > ul > li > .sub-menu {background-color: #08225D/*#3498db*/;}
.type2.horizontal-menu > div > ul > li .sub-menu li {padding-right: 10px; padding-left: 10px;}
.type2.horizontal-menu > div > ul > li .sub-menu li a {color: White !important; font-size: 12px; white-space: nowrap; padding-top: 7px; padding-bottom: 7px;}
.type2.horizontal-menu > div > ul > li .sub-menu li:hover{background-color: #3498db/*72B8E7*/;}
.type2.horizontal-menu > div > ul > li .sub-menu li:not(:last-child) {border-bottom: 1px solid white;}
/*.type2.horizontal-menu > div > ul > li .sub-menu li a:hover { text-decoration: underline !important; }*/
body #content, body:not(.homepage) #content { padding: 100px 0 0 0!important; margin-right: 1%; margin-left: 1%; 
                                              margin-bottom: 10px; color: #777;}
body.homepage #wrapper #banner:not(.fixed), body #wrapper #banner {
    -webkit-box-shadow: 0 7px 14px -10px black;
    -moz-box-shadow: 0 7px 14px -10px black;
    box-shadow: 0 7px 14px -10px black;  
}

.form-wrapper input:not([type='submit']) { margin-bottom: 0px;}
.form-wrapper select{
	width: 100%;
    border: 2px solid #fff !important;
    box-shadow: none;
    height: 60px !important;
    line-height: 18px !important;
    color: #808184 !important;
    font-size: 18px !important;
    font-family: 'latolight';
    padding: 0 !important;
    border-radius: 0 !important;
    padding-left: 33.5px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none !important;
}

input.button1, input.button2, .button1 { border-radius:4px !important;  /*font-weight:bold;*/ cursor:pointer;}
input.button1 { border-color: #204671 !important; color: #204671 !important; border-width: 1px !important;}
input.button1:hover { background-color: #204671 !important; color: white !important; }
input.button2 { background-color: #204671; color: White !important; border-width: 0px !important;}
/*input[type='submit'], input[type='button'] { padding-left: 0px !important; }*/
.form-wrapper input[type='submit'], .form-wrapper input[type='button'] {padding-left: 0px !important;}
select {color: #a3a3a3;}
.row-fluid [class*='span'] { /*margin-left: 0px !important;*/}
.row-fluid .form-row:after { content: ''; display: block; clear: both;}

.horizontal-menu.type2 > div { max-width: none;}
.horizontal-menu.type2 > div>ul{height: auto;}
.horizontal-menu.type2 > div >ul>li{ height: auto; top: 0px; padding-right: 5px;padding-left: 15px; font-size: 1.1em;}

.form-wrapper input::-webkit-input-placeholder {
	font-family: inherit;
	padding-right: 5px !important;
	color: #a3a3a3 !important;
}
.form-wrapper input::-moz-placeholder {
	font-family: inherit;
	padding-right: 5px !important;
	color: #a3a3a3 !important;
}
.form-wrapper input:-ms-input-placeholder {
	font-family: inherit;
	padding-right: 5px !important;
	color: #a3a3a3 !important;
}
.form-wrapper input:-moz-placeholder {
	font-family: inherit;
	padding-right: 5px !important;
	color: #a3a3a3 !important;
}
.form-wrapper input[class^='btn'], .form-wrapper input[class*='btn'] {
	width: auto !important;
    height: auto !important;
    font-size: inherit !important;
    padding: inherit !important;
}

.form-wrapper input.btn { padding: 3px 6px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.btn-sm, .form-wrapper input.btn-sm { padding: 1px 6px !important; font-size: 0.8em !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

/* form - navegador */
.icon-angle-right:before, .icon-angle-left:before {font: normal normal normal 14px/1 FontAwesome;}
.button1:hover .icon-angle-right, .button1:hover .icon-angle-left { color: #2980b9 !important;}
.icon-angle-right:before {content: "\f105"; }
.icon-angle-left:before {content: "\f104";}
#formServicesWrapper {padding-top: 5px; padding-bottom: 10px; margin-bottom: 10px; background-color: #08225D;}
#formServicesWrapper .navBulletsForm {margin-bottom: 20px;}
#formServicesWrapper[data-step="1"] .formBase .form-wrapper .btnWrapper #btnPrevious {
    display: none;
}
#formServicesWrapper[data-step="3"] .formBase .form-wrapper .btnWrapper #btnNext {
    display: inline;
}

#formServicesWrapper .formBase .navBulletsForm .lineStep {
    max-width: 100px;
}
.formBase button {height: 30px; padding-right: 20px; padding-left: 20px;}
#formServicesWrapper .formBase .titleForm { margin-bottom: 10px;}
#formServicesWrapper .formBase .navBulletsForm .sectionStep .circleStep { width: 15px; height: 15px;}
#formServicesWrapper .formBase .navBulletsForm .sectionStep .circleIntStep { width: 9px; height: 9px;}
#formServicesWrapper .formReq .navBulletsForm .sectionStep .textStep { font-size: 1em;}
.sectionStep:hover {cursor: pointer; text-decoration: underline;}

/* table */
/*.table-wrapper table th{background: #08225D;}*/
.table-wrapper table {border-collapse: collapse; color: #777;}
.table-wrapper table th{border-top: 1px solid #E6E7E8; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; color: #2C609A; background: #F1F1F2; }
.table-wrapper table th:first-child{ border-left-color: #E6E7E8;}
.table-wrapper table th:last-child{ border-right-color: #E6E7E8;}
.table-wrapper table thead { border-bottom: 2px solid #2C609A;}
.table-wrapper table tbody tr td {padding: 6px 5px;}
.table-wrapper table th, .table-wrapper table tbody tr td {font-size: 1em; /*border-width: 0px;*/}
.table-wrapper table tbody tr td{border: 1px solid #E6E7E8; background: transparent; }

.table-wrapper table .text-left { text-align: left; }
.table-wrapper table .text-right { text-align: right; }
.table-wrapper table .text-right .lead4 { text-align: inherit; }
.table-wrapper table .text-left .lead4 { text-align: inherit; }

/* Datepicker*/
/* usabilidade - Componente Data Picker (o calendário era gigantesco) */
.ui-widget-content.ui-widget.ui-datepicker {border: solid 1px #2980b9 !important;}
.ui-datepicker .ui-datepicker-header {height: 30px}
.ui-datepicker .ui-datepicker-title{ font-size: 1.0em;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year { color: #2980b9; font-weight: bold; border: solid 1px #e6e7e8; }
.ui-datepicker.ui-widget.ui-widget-content{	width: 250px;}
.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default, 
.ui-datepicker .ui-button, 
.ui-datepicker .ui-button.ui-state-disabled{ font-size: 0.9em;padding: 6px 5px 6px 0px;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { color: White; text-decoration: none;}
.ui-datepicker .ui-datepicker-prev:after, 
.ui-datepicker .ui-datepicker-next:after {display:block; font: normal normal normal 12px/1 FontAwesome;
                                          text-align: center; color:White; top: 50%; position: relative;
                                          transform: translateY(-50%);}
.ui-datepicker .ui-datepicker-prev:after { content:'\f060';}
.ui-datepicker .ui-datepicker-next:after { content:'\f061';}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover { background-color: White; color: #618CA7; 
                                           border-color: #50788f; text-decoration: none; }
.ui-datepicker .ui-datepicker-prev{	left: 5px !important;}
.ui-datepicker .ui-datepicker-next{ right: 5px !important;}

.ui-datepicker th { font-size: 0.9em; padding: 0px;}
.ui-datepicker td { padding: 1px;}

/*Componente Formulário -> Checkboxes*/

.checkbox-button .checkbox-wrapper, 
.checkbox-button input[type="checkbox"] { width: 26px; height: 26px; border-color: inherit;}
.checkbox-button label{ font-size: inherit; display: inline;}
.checkbox-button label .notas{  }
.checkbox-button .checkbox-wrapper::after{ width: 13px; height: 5px; top: 6px; left: 4px; }
.checkbox-button .checkbox-wrapper, .checkbox-button label { color: inherit; }

/* paginação */
.pages-wrapper { margin: 20px 0px 10px 0px;}
.pages-wrapper a i:before, .pages-wrapper a span { color: #2D639F;}
.pages-wrapper a:not(.page) { border-color: #2D639F;}
.pages-wrapper a .icone-angle_left:before,
.pages-wrapper a .icone-angle_right:before,
.pages-wrapper a .icone-double-angle_left:before,
.pages-wrapper a .icone-double-angle_right:before{
	margin: auto;
    display: block;
    font: normal normal normal 16px/1 FontAwesome;
}
.icone-angle_left:before {
  content: "\f104";
}
.icone-angle_right:before {
  content: "\f105";
}
.icone-double-angle_left:before {
  content: "\f100";
}
.icone-double-angle_right:before {
  content: "\f101";
}
a, a:hover, a:focus {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media only screen and (min-width: 1024px) {
    .horizontal-menu > div > ul{ height: 63px;}
    .horizontal-menu > div > ul > li .sub-menu{ top:52px }
    .horizontal-menu.type2 > div > ul > li > .sub-menu{	top: 24px;}
}

@media only screen and (max-width: 1024px) 
{
    body #content, body:not(.homepage) #content { padding: 90px 0 0 0!important; }
    a .app-logo { vertical-align: top;}
    img.app-logo { height: 25px; width: 25px;}
    img.iapmei-logo {height: 39px; width: 106px;}
    .logo-title {font-size: 1.1em; display: inline-block; max-width: 80%;}
    i.icone-burguer:before, #banner.open .horizontal-menu i.icone-burguer:before { font-size: 0.9em; }
}
@media only screen and (max-width: 770px) 
{
    body #content, body:not(.homepage) #content { padding: 110px 0 0 0!important; }
}
@media only screen and (max-width: 640px) 
{
    #formServicesWrapper .formReq .navBulletsForm .lineStep {
		max-width: 70px;
	}
}
@media only screen and (max-width: 540px) 
{
    .logo-title { max-width: 50%;}
    img.iapmei-logo { height: 25px; width: 69px;}
    i.icone-burguer:before, #banner.open .horizontal-menu i.icone-burguer:before { font-size: 0.8em; }
    
    .type2.horizontal-menu { padding-left: 2px;}
}
@media only screen and (max-width: 400px) 
{
    #formServicesWrapper .formReq .navBulletsForm .lineStep {
		/*max-width: 50px;*/
		display: none;
	}
}
@media only screen and (max-width: 400px) 
{
    .logo-title { max-width: 100%; font-size: 0.8em; }
}

@media only screen and (max-width: 370px) 
{
    body #content, body:not(.homepage) #content { padding: 130px 0 0 0!important; }
}

@media only screen and (max-width: 260px) 
{
    body #content, body:not(.homepage) #content { padding: 150px 0 0 0!important; }
}