/*  CSS tramits de bcn.es  */
/*  Hoja de estilos para las paginas secundarias  */


@import 'general.css';
@import 'contenido.css';
@import 'formulario.css';


/* Precontenido
------------------------------------------------------------------------------------------------------------------------ */
#precontenido { float:left; width:77.2em; margin:.8em .3em 0 .3em; display:inline;}

	/* Bcntramits */
	#precontenidoizda { float:left; width: 60.7em;}
		#precontenidoizda #bcntramits { float:left; margin: .4em 0 0 -3px; padding:0; voice-family: "\"}\""; voice-family: inherit; margin: .4em 0 0 0;}
		#precontenidoizda #bcntramits img { float:left; border:0;}
		#precontenidoizda #bcntramits a { border:0;}

	/* Selector de empresa o cuidadano */
	#precontenidoizda ul#selector { float:left; width: 67.4em; margin-bottom: 1.3em; font-size:.9em;}
	#precontenidoizda ul#selector li { float:left; margin-right:.3em; padding-bottom:.1em;}
	#precontenidoizda ul#selector li a { color:#666; border-color:#666;}
	#precontenidoizda ul#selector li strong { font-weight:normal;}

	/* Buscador */
	#buscador { position:absolute; right:.3em; float:right; width: 14.7em; padding: .6em .8em .7em .8em; background:#F8F8F8; border:1px solid #CCC;}
	#buscador form, #buscador fieldset { width:14.7em; margin:0; padding:0;}
	#buscador legend { display:none;}
	#buscador span {  float:left;color:#000; font-size:1.1em; line-height:1.1em;}
	#buscador input { float:left; width:10.6em; font-size:1.1em; margin:.3em 0 0 0; border:1px solid #EAEAEA; border-top-color:#575757; vertical-align:middle; voice-family: "\"}\""; voice-family: inherit; width: 10.2em;}
	#buscador input:focus { color:#000;}
		
	#buscador a, #buscador input.boton { float:right; width:auto; margin:.3em 0 .4em 0; padding:0 .3em; background: #FFF url(../imatges/boton_back.gif) left bottom repeat-x; border:1px solid #CCC; font-size:1.1em; font-weight:bold; color:#069;}
	#buscador a:hover, #buscador input.boton:hover { border:1px solid #666; color:#444;}
	#buscador a:active, #buscador input.boton:focus { margin:.5em 0 .2em 0; background: #FFF url(../imatges/boton_active_back.gif) left top repeat-x; border:1px solid #666;}
	 
	 
/* Selector de tramites
------------------------------------------------------------------------------------------------------------------------ */
#menu_principal div { float:left; width:100%; background: transparent url(../imatges/selecttram_back.gif) left bottom repeat-x;}
	#menu_principal li { display:inline;}
	#menu_principal strong { font-weight:normal;}
	#menu_principal a { float:left; padding:0 0 0 .4em; text-decoration:none; color:#FFF; border:0;}
	#menu_principal a span { display:block; padding:.5em .7em .4em .2em; font-size:1.1em;}
	#menu_principal a:hover { background-position:0% -150px;}
	#menu_principal a:hover span { background-position:100% -150px;}
	
	/* Primera pestana */
	#menu_principal li#primero a { padding:0 0 0 .8em;}
	#menu_principal li#primero a span {}
	#menu_principal li#primero a.seleccionado { background-position:0% -300px; background-color: #FFF;}
	#menu_principal li#primero a.seleccionado span { background-position:100% -300px;}
	#menu_principal li#primero a:hover { background-position:0% -150px; color:#FFF;}
	#menu_principal li#primero a:hover span { background-position:100% -150px;}
	
	/* Segundas pestanas */
	#menu_principal a.seleccionado { background-position:0% -300px; color:#333; background-color:#FFF}
	#menu_principal a.seleccionado span { background-position:100% -300px;}
	#menu_principal a.seleccionado:hover { background-position:0% -150px; color:#FFF;}
	#menu_principal a.seleccionado:hover span { background-position:100% -150px;}
	
 
/* Selector de certificado digital
------------------------------------------------------------------------------------------------------------------------ */
#menu_secundario div { float:left; width:100%; background: transparent url(../imatges/selecttram_back.gif) left bottom repeat-x;}
#menu_secundario div.menu_carpeta { margin-top:1.4em;}
	#menu_secundario li { display:inline;}
	#menu_secundario strong { font-weight:normal;}
	#menu_secundario a { float:left; padding:0 0 0 .4em; text-decoration:none; color:#FFF; border:0;}
	#menu_secundario a span { display:block; padding:.5em .7em .4em .2em; font-size:1.1em;}
	#menu_secundario a:hover { background-position:0% -150px;}
	#menu_secundario a:hover span { background-position:100% -150px;}
	
	/* Primera pestana */
	#menu_secundario li#primerosec a {}
	#menu_secundario li#primerosec a span {}
	#menu_secundario li#primerosec a.seleccionado { background-position:0 -300px; background-color: #FFF;}
	#menu_secundario li#primerosec a.seleccionado span { background-position:100% -300px;}
	#menu_secundario li#primerosec a:hover { background-position:0% -150px; color:#FFF;}
	#menu_secundario li#primerosec a:hover span { background-position:100% -150px;}
	
	/* Segundas pestanas */
	#menu_secundario a.seleccionado { background-position:0% -300px; color:#333; background-color: #FFF;}
	#menu_secundario a.seleccionado span { background-position:100% -300px;}
	#menu_secundario a.seleccionado:hover { background-position:0% -150px; color:#FFF;}
	#menu_secundario a.seleccionado:hover span { background-position:100% -150px;}
	
	/* Submenu de selector */
	#menu_secundario ul li ul { position:absolute; z-index:10; width:57em; top:12.4em; left:2em; margin:0; padding:0; border-bottom: 1px solid #CCC;}
	#menu_secundario ul li ul li{ float:left; margin:0 .9em 0 .7em; padding-bottom:1em;}
	#menu_secundario ul li ul li a, #menu_secundario ul li#primerosec ul li a{ float:left; padding:0; background:none; border-bottom:1px dotted #333; color:#333; font-size:1.1em;}
	#menu_secundario ul li ul li a:hover, #menu_secundario ul li#primerosec ul li a:hover{ border-bottom-style:solid; color:#333; background:none;}
	#menu_secundario ul li ul li.seleccionado { background: transparent url(../imatges/submenu_back.gif) center bottom no-repeat;}
	#menu_secundario ul li ul li.seleccionado a, #menu_secundario ul li#primerosec ul li.seleccionado a{ border-bottom-color:#FFF;}
	

/* Container
------------------------------------------------------------------------------------------------------------------------ */
#container { float:left; width:77.8em; border-bottom:1px solid #CCC; background: transparent url(../imatges/container_back_dcha.gif) right top repeat-y;}


/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contingut{ float:left; width:61em; min-height:58.5em; padding: .3em 2em 2em 2em; background: #FFF url(../imatges/container_back_izda.gif) repeat-y; voice-family: "\"}\""; voice-family: inherit; width: 57em;}


/* Destacados
------------------------------------------------------------------------------------------------------------------------ */
#destacados { float:left; width:15.4em; margin:.8em 0 1.6em .5em; color:#333;}