@CHARSET "ISO-8859-1";

@import url("//fonts.googleapis.com/css?family=Montserrat:400,700"); 

html,
body {
	color:#575756;
	font-family:Montserrat !important;
  font-size: 0.95em;
	}
h1{
	color:#025F81;
	text-transform:uppercase;
}

.wizard-steps {
	list-style: none;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative
}
.wizard-steps li {
	display: table-cell;
	text-align: center;
	width: 1%
	
}
.wizard-steps li .step {
	border: 5px solid #bdbdbd;
	color: #fff;
	font-size:1.5em;
	border-radius: 100%;
	background-color: #bdbdbd;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 30px;
	text-align: center
}
.wizard-steps li:before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	border-top: 4px solid #bdbdbd;
	position: relative;
	top: 21px;
	z-index: 1
}
.wizard-steps li:last-child:before {
	max-width: 50%;
	width: 50%
}
.wizard-steps li:first-child:before {
	max-width: 51%;
	left: 50%
}
.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
	background: none repeat scroll 0 0 #025F81;
    border-color: #025F81;
}
.wizard-steps li.complete .step {
	cursor: default;
	color: #FFF;
	-webkit-transition: transform ease .1s;
	transition: transform ease .1s
}
.wizard-steps li.complete .step:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	content: "\f00c";
	background-color: #FFF;
	z-index: 3;
	font-family: FontAwesome;
	font-size: 17px;
	color: #87ba21
}
.wizard-steps li.complete:hover .step {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	border-color: #80afd4
}
.wizard-steps li.complete:hover:before {
	border-color: #80afd4
}
.wizard-steps li .title {
	display: block;
	margin-top: 4px;
	max-width: 100%;
	color: #949ea7;
	font-size: 14px;
	z-index: 104;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word
}
.wizard-steps li.complete .title, .wizard-steps li.active .title {
	color: #2b3d53
}

input[type=radio].css-checkbox {
	display:none;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:36px;
	height: 31px;
	display:inline-block;
	line-height:31px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:1.2em;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -31px;
}
label.css-label {
	background-image:url('../images/checkbox.png');     
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  
}
.resultado_div{
  display: none;
}

.paso{
	display: none;
  width: 55%;
  margin-left: 5%;
  margin-top:50px;
  position:relative;
}
.buttons{
  position: absolute;
  bottom: 0px;
  padding-left:5px;
  
}
html{
  width: 100%;
  height: 100%;
}
body{
  background-color: transparent;
}
h2{

  margin-bottom: 25px;
}
h1{
  margin-left: 5%;
}
#register{
  height: 100%;
}
.modal-dialog {
    margin: 80px auto !important;
}
.modal-footer{
  height: 60px;

}





input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ddd;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
     -moz-box-shadow: 0 0 6px #dbc59e;
          box-shadow: 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
     -moz-box-shadow: 0 0 6px #d59392;
          box-shadow: 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
     -moz-box-shadow: 0 0 6px #7aba7b;
          box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;                                          
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}

.resultado_img{
  height:auto; 
  width:100%; 
  max-width: 300px;
}
.resultado_img_v{
  height:100%; 
  width:auto; 
  max-height: 150px;
}
.resultado_img_foto{
  width: 80%;
  padding-left: 17%;
  padding-right: 17%;
}
.p15{
  padding:15%;
}
.child{
  display: table-cell;
  vertical-align: middle;
}
.parent{
  display: table; 
  width: 100%;
  padding: 10px 0;
}

.h150{
  max-height:150px;
}
.h100{
  max-height:100px;
}
.center{
  text-align: center;
}
.tratamiento_title,
.tratamiento_title,
.limpieza_title{
  color: #555555;
  font-weight: bold;
  font-size: 1.1em;
   margin: 0 0 2px;
   text-align:left;
}
p {
    margin: 0 0 5px;
    text-align: justify;
}
.limpieza_desc{
color: #565656;
font-weight: normal;
 text-align:left;
}
.resultado_button {
    background-color: #FFFFFF;
    background-image: url(/external/portal/images/fotoproteccion_inactivo.jpg);
    background-size: 100% 100%;
    border: none;
    color: #025F81;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px 10px;
    width: 31%;
}
.resultado_button.active{
  color: #FFFFFF;
  background-image: url(/external/portal/images/fotoproteccion_activo.jpg);
  background-size: 100% 100%;
}

.registr_button {
    background-color: #FFFFFF;
    background-image: url(/external/portal/images/registrarse_inactivo.jpg);
    background-size: 100% 100%;
    border: none;
    color: #333333;
    padding: 15px 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;

}
.registr_button.active{
  color: #FFFFFF;
  background-image: url(/external/portal/images/registrarse_activo.jpg);
  background-size: 100% 100%;
}

.tratamiento_div,
.fotoproteccion_div,
.limpieza_div{

 padding-left: 10px; 
}
.botones_resultado_list{
  margin-top: 15px;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
}
.tratamiento_div,
.fotoproteccion_div{
  display: none;
}
.padding0{
  
}
.paddingLeft{
  padding-left: 20px;
}
.paddingCenter{
  padding-left: 25px;
  padding-right: 25px;
}
.list_limpieza{
  color: #025F81;
  font-weight: bold;
  list-style: none;
  float: left;
  width: 100%;
}
.resultado_div{
  background-color: #ffffff;
  background-url: none;
}
.resultado_div h2{
  color: #025F81;
}

.resultado_sub{
  color: #025F81;
}

.resultado_div .buttons{
  margin-top: 25px;
  position: relative;
}
.resultado_top{
  border-left: 1px solid #BBBBBB;
}
.resultado_top_text{
  border-top: 1px solid #000000;
  
}
.list_limpieza li .limpieza_title{
  border-top: 1px solid #000000;
}
.list_limpieza li{
  text-align: center;
}
.list_limpieza li img{
   max-height: 269px; 
   margin-bottom: 5px;
}
.form-group > label.required{
  font-size:2.3em;
}
.radio > label{
  font-size: 1.5em;
}
.form-group{
  margin-top: 20px;
  margin-left: 20px;
}