/*!
KForms v0.01
Inspiado por pureio.css
*/
/*
	En config deben estar:
	CONTROL_PADDING
	CONTROL_BORDER
*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
    padding: 0.4em 0.3em;
    display: inline-block;
    border: 1px solid #ccc;
	border-radius:4px; box-shadow:inset 0 1px 3px #DDC;
    -webkit-: border-box;: border-box;
    -moz-: border-box;: border-box;
    : border-box;: border-box;
}
label input {display:block;}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

input:not([type]) {
    padding: 0.4em 0.3em;
    display: inline-block;
    border: 1px solid #ccc;
	border-radius:4px; box-shadow:inset 0 1px 3px #DDC;
    -webkit-: border-box;: border-box;
    -moz-: border-box;: border-box;
    : border-box;: border-box;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 0.2em 0.3em;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
input:not([type]):focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 1px auto #129FEA;
}
.kcheckbox,
.kradio {
    margin: 0.5em 0;
    display: block;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/

input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
input[readonly],
select[readonly],
textarea[readonly] {
    background: #f0f0f0;
    color: #667; 
    border-color: #ccc;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #e9322d;
}
input[type="file"]:focus:invalid:focus,
input[type="radio"]:focus:invalid:focus,
input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
select {
    border: 1px solid #ccc;
    background-color: white;
}
select[multiple] {
    height: auto;
}
label {
    margin: 0.4em 0 0.2em 0;
	display:inline-block;
	vertical-align:middle;
}
.ficha label {
	margin-top:0.45em;
	}
fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em 0;
    border: 1px solid #ccc;
}
legend {
    display: block;
    width: auto;
    margin-bottom: -0.3em;
	margin-left:1em;
    color: #333;
}

.inbutton, .button {
	display:inline-block;
	: border-box;:border-box;
	width:1.30em;
	padding:0.5em 0;
	text-align:center;
}
.inbutton { margin-left:-1.35em; }

.hradio br {display:none;}
.hradio input[type="radio"] {margin-left:1em;}

.wtext {
	background-color:#fff;
    border: 1px solid #ccc;
	border-radius:4px; box-shadow:inset 0 1px 3px #DDC;
	}
.wtext  textarea {
	border:0;
	box-shadow:none;
	}

.formok {text-align:right;}