@charset "utf-8";
#contenido .apartado {
	color:rgb(0,145,90);
	font-weight:bold;
	font-size:18px;
}

#contenido h1,#contenido h2,#contenido h3,#contenido h4,#contenido h5,#contenido h6 {
	/*font-family:"Segoe UI Light",Arial;*/
}

#contenido {
   /*width:98% !important;
   background-color:white;
   /*background-image:url('images/IMAGENES_VDF/logo_club_registro.jpg');
   background-repeat:no-repeat;*/
   /*margin:0px auto;
   padding: 10px;*/
   padding-top:10px;
   color:rgb(50,50,50);
}

#easylife {
   width:850px;
   margin:0px auto;
   padding: 10px;
   text-align:right;
}

#contenido input[type='text'],
#contenido input[type='password'],
#contenido select,
#contenido input[type='checkbox'],
#contenido input[type='radio'],
#contenido input[type='button'] {
	/*font-family:"Segoe UI Light",Arial;*/
	color:rgb(50,50,50);
}

#contenido input[type="radio"] {
    margin-top:-3px;
}

#contenido input[type="checkbox"] {
    margin-top:-3px;
}

#contenido #form1 table tr td strong {
	color: #FFF;
}
#contenido .ayuda {
   font-size:10px;
}

#contenido span[id^="error"], #contenido span[id^="zonaerror"] {
   font-size:14px;
   color:rgb(226,0,25);
   padding-left:10px;
}

#contenido #zona_errores, #contenido #zona_errores_preregistro, #contenido #zona_error_general {
   font-size:14px;
   color:rgb(226,0,25);
   color:red;
   display:block;
   margin:0 auto;

}


#contenido #zona_error_general {
	font-weight:bold;
	color:red;
	text-align:center;
}


#contenido .boton {
	background-color:red;
	color:white;
	padding:0px 10px;
	margin: 2px;
}

#contenido .simulardisabled {
    background-color:rgb(234,234,234);
}

 #capafondo {
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  width: 100%;
  min-height: 850px;
  margin: 0;
  padding: 0;
  z-index: 20;
  left:0px;
  top:0px;
  visibility:hidden;
}

  #capamensaje, #capamensajefirefox {
  position:absolute;
  background-color: #fff;
  width:68%; /*900px;*/
  height: 70%; /*300px;*/
  left:50%;
  margin-left:-34%; /*-460px;*/
  border-style:solid;
  border-color:rgb(200,200,200);
  border-width:3px;
  z-index:30;
  top:90px; /*50px;*/
  visibility:hidden;
  padding:10px 10px 0px 10px;
}

/*------------------------- RESPONSIVE -----------------------*/

#contenido .literal {
   display:inline-block;
   padding:5px;
   text-align:right;
   clear:both;
   width:35% !important;
   float:left;
}

#contenido .literalinputfile {
   padding-top:2px !important;
}

#contenido .inputfileproductos {
   line-height: 22px;
}

#contenido .ayuda {
	font-size:10pt;
	width:60%;
	display:inline-block;
	margin-bottom:5px;
}

/* Esto son los select (desplegables) */

#contenido #motivo, #contenido #areaconsulta, #contenido #dia, #contenido #mes, #contenido #anyo, #contenido #sede, #contenido #provincia, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios  {
   display:inline-block;
   padding:5px 5px 5px 3px;
   width:350px;
   /*border:1px solid rgb(165,165,165) !important;*/
   vertical-align:middle;
   margin-bottom:10px;
}

#contenido #dia {
   width: 60px;
}

#contenido #mes {
   width: 150px;
}

#contenido #anyo {
   width: 80px;
}


#contenido .inputcorto {
   display:inline-block;
   padding:5px 5px 5px 3px;
   width:120px;
   /*border:1px solid rgb(165,165,165);*/
   vertical-align:middle;
}

/* Esto son los campos de longitud normal (la mayoría) y los TextArea */

#contenido .inputnormal {
   display:inline-block;
   padding:5px 5px 5px 3px;
   width:350px;
   /*border:1px solid rgb(165,165,165);*/
   vertical-align:middle;
}

.menu-prehome-vodafone #contenido  {
   /*width: 450px;	*/
   /*background-color: #eaeaea;*/
   padding: 10px;
   border-radius: 20px;
}

.menu-prehome-vodafone #contenido .inputnormal {
   width: 69%;
   /*float:right;*/
}

.menu-prehome-vodafone #contenido .literal {
   padding: 5px 2px;
   width: 27%;
}

.menu-prehome-vodafone #contenido .ayuda {
   font-size:8.7pt;
   width: 68%;
}

#contenido #asunto , #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
	width: 500px;
	line-height: 14pt;
	margin-bottom:10px;
}

/*-------------------------------------*/

#contenido input[id^="iban"] {
   display:inline-block;
   padding:5px 5px 5px 3px;
   width:55px;
   /*border:1px solid rgb(165,165,165);*/
   vertical-align:middle;
}


  #contenido .bloqueradio {
	   width:60%;
	   display:inline-block;
	   margin-top:5px;
	   text-indent:-17px;
	   padding-left:17px;
  }

  #contenido .sangrado {
	   padding-left:17px;
  }

  #contenido .conayuda {
	  margin-bottom:0px !important;

  }


.slider-abajo{
    position: absolute;
    z-index: 9999;
}
.slider-abajo__item1{
    top: 0;
    left: 25%;
}
.slider-abajo__item2{
    top: 40%;
    left: 25%;
}
.slider-abajo__item3{
    top: 10%;
    right: 25%;
}
#contenido{
  text-align: left;
  max-width: 500px;
  background-color: rgba(255, 255, 255, .7);
}
#contenido h2{
  font-size: 1.5em;
}
#contenido p{
  font-size: .9375em !important;
}
#contenido input[name="password"],
#contenido input[name="email1"]{
  height: 40px;
  font-size: 14px;
  width: 100%;
}
#contenido input::-webkit-input-placeholder {
  color: #DDD;
}
#contenido input:-moz-placeholder {
  color: #DDD;
}
#contenido input::-moz-placeholder {
  color: #DDD;
}
#contenido input:-ms-input-placeholder {
  color: #DDD;
}
#sp-feature{
  position: relative;
}
@media only screen and (max-width:980px) {    /* Pantalla */


  #contenido .literal {
     display: block !important;
     width:100% !important;
     text-align:left;
	 padding: 3px 0px;;
	 margin:0;
     clear:both;
  }

    #contenido .inputnormal, #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
     width:100% !important;
  }

}

@media only screen and (max-width:768px) {    /* Pantalla */

  .menu-2014-09-25-10-45-44 #sp-user4, .menu-2014-09-25-10-47-16 #sp-user4, .menu-2014-09-25-10-47-51 #sp-user4, .menu-cuidate #sp-user4 {
	 display:none;
  }



  /* La regla de arriba oculta el bloque de user4 que hay a la derecha del user3 y que, al estar vacío, crea un hueco muy grande, en Mis Consultas Legales, Mis Trámites Administrativos, Personal Support y Cuídate, respectivamente */

  #contenido {
	   width:98% !important;   /* Añadido el 23/12/2014 */
  }

  #contenido .literal {
     display: block !important;
     width:100% !important;
     text-align:left;
	 padding: 3px 0px;;
	 margin:0;
     clear:both;
  }

  #contenido .inputnormal, #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
     width:100% !important;
  }

  #contenido input[id^="iban"] {
   width:15%;
}

  #contenido #motivo, #contenido #areaconsulta, #contenido #sede, #contenido #provincia, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios {
     width:90%;
  }

  #contenido .ayuda {
	  width: 95% !important;
}

  #contenido span[id^="error"], #contenido span[id^="zonaerror"]{
   /*float:left;*/
     padding-left:0px;
  }

  #contenido .bloqueradio {
     /*width:100%;*/
	 width:95%;   /* Añadido el 23/12/2014 */
  }


}


@media only screen and (max-device-width : 479px)  {   /* movil */
  #contenido {
	  /*font-family:'Segoe UI Light',Arial;*/
	  font-size:11pt;
	  width:98%;   /* Añadido el 23/12/2014 */
  }

  #contenido .apartado {
	 font-size:12pt !important;
  }

  #contenido .ayuda {
	  font-size:8pt !important;
  }

  #contenido .literal {
     display: block !important;
     width:90% !important; ;
     text-align:left;
	 padding: 3px 0px;
	 margin:0;
     clear:both;
  }

  #contenido .inputnormal, #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
     width:90%;
  }

  #contenido .inputnormal, #contenido .inputcorto, #contenido #motivo, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios {
	 height:35px;
	 font-size:10pt !important;
  }

  #contenido .inputcorto {
	 width:100px;
  }

  #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
	 height:150px;
	 /*font-family:'Segoe UI Light',Arial;*/
  }

  #contenido #motivo, #contenido #areaconsulta,#contenido #sede, #contenido #provincia, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios {
     width:90%;
  }

  #contenido #dia {
   width: 20%;
  }

  #contenido #mes {
    width: 40%;
  }

  #contenido #anyo {
    width: 30%;
  }

  #contenido .ayuda {
	  width:95% !important;
  }

  #contenido span[id^="error"] , #contenido span[id^="zonaerror"]{
   /*float:left;*/
   padding-left:0px;
  }

  #contenido .bloqueradio {
     /*width:100%;*/
	 width:95%;   /* Añadido el 23/12/2014 */
  }

  #contenido #bloque_modalidades_programa {
	   display:none;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {   /* Samsung Galaxy mini II */

  #contenido {
	  /*font-family:'Segoe UI Light',Arial;*/
	  font-size:11pt;
	  width:98%;   /* Añadido el 23/12/2014 */
  }

  #contenido .apartado {
	 font-size:12pt !important;
  }

  #contenido .ayuda {
	  font-size:8pt !important;
  }

  #contenido .literal {
     display: block !important;
     width:90%;
     text-align:left;
	 padding: 3px 0px;
	 margin:0;
     clear:both;
  }

  #contenido .inputnormal, #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
     width:90%;
  }

  #contenido .inputnormal, #contenido .inputcorto, #contenido #motivo, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios {
	 height:35px;
	 font-size:10pt !important;
  }

  #contenido .inputcorto {
	 width:100px;
  }

  #contenido #asunto, #contenido #Detalle, #contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta, #contenido #Solicitud {
	 height:150px;
	 /*font-family:'Segoe UI Light',Arial;*/
  }

  #contenido #motivo,#contenido #areaconsulta, #contenido #sede, #contenido #provincia, #contenido #Tipo, #contenido #Servicio, #contenido #Horarios {
     width:90%;
  }

  #contenido #dia {
   width: 20%;
  }

  #contenido #mes {
    width: 40%;
  }

  #contenido #anyo {
    width: 30%;
  }

  #contenido .ayuda {
	  width:95% !important;
  }

  #contenido span[id^="error"],#contenido span[id^="zonaerror"] {
   /*float:left;*/
   padding-left:0px;
  }

  #contenido .bloqueradio {
     /*width:100%;*/
	 width:95%;   /* Añadido el 23/12/2014 */
  }

  #contenido #bloque_modalidades_programa {
	   display:none;
  }

}
#form1 input.inputnormal,
#form1 span.literal,
#form1 span.literal img{
  display: inline-block;
  vertical-align: top;
}
#form1 input.inputnormal{
  width: 65%;
}
span.literal:nth-child(9),
#password{
  margin: 0 0 .5em 0;
}