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

body, html {
    height:  100%;
    margin:  0px auto;
    padding: 0px auto;
	color: #4f5458;	
}



.cmyk-header {
background-image: url(../images/cmyk-bar.jpg);
height:6px;
background-repeat:repeat-x;
width:100%;
margin:0 auto;
clear:both;
	
	
}

p{
	line-height:1.5em;
	font-size:16px;
}


.wrapper {
    height: 100%;      /* These two lines were the key. */
    /*overflow:   hidden;*/ /* Do not use this, it crops in small browsers. */
    margin:     0px auto;
    padding:    0px auto;
 }
 
 
.fundo {
	background-image:url(../images/fundo.jpg);
	
}

h1, h2{
color:#087CC9;
}

h3{
padding: 16px 0;
margin:0;
}

.altronix-logo {
	margin: 20px 0 10px 0;
		
}

.navbar-right p{
	text-transform: uppercase;
	letter-spacing:3px;
	font-size:11px;
	color:#faee9e;
	text-align:center;
	font-weight:bold;
}

.btn-group-lg>.btn, .btn-lg {
padding: 12px 30px;
font-size:20px;	
margin:10px 0;
}

.btn-lg i{
font-size:16px;	
margin-left: 6px;
}
.pdfobject-container { height: 540px;}

.pdfobject { padding: 4px; }

#toolbarContainer {
display:none;	
}
.navbar {
margin-bottom: 0;
border: none;
border-bottom:solid 3px #fff;
border-radius: 0;
background-color:#195293;	
}

.wizard-tabs li {
	display: inline-block;
	width:220px;
	margin:12px 0;
	color:#77A9E3;
	
}

.wizard-tabs li a{
	display: inline-block;
	width:230px;
	margin:12px 0;
	color:#70e3bc;
	
}


.wizard-tabs li strong{
	font-size:21px;
}

.wizard-tabs li a:hover, .wizard-tabs>li>a:focus, .wizard-tabs>li>a:hover, 
.wizard-tabs  > li.active > a,
.wizard-tabs  > li.active > a:hover,
.wizard-tabs  > li.active > a:focus{
	background: none; 
	color:#fff;	

}

.wizard-tabs  > li.done > a {
	color: #77E3CE;
		
}

.wizard-tabs>li>a:focus{
	background: none; 
	color:#fff;	

}

.wizard-tabs li.active::after {
content: "";
position: absolute;
bottom: -13px;
left: 26px;
border-width: 0 14px 12px ;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}

.spacer {
	clear:both;
	height:30px;	
}


.wizard-nr {
	border: solid 2px;
	border-radius:24px;
	width: 48px;
	height: 48px;
	line-height:44px;
	text-align: center;
	font-size:36px;	
	float: left;
	margin-right:12px;
}

	

.bg_frame {
	border: solid 2px #eaeaea;
	margin:30px 0;	

}



.bg_frame > .backframe-bg h3{
	color: #c3c9ce;	
	text-transform: uppercase;
	font-size:18px;
	margin-bottom:-10px;
}


.backframe-bg {
	background-color: #4e545a;
	min-height:720px;
	text-align:center;
		
}

.backframe-bg img {
	max-width:100%; max-height:640px;
	padding:16px;
}



.grey-bg {
	background-color: #eaeaea;
	min-height:740px;	
}

.darkgrey-bg {
	background-color: #525659;
	min-height:720px;	
}

.pre-scrollable {
	max-height: 480px;
	
	 }
	
	

.right-col {
	padding: 10px 30px;	
	
}

.right-col h2{
	text-align: center;
	margin-bottom: 20px;
	
}

.right-col h3{
	padding-bottom: 6px;
	font-size: 1.9em;
	color:#747c82;
}

.right-col h3:after{
	content: "";
	width:6%;
	height:3px;
	background-color: #087CC9;
	display:block;
	margin:10px 0 8px 0;
	
}


.right-col form {
	margin-top: 40px;	
}



.form-group {
	margin-top: 20px;	
}

.labelframe {
	background-color: #F4F4F4;	
	border: solid 1px #eaeaea;
	padding: 12px;
	margin:30px 0 40px 0;
}

.labelframe ul{
list-style-type: none;	
font-size: 18px;
padding:0;
}

.labelframe li{
margin-top: 10px;
}

.secondary-txt {
	color:#95989A;
}

.alert .glyphicon{
    display:table-cell;
}


.alert div,
.alert span{
    padding-left: 10px;
    display:table-cell;
	font-size:16px;
}

