/*******************Formulario y mensajes de validacion*********************/

/*Mensaje de error por campo no valido*/
.validacion-mensaje {
        margin: 5px 0;
        padding: 5px;
/*
        background-color: #FF3300;
        color:   #FFF;
*/
        color:   #FF3300 !important;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size:        11px;
}

/*En los campos requeridos, donde falla la validacion, coloreamos el borde*/
input.validacion-error, textarea.validacion-error, select.validacion-error {
border-width: 1px;
border-style: solid;
border-color: #FF3300 !important;
}

.radio input validacion-error{
color:#FF3300;
background-color:#FF3300;
border-width: 1px;
border-style: solid;
border-color: #FF3300 !important;

}



/*los campos que pasan la validacion*/
input.validacion-ok, textarea.validacion-ok, select.validacion-ok {
border-width: 1px;
border-style: solid;
border-color: #00CC00;
}

/*Div Error*/
div.validar_error {
  border-width: 1px;
  border-color: #FF3300;
  border-style: solid;
}

/*Div valido*/
div.validar_ok {
  border-width: 1px;
  border-color: #00CC00;
  border-style: solid;
}

tr.validar_error td {
/*	border-top: 1px solid #FF3300;
	border-bottom: 1px solid #FF3300;
	background: #FFC;
*/
	background: #FA5858;
/*	background: #faeaea;*/
}

tr.validar_ok td {
	border-top: 1px solid #00CC00;
	border-bottom: 1px solid #00CC00;
	background: #FFC;
}

div.cargando {
	position: absolute;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	background: red;
	color: white;
	display: none;
}

span.cargando {
	padding: 3px;
	text-align: center;
	font-weight: bold;
	background: red;
	color: white;
}