/* CSS Document */


:root 
{
  --colorfondo: #caf4ff ;
  --colorfondoverde:#006600;
  --colorfondoazul:#3821fa;
  --colortxt:#FFFFFF;
  --colorbordeenviar:#45f910;
}

/* generico ***********************************************************/

html,body{

width:100%;

height:100%;

background:#FFFFFF;

margin:0 auto;

border:0px;

padding:0px;



}



#pagina {

display:table;

width:100%;

height:100%;

top: 0;

left: 0;

margin:0 auto;

border:0px;

padding:0px;

}



.menu_bar {

	display:none;

}

 main

{

width:100%;

height:96%;

top: 0;

left: 0;

margin:0 auto;

border:0px;

padding:0px;

display : table-row;


/*overflow: auto;*/

}

footer

{

width:100%;

height:4%;

 background:var(--colorfondoverde);
 display : table-row;

}

 

nav {

	display : table-row;

	width:100%;

	height:40px;

	margin:0 auto;

	background:#559BAA;

}





nav ul {

	width:100%;

	padding:0;

	list-style:none;

	margin: 0 auto;

background:#559BAA;

	text-align:center;

}



nav ul li {



display: inline-block;

vertical-align:bottom;

width:20%;

}

 

nav ul li a {

	color:#fff;

	margin:0 auto;

	padding:0.3em; /*arriba izda abajo derecha*/

	display:block;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:1em;

	text-decoration:none;
	text-align:center;

}

nav ul li a:hover {

	padding:0.3em; /*arriba izda abajo derecha*/

	background:#51cf51;

}

/*

a {

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

*/

/* otros ***********************************************************/

.div_Pcompleta {
 /* IMPORTANTE */
 background:var(--colorfondoverde);
text-align:center;
width:60%;
margin: 0 auto;
height:100%;
 display : block;
}

 .div_linea {
 /* IMPORTANTE */
 background:var(--colorfondoverde);
font-size:1.3em;
padding:1em 0em;
text-align:center;
}
.div_linea2 {
 /* IMPORTANTE */
 background:var(--colorfondoazul);
font-size:1em;
padding:1em 0em;
text-align:center;
}



.div_linea2 a:link, a:visited
 {
    text-decoration: none;
	color:var(--colortxt);
}

.div_lineapreresp, .div_lineapreresp1 
{
 /* IMPORTANTE */
 background:var(--colortxt);
font-size:1em;
padding:1em 0em;
text-align:center;
border-bottom-style: solid;
	border-bottom-color:var(--colorfondoverde);
	border-bottom-width:4px;
	border-bottom-style:solid;
}

.div_lineapreresp1 
{
	border-top-style: solid;
	border-top-color:var(--colorfondoverde);
	border-top-width:4px;
	border-top-style:solid;
}

.div_celdai, .div_celdad, .div_celdac{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:var(--colortxt);
  /* IMPORTANTE */
}

.div_celdapr
{
padding:0.3em 0em;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:var(--colorfondoverde);
  /* IMPORTANTE */
  display:inline-block;
  width:100%;
  margin: 0 auto;
}

.div_celdai
 {
float:left;
margin-left:1em;
 }
 .div_celdad
 {
float:right;
padding-right:1em;
 }
 .div_celdac
 {
display:inline-block
 }

 
 
 
 
 
 
 .boton_partida{
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
    border: 2px solid #0016b0;
  }
 
 
 
 .boton_pregunta{
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
    border: 2px solid #0016b0;
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* otros ***********************************************************/






.icono

{

width:20px;

height:20px;

}

.td_Txt_Error

{

padding:0.3em 0.1em 0.3em 0.1em; /*arriba izda abajo derecha*/

background:#6C0000;

color:#FFFFFF;

font-size:1.3em;

text-align:center;

}



.td_Cab /* usado en admmin  */

{

background:#333333;

color:#FFFFFF;

font-size:1.3em;

}

/*

.td_peq

{

font-size:0.5em;

}

*/

.td_Aviso

{

background:#333333;

color:#FFFFFF;

font-size:1.3em;

height:5em;

}

.td_CabN

{

background:#000000;

color:#B3FFB3;

font-size:1.5em;

}



.tr_pr /* usado en config para las preguntas y respuestas que ya pertenecen a la encuesta */

{

color:#333333;

background:#FFFFFF;

font-size:1em;

}

.tb_log

{

width:100%;

height:100%;

background:#559BAA;

text-align:center;

color:#FFFFFF;



}

.tb_ppal

{

width:100%;

background:#333333;

}

.tb_preres

{

width:100%;

height:auto;

background:#FFFFFF;

text-align:center;

border-spacing: 0px;

}

.tb_resp

{

width:95%;

text-align:center;

margin:0px;

border:0px;

padding:0px;

}

.tb_est

{

width:98%;

text-align:center;

margin:0px;

border:0px;

padding:0px;

}

.tb_resp td

{

text-align:center;

margin:0px;

border:0px;

padding:0px;

}

.tb_preres td

{

padding:0.3em 0.1em 0.3em 0.1em; /*arriba izda abajo derecha*/

}

.tb_preres .cab

{

background:#006600;

color:#FFFFFF;

font-size:1.3em;

text-align:center;

}

.tb_preres .cab2

{

background:#666666;

color:#FFFFFF;

font-size:1em;

text-align:center;

padding:0.8em 0.5em 0.8em 0.5em; /*arriba izda abajo derecha*/



}

.tb_preres .num

{

width:10%;

}

.tb_preres .td_pre

{

text-align:right;

padding:0em 0.5em 0em 0.5em; /*arriba izda abajo derecha*/

color:#333333;



}

.tb_preres .td_pre_cab

{

text-align:center;

font-weight: bold;

text-decoration:underline;

color:#003300;

padding:0.8em 0.5em 0.8em 0.5em; /*arriba izda abajo derecha*/

}

/*

.pregris

{

width:45%;

color:#CCCCCC;

background:#CCCCCC;

}

*/

.tb_preres .resp

{

width:40%;

}

.tb_preres .lineai /*linea impar*/

{

width:100%;

background:#FFFFFF;

color:#000000;

font-size:1em;

text-align:center;

}

.tb_preres .lineap /*linea par*/

{

width:100%;

background:#DFFFDF;

color:#000000;

font-size:1em;

text-align:center;

}





.tb_preres .td2

{

width:100%;

background:#333333;

color:#FFFFFF;

text-align:center;

}



.tb_ppal td

{

text-align:center;

font-size:1em;

}

.fila_verde

{

background:#EBFDE8;

}

.fila_naranja

{

background:#FEEFD3;

}

.fila_azul

{

background:#C8F5F9;

}



.txt_gris

{

color:#CCCCCC;

}

.td_votado2

{

border-radius: 131px 131px 131px 131px;

-moz-border-radius: 131px 131px 131px 131px;

-webkit-border-radius: 131px 131px 131px 131px;

border: 1px dotted #006600;



}

.td_votado

{



border-radius: 22px 21px 157px 157px;

-moz-border-radius: 22px 21px 157px 157px;

-webkit-border-radius: 22px 21px 157px 157px;

border: 3px dashed #165910;

background:#CCCCCC;





}

.td_tot

{

background:#006600;

color:#FFFFFF;

font-size:1em;

width:4em;

}



footer div

{

display: flex;

    justify-content: center;

    align-content: center;

    flex-direction: column;

width:30%;

height:100%;

margin:0 auto;

text-align:center;

color:#FFFFFF;

}

.oculta_link

{

	text-decoration:none; 

}

@media only screen and (max-width: 900px) 

{



.tb_preres .resp

{

width:60%;

}

nav {



}

nav ul {



}

.tb_preres .cab

{



}

footer

{





/*overflow: auto;*/

}



}