.alert {
background-position: 2% 7px;
background-repeat: no-repeat;
background-size: auto 35px;
background-color: rgba(0, 0, 0, 0);
border: 0;
min-width: auto !important;
text-align: left;
padding-left: 54px;
}
.alert.alert-danger {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX////7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0NAQECdhUHYsUKGdEG1l0JLSEBuYkHkukPKU8NPAAAADnRSTlMA4EDAoCAQ8IBgkDDQUFItelQAAAC0SURBVHherZBLDsMwCAVD7Nj5gvPr/Y/a0FpGLTibdnbozQJN829agPZu7/CiuxE8C76+T/hiqgruLbjqh5ip/TljZrb3AQuDKYAIYO09L3TBRq/3EHk4shCDEkZkTqITmdGMLIIO7r8FbzfaiDappSNjIkpZcCqyCDo4WAJYkR8prTp4ADSBUCIX9uPY5epL5AJdyBWDRDYFHCWyCiXBObKwrh+nl4g2TiLVhSXW97g0v/MEHIQbCYeFmYAAAAAASUVORK5CYII=);
border:2px solid rgba(255, 165, 0,0.4);
color:#333;
background-color:#fbf8e4;

}
.alert.alert-info {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADBklEQVR42u3YyWsTURwHcP8aQUWtWlu7JEbtpngQvIqXevDWm1fXehO12BTErdQiVMFQ8ODBusWkmSa1lVrTxdrG0FA9WJtkljfL19/LTDKMibl0EorkwReSCQ8+fN+bl2G2AdhSqYH+P1CpAS0DfXUI+ufzUCfaoQptYMIxsMhRsE/d0L4/BNR0qcnug4y159CmTkOLdkKNdnBQAaNEjkAZ90EOH4YcOQ51dQQVBRnLN6DHuqDFOqGZGEpbaVDICynkAVvoRUVAxuqQE8PjXC7C/AX64KG0gq3ch6sgQ1zkEBtTph2FY8JeApkYKdgCMdgMPTMP10D64kUOsTDtDsw/27FAIge9b4Y8e8EdELS0jTAh5TF2Ow5Q9l0TDDWNTYOMjSkLQREcEAdGCRfvHdFcLgI1EegQtPXY5kFactAE2JDyGHvvONrhILZ81w3QIxNQCEfw2JvYxpRYKrMdSqNLoNSzPMBGTJwEmz4HuSSGMnkWYrgjv1Rm3jZATQ5vHqT//sgRVhtmI8p0NwADbOF6EUaOX4GiZCHGzhAkD2ogUD20XxNw5baXhRN2G2EvR+QwhqFDme91YJgiQfpyCTamkTAHaQm97p1DauIBR1jxWI14CHMNuqZCmbsKmcKYBLkYQzkA9m3APRA/P6TxrvztbCfYkoOoqgKVydTQ5ZIYMdgKQ91wD8SHvj7JAYXb2T5jmqEkhiEnHnNIESb7po72joCK/Ntray8sRD7UBkVeGoBEIQilwYFRUwFU9HmIrdzjCHtpKNJXP48FqSfIfspe2jf+Sj4P2UOMnOKQfCOE6Ye0eMdqZR+yr/fwc8icXA2QmnzCD7pCI+JiH8SFPt4KYXYjO7YTLDFYPZCensu3QakjzC2I8zcJsguZsR3IvNoOfWO2eiA+tJ9jfI9Q+qEkn1JGoCz1UW5D+/HSnFhNUCqVQjwezyUajSIUChW+02/VB42OjqJMaqCtB5qZmUEgEIDf73eEXxMEofogPtLpNHp6euDz+Xhyn+lauUm1tx81UMXzBw5wT9JYWi53AAAAAElFTkSuQmCC);
border:1px solid rgba(255, 165, 0,0.4);
color:  rgb(225, 75, 0);
}
.alert.alert-success {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAqFBMVEX////w8PDw8PDw8PDw8PDw8PDw8PDw8PDW1tbn5+ff398PnVjd3d3i4uIPnVjk5OQPnVjg4OAPnVgzqW8PnVgPnVjT09Pw8PDG4NOp1sBjvJHu7u4PmVYqp2ri6+YcomFHsn4bmlzHzsoPnFeuxbl9tJk0n2t/xqSVvqqNzK1ZqYKJuaJVt4c4rHQnnWPl5eXj4+MPm1fe3t6b0bfc3NxBo3TY2NjX19eKj23kAAAAFXRSTlMA8BCwcFCgkP4f3NDnrzCHoM8Qc/Avz3otAAAA9klEQVR4Xq2T2XKDMAwAMRACNGdbyUDus/d9/f+f1VHEiFamfcm+7qIZGTs4IWEcGeswURz6dGIbJCrp0MeC6QTBCADO2Hetokv+vNXbyvnLAc9v8cA+NH4/veAFEr/f7HIe0OJvETMKYhLlLw8fiNinICKxnHHCfr92QY8CcwwAloX41cFjSoElCnBU89pvkeCAeAPH4or89Bp1YG+g5uUOPQEP5wWbgZzjPRDiU1mTmD/wggyvGVspZgCP4rGvjrpYuAWFTP+sounzwPO7n8SnNEBdmGesGZLUV+6V/ZilLt7F+6/95BMxHf71cCZfefbf0zsl3w3QOjVy6QFpAAAAAElFTkSuQmCC);
border:1px solid limegreen;
}

.espacamento-txt {
line-height:3em;
margin-left:64px;
font-weight:bold;	
}

.label-specs {
	position:absolute;
	bottom: 0;
	background:#AFB3BC;
	width:100%;
	padding:4px;
}


.label-specs span{
margin-top: 10px;
display:block;
color:#444;
}


.label-specs img{
width: 72px;
height:72px;
margin:0;
padding:0;
color:#fff;

}

.button-checkbox button {
	width: 100%;
	margin-top:30px;
}

.button-checkbox i {
	margin-right: 6px;
}


.form-control {
	font-size: 16px;
	padding:12px;
	height:40px;
}


.done-frame {
	margin: 100px 0;	
	font-size: 18px;
}

.done-frame h2{
	color: #47C973;
	margin:10px 0 30px 0;	
}

.done-frame img{
	border-radius: 4px;
}



footer {
	color: #999;	
	clear:both;}

.nav>li.disabled>a, .nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
	color: #4390d3;
}




@media (max-width:1199px){
	
	.wizard-tabs li.active::after, .navbar-right {
display: none;
}

h1, h2, h3{
padding: 10px 0;
margin:0;
}


}

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
  opacity: .5;
}