/**************************************************************************************************/
/* CSS específico para el widget FORMULARIO de propietarios                                       */
/**************************************************************************************************/

section{
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

select.corto{ width: 80px; }
select.largo{ width: 130px; }

/* ------------------ */
/* Article formulario */
/* ------------------ */

section article.formulario{
	width: 100%;
	}
	section article.formulario div.content{
		padding: 10px;
		}
		section article.formulario div.content div.entrada{
			float: left;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
			min-width: 110px;
		}
		section article.formulario div.content div.entrada_campos{
			float: left;
			margin-bottom: 5px;
		}
		section article.formulario div.content div.salida{
			float: left;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
			min-width: 110px;
		}
		section article.formulario div.content div.salida_campos{
			float: left;
			margin-bottom: 5px;
		}
		section article.formulario div.content div.capacidad{
			float: left;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
			}
			section article.formulario div.content div.capacidad input{
				width: 30px;
			}
		section article.formulario div.content div.boton{
			float: right;
			clear: left;
			height: 30px;
			margin-top: 10px;
		}
		section article.formulario div.content div.avanzada{
			float: left;
			clear: left;
			height: 30px;
			line-height: 30px;
			margin-top: 10px;
		}

/* ----------------------------------- */
/* Reglas extra para formulario normal */
/* ----------------------------------- */

section.normal article.formulario div.content div.capacidad{
	display: none;
}
section.normal article.formulario div.content div.avanzada{
	display: none;
}

/* ------------------------------------ */
/* media queries para formulario normal */
/* ------------------------------------ */

@media only screen and (width: 235px) {

	section.normal article.formulario div.content select.largo{
		margin-left: -1px;
	}

}

@media only screen and (max-width: 359px) {

	section.normal article.formulario div.content{
		padding-top: 0px;
	}
	section.normal article.formulario div.content select.largo{
		margin-top: 2px;
	}
	section.normal article.formulario div.content div.entrada{
		clear: left;
	}
	section.normal article.formulario div.content div.entrada_campos{
		clear: left;
	}
	section.normal article.formulario div.content div.salida{
		clear: left;
	}
	section.normal article.formulario div.content div.salida_campos{
		clear: left;
		margin-bottom: 15px;
	}
	section.normal article.formulario div.content div.boton{
		text-align: center;
		float: none;
	}

}

@media only screen and (min-width: 360px) and (max-width: 699px) {

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 15px;
	}
	section.normal article.formulario div.content div.salida{
		clear: left;
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 15px;
	}
	html.ie section.normal article.formulario div.content div.salida_campos{
		margin-left: 12px;	/* IE */
	}

}

@media only screen and (min-width: 700px) and (max-width: 809px) {

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.normal article.formulario div.content div.salida{
		margin-left: 26px;
	}
	html.ie section.normal article.formulario div.content div.salida{
		margin-left: 25px;	/* IE */
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}

}

@media only screen and (min-width: 810px){

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.normal article.formulario div.content div.salida{
		margin-left: 26px;
	}
	html.ie section.normal article.formulario div.content div.salida{
		margin-left: 25px;	/* IE */
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.normal article.formulario div.content div.boton{
		margin-top: 0px;
		clear: none;
	}

}

/* -------------------------------------- */
/* media queries para formulario avanzado */
/* -------------------------------------- */

@media only screen and (max-width: 234px) {

	section.avanzado article.formulario div.content{
		padding-top: 0px;
	}
	section.avanzado article.formulario div.content select.largo{
		margin-top: 2px;
	}
	section.avanzado article.formulario div.content div.boton{
		text-align: center;
		float: none;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-top: 10px;
		margin-bottom: 15px;
	}

}

@media only screen and (min-width: 235px) and (max-width: 354px) {

	section.avanzado article.formulario div.content{
		padding-top: 0px;
	}
	section.avanzado article.formulario div.content select.largo{
		margin-left: -1px;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		clear: left;
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
		margin-top: 10px;
	}

}

@media only screen and (min-width: 355px) and (max-width: 694px) {

	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	html.ie section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 9px;	/* IE */
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
	}

}

@media only screen and (min-width: 695px) and (max-width: 824px) {

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.salida{
		margin-left: 19px;	/* IE */
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
	}

}

@media only screen and (min-width: 825px) and (max-width: 924px) {

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.capacidad{
		margin-left: 18px;	/* IE */
	}

}

@media only screen and (min-width: 925px){

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.salida{
		margin-left: 17px;	/* IE */
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.capacidad{
		margin-left: 17px;	/* IE */
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
		clear: none;
	}

}