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

.etiqueta{
	font-weight:bold !important;
	color:#000 !important;
	}

#propietario{box-sizing:border-box;}

form{
	/*
	width:300px;
	padding:16px;
	border-radius:10px;
	margin:auto;
	background-color:#ccc;
	*/
}

legend {
  background-color:#F4F4F4;
  color: black;
  padding: 5px 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#F39;
}
legend{
	
}

/*form label{*/
/*#propietario label{*/
label{
	width:270px;
	display:inline-block;
	color:#909;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


/*label{
	width:720px;
}*/


.subinfo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999;
}

/*form input[type="text"],
form input[type="email"]{*/
#propietario input[type="text"]{

	width:200px;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
}

#propietario select{
	width:380px;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:9px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
	}

form input[type="submit"]{
	width:100%;
	padding:8px 16px;
	margin-top:1px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#f0f;
}

input[type="button"]{
	width:auto;
	padding:8px 16px;
	margin-top:1px;
	border:1px solid #000;
	border-radius:5px;
	color:#fff;
	background-color:#f0f;
}

form input[type="submit"]:hover{
	cursor:pointer;
}

textarea{
	width:100%;
	height:100px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;			
	margin:8px 0;
	/*resize: vertical | horizontal | none | both*/
	resize:none;
	display:block;
}

.radio_label{
	width:12px;
	color:#787878;
}

.radio_label_2{
	width:50px;
	color:#787878;
}

input[type="text"],
input[type="email"],
input[type="password"]{
	width:180px;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
}

.falta_info{
	display: none;
	background-color: #F00;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:1px;
	text-align:center;
	line-height:11pt;
}

.mensaje_guarda{
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:1px;
	text-align:center;
	line-height:12pt;
}


.container_min {
  width: 600px;
  margin: 0 auto;
}

.rowz {
  line-height: 20pt;
  /*border: solid 1px black;*/
  padding:3px;
}

div.container_min>div:nth-of-type(odd) {
  background: #e4e4e0;
}

.etiqueta{
	width:40%;
	float:left;
}

.campo{
	width:54%; /*60%*/
	float:right;
}

#cmp_ante_proc{
	display:none;
}

#cmp_ante_inst{
	display:none;
}

#cmp_ante_tipo{
	display:none;
}
#compromete_recibof{
	display:none;
}

#tiempo_salud_txt{
	display:none;
}

#tiempo_educa_txt{
	display:none;
}

#tiempo_comer_txt{
	display:none;
}

#tiempo_pol_txt{
	display:none;
}

#tiempo_dep_txt{
	display:none;
}

#especific_elec{
	display:none;
}

#especific_prop_repp{
	display:none;
}

#especific_prop_tieem{
	display:none;
}

#especific_prop_atto{
	display:none;
}

#especific_prop_culto{
	display:none;
}

#especific_famieem{
	display:none;
}

#especific_famsp{
	display:none;
}

#distancia_cabecera{
	display:none;
}

#especif_superf_renta{
	display:none;
}

#ventanas_abren{
	display:none;
}

#ventanas_condiciones{
	display:none;
}

#protec_num_cmp{
	display:none;
}

#protec_lugar_cmp{
	display:none;
}

.msg_aviso{
	border:3px solid #F3C; 
	height:auto; 
	width:auto; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	background:#FFF;
	padding:5px;
}

#paso2{
	display:none;
}

#paso3{
	display:none;
}

#paso4{
	display:none;
}

.footer {
   /*position: fixed;*/
   margin-top:20px;
   left: 0;
   bottom: 0;
   width: 100%;
   height:40px;
   background-color:#A353A0;
   color: white;
   text-align: center;
   font-family:Arial, Helvetica, sans-serif;
}

body{
	font-family:Arial, Helvetica, sans-serif;
}

/****************************************/
/* Container big*/
.container_big {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15x;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:auto;
}

.container_big input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark_big {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #F9F;
}

.container_big:hover input ~ .checkmark_big {
  background-color: #eee;
}

.container_big input:checked ~ .checkmark_big {
  background-color: #F0F;
}

.checkmark_big:after {
  content: "";
  position: absolute;
  display: none;
}

.container_big input:checked ~ .checkmark_big:after {
  display: block;
}

.container_big .checkmark_big:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/****************************************/

/***************************************/

.tit_info{
	width:39%; 
	float:left; 
	background:#F0F; 
	color:#FFF;
	}

/***************/
.base-button--white {
    color: #d40511;
    border: .1rem solid #d40511;
    background-color: #fff;
    will-change: border-color;
    -webkit-transition: border .2s;
    transition: border .2s;
}
.base-button, .base-button--small {
    min-width: 11.9rem;
}
.base-button, .base-button span {
    color: #fff;
    display: -webkit-inline-box;
    display: inline-flex;
    text-decoration: none;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
}
.base-button {
    position: relative;
    border: .1rem solid #d40511;
    background-color: #F0F;
    border-radius: .4rem;
    cursor: pointer;
    font-weight: 700;
    font-size: inherit;
    margin: 0 0 1.4rem;
    padding: 0 1.54rem;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    letter-spacing: normal;
    min-height: 4.2rem;
    overflow: hidden;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

#cuestionarios{position:relative;}

.btn_adj{
	border-radius:8px; 
	border:#000 solid; 
	padding:3px;
	}

.btn_adj:hover{
	background-color:#F0F;
	cursor:pointer;
	}

/***********ACCORDION**********/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 2px solid #BD62D0;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	border: 1px solid #909;
	background: #F0F;
	font-weight: normal;
	color: #ffffff;
}

.icuest{
	width:28px;
	height:28px;
}

.ui-accordion .ui-accordion-content {
    margin: auto;
}
/*********************/

@media only screen and (max-width: 768px) {	
	.campo{
		clear:both;
		width:54%;
		float:left;
	}
	
	
	.rowz{
		width:44%;
      }
	  
	#cont_principal{margin: 1em 15% !important;}

	.metrouicss .tile {width: 120px !important;
    			       height: 120px !important;
					   bottom:0px !important;}
	}


/***********/
#cortina {
    background-color: black;
    display: none;
    left: 0;
    opacity: 0.55;
    position: fixed;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
}

/****************/
.frm_emergente {
	display:none;
    z-index: 300;
    top: 5%;
    height: 90%;
    width: 98%;
	overflow-y:auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    color: #000;
    position: fixed;
    left: -50%;
    right: -50%;
    border: 5px groove #90F;
    font-family: Arial, Helvetica, sans-serif;
}

/****************/
.frm_emergente_div {
	display:none;
    z-index: 300;
    top: 5%;
    height: 90%;
    width: 50%;
	overflow-y:auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    color: #000;
    position: fixed;
    left: -50%;
    right: -50%;
    border: 5px groove #90F;
    font-family: Arial, Helvetica, sans-serif;
}
/**************/
.frm_upload{
	display:none;
    z-index: 303;
    top: 5%;
    height:auto;
    width:350px;
	overflow-y:auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    color: #000;
    position: fixed;
    left: -50%;
    right: -50%;
    border: 5px groove #90F;
    font-family: Arial, Helvetica, sans-serif;
}

/**************/
.frm_habit{
	display:none;
    z-index: 303;
    top: 5%;
    height:95%;
    width:75%;
	overflow-y:auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    color: #000;
    position: fixed;
    left: -50%;
    right: -50%;
    border: 5px groove #90F;
    font-family: Arial, Helvetica, sans-serif;
}

/**************/
.visor_docs{
	display:none;
    z-index: 303;
    top: 5%;
    height:auto;
    width:650px;
	height:470px;
	overflow-y:auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    color: #000;
    position: fixed;
    left: -50%;
    right: -50%;
    border: 5px groove #006600;
    font-family: Arial, Helvetica, sans-serif;
}

/******************************/
.foto_property{
	border:#CCC solid 2px; 
	border-radius:8px; 
	margin-left:5px;
}
/***********/

.revision{background:#ffc0cb;}