/* CSS Document */

html {
  min-height: 100%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  margin-bottom: -1.5em;
  height: 100%;
	width:100%;
}


#contenedor
{
display:table;
border-collapse:collapse;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 1.5em;
}


#pie
 {
background:#008aff;  /* tunear */
position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.5em;
  color: white;
}



header 
{
	/* display : table-row; */
	
	width:100%;
}
section {
	/* display : table-row; */
	width:100%;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	/*  background:#00FF33;	tunear */
}



/*  ****************************  FIN CONTENEDORES PRINCIPALES  ************************************************** */


/*  ****************************  RGDP  ************************************************** */


.Check_RGPD
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
font-size:0.8em;
color:#000000;

}

.RGPD1, .RGPD
{
padding-bottom:1.5em;  /* lo levanto el espacio del pie de pagina */
}
.RGPD1 div
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
vertical-align:bottom;
}

.RGPD1_Titulo
{
	color:#666666;
	font-size:0.8em;
}


.RGPD1_linea
{
font-size:0.6em;
color:#999999;
}

.RGPD div
{

font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
vertical-align:bottom;
}

.RGPD a:link
{
text-decoration:none;
} 

.RGPD_Titulo, .RGPD_linea
{
padding-left:1em;
padding-right:1em;
}

.RGPD_Titulo
{
	color:#000000;
	font-size:1.2em;
	padding-top:1em;
	padding-bottom:0.5em;
	text-align:left;
	border-top-style: dashed;
	border-top-style:double;
	border-top-width:medium;
	border-top-color:#666666;
}
.RGPD_Titulo_cab
{
	color:#000000;
	font-size:1.5em;
	text-align:center;
}

.RGPD_linea
{

padding-bottom:1em;
text-indent: 2.5em;
font-size:1em;
color:#666666;
text-align:left;
}

.RGPD_linea ul
{

text-indent: 0px;

}


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

#imagenFlotante {
  bottom:10px;
  right:10px;
  position: fixed;
  _position:absolute;
  clip:inherit;
  _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
  _right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

#imagenFlotante a img { border: none; }
/*  ****************************  **************************** ************************************************** */

.d_logo
{
width:100%;
vertical-align:middle;
text-align:center;
margin:0 auto;

}
.logo
{
vertical-align:middle;
height:326px;
width:auto;
}
.txt_titulo {
	text-decoration:none;
	color:#002b86; 
	font-size:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
	padding:1em;
}
.txt {
	text-decoration:none;
	color:#002b86; 
	font-size:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
}

.d_opcion
{
padding-top:3em;
width:100%;
vertical-align:bottom;
}

.d_opcion div
{
	display: inline-block;
	text-align:center;
	background:#008aff;  /* tunear */
	width:40%;
	padding:1em 0.3em;
}

.d_form
{
border-radius: 200px 130px 130px 0px;
-moz-border-radius: 200px 130px 130px 0px;
-webkit-border-radius: 200px 130px 130px 0px;
border: 0px solid #000000;
}
.d_correo
{
border-radius: 130px 200px 0px 130px;
-moz-border-radius: 130px 200px 0px 130px;
-webkit-border-radius: 130px 200px 0px 130px;
border: 0px solid #000000;
}


.d_opcion a
{
	display:block;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.3em;
	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
}

/* ***************************************   login   ****************************************/


.Login
{
	display:block;
	padding:2em; /* padding a 0 para quitarle las tabulaciones de los li*/
	margin: 0 auto;
	text-align:center;	
	vertical-align:middle;
	background: var(--ColorClaro);
	
	border-radius: 32px 32px 32px 32px;
	-moz-border-radius: 32px 32px 32px 32px;
	-webkit-border-radius: 32px 32px 32px 32px;
}

.div_login
{
	padding:0.6em;
	
}

.ico_log
{
height:auto;
width:1em;
 vertical-align: text-bottom;  
}

  .bt_enviar
  {
        font-size:0.8em;
        font-family:Verdana,Helvetica;
        color: var(--ColorFondo);
        background:var(--ColorOscuro);
        border:0px;
		padding:0.3em 1.5em; /* padding a 0 para quitarle las tabulaciones de los li*/
		border-radius: 32px 32px 32px 32px;
		-moz-border-radius: 32px 32px 32px 32px;
		-webkit-border-radius: 32px 32px 32px 32px;
   }

/* login old *********************************************/

.d_formulario
{
padding-top:6em;
width:60%;
height:60%;
text-align:center;
margin:0 auto;
}


.d_linealogin
{
width:100%;
background:#008aff;  /* tunear */
color:#DCE2FA;
height:2em;
font-size:1.2em;
}

.d_login
{
height:100%;
width:100%;
text-align:center;
margin:0 auto;
}

.tb_80
{
width:80%;
text-align:center;
margin:auto;
border:#0033FF 5px solid;

}
.tb_50
{
padding:1em 1em;
width:50%;
text-align:center;
margin:auto;
/*background:#008aff;   tunear */
border:#008aff 5px solid;

}

.tb_80 .tr_cab {
  font-weight:bold;
  background:#008aff;  /* tunear */
  color:#FFFFFF;
}

.tb_80 td {
  border:#008aff 1px solid;
}



/* ***************************************   OPINION EN FORMULARIO   *************************************** */



.Tabla80
{
	display:block;
	width:80%;
	margin: 0 auto;
	text-align:center;	
	vertical-align:middle;
	background: var(--ColorClaro);
	
	border-radius: 32px 32px 32px 32px;
	-moz-border-radius: 32px 32px 32px 32px;
	-webkit-border-radius: 32px 32px 32px 32px;
}


.Linea
{
	width:100%;
	display:block;
}
.Celda
{
	display: inline-block;
	width:20%;
	text-align:center;
}

.d_opinion
{
width:100%;
vertical-align:bottom;
}

.area_com
{
width:700px;
height:100px;
}

.d_mas_datos
{
margin:0.5em;
padding:0.5em;
border:#E1E3FB 5px dotted;
}
.txt_md_peq, .txt_md
{
	text-decoration:none;
	color:#002b86; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
}
.txt_md
{
font-size:1em;
}
.txt_md_peq
{
	font-size:0.6em;
}

.d_boton
{
	display: inline-block;
	text-align:center;
	/*background:#008aff;   tunear */
	width:40%;	
}
.d_boton a
{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.3em;
	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
}
.d_bt_enviar
{
padding:1em 0em;
margin:0 auto;
}
.bt_enviar
{
display:block;
height:2em;
width:30%;
background:#008aff;  /* tunear */
font-size:1.3em;
color:#FFFFFF;
line-height: 0px;
margin:0 auto;
border-radius: 100px 100px 100px 100px;
-moz-border-radius: 100px 100px 100px 100px;
-webkit-border-radius: 100px 100px 100px 100px;
border: 0px solid #ffffff;
padding:1em;
}



/* ***************************************   PIE   ****************************************/
.d_txt_pie
{
text-align:center;
color:#FFFFFF;
background:#008aff;  /* tunear */
}








@media only screen and (max-width: 900px)
 {
header {
	height:auto;
	
}
section {

}

.logo
{
vertical-align:middle;
height:auto;
width:90%;
}


.txt_titulo
{
	
	font-size:1.5em;
	padding:0.5em;
}
.txt
{
	
	font-size:1.2em;
}

.d_opcion a
{
font-size:1.2em;
}

.area_com
{
width:25em;
height:4em;
}

.d_boton
{
	display:block;
	text-align:center;
	width:85%;
	padding:0.3em;
	margin:0 auto;
}

}

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

}