/*
 * CONTROL DE VERSION
 * Fecha: Febrero 25 de 2015
 * Responsable: dnavarro
 * Motivo: Agrega propiedad para evitar conflicto entre los estilos de KAWAK y los de los documentos y formatos
 */

.font_body { font-family: "Nunito Sans", sans-serif; font-size: 10pt; color: #666666; }
td { font-family:"Nunito Sans", sans-serif; }
.lpadding{ padding-left: 5px; }
.scroll{ height: 300px; width: 99%; overflow: auto; border: 1px solid #94A6B5; padding: 4px; SCROLLBAR-FACE-COLOR: #e7e7ef;  SCROLLBAR-HIGHLIGHT-COLOR: #F7F7F7; SCROLLBAR-SHADOW-COLOR: #fefefe; }
.scrollTareas{ width: 160px; height:80px; overflow:auto; border: 1px solid #FFFFFF; padding: 4px; }
.scrollVariables{ width: 98%; height:240px; overflow:auto; border: 1px solid #FFFFFF; padding: 4px; }
.scrollCronograma{ height: auto; width: 99%; overflow: auto; max-width:900px; border: 1px solid #94A6B5; padding: 4px;  SCROLLBAR-FACE-COLOR: #e7e7ef; SCROLLBAR-HIGHLIGHT-COLOR: #F7F7F7; SCROLLBAR-SHADOW-COLOR: #fefefe; }
.tabla_container{ padding:0px; }
.tabla_datos{ border:1px solid #CCCCCC; color: #666666; font-family: "Nunito Sans", sans-serif; font-size:13px; font-weight:normal; padding:5px; }
.tabladatos a{ color: #666666; font-family: "Nunito Sans", sans-serif; font-size:13px; font-weight:normal; padding:5px; text-decoration:none }
.tabladatos a:hover{ text-decoration:none }
.tabla_datos strong{ color: #333333; text-align:right; }
.tabla_listado{ color: #727272; font-family: "Nunito Sans", sans-serif; font-size:13px; font-weight:normal; border-collapse: collapse;}
.tabla_listado th{ color: #000000; background-color: #D7D8DA; font-family: "Nunito Sans", sans-serif; font-size:13px; font-weight:bold; }

.tabla_datos_car{ border:1px solid #CCCCCC; color: #666666; font-family: "Nunito Sans", sans-serif; font-size:11px; font-weight:normal; padding:1px; }
.tabla_container_car{ font-size:10px; padding:0px; color: #666666; }

.fila_par { background-color: #E5E5E5; }
.class_ver_logo { background-color:#FFFFFF; margin-top:5px; margin-right:5px; width:175px; }
.prog{ background-color:#FFFFFF; }
.prog0{ background-color:#FFCC00; }
.prog0 a{ color: #000000; text-decoration:none}
.prog0 a:hover{ color: #000000; text-decoration:none}
.prog1{ background-color:#66CC33; }
.prog1 a{ color: #000000; text-decoration:none}
.prog1 a:hover{ color: #000000; text-decoration:none}
.prog2{ background-color:#55A0FF; }
.prog2 a{ color: #000000; text-decoration:none}
.prog2 a:hover{ color: #000000; text-decoration:none}

.prog3{ background-color:#F00909; }
.prog3 a{ color: #000000; text-decoration:none}
.prog3 a:hover{ color: #000000; text-decoration:none}

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

	Validate
	v 2.1

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

#entrada input[type=checkbox],	#entrada input[type=color],	#entrada input[type=date],	#entrada input[type=datetime-local],	#entrada input[type=email],	#entrada input[type=file],	#entrada input[type=hidden],	#entrada input[type=image],	#entrada input[type=month],	#entrada input[type=number],	#entrada input[type=password],	#entrada input[type=radio],	#entrada input[type=range],	#entrada input[type=search],#entrada input[type=tel],	#entrada input[type=text],	#entrada input[type=time],	#entrada input[type=url],	#entrada input[type=week], #entrada textarea, #entrada select { font-size: 11px; font-family: Verdana; background-color: #ffffff }
#entrada .red { border: 1px solid red }
#entrada label.red { border: none; color: red }
#entrada .customRed { border: none; color: red }
#entrada .errorMessage { color: red; font-size: 10px}
#entrada #submit { font-size: 11px; font-family: Verdana; border: 0px solid #999999 }


#entrada1 input[type=checkbox],	#entrada1 input[type=color],	#entrada1 input[type=date],	#entrada1 input[type=datetime-local],	#entrada1 input[type=email],	#entrada1 input[type=file],	#entrada1 input[type=hidden],	#entrada1 input[type=image],	#entrada1 input[type=month],	#entrada1 input[type=number],	#entrada1 input[type=password],	#entrada1 input[type=radio],	#entrada1 input[type=range], #entrada1 input[type=search],#entrada1 input[type=tel],	#entrada1 input[type=text],	#entrada1 input[type=time],	#entrada1 input[type=url],	#entrada1 input[type=week], #entrada1 textarea, #entrada1 select { font-size: 11px; font-family: Verdana; background-color: #ffffff }
#entrada1 .red { border: 1px solid red }
#entrada1 label.red { border: none; color: red }
#entrada1 .customRed { border: none; color: red }
#entrada1 .errorMessage { color: red; font-size: 10px}
#entrada1 #submit { font-size: 11px; font-family: Verdana; border: 0px solid #999999 }

#entrada2 input[type=checkbox],	#entrada2 input[type=color],	#entrada2 input[type=date],	#entrada2 input[type=datetime-local],	#entrada2 input[type=email],	#entrada2 input[type=file],	#entrada2 input[type=hidden],	#entrada2 input[type=image],	#entrada2 input[type=month],	#entrada2 input[type=number],	#entrada2 input[type=password],	#entrada2 input[type=radio],	#entrada2 input[type=range], #entrada2 input[type=search],#entrada2 input[type=tel],	#entrada2 input[type=text],	#entrada2 input[type=time],	#entrada2 input[type=url],	#entrada2 input[type=week], #entrada2 textarea, #entrada2 select { font-size: 11px; font-family: Verdana; background-color: #ffffff }
#entrada2 .red { border: 1px solid red }
#entrada2 label.red { border: none; color: red }
#entrada2 .customRed { border: none; color: red }
#entrada2 .errorMessage { color: red; font-size: 10px}
#entrada2 #submit { font-size: 11px; font-family: Verdana; border: 0px solid #999999 }

#entrada3 input[type=checkbox],	#entrada3 input[type=color],	#entrada3 input[type=date],	#entrada3 input[type=datetime-local],	#entrada3 input[type=email],	#entrada3 input[type=file],	#entrada3 input[type=hidden],	#entrada3 input[type=image],	#entrada3 input[type=month],	#entrada3 input[type=number],	#entrada3 input[type=password],	#entrada3 input[type=radio],	#entrada3 input[type=range], #entrada3 input[type=search],#entrada3 input[type=tel],	#entrada3 input[type=text],	#entrada3 input[type=time],	#entrada3 input[type=url],	#entrada3 input[type=week], #entrada3 textarea, #entrada3 select { font-size: 11px; font-family: Verdana; background-color: #ffffff }
#entrada3 .red { border: 1px solid red }
#entrada3 label.red { border: none; color: red }
#entrada3 .customRed { border: none; color: red }
#entrada3 .errorMessage { color: red; font-size: 10px}
#entrada3 #submit { font-size: 11px; font-family: Verdana; border: 0px solid #999999 }

#entrada4 input[type=checkbox],	#entrada4 input[type=color],	#entrada4 input[type=date],	#entrada4 input[type=datetime-local],	#entrada4 input[type=email],	#entrada4 input[type=file],	#entrada4 input[type=hidden],	#entrada4 input[type=image],	#entrada4 input[type=month],	#entrada4 input[type=number],	#entrada4 input[type=password],	#entrada4 input[type=radio],	#entrada4 input[type=range], #entrada4 input[type=search],#entrada4 input[type=tel],	#entrada4 input[type=text],	#entrada4 input[type=time],	#entrada4 input[type=url],	#entrada4 input[type=week], #entrada4 textarea, #entrada4 select { font-size: 11px; font-family: Verdana; background-color: #ffffff }
#entrada4 .red { border: 1px solid red }
#entrada4 label.red { border: none; color: red }
#entrada4 .customRed { border: none; color: red }
#entrada4 .errorMessage { color: red; font-size: 10px}
#entrada4 #submit { font-size: 11px; font-family: Verdana; border: 0px solid #999999 }

#mejorar input, #mejorar textarea, #mejorar select {
	font-size: 11px; font-family: Verdana; background-color: #ffffff
}
#mejorar .red {
	border: 1px solid red;
}
#mejorar label.red {
	border: none;
	color: red;
}
#mejorar .customRed {
	border: none;
	color: red;
}

#mejorar .errorMessage {
	color: red;
	font-size: 10px;
}

#mejorar #submit {
	font-size: 11px; font-family: Verdana; border: 0px solid #999999;
}


#myForm #myForm2 {
	border: 0px solid #cac9b9;
	padding: 5px;
}

#myForm p, #myForm2 p {
	margin-bottom: 5px;
}

#myForm #myForm2 label {
	float: left;
	width: 100px;
}

#myForm input, #myForm textarea, #myForm select, #myForm2 input, #myForm2 textarea, #myForm2 select {
	font-size: 11px; font-family: Verdana; background-color: #F1F1F1
}

#myForm .red, #myForm2 .red {
	border: 1px solid red;
}

#myForm label.red, #myForm2 label.red {
	border: none;
	color: red;
}

#myForm .customRed, #myForm2 .customRed {
	border: none;
	color: red;
}

#myForm #submit, #myForm2 #submit {
	font-size: 11px; font-family: Verdana; border: 0px solid #999999;
}

#validationMessage {
	padding: 0px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 0px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage, #myForm2 .errorMessage {
	color: red;
	font-size: 10px;
}

.error {
	color: red;
	font-size: 10px;
	vertical-align: middle;
}

#entrada input.error, #entrada select.error, #entrada textarea.error,
#entrada1 input.error, #entrada1 select.error, #entrada1 textarea.error,
#entrada2 input.error, #entrada2 select.error, #entrada2 textarea.error,
#entrada3 input.error, #entrada3 select.error, #entrada3 textarea.error,
#entrada4 input.error, #entrada4 select.error, #entrada4 textarea.error {
	margin-right: 5px;
	border: 1px solid #ff0000;
}


/*************************************************************/
fieldset {
	border: 1px solid #999;
}

fieldset legend {
	padding: 0 5px;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: -2.5px;
}