/*
Azul - color: #339BEB;
Orange - color: #ef6938;
*/

@import url(http://fonts.googleapis.com/css?family=Istok+Web|Josefin+Sans:600);

/* Forms
---------------------------------- */
.form-control {
	width:100%;
	height: 25px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:15px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  	border:1px #339BEB solid;
}
.form-control-feedback {
	color: #cccccc;
}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 10px;
}
textarea {
	resize: vertical;
}


/* FORM ORÇAMENTO SIMULADOR
-----------------------------------------------------------------------------*/
.main_sum {
	position: absolute;
	top: 0;
	left:12px;
	width: 100%;
	min-height:380px;
	height:auto;
	margin:0px;
	padding: 19px;
	background-color: #f5f5f5;
  	border: 1px solid #e3e3e3;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.main_sum h3{
	margin-top:0px;
	padding-top:5px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
  .main_sum {
	position: relative;
	/*top: 0;
	left:12px;*/
	width: 100%;
	min-height:380px;
	height:auto;
	padding: 19px;
	background-color: #f5f5f5;
  	border: 1px solid #e3e3e3;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 }
}


.sum {
	width: 100%;
	min-height: 70px;
	height:auto;
	margin: 5px;
	border-top: 2px solid gray;
	position:relative;
	float: left;
	padding:15px 0;
}
.opt, .opt_8 {
	width: 100%;
	height: 35px;
	margin: 5px;
	border-top: 1px solid gray;
	position:relative;
	float: left;
	padding:5px 0;
}
.sum > .sum_txt {
	font-weight:bold;
}
.sum_txt {
	width: 55%;
	height: 35px;
	position:relative;
	float:left;
	line-height: 35px;
	padding-bottom:15px;
}
.sum_val {
	width: 25%;
	height: 35px;
	position:relative;
	float:right;
	line-height: 35px;
	padding-bottom:15px;
	text-align:right;
}

#manutencao{
	position: relative;
	padding: 19px;
	margin-bottom:10px;
 }
 
.temp {
	width: 100%;
	height: 70px;
	margin: 5px;
	border-top: 1px solid gray;
	position:relative;
	float: left;
	padding:5px 0;
}
 
.temp_txt {
	
}
.temp_val {
	
}

/* Contactos Form 
-----------------------------------------------------------------------------*/


#contacto-form {
  width:100%;
  min-height: 20px;
  padding:15px;
  margin-bottom: 0px;
}

#contacto-form .has-feedback label.sr-only ~ .form-control-feedback {
	top: 10px;
}

#contacto-form input{
  	border:1px #339BEB solid;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 5px 15px;
	min-height:30px;
}

#contacto-form input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#contacto-form .inputfull{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  	border:1px #339BEB solid;
	width:100%;
	padding: 5px 15px;
	min-height:30px;
}

#contacto-form input .input-group-lg{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 7px;
  	border:1px #339BEB solid;
	height:10px;
}

#contacto-form textarea{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 5px 15px;
  	border:1px #339BEB solid;
}

#sandbox_form  select{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
  	border:1px #339BEB solid;
}

/* Formularios Orçamentos 
-----------------------------------------------------------------------------*/

#table_orcamento{
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color:#D9EDF7;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

#table_orcamento input{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
  	border:1px #339BEB solid;
}

#table_orcamento input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#table_orcamento .inputfull{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
  	border:1px #339BEB solid;
	width:100%;
}

#table_orcamento textarea{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
  	border:1px #339BEB solid;
}


/* Contact Form
-----------------------------------------------------------------------------*/

#contactform {
font-family: 'Istok Web', sans-serif;; font-size:14px; color: #FFF; padding:0;}
#contactform label {
	width:100%;
	display: inline-block;
}
#contactform select {
	margin-bottom: 10px;
}
#contactform textarea {
	vertical-align: top;
	height: 100px;
}

#contactform p {
	margin-bottom:0;
}
#contactform input, #contactform select, #contactform textarea {
	margin-bottom: 4px !important;
	width: 98%;
	padding: 2px;
	vertical-align:top;
	color:#FFF;
	background-color:transparent;
}
#contactform input:focus, #contactform select:focus, #contactform textarea:focus {
}
/* Contact button */
#contactform .submitbutton {
	border:0;
	text-transform:uppercase;
	width:75px;
	height:26px;
	vertical-align:middle;
}
#contactform .submitbutton:focus {
	background:none;
}
body {
	background-color:transparent;
}

/* Linha sequencia preenchimento Formulario Orçamento
-----------------------------------------------------------------------------*/

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/