div[data-role="input-blok"] {
	display: inline-block;
	vertical-align: bottom;
}

div[data-role="input-btns"] {
	display: inline-block;
	vertical-align: bottom;
	margin-top:4px;
}

.fieldSpacer[data-role="input-blok"] ,
.fomrButtons[data-role="input-btns"] {
	/*
	margin:0 !important;
	margin-right:4px !important;
	*/
}


div[data-width="50"] ,
div[data-width="100"] ,
div[data-width="200"] {}

div[data-width="50"] { width:50px; }
div[data-width="80"] { width:80px; }
div[data-width="100"] { width:100px; }
div[data-width="150"] { width:150px; }
div[data-width="200"] { width:200px; }
div[data-width="300"] { width:300px; }
div[data-width="400"] { width:400px; }


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

form {
	font-size: .9em;
}

.formCaption {
	margin-bottom:3em;
}
.formCaption p {
	margin:0;
	padding: 0;
}

.fieldSpacer {
	position: relative;
	display: block;
	margin:0 3px 6px 3px;
}

.formLabel {
	display: inline-block;
	padding-left:5px;
	color:#666;
	font-size: small;
}
.formLabel em {
	display:block;
	margin:0;
	padding:0;
	color:#999;
	font-size: small;
	line-height: 1.2;
}

.obligatorio {
	display: inline-block;
	vertical-align:baseline;
	margin:0 3px;
	color:#ff0066;
	/*font-size: medium;*/
	font-style: bold;
	line-height: 1;
}

.formFooter {
	margin:2em 0 1em;
}

.fomrButtons {
	margin:1em 0;
}
.fomrButtons input {
	margin:0 2px;
}



form fieldset {
	margin-top: 14px;
	padding: 14px;
	border:1px solid #ccc;
}
form fieldset legend {
	padding:0 14px;
	border:1px solid #ccc;
	font-weight: bold;
	color:#999;
	
	box-shadow: 0px 1px 10px rgba(0,0,0, .2);
	-webkit-box-shadow: 0px 1px 10px rgba(0,0,0, .2);
	-moz-box-shadow: 0px 1px 10px rgba(0,0,0, .2);
}



form .checkPanel {
	/*margin:14px 0;
	margin:1rem 0;*/
}

form .checkGroup {
	margin:0 0 14px 0;
	padding:7px 14px;
	border:1px solid #d3d3d3;
}
form .checkPanel label ,
form .checkGroup label {
	display: inline-block;
	margin-right:1em;
	cursor:pointer;
}


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

input , textarea , select {
	position: relative;
    margin:0;
	padding:8px;
	
	font-family: sans-serif;
	font-size: 100%;
	color:#000;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	border-collapse: separate;
	outline:0;
	-moz-outline:0;
	
    background: #f9f9f9;
    border: 1px solid #D3D3D3;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
    box-shadow:inset 0 1px 10px rgba(0,0,0, .15);
    -webkit-box-shadow:inset 0 1px 10px #DADADA;
    -moz-box-shadow:inset 0 1px 10px #DADADA;
	
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
textarea {
	resize:vertical;
	vertical-align: top;
	min-height:5em;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
}
select {
	cursor:pointer;
	white-space: nowrap;
	/*
	background-image: url(../img-theme/icos16-forms.png);
	background-position: right -17px;
	background-repeat: no-repeat;
	*/
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}


button ,
input[type="submit"],
input[type="button"],
input[type="reset"] ,
/**/
input[type="text"] ,
input[type="password"] ,
input[type="tel"] ,
input[type="email"] ,
input[type="url"] ,
input[type="file"] ,
input[type="date"] ,
input[type="datetime"] ,
input[type="week"] ,
input[type="month"] ,
input[type="range"] ,
select {
	height: 36px;
}



input[type="text"] ,
input[type="password"] ,
input[type="tel"] ,
input[type="email"] ,
input[type="url"] ,
input[type="file"] ,
input[type="date"] ,
input[type="datetime"] ,
input[type="week"] ,
input[type="month"] ,
input[type="range"] ,
textarea , select {
	display:block;
	width:100%;
}


input[type="file"] {
	cursor:pointer;
	margin:0 0 1em 0;
	/*padding:8px 10px !important;*/
	-webkit-padding-before:8px !important;
	-webkit-padding-end:8px !important;
	-webkit-padding-after:8px !important;
	-webkit-padding-start:8px !important;

	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAIPHjz4TyqHgYEBAOwRDn3kWbUIAAAAAElFTkSuQmCC) repeat;
	
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="file"]:hover {
	/*background-color: #e9e9e9;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAIXLlz4TyqHgYEBANIxDb1SZyArAAAAAElFTkSuQmCC) repeat;
}



input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}



input:focus,
select:focus ,
textarea:focus {
    border: 1px solid #6a6a6a;
}





/* radios y checks */

label.check ,
input[type="radio"] ,
input[type="checkbox"] {
	cursor: pointer;
	display: inline-block;
}
label.check {
	margin-right:5px;
}
input[type="radio"] ,
input[type="checkbox"] {
	vertical-align: baseline;
	
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

label.check:checked + span ,
label.check:checked + span {
	font-weight: bold !important;
	color:#000;
}




/**/
::-webkit-input-placeholder {
	color: #bbb !important;
}
:-moz-placeholder {
	color: #bbb !important;
}
::-moz-placeholder {
	color: #bbb !important;
}
:-ms-input-placeholder {
	color: #bbb !important;
}





/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}


input[type="submit"],
input[type="button"],
input[type="reset"],
button ,
button[type="submit"],
button[type="button"],
button[type="reset"] {}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {}


/* Buttons */
button ,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
	padding: 8px 10px;
	
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	text-shadow: 0 1px 1px #fff;
	
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	
	border: 1px solid #d2d2d2;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

button[disabled],
button[disabled]:hover ,
button[disabled]:active ,
input[disabled] ,
input[disabled]:hover ,
input[disabled]:active {
	cursor: default;
	opacity: .5;
	background-color: transparent;
	background-image:none;
	box-shadow: none;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	color: #3e3e3e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
}



/* buscardor
 * ****************************************************************/

input[data-role="buscador"] ,
input[data-role="buscador-btn"] {
	width: auto !important;
	height:34px;
	display:inline-block !important;
	vertical-align: middle;
	padding:8px;
}
input[data-role="buscador"] {
	margin-right:-4px;
	border-collapse: separate;
	-webkit-border-radius: 3px 0 0 3px !important;
	-moz-border-radius: 3px 0 0 3px !important;
	border-radius: 3px 0 0 3px !important;
}
/*
input[data-role="buscador"]:hover ,
input[data-role="buscador"]:focus ,
input[data-role="buscador"]:active {
	border: 1px solid #d2d2d2 !important;
	
}
input[data-role="buscador"]:focus ,
input[data-role="buscador"]:active {}
*/
input[data-role="buscador-btn"] {
	border-left:0 !important;
	-webkit-border-radius: 0 3px 3px 0 !important;
	-moz-border-radius: 0 3px 3px 0 !important;
	border-radius: 0 3px 3px 0 !important;
}



/* validador
*************************************************************/

label.error {
	font-size: .8em;
	margin: 0;
	padding: 3px;
	line-height: 1.2;
	color:#ff0000;
	display:none !important;
}

input[type="text"].error + label.error ,
input[type="email"].error + label.error ,
textarea.error + label.error {
/*label.error {*/
	position:relative;
	top: 0;
	width: 100%;
	display:none;
	/*
	margin:0 3px 3px 3px !important;
	padding:0px 10px;
	
	color:#ff0033;
	font-style:normal;
	text-shadow: none;
	
	border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	-khtml-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	*/
}

input.error ,
textarea.error {
	border:1px solid #ff0033 !important;
}

.checkFormAcepto {
	margin:.5em 0;
}

.checkFormAcepto .labelCheck label.error {}
.labelCheck { cursor:pointer; }


.labelCheck {
	margin-left:.5em;
}

.labelCheck label.error {
	cursor:pointer;
	position:relative;
	display: inline-block !important;
	vertical-align: middle;
	padding:5px 5px;
	margin:0px 5px;
	text-align:right;
	color:#fff;
	line-height: 1;
	
	background-color:#ff0033;
	border:0;
	
	border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
}
.labelCheck input.valid + label.error {
	display:none !important;
}


/*
 *****************************************************************/
/* AJAX Gif y mensajes de exito o fracaso */

.hide{
    display: none !important;
}

.msgBox {
	position: relative;
}

#ajax-loading {
	position: absolute;
	top:50%;
	left:50%;
	z-index: 999888777;
	margin:-8px 0 0 -8px;
	padding: 0;
	line-height:0;
}
.msgBox {
	position: relative;
}
.msg{
	position: relative;
    left: 0;
	width: 100%;
    padding: 10px;
	border:0;
	
	/*font-size: 12px;*/
	color: white;
    font-weight: normal;
	color:#000;
	text-transform: uppercase;
	line-height: 1.5;
	text-shadow: none;
}
.msg_ok,
.msg_error { box-shadow: inset 0 0 5px rgba(0,0,0, .5); }
.msg_ok {
	background-color: #72C900;
	color:#fff;
}
.msg_error {
	background-color: #ff0033;
	color:#fff !important;
}

/*.ultimo:hover .msg ,*/
.msgIN {
	width: 100%;

	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}