body { 
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  margin: 10;
  padding: 0;
  font-size: 15px;
} 
h1 {
  color: #666666;
  font-size: 20px;
}
h2 {
  color: #8786c6;
  font-size: 20px;
}
h3 {
  color: #3F3F3F;
  font-size: 17px;
  margin: 30px 0 10px 0;
}
li {
  margin: 5px 0 0 0;
}
a {
  color: #8786c6;
  text-decoration: underline;
}
a:hover {     
  color: #dd6a38;
}
.pagina {
  width: 1000px;
  margin: 0 auto 70px auto;
}
.cabecera {
  padding: 10px;
  line-height: 28px;
}
.contenido {
  padding: 10px;
  border-top: 1px solid #8786c6;
  clear: both;
}
.contenido-entrada {
  width: 730px;
}
.contenido .imagenes{
  width:90%;
  margin:10px auto;  
  display:flex;
  justify-content:space-around;
  align-items:center;   

}

.contenido .imagenes div{
  width:30%;
  height:auto;  
}

.contenido .imagenes div img{
  width:100%;
  height:auto;  
}
.entrada {
  border: 4px double #8786c6;
  border-radius: 10px;
  float: right;
  width: 210px;
  margin-right: -10px;
  padding: 0 0 10px 10px;
  margin-top: 16px;
}
.entrada h2 {
  color: #8786c6;
  font-size: 17px;
}
.entrada span {
  color:#cf4d51;
  font-size: 12px;
  font-weight: bold;
}
.pie {
  right: 0px;
  left: 0px;
  bottom:0px;
  background: #8786c6;
  position:fixed;
  height:auto;
  z-index:100;
}
.pie2 {
  width: 1000px;
  margin: 0 auto;
}
.piecont {
  color: #ffffff;
  padding: 5px 10px;
  height:auto; 
  margin-bottom:20px; 
}
div#div-menu-acceso {
  width: 1000px;
  text-align: right;
}
.ul-menu-acceso {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.li-menu-acceso {
  margin-left: 6px;
  float: right;
}
.li-menu-acceso a {
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  background-color: #8786c6;
  border: 1px solid #8786c6;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.li-menu-acceso a.selected,
.li-menu-acceso a:hover {     
  font-weight: normal;
  color: #8786c6;
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.li-menu-acceso a.menu-desconectar {     
  font-weight: normal;
  color: #ffffff;
  border: 1px solid #cf4d51;
  background-color: #cf4d51;
  border-bottom-color: #cf4d51;
}
.li-menu-acceso a.menu-desconectar:hover {     
  font-weight: normal;
  color: #cf4d51;
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
table#t-ppos { border-collapse: collapse; border: 1px solid #000000; width: 910px; margin: 30px 0 20px 30px; }
table#t-ppos th { font-weight: bold; text-align:center; padding: 5px; border: 1px solid #000000; width: 130px; color: #8786c6; }
table#t-ppos td { padding: 5px; border: 1px solid #000000; }
table#t-ppos2 { border-collapse: collapse; border: 1px solid #000000; width: 933px; margin: 0 15px 30px 15px; }
table#t-ppos2 td.soy1 { padding: 5px; border: 1px solid #000000; width: 540px; }
table#t-ppos2 td.soy2 { padding: 5px; border: 1px solid #000000; width: 392px; }
table#t-ppos2 td.soy2 .r-ppos { margin-right: 15px; }
.listaopcionesPPOS {
  padding-left: 30px;
}
.elementoopcionesPPOS {
  margin-left: -17px;
  text-align: right;
}
.elementoopcionesPPOS2 {
  margin-left: -26px;
  text-align: right;
}
.linea-alta {
  line-height: 25px;
}
.nav-inferior {
  text-align: right;
  margin-top: 30px;
}  

.nav-inferior  a{
  font-weight:bold; 
} 
.ayudas {
	background-color: #ceceeb;
	border: 2px solid #8786c6; 
	padding: 10px;
  text-align:left;
  width: 580px;
  position: absolute; 
  left: 100px; 
  -webkit-box-shadow: 5px 5px 2px #888888;
  -moz-box-shadow: 5px 5px 2px #888888;
  box-shadow: 5px 5px 2px #888888;
  border-radius: 15px;
  z-index: 100;
}
.password-fuerza {
  float: right;
  margin: -18px 150px 0 0 ;
  width: 330px;
}
.password-titulo {
  font-size: 15px;
}
.password-texto {
  font-size: 15px;
  font-weight: 600;
}
.password-content {
  background-color: #D4D4D4;
  height: 5px;
  width: 330px;
  border: 2px inset;
}
.password-indicator {
  height: 100%;
  width: 0%;
  background-image: url(../img/pwd-fuerza.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.text-intro {
  border: 1px solid #8786c6;
  border-radius: 10px;
  padding: 20px;
  margin: 10px 0 20px 0;
  background-color: #e4e4e4;  
}

/* formularios*/

.contenido .formulario{
  width:70%;
 box-shadow: 5px 5px 5px 10px #8786c6;
  height:auto;
  margin:40px auto;   
}

.contenido .formulario .linea{
  width:90%; 
  display:flex;
  justify-content:space-around;
  align-items: center;  
  margin: 20px auto; 
  padding:5px; 

}

.contenido .formulario .linea p{
  font-size:10px;
  text-align:justify;  
}

.contenido .formulario .linea div{
  width:50%; 

}

.contenido .formulario .linea div button{
  width:70%;
  margin:5px auto;

}

.contenido .formulario .linea .izquierda{
  width:35%; 
  

}

.contenido .formulario .linea .derecha{
  
  width:70%; 

}

#btn_sub{
  background:#f64d5a;
  color:white;
  font-weight:bold;
  padding:5px;     
}

#btn_sub:hover{
  background:#ff6429; 

}

#titulo_formulario{
  font-size:20px;
  text-align:center; 
  padding:10px; 
  font-weight:bold; 
  color:#f64d5a;

}


.contenido .formulario .linea div span{
  margin:5px; 
}

.contenido .formulario .linea div input{
  width:100%; 
  padding:5px;
  text-align:center;
  font-weight:bold;   
}

.contenido .mensaje{
  width:90%;
  margin:40px auto;
  display:flex;
  flex-direction:column; 
  justify-content:center;
  align-items:center;
  height:400px; 

}

.contenido .mensaje p{
  font-weight:bold;
  font-size:50px;
  color:#8786c6;

}

.contenido .consentimiento{
  width:90%;
  margin:20px auto;

}

.contenido .consentimiento div{
  width:auto;
  display:flex; 
  align-items:center; 
}

.contenido .consentimiento h2{
  text-align:center;
  padding:5px; 
}

.contenido .consentimiento  p{
  justify-content:center; 
}

#complemento{

  text-align:justify;
  font-size:10px;   
}

.mi_video{
  width:100%;
  height:auto;
  display:flex;
  margin-bottom: 20px;  
}

.mi_video   iframe {
  width:100%;
  height:450px;   
}

#espacio{
  height:100px;
  width:100%;

}