body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
a {text-decoration: none; color:#4F5127; text-decoration:none;}

a:hover {color:#B6B806; text-decoration:underline;}

#cinta_plataforma { background:#D0D000; color:#000; padding:3px 0px;}
#cinta_plataforma div {margin:0px auto;font-size: 13px;}

#general {
	border:1px solid #555555;
	margin-top: 20px;
}

.cabecera {
	background: url(../images/cabecera_encuesta.jpg) no-repeat bottom;
	height: 175px;
}

.con_padding {
	padding: 0 20px 20px;
}

.titular {
	float: left;
}

.titular h2 {
	padding: 0;
	margin:15px 20px;
	color: #fff;
	font-size: 23px;
	font-weight: 100;
}

.invisible {
	visibility: hidden;
}

.puntua {
	font-weight: bold;
}

.puntua input {
	width: 50px;
}

.puntua label {
	
}

.imagenfondo {
	background-repeat:  repeat-y;
	background-position: right;
}

.imagenfondo2 {
	background-repeat:  repeat-y;
	background-position: left;
}

.hacer_encuesta {float: right;padding:0 20px;}
.boton {background: url(../../images/boton_r.png) no-repeat right bottom;padding: 10px 0}
.boton.in {background: url(../../images/boton_r.png) no-repeat right bottom;padding: 0;}
.boton a, .boton input {cursor: pointer; background: url(../../images/boton_lb.png) no-repeat left bottom; color: #fff!important; font-weight: bold;padding: 15px 20px 10px;text-decoration: none;border: none;}
.boton a:hover {text-decoration: none!important;}

.textBox { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; }
.formularios { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; width: 250px; }
.formulariosCheck { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; }
.blancomed {  font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #FFFFFF}
.negromed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	padding-left: 5px;
}
.negromedneg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.negrogran {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt}

.negrogranneg {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.tdLabelRadio {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: middle; padding-left: 5px; }
.tdRadio {  width: 3%; text-align: center; vertical-align: middle}
.tdanswer { font-family: Arial, Helvetica, sans-serif; font-size: 13px ; text-align: left; vertical-align: top}
.tableMatrix { background-color: #CCCCCC;}
.tdRadioMatrix {  text-align: center; vertical-align: middle; background-color: #FFFFFF}

.trTextMatrixItemRow { BACKGROUND-COLOR: #F7F7F7 }
.tableMatrixLine { BACKGROUND-COLOR: #CCCCCC }

.tdMatrixHeader { text-align: center; background-color: #CCCCCC }
.trMatrixItemRow { BACKGROUND-COLOR: #F7F7F7 }
.tdMatrixItemCell {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: middle; padding-left: 5px; }

.tdTitleSurvey {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; background-color: #171411; color: white; font-weight: bold; text-align: right; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px}

.tdPresentacion {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: justify; padding: 15px; background-color: #FFFFFF; BORDER: #FF6600 1px solid;}

.tdSection {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #0f376a; color: white; font-weight: bold; text-align: left; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.sectionTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #666666; color: white; font-weight: bold; text-align: left; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.tdquestion {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #D0D000; color: #1F1D1D; text-align: left; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.tdquestion2 {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #ffffff; color: #000000; text-align: left; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.tdMatrixLabel {  width: 42%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-bottom: 3px; background-color: #CCCCCC}
.tdMatrixInput { background-color: #F7F7F7; }

.tdLabelMatrix         { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; vertical-align: middle; padding-left: 5px; background-color: #CCCCCC}
.tdLabelMatrixSelected { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; vertical-align: middle; padding-left: 5px; background-color: #B0B0B0}
.tdLabelMatrix1 {  width: 42%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; vertical-align: middle; padding-left: 5px; background-color: #FFFFFF}
.tdRadioMatrix {  text-align: center; vertical-align: middle; background-color: #FFFFFF}

.trMatrixNormal   {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: middle; padding-left: 5px; background-color: #FFFFFF}
.trMatrixSelected {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; vertical-align: middle; padding-left: 5px; background-color: #CCCCCC}
.tdMatrixNormal   {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; vertical-align: middle; padding-left: 5px;}
.tdMatrixSelected {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; vertical-align: middle; padding-left: 5px; background-color: #999999}

.textArea { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; width: 90%; height: 90px;}

.trNormal {  background-color: #FFFFFF; }
.trSelected {  background-color: #CCCCCC; }
.select { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #e6e6e6; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; width: 250px; size: 10;}
.selectSort { font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000000;text-decoration:none;BACKGROUND-COLOR: #e6e6e6; BORDER-BOTTOM: #00306b 1px solid; BORDER-LEFT: #00306b 1px solid; BORDER-RIGHT: #00306b 1px solid; BORDER-TOP: #00306b 1px solid; width: 100%; size: 10;}
.sectionDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	line-height: 20px;
}
.pie_eCliente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	color: #777777;
}

/*	-------------------------
	encuestas
--------------------------  */
.columna_1_2 {float:left; width:46%; padding: 1%;}

.encuesta {font-size: 1em; margin-bottom: 20px;width: 550px;}
.encuesta h3 {font-size: 15px;}
.encuesta td {border-bottom: 1px solid #B2C200; height: 60px;}
.encuesta .resulta {width: 100px; display: block;}
.encuesta .barrita {display: block;}
.encuesta .barrita .color_ok {display: block; background:  rgb(182, 184, 6); height:20px;}
.encuesta .barrita .color_mal {display: block; background: rgb(182, 184, 6); height:20px;}
.encuesta .barrita .color_perfect {display: block; background: rgb(182, 184, 6); height:20px;}
.encuesta .barrita .color_med {display: block; background: rgb(182, 184, 6); height:20px;}

table.resultad {
	
}

table.resultad td {
	padding: 0 5px!important;
	height: 5px;
	border: none;
}

table.resultad td.pared {
	border-left: solid 1px #000;
	padding: 0!important;
}

table.resultad td.bajo {
	padding: 0!important;
}