body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
/*background:#BDDCE1;*/
}

#PcentradoRed{width:30%;}
#PcentradoRed input{ text-align:center;}
#btnModal{
font-size:100%; color:#FFFFFF; background:#000000; margin-left:20px;
border-style:solid;
border-color:#FF9966;
}

.modalContainer {
	display: none; 
	position: fixed; 
	z-index: 0;
	padding-top: 100px;
	left: 0;
	font-size:110%;
	font-weight:normal;
	top: 0;
	width: 100%;
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modalContainer .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid lightgray;
	border-top: 10px solid #58abb7;
	width: 60%;
}

.modalContainer .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.modalContainer .close:hover,
.modalContainer .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}



.TextoExtraLinea{display:none;}
.thalter div{text-align:center;}
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

#form1 input[type="submit"]{ background:#006600; color:#FFFFFF; text-align:center;}
#form1 input[type="button"]{ background:#000000; color:#FFFFFF;text-align:center;}
#form1 input[name="NomCues"]{text-align:left;}

.FilaSombreada{background:#FF9966;}

.DivTabPN{
	display:inline-table;
	width:33%;
	margin:0px;
	margin-top:20px;
	border:#000000;
	border-style:solid;
}
.TablaPregNu{width:95%; border:0; border-collapse:collapse;}
.TablaPregNu th{width:40%; margin:0px; text-align:left;}
.TablaPregNu td{width:60%; margin:0px; }
.TablaPregNu tr{margin:0px; border-bottom-style:solid; border-bottom-width:0.25px;}
.TablaPregNu input, .TablaPregNu select, .TablaPregNu textarea{width:100%; border:0; text-align:left;}
.TablaPregNu input[type="text"]{margin:0; padding:0;}

.TablaCabe{width:40%; border-collapse:collapse; font-size:110%;}
.TablaCabe th{width:60%; margin:0px; text-align:left;}
.TablaCabe td{width:40%; margin:0px; text-align:center;}
.TablaCabe tr{margin:0px; border-bottom-style:solid; border-bottom-width:0.25px;}
.TablaCabe input, .TablaCabe select, .TablaCabe textarea{width:100%; border:0; text-align:center; font-size:110%;}
.TablaCabe input[type="text"]{margin:0; padding:0;}

#ParPreg{ padding-left:5%; padding-right:5%;}

.DIVETPregunta{
	display:inline-block;
	background:#FF9933;
	width:80%;
	font-size:115%;
	text-align:left;
}

.DIVETRespuesta{
	display:inline-block;
	text-align:center;
	/*background:#FF9933;*/
	width:80%;
	font-size:115%;
	text-align:center;
}

.TabRespuestas{margin-top:20px; margin-bottom:55px; width:100%;text-align:left; font-weight:normal; font-size:80%; display:inline-table;}
/* .TabRespuestas tr{outline: 1px solid #CCCCCC;} */
.TabRespuestas th, td{border-collapse: collapse; border:0px; border-top:solid 0.25px #CCCCCC;}
.TabRespuestas tr:nth-child(odd) {background-color:#FFEBD7;}
.TabRespuestas th{ font-weight:lighter;}
.TabRespuestas input[type="text"], input[type="email"], input[type="number"]{width:90%}
.TabRespuestas input[type="text"], input[type="email"], input[type="number"]{ font-size:100%;}


/* QUITA LOS SUBE Y BAJA DE LOS INPUT NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}


.Divinferior{
color: #FFF;
background: #000;
position:fixed; /*El div ser� ubicado con relaci�n a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
height:50px; /*alto del div*/
z-index:2;
margin:0px;
text-align:center;
font-weight:bolder; font-size:x-large; width:100%;
 }
.Divinferior p{
	display:inline-table;
	width:33%;
	margin:0px;
	padding:0px;
}



.jklU{
position:absolute;
top:100px;
left:0px;
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:large;
text-align:center;
}


textarea {
    resize: none;
}

.Resul{
	border-radius:3px;
	background-color:#FF9933;
	width:100%;
	color:#000000;
	margin-bottom:20px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	padding:10px;
}
.style2 img{
	float:left;
	width:15%;
	
	padding-right:20px;
	padding-bottom:5px;
	border-radius:10px;
}

.style2 p{
margin:2px;
margin-bottom:20px;
vertical-align:middle;
padding-left:20px;
padding-right:20px;
text-align:justify;
/*text-justify:inter-word; /* inter-character inter-word */
}
.style2 p[id~=ce]{
text-align:center;
font-weight:bolder;
font-size:130%;
}
.style2 p[id~=de]{
text-align:justify;
font-weight:bolder;
font-size:110%;
}

.style2 a, .style2 a:link, .style2 a:visited, .style2 a:hover
{
	text-align:center;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
	letter-spacing:1px;
	font-weight:bolder;
	color:#CC0000;
}

.style2 a:hover{color:#000000;}


.style3{
background:#000000;position:fixed; top:0;left:0;z-index: 1;color:#FFFFFF; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:x-large; width:100%;margin:0;
}

.Campos{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:large;
}

.FormEnv input[type=submit]{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:large;
	color:#000000;
	border-radius:5px;
	margin-bottom:20px;
	margin-top:20px;
	width:50%;
	background:#FF9933;
	border:0px;
	padding:3px;
}


.FormEnv{
width:50%;
text-align:left;
}

.tercontext{
font-size:large;
}
.tercontextB{
font-size:large;
}
.trextra{
height:20px;
}

@media only screen and (max-width: 950px) {.jklU{top:170px;}}
@media only screen and (max-width: 750px) {.jklU{top:210px;}}
@media only screen and (max-width: 550px) {.jklU{top:240px;}}
@media only screen and (max-width: 400px) {.jklU{top:320px;}}

@media only screen and (max-device-width: 800px) {
.style2 {font-size:300%;}
.style2 img{width:40%;}
.jklU{top:80px; width:100%;}
.Divinferior p{
font-size:x-large;
}
#barProg{ width:60%;}
.style3 {font-size:large;}

.DIVETPregunta{
	width:100%;
}

.DIVETRespuesta{
	width:95%;
}
/*.TabRespuestas{margin-top:20px; margin-bottom:55px; width:100%;text-align:left; font-weight:normal; font-size:80%; display:inline-table;} */
.TabRespuestas {font-size:100%;}
.TabRespuestas th{ font-weight:normal;}
.TabRespuestas tr:nth-child(odd) {background-color:#FFEBD7;}
.TabRespuestas tr:nth-child(even) {background-color:#FFCC99;}
.TabRespuestas tr:nth-child(1) {}
.TabRespuestas input[type=checkbox]{ width:20px; height:20px;}
.TabRespuestas input[type=radio]{ width:20px; height:20px;}
.thalter td{
display:block;
width:300px;
text-align:left;
}
.thalter div{text-align:left;}
.TextoExtraLinea{display:inline; padding-left:5px;}
.thalterCab{ display:none;}

.modalContainer .modal-content {
	width: 90%;
}

.style2 p{padding-left:30px;padding-right:30px;}
.FormEnv{margin-top:50px;width:85%;font-size:250%;}
.FormEnv table{width:100%;}
.FormEnv span{ line-height:100%;}
.FormEnv td{display:list-item;list-style:none;width:100%;}
.FormEnv input[type=submit]{font-size:100%;width:100%;}
.Campos{font-size:100%;width:100%;margin-bottom:20px;}
.tercontext{font-size:80%; height:10em;}
.tercontextB{font-size:80%; height:12em;}
.FormEnv input[type=checkbox]{ width:35px; height:35px;}

  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

@media only screen and (max-device-width: 500px) {
	.tercontextB{font-size:80%; height:20em;}
	.thalter td{width:180px;}
	.TabRespuestas {font-size:80%;}
}