@charset "utf-8";
#contenido .apartado {
	color:#333366;
	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:100% !important;
   background-color:white;
   margin: 0 auto;
   /*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);
   /*font-family:"Segoe UI Light",Arial;*/
}

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

#contenido .info {
   font-size: 18px;
}

#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);
  height: 32px;
  margin-bottom: 10px;
}

#contenido select,
#contenido input[type='button']   {
  height: 34px;
}

#contenido input[type='button'],
#contenido input[type='submit']   {
  background-color:#333366;
  float:right;         /* antes estaba comentado */
  margin-right: 25%;  /* antes 10px */
  text-align: center; 
  color: white; 
  font-size: 12pt; 
  border-radius: 0px;  /* antes 4px */
  border: 0;
}


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

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

#contenido #imagen_captcha {
    float: right;
}

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

#contenido .textorojo {
   color:red !important;  
}

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

#contenido #zona_errores, #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:30% !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:15px;
}

/* 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;
  height: 150px;
  /*font-family:"Segoe UI Light",Arial;*/
}

#contenido #Observaciones, #contenido #OtroTipo, #contenido #Consulta {
  width: 350px;
}


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

#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;
	     
  }
  
  
@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;
  }

  #contenido input[type='button'],
  #contenido input[type='submit']   {
      margin-right:10px;  /* antes 10px */
  }

  #contenido #imagen_captcha {
      float: left;
  }
  
}

@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;   
  }

}