@import url("principal.css.jsp");
@import url("imprimir.css.jsp");

#guiaInnovacion h2{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #7A7A7A;
    margin: 0;
    padding: 0;
}
#guiaInnovacion p{
    font: 11px Arial, Helvetica, sans-serif;
    color: Black;
    margin: 0;
    padding: 5px 0 0 0;
}
#guiaInnovacion ul li{
    float: left;    
    width: 289px; 
    margin-top: 47px;
    padding-bottom:15px;
}
#guiaInnovacion ul li ul li{
    float: none;    
    width: auto;
    margin: 0;
    padding:0;
    border: none;    
}
#guiaInnovacion ul li.letraA,
#guiaInnovacion ul li.letraB,
#guiaInnovacion ul li.letraC,
#guiaInnovacion ul li.letraD,
#guiaInnovacion ul li.letraE,
#guiaInnovacion ul li.letraF{
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 74px;
    font: bold 11px Arial, Helvetica, sans-serif;    
}

#guiaInnovacion ul li.letraC,
#guiaInnovacion ul li.letraE{
    clear: both;
}

#guiaInnovacion ul li.letraA{
    background-image: url(../images/f4/guia/a.gif);        
}
#guiaInnovacion ul li.letraB{
    background-image: url(../images/f4/guia/b.gif);        
}
#guiaInnovacion ul li.letraC{
    background-image: url(../images/f4/guia/c.gif);    
}
#guiaInnovacion ul li.letraD{
    background-image: url(../images/f4/guia/d.gif);    
}
#guiaInnovacion ul li.letraE{
    background-image: url(../images/f4/guia/e.gif);    
}
#guiaInnovacion ul li.letraF{
    background-image: url(../images/f4/guia/f.gif);    
}
#guiaInnovacion ul li h3 a{
    margin: 0;
    padding: 0;
    font: bold 11px Arial, Helvetica, sans-serif;
    border:none;
    background-color: transparent;
    padding: 0 0 2px 12px;
}

#guiaInnovacion ul li ul{
    padding-left:12px;
}
#guiaInnovacion ul li h3,
#guiaInnovacion ul li.letraA ul,
#guiaInnovacion ul li.letraB ul,
#guiaInnovacion ul li.letraC ul,
#guiaInnovacion ul li.letraD ul,
#guiaInnovacion ul li.letraE ul,
#guiaInnovacion ul li.letraF ul{
    background-position: left top;
    background-repeat: repeat-y;
}
#guiaInnovacion ul li h3 a{
    text-decoration: none;
	 
}
#guiaInnovacion ul li h3 a:hover{
    text-decoration: underline;
}
#guiaInnovacion ul li.letraA ul,
#guiaInnovacion ul li.letraA h3{    
    background-image: url(../images/f4/guia/fondo_a.gif);
}
#guiaInnovacion ul li.letraA h3 a{
    color: #008998;       
}
#guiaInnovacion ul li.letraB ul,
#guiaInnovacion ul li.letraB h3{    
    background-image: url(../images/f4/guia/fondo_b.gif);
}
#guiaInnovacion ul li.letraB h3 a{
    color: #F15136;   
}
#guiaInnovacion ul li.letraC ul,
#guiaInnovacion ul li.letraC h3{    
    background-image: url(../images/f4/guia/fondo_c.gif);
}
#guiaInnovacion ul li.letraC h3 a{
    color: #A470A3;   
}
#guiaInnovacion ul li.letraD ul,
#guiaInnovacion ul li.letraD h3{    
    background-image: url(../images/f4/guia/fondo_d.gif);
}
#guiaInnovacion ul li.letraD h3 a{
    color: #E84F8A;   
}
#guiaInnovacion ul li.letraE ul,
#guiaInnovacion ul li.letraE h3{
    background-image: url(../images/f4/guia/fondo_e.gif);
}
#guiaInnovacion ul li.letraE h3 a{
    color: #55A227;   
}
#guiaInnovacion ul li.letraF ul,
#guiaInnovacion ul li.letraF h3{    
    background-image: url(../images/f4/guia/fondo_f.gif);
}
#guiaInnovacion ul li.letraF h3 a{
    color: #FF9705;   
}
#guiaInnovacion ul li ul li{
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 7px;
}
#guiaInnovacion ul li.letraA ul li{
    background-image: url(../images/f4/guia/lista_a.gif);
}
#guiaInnovacion ul li.letraB ul li{
    background-image: url(../images/f4/guia/lista_b.gif);
}
#guiaInnovacion ul li.letraC ul li{
    background-image: url(../images/f4/guia/lista_c.gif);
}
#guiaInnovacion ul li.letraD ul li{
    background-image: url(../images/f4/guia/lista_d.gif);
}
#guiaInnovacion ul li.letraE ul li{
    background-image: url(../images/f4/guia/lista_e.gif);
}
#guiaInnovacion ul li.letraF ul li{
    background-image: url(../images/f4/guia/lista_f.gif);
}
#guiaInnovacion ul li ul li a{
    color: Black;    
    font: 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
	 text-transform: capitalize;
}
#guiaInnovacion ul li ul li a:hover{
    text-decoration:underline;   
}
#guiaInnovacion ul li.letraA ul li a:hover{
    color: #008998;    
}
#guiaInnovacion ul li.letraB ul li a:hover{
    color: #F15136;
}
#guiaInnovacion ul li.letraC ul li a:hover{
    color: #A470A3;
}
#guiaInnovacion ul li.letraD ul li a:hover{
    color: #E84F8A;
}
#guiaInnovacion ul li.letraE ul li a:hover{
    color: #55A227;
}
#guiaInnovacion ul li.letraF ul li a:hover{
    color: #FF9705;
}

/*********************************************/
/* Guia de Innovación Formulario de alta/mod */
/*********************************************/
#guiaInnovacionAltaMod{
    clear: both;
}
#guiaInnovacionAltaMod h2,
#guiaInnovacionAltaMod h3,
#guiaInnovacionAltaMod h4,
#guiaInnovacionAltaMod p,
#guiaInnovacionAltaMod fieldset,
#guiaInnovacionAltaMod form,
#guiaInnovacionAltaMod ul,
#guiaInnovacionAltaMod li{
    margin:0;
    padding:0;
}
#guiaInnovacionAltaMod ul{
    list-style: none;
}
#guiaInnovacionAltaMod select,
#guiaInnovacionAltaMod input,
#guiaInnovacionAltaMod textarea{
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: Black;
    background-color:#EFEFEF;
}
#guiaInnovacionAltaMod select.Enfocado,
#guiaInnovacionAltaMod input.Enfocado,
#guiaInnovacionAltaMod textarea.Enfocado{
    background-color:#FFFFFF;
}
#guiaInnovacionAltaMod h2{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #7A7A7A;    
}
#guiaInnovacionAltaMod h3{
    clear: both;    
    font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #595959;
    padding-bottom: 3px;
    background: url(../images/f4/menuagenda/border_inf.gif) bottom repeat-x;
}
#guiaInnovacionAltaMod p{
    font: 11px Arial, Helvetica, sans-serif;
    color: Black;    
}
#guiaInnovacionAltaMod p em{
    font-style: normal;
    color:#9E391F;
}
#guiaInnovacionAltaMod p strong{
    color:#9E391F;
}
#guiaInnovacionAltaMod form{
    padding-top:29px;
}
#guiaInnovacionAltaMod label{
    display: block;
    padding-bottom: 5px;
    color: #595959;
}
#guiaInnovacionAltaMod label{
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#guiaInnovacionAltaMod label.obligatorio{    
    color: #9E391F;
}
#guiaInnovacionAltaMod form .fila{
    float:left;
    width: 100%;
    clear:both;
    padding-bottom: 10px;
}
#guiaInnovacionAltaMod form .itemArea{
    float:left;
}
#guiaInnovacionAltaMod form .itemArea select{
    width:228px;
}
#guiaInnovacionAltaMod form .itemOrganismo{
    padding-left: 23px;
    float:left;
}
#guiaInnovacionAltaMod form .itemOrganismo select{
    width:228px;
}
#guiaInnovacionAltaMod form .itemTitulo input{
    width:720px;
    padding: 1px 4px;
}
#guiaInnovacionAltaMod form .desplegable{
    padding-bottom: 15px;
    float: left;
    width:100%;
}
#guiaInnovacionAltaMod form .desplegable a{
    padding-bottom: 5px;    
}
#guiaInnovacionAltaMod form .desplegable .plegado a{
    display: block;
    float:left;
    cursor: pointer;
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #3C6CB7;
    background: url(../images/f4/desplegar_bloque.gif) 100% 3px no-repeat;
    padding-right: 10px;
}
#guiaInnovacionAltaMod form .desplegable .plegado a.plegar{
    display:none;
}
#guiaInnovacionAltaMod form .desplegable .plegado fieldset{
    display: none;
}
#guiaInnovacionAltaMod form .desplegable .desplegado a.plegar{
    display: block;
    float:left;
	width:100%;
    cursor: pointer;
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #595959;
    padding-right: 10px;
    text-decoration: none;
    cursor: default;
}
#guiaInnovacionAltaMod form .desplegable .desplegado a span{
    font: 9px Arial, Helvetica, sans-serif;
    color: #3C6CB7;
    text-decoration: underline;
    cursor: pointer;
    padding-left: 12px;
    background: url(../images/f4/ocultar_bloque.gif) 0 3px no-repeat;
}
#guiaInnovacionAltaMod form .desplegable .desplegado .desplegar{
    display: none;
}

#guiaInnovacionAltaMod form .desplegable .itemDescripcion select {
	width:224px;
	margin:0px 0px 5px 0px;
}

#guiaInnovacionAltaMod form .desplegable a.nuevoApartado{
	font: normal 9px Arial,Verdana, Geneva, Helvetica, sans-serif;
    color:#3C6CB7;
	background:transparent url(../images/f4/mas.gif) no-repeat scroll 100% 2px;
	padding:0px 13px 0px 0px;
}



#guiaInnovacionAltaMod #bloqueImagen{
    clear:both;
}
#guiaInnovacionAltaMod #bloqueImagen fieldset{
    background-image: url(../images/f4/imagen_base.gif);
    padding:16px 0 0 10px;
    height:212px;
    width: 218px;
    float:left;
    clear: both;
}
#guiaInnovacionAltaMod form .datosPersonales{
    float:left;
    width: 229px;
}
#guiaInnovacionAltaMod form .datosPersonales h3{    
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;    
    background-image: none;
}
#guiaInnovacionAltaMod fieldset.direccion{
    clear:both;
    background-color: #F7F7F7;
    border: 1px solid #EBEBEB;
    padding: 17px 12px 0 17px;
    margin-bottom: 34px;
}
#guiaInnovacionAltaMod fieldset.direccion input{
    background-color:White;
}
#guiaInnovacionAltaMod fieldset.direccion .itemDireccion input,
#guiaInnovacionAltaMod fieldset.direccion .itemEmail input,
#guiaInnovacionAltaMod fieldset.direccion .itemUrl input{
    width:194px;
}
#guiaInnovacionAltaMod fieldset.direccion .itemTelefono{
    float:left;
}
#guiaInnovacionAltaMod fieldset.direccion .itemFax{
    float:right;
}
#guiaInnovacionAltaMod fieldset.direccion .itemTelefono input,
#guiaInnovacionAltaMod fieldset.direccion .itemFax input{
    width:85px;
}

#guiaInnovacionAltaMod .datosEmpresa{
    float:right;
    width: 477px;
}
#guiaInnovacionAltaMod .datosEmpresa p.carsDisponibles,
#guiaInnovacionAltaMod .datosInformante p.carsDisponibles{
    font: 10px Arial, Helvetica, sans-serif;
    float:right;
}
#guiaInnovacionAltaMod .datosInformante p.carsDisponibles strong,
#guiaInnovacionAltaMod .datosEmpresa p.carsDisponibles strong{
    color: #9E391F;
    font-size: 11px;
}
#guiaInnovacionAltaMod .datosEmpresa textarea{
    width:477px;
    height:189px;    
    float: left;
}
#guiaInnovacionAltaMod .datosEmpresa #bloqueAreas fieldset{
    clear: both;
}
#guiaInnovacionAltaMod .datosInformante{
    width:477px;
    float:right;
    padding-top:20px;
} 
#guiaInnovacionAltaMod .datosInformante .itemPerContacto input,
#guiaInnovacionAltaMod .datosInformante .itemObservacionesPer textarea{
    width: 477px;
}
#guiaInnovacionAltaMod .datosInformante .itemEmailContacto{
    float:left;    
}
#guiaInnovacionAltaMod .datosInformante .itemOrganismoPer{
    float: right;
}
#guiaInnovacionAltaMod .datosInformante .itemEmailContacto input,
#guiaInnovacionAltaMod .datosInformante .itemOrganismoPer select{   
    width:224px;
}
#guiaInnovacionAltaMod .datosInformante .itemObservacionesPer textarea{
    height: 119px;
}
#guiaInnovacionAltaMod .botonContinuar{
    margin-top:14px;
    position:relative;
    left:+14px;
}
#guiaInnovacionAltaMod #infoLegal{
    padding-top:71px;
}
#guiaInnovacionAltaMod #infoLegal h5{
    font: bold 9px Verdana, Arial, sans-serif;
    color: #595959;
    text-transform: uppercase;
    background: url(../images/f4/bullet_infolegal.gif) 0px 3px no-repeat;
    padding: 0px 0px 0px 12px;
}
#guiaInnovacionAltaMod #infoLegal p{
    font: normal 10px Arial, Verdana, sans-serif;
    color: #000000;
}

/*mod. avallbona 07/05/07*/
#guiaInnovacionAltaMod .datosOrganismo{
    width:477px;
    float:right;
    padding-top:20px;
} 
#guiaInnovacionAltaMod .datosOrganismo .itemResponsable{
	float:left;
}
#guiaInnovacionAltaMod .datosOrganismo .itemCargo{
	float: right;
}
#guiaInnovacionAltaMod .datosOrganismo input{
	width:224px;
}
/****************************/
/* final formulari alta/mod */
/****************************/




/* Estilos antiguos */
#cos
{
	background-image: url(../images/guia/fondo_verde.jpg);
	padding: 0px;
	width: 565px;
}

#cos_contingut div#capa
{
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}

#cos_contingut div#capa div
{
	min-height: auto;
	margin: 0px;
	padding: 0px;
}

#cos_contingut div#capaA
{
	background-image: url(../images/guia/fonsa.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}
#cos_contingut div#capaB
{
	background-image: url(../images/guia/fonsb.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}
#cos_contingut div#capaC
{
	background-image: url(../images/guia/fonsc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}
#cos_contingut div#capaD
{
	background-image: url(../images/guia/fonsd.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}
#cos_contingut div#capaE
{
	background-image: url(../images/guia/fonse.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}
#cos_contingut div#capaF
{
	background-image: url(../images/guia/fonsf.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 660px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 660px; padding-top: 40px; padding-bottom: 40px; 
}

h3
{
	margin: 0px;
	padding: 0px;
	background-image: none;
	font-size: 12px;
	border-style: none;
	border-width: 0px;
	color: #000000;
	background-color: transparent;
}

h4
{
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: none;
	font-size: 11px;
	border-style: none;
	border-width: 0px;
	color: #000000;
	background-color: transparent;
	font-weight: normal;
}

ul#letras
{
	margin: 0px;
	padding: 0px;
	margin-left: 60px;
	list-style-type: none;
	min-height: 50px;
}

ul#letras li
{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/guia/a.gif);
	background-repeat: no-repeat;
	padding-left: 38px;
	padding-top: 5px;
	margin-bottom: 5px;
}

ul#letras li ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 7px;
}

ul#letras li li
{
	background-image: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
	list-style-type: none;
}

ul#letras li a
{
    font: 11px Verdana;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
}

ul#letras li#letraA{background-image: url(../images/guia/a.gif);}
ul#letras li#letraA a{color:#008998;}
ul#letras li#letraA li a{color:#000000;}
ul#letras li#letraB{background-image: url(../images/guia/b.gif);}
ul#letras li#letraB a{color:#F15136;}
ul#letras li#letraB li a{color:#000000;}
ul#letras li#letraC{background-image: url(../images/guia/c.gif);}
ul#letras li#letraC a{color:#A470A3;}
ul#letras li#letraC li a{color:#000000;}
ul#letras li#letraD{background-image: url(../images/guia/d.gif);}
ul#letras li#letraD a{color:#E84F8A;}
ul#letras li#letraD li a{color:#000000;}
ul#letras li#letraE{background-image: url(../images/guia/e.gif);}
ul#letras li#letraE a{color:#55A227;}
ul#letras li#letraE li a{color:#000000;}
ul#letras li#letraF{background-image: url(../images/guia/f.gif);}
ul#letras li#letraF a{color:#FF9705;}
ul#letras li#letraF li a{color:#000000;}

ul#letras li li a
{
	text-decoration: none;
	color: #000000;
	text-transform: none;
}

ul#letras li#letraA li a:hover{color:#008998;}
ul#letras li#letraB li a:hover{color:#F15136;}
ul#letras li#letraC li a:hover{color:#A470A3;}
ul#letras li#letraD li a:hover{color:#E84F8A;}
ul#letras li#letraE li a:hover{color:#55A227;}
ul#letras li#letraF li a:hover{color:#FF9705;}