/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autor:          Ruben Manzano ruben.manzano@gmail.com                                                     *
 *      Hoja:           registroAmigos.css                                                                        *
 *      Descripcion:    Registro amigos                                                                           * 
 *      Fecha:          7/04/2009                                                                                 *
 **************************************************************************************************************** */

/* reinicio de estilos */
@import url("reinicio.css");

/* navegacion persistente */
@import url("reticulaGeneral.css");

/* widgets */
@import url("widgets.css");

/* tipografia general */

@import url("tipos.css");


/* col central contenidos ajuste de desborde */
div#contenedor div#contenidos div#colCentral div#colCentralContenidosInt{ clear:both; margin:0 19px; padding:13px 0 0; width:482px;}

/* col central richi */

div#colCentralRichi{ width: 452px; padding: 15px 0 0 8px;}


	div#colCentralRichi h3{ background: none; text-indent: 0; margin: 15px 0 30px 0; clear:both; }
	div#colCentralRichi h3.cabeceraFormularioB{ border-top: 1px solid #eeefe9; margin: 0;}
		div#colCentralRichi h3.cabeceraFormularioB span{ display: block; font-size: 0.7em; color: #7f7f7f;}
	div#colCentralRichi h3.sinBordeB{ border-bottom: none;}
	div#colCentralRichi h3.h3listaPrecios{ margin: 0 0 30px 0; border-bottom: 1px solid #e7e5da;}

		div#colCentralRichi h3 a:link{ display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-abiertaListaAZ.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em;}
		div#colCentralRichi h3 a:visited{ display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-abiertaListaAZ.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em;}
		div#colCentralRichi h3 a:hover{ background: #e7e5da url(../img/fnd-colapsadaListaAZH.png) no-repeat scroll 0 18px; display: block; width: 100%; height: 1.19em;}
		div#colCentralRichi h3 a:active{ height: 1.19em;}

		div#colCentralRichi h3.closed a:link{ background-image: url(../img/fnd-expandirListaAZ.png); }
		div#colCentralRichi h3.closed a:visited{ background-image: url(../img/fnd-expandirListaAZ.png); }
		div#colCentralRichi h3.closed a:hover{ background-image: url(../img/fnd-expandirListaAZH.png); }
		div#colCentralRichi h3.closed a:active{ background-image: url(../img/fnd-expandirListaAZ.png); background-color:white; }
		
		div#colCentralRichi h4{ clear: both; font-size: 1.5em; border-bottom: 1px solid #e7e5da; border-top: 1px solid #e7e5da;}
			div#colCentralRichi h4.h4RegistroAmigos{ display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-flechaAbajo90.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em; border-bottom: none; font-size: 1.3em;}
		
		div#colCentralRichi h4 a:link{ display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-flechaAbajo90.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em;}
		div#colCentralRichi h4 a:visited{ display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-flechaAbajo90.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em;}
		div#colCentralRichi h4 a:hover{ background: #e7e5da url(../img/fnd-flechaAbajo90H.png) no-repeat scroll 0 18px; display: block; width: 100%; height: 1.19em;}
		div#colCentralRichi h4 a:active{ height: 1.19em; display: block; text-indent: 25px; color: #000; background: transparent url(../img/fnd-flechaAbajo90.png) no-repeat scroll 0 18px; padding: 15px 0 30px 0; height: 1.19em;}


/*div#colCentralContenidosInt h3 span{ display: block; font-size: 0.8em; color: #333;}*/



/* descarga */

div#colCentralRichi p a:link{ color: #333; font-size: 1.1em; border-bottom: 1px solid #e5e5e5; width: 14.6em; float: right; clear: both; height: 1.5em; padding: 0; margin: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px; display: block; position: relative; top: -25px; text-indent: 30px;}
div#colCentralRichi p a:visited{ color: #333; font-size: 1.1em; border-bottom: 1px solid #e5e5e5; width: 14.6em; float: right; clear: both; height: 1.5em; padding: 0; margin: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px; display: block; position: relative; top: -25px; text-indent: 30px;}
div#colCentralRichi p a:hover{ color: #333; font-size: 1.1em; border-bottom: 1px solid #333; width: 14.6em; float: right; clear: both; height: 1.5em; padding: 0; margin: 0; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 10px 5px; display: block; position: relative; top: -25px; text-indent: 30px;}
div#colCentralRichi p a:active{ color: #333; font-size: 1.1em; border-bottom: 1px solid #e5e5e5; width: 14.6em; float: right; clear: both; height: 1.5em; padding: 0; margin: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px; display: block; position: relative; top: -25px; text-indent: 30px;}

/* formularios */

div#colCentralContenidosInt form#visitaGuiadaPrivado{ /*background: #e7e5da;*/ padding: 0 0 30px 0;}

	div#colCentralContenidosInt	legend span{ background: url(../img/fnd-flecha90H.png) no-repeat 10px 3px; margin: 0; padding: 0; color: #000; font-size: 1.2em; padding: 0 0 0 34px; white-space: normal; /*width: 175px;*/ display: block; float: left;}


		
	div.columnaDatos{ float: right; width: 223px;height:1%;}
	
		fieldset.lineaCampos{ border-bottom: 1px solid #fff; padding: 0 0 30px 0; /*position: relative; top: -15px;*/ background: #e7e5da;}
			fieldset.lineaCampos legend span{ position: relative; top: 14px;}
		
		div#colCentralContenidosInt	div.columnaDatos label{ display: block; width: 213px; font-size: 1.2em; margin: 0 0 5px 0; clear:left;}
					div#colCentralContenidosInt	div.columnaDatos label a:link{ color: #000; text-decoration: underline;}
					div#colCentralContenidosInt	div.columnaDatos label a:visited{ color: #000;}
					div#colCentralContenidosInt	div.columnaDatos label a:hover{ color: #000;}
					div#colCentralContenidosInt	div.columnaDatos label a:active{ color: #000;}
			
		div#colCentralContenidosInt	div.columnaDatos select{ display: block; width: 213px; font-size: 1.1em; margin: 0 0 10px 0; padding: 2px 0;}
		div#colCentralContenidosInt	div.columnaDatos input{ display: block; width: 209px; font-size: 1.1em; margin: 0 0 12px 0; padding: 2px 0; clear:left;}
		div#colCentralContenidosInt	div.columnaDatos div.sexo_hm {float:left;}

div.fondoPersonales{ background: #e7e5da; clear:both}
		
/* opciones amigos */

fieldset.opcionesAmigos{ background: #fff; position: relative; top: -45px;}
	
	fieldset.opcionesAmigos label, div.opcionesAmigos{ width: 155px; display: block; float:right; color:#7f7f7f; font-size: 1em; margin: 10px 0 0 0; padding: 0 0 30px 0; border-bottom: 1px solid #e5e5e5;}
		fieldset.opcionesAmigos label strong, div.opcionesAmigos strong{ display: block; color: #000; font-size: 1.1em; font-weight: normal;}
	fieldset.opcionesAmigos input{ float: left; clear: left; position: relative; left: 19px; top: 2px; margin: 10px 0 0 0;}
	
	div.opcionesAmigos{ padding: 0 0 20px 0;!important}
	
		
/* campos sin legend */

.sinLegend{ margin: 13px 0 0 0;}

.sinLegend input{ position: relative; left: 150px;}


/* campos especificos */

	/* mensajes de estado formulario */
	
		div#colCentralContenidosInt p#mensajeFormulario{ font-size: 1.4em; padding: 0 10px 30px 0; width: 441px; text-align: right;}
		div#colCentralContenidosInt p.mensajeFormulario{ font-size: 1.4em; padding: 0 10px 30px 0; width: 441px; text-align: right;}

		div#colCentralContenidosInt p#mensajeFormularioAcceso{ float: right; clear: both; font-size: 1.4em; padding: 0 10px 0 0;}
		
		div#colCentralContenidosInt p.mensajeError{ color: red;}
		
	/* botones de envio */
	
	div#colCentralContenidosInt	div.columnaDatos input.envioDatos{ width: 64px; font-size: 1.1em; padding: 2px;}
	div#colCentralContenidosInt	div.columnaDatos input.envioDatosAnhadidos{ width: 64px; font-size: 1.1em; padding: 2px; float: left; margin: 0 0 0 5px; position: relative; left: 74px;}
	
	/* checkbox */
	div#colCentralContenidosInt	div.columnaDatos label.labelCheckBox{ display: inline;}
	div#colCentralContenidosInt	.sinLegend div.columnaDatos input.checkBox{ width: auto; display: inline; padding: 0; margin: 0; position:inherit; left: auto; width: auto; position: relative; top: 2px;} 

	/* checkbox suscripciones*/
	
	/*div#colCentralContenidosInt div.suscripciones p { display:block; overflow:hidden; padding:12px 0;}*/
	
	div#colCentralContenidosInt	div.columnaDatos label.suscripciones{ padding-right:2em; float:left; width:3em; clear:left; top: 20px; position: relative;}
	div#colCentralContenidosInt div.suscripciones input.suscripciones { width:3em; float:left; margin-top:2px; top: 20px; position: relative;}

	div#colCentralContenidosInt div.columnaDatos label input.aceptocondiciones { float:left; width:12px; display:block; margin:0 10px 0 0; padding:0; left:0;}

div#colCentralRichi strong.advertenciaUso{ font-weight: bolder; margin: 15px 0 30px 0; display: block; font-size: 1.2em; color: #333;}

	/* tarjeta credito */
	
	div#colCentralContenidosInt div.columnaDatos input#fechaCaducidad{ width: 25px; float: left; font-size: 0.8em; margin: 0 13px 0 0;}
	div#colCentralContenidosInt div.columnaDatos input#anhos{ width: 25px; float: left; font-size: 0.8em;}
	
	div#colCentralContenidosInt div.columnaDatos label.oculto{ display: none;}

/* listas */

 ul.ventajas{ margin: 10px 0 30px 0;float: left; }
 ul.ventajas li{ font-size: 1.1em; display: block; padding: 0 0 0 10px; margin: 0 0 10px 0; color:#7f7f7f; width: 240px;}
 ul.anchocompleto li{ width: 100%;}
	ul.ventajas li strong{ color: #333}
	
	ul.ventajas li a:link{ color: #333; text-decoration: underline;}
	ul.ventajas li a:visited{ color: #333; text-decoration: underline;}
	ul.ventajas li a:hover{ color: #7f7f7f; text-decoration: underline;}
	ul.ventajas li a:active{ color: #333; text-decoration: underline;}


/* ajuste de listas */

form#visitaGuiadaPrivadoHonor ul.ventajas li, form#visitaGuiadaPrivadoBenefactor ul.ventajas li, form#visitaGuiadaPrivadoRegale ul.ventajas li{ width: 411px; float: none;}

div#colCentralRichi h5{ font-size: 1.2em; padding: 0 0 0 15px; clear:left;}

/* pagina de museos estatales */

h3#encabezado3Amigos{ border-bottom:1px solid #E7E5DA; padding:0 0 30px 15px; background:transparent url(../img/fnd-flechaPeqA5.png) no-repeat scroll 0 6px;}

dl#museosNacionales{ margin: 15px 0 0 0;}
	dl#museosNacionales dt{ font-size: 1.3em; color: #333; font-weight: bolder; margin: 10px 0 0 0;}
	dl#museosNacionales dd{ font-size: 1.2em;}

/* regale arte */
div#colCentralContenidosInt	div.columnaDatos label.radio { padding-left:20px;}

div#colCentralContenidosInt	div.columnaDatos input.radio{ display: inline; width: auto; position:absolute; margin-top:-20px;}


/* solicitud de salas*/

/* formulario de solicitud */

div#colCentralContenidosInt div.columnaDatos input.solicitar {display: inline; width: auto; position:absolute; margin-top:-20px;}