/* VERSION DE USO GLOBAL*/

/****************************************************************************************************************/
/*****************************************ELEMENTS***************************************************************/
/****************************************************************************************************************/

address span {
	display: block;
}

fieldset {
	border-style:none;
} 

body
{
 	font-size				: .75em;
  	font-family				: tahoma, helvetica, verdana, arial, sans-serif;
}
img
{
	border					: none;
}
label, .label
{
  font-weight				: normal;
  font-size					: .8em;
  color						: #414B56;
  background-color			: #FFFFFF;
}

h1
{
 	font-size				: 1.8em;
	color					: #00a2df;
	font-weight				: normal;
	font-family				: "Microsoft Sans Serif",tahoma,arial,sans-serif;
 	width					: auto;
 	z-index					: 50;
 	margin-left				: 18px;
 	position				: relative;
 	height					: 0px;
 	margin-top				: 1em;
 	background-color			: #FFFFFF;
}

h1 span
{
	position				: absolute;
  	bottom					: -20px;
  	background				: #fff;
  	width					: auto;
  	color					:#00a2df;
}

h2
{
	font-size				: 1.6em;
  	color					: #414B56;
  	font-weight				: bold;
  	margin-top				: 0em;
  	margin-bottom				:0em;
  	background-color			: #FFFFFF;
}

h3
{
	margin					: 10px 0em 10px 0em;
  	font-weight				: bold;
  	font-size				: 1.2em;
  	color					: #414B56;
  	background				: url(../images/fnd-puntos.gif) 50% 0 repeat-x;
	clear:both;
	background-color			: #FFFFFF;
}

h4
{
  	font-size				: .9em;
  	color					: #414B56;
  	font-weight				: bold;
	clear:both;
	background-color		: #FFFFFF;
}


p
{
	font-size				: .9em;
}


ul.listaSinDibujo{
    list-style-type         : none;  
}

dl.menu dt{
	margin					: 0px 0em 10px 0em;
  	font-weight				: bold;
  	font-size				: 1.2em;  	
  	background				: url(../images/fnd-puntos.gif) 50% 0 repeat-x;
	clear					:both;		
	padding-left			: 0em;
	padding-top				: .3em;
	padding-bottom			: .2em;
	color					: #00339E;
	font-family				: Arial, Helvetica, sans-serif;
	background-color		:#FFFFFF;
	}
	
dl.menu dd{
	margin-bottom				:10px;
	font-size				: .9em;
	}
select
{
	font-size				: .8em;
	/*width: 12.5em*/;
}

input
{
	font-size				: .8em;
	/*width: 13em*/;
}

form
{
	display					: inline
}

table.insertarDatos {
	font-size: 		1em;
	color: 			#414b56;
	width:			98%;
	background-color: #FFFFFF;
}

table.insertarDatos caption {
	font-weight:	bold;
	width			:95%;
	text-align:		left;
	color: #414b56; /* el caption va por libre en cuanto al color */
	background-color: #FFFFFF;
}

table.insertarDatos th {
	background:#F2F2F2;
	color:#414B56;
    border: 0px;
    font-size: .9em;
    text-align:left;
}

table.corta {
    font-size: 		1em;
	color: 			#414b56;
	width:			60%;
	background-color: #FFFFFF;
}

table.corta td {
    vertical-align:top;padding:.2em; border-bottom:1px solid #A8A8A8;
    border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2;
    font-size: .9em;
	width:50%;
}

table.corta th {
	background:#F2F2F2;
	color:#414B56;
    border: 0px;
    font-size: .9em;
    text-align:left;
}
table.corta th.calendar{
	text-align: center;
	}


ul.corta {
	margin-top: 0em;
	padding-top: 0em;
    font-size: 		1em;
	color: 			#414b56;
	width:			60%;
	background-color: #FFFFFF;
	
}
li.columna {
    vertical-align:top;padding:.2em; border-bottom:1px solid #A8A8A8;
    border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2;
    font-size: .9em;
}

h4.cabecera {
	margin-left: 3.70em;
	margin-bottom: 0em;
	width:60%;
	background:#F2F2F2;
	color:#414B56;
	border: 0px;
	font-size: .9em;
	font-weight:bold;
	text-align: center;
	}


a img{
	border:none;
	}
	

/****************************************************************************************************************/
/*****************************************ELEMENTS***************************************************************/
/****************************************************************************************************************/



/****************************************************************************************************************/
/*****************************************ID'S*******************************************************************/
/****************************************************************************************************************/

#bodycuerpo
{
	width 					: 100%;
	
	margin 					: 0%;
	padding 				: 0%;
	/*padding-bottom 			: 1%;
	margin-top 				: 1%;*/
	font-weight 			: normal;
	text-align 				: left;
	border 					: none;
}
#contenedor {
    width: 98%;
    margin: auto;
    text-align: left;
    background: #fff;
    color: #414b56
}


/*borde gris redondeado*/
#cg-sup-izda, #cg-sup-dcha, #cg-inf-izda, #cg-inf-dcha {height:11px;font-size: 2px;/**/}
#cg-sup-izda, #cg-inf-izda {margin-right: 11px}
#cg-sup-dcha, #cg-inf-dcha {margin: -11px 0  0 11px}
#cg-sup-izda {background: url(../images/gris-s-i.gif) top left no-repeat;}
#cg-sup-dcha {background: url(../images/gris-s-d.gif) bottom right no-repeat}
#cg-inf-izda {background: url(../images/gris-i-i.gif) bottom left no-repeat}
#cg-inf-dcha {background: url(../images/gris-i-d.gif) bottom right no-repeat}
#cg-int {border-left: 1px solid #C8CCD1;border-right: 1px solid #C8CCD1;padding:.5em .5em}



/****************************************************************************************************************/
/*****************************************ID'S*******************************************************************/
/****************************************************************************************************************/

/****************************************************************************************************************/
/*****************************************CLASSS*****************************************************************/
/****************************************************************************************************************/

.linea{
	display: block;
}

.banda
{
	color					: #002d73;
	text-align				: center;
	background-color		: #DCE9F8;
}
.obligatorio
{
  	color					: #e41f1f;
  	background				: #fff;
  	font-weight				: normal;
}


.fnd-cuaderno
{
	background				: url(../images/cuaderno.gif) 0 50% no-repeat;
	padding					: 10px 0 10px 40px;
}
.fnd-informacion
{
	background				: url(../images/application/iconoInfo.gif) 0 50% no-repeat;
	padding					: 15px 0 15px 55px;
	text-align				: left; 
}


.cajaTextoLabel
{
    font-family 			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: .9em;
    border					: none;
}

.linkMenu
{
	color					: #003399;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size:				1em;
	background				: #fff;
}

.datos-inicio-label
{
	font-size				: .9em;
	color					: #414B56;
	margin-left				: 3em;
	font-weight				: bold;
	float					: left;
	width					: 30%;
	background				: #fff;

}

.datos-inicio-label-derecha
{
	font-size				: .9em;
	color					: #414B56;
	margin-right				: 3em;
	font-weight				: bold;
	float					: left;
	width					: 30%;
	background				: #fff;
	text-align				:right;
}

.caption-table
{
	font-size				: .9em;
	color					: #414B56;
	margin-left				: 1em;
	font-weight				: bold;
	background				: #fff;
	width					: 90%;
	text-align				:left;
}
.datos-inicio-value
{
	font-size				: .9em;
	color					: #414B56;
	margin-left				: 0em;
	float					: left;
	width					: 50%;
	background				: #fff;
}

.datos-inicio-value-bis
{
	font-size				: .9em;
	color					: #414B56;
	margin-left				: 0em;
	width					: 50%;
	background				: #fff;
}

.cajaTexto
{
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: .8em;
	text-decoration			: none;
	border-style			: solid;
	border-color			: #b0b0b0;
	border-top-width		: 1px;
	border-right-width		: 1px;
	border-bottom-width		: 1px;
	border-left-width		: 1px;
}

.cajaTextoOscura
{
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: .8em;
	text-decoration			: none;
	background			: #b0b0b0;
	border-style			: solid;
	border-color			: #b0b0b0;
	border-top-width		: 1px;
	border-right-width		: 1px;
	border-bottom-width		: 1px;
	border-left-width		: 1px;
}

.cajaTextoReadOnly
{
	font-family 			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: .8em;
    border-style			: solid;
    border-color			: #b0b0b0;
	border-top-width		: 1px;
	border-right-width		: 1px;
	border-bottom-width		: 1px;
	border-left-width		: 1px;
}

.check
{
	border					: 1px solid #FFFFFF;
	padding					: 0px 5px;
	
	width					: 20px;
	vertical-align			: middle;
	text-align				: center;
	color: #b0b0b0;
}

.checkSinLabel
{
	border					: 1px solid #FFFFFF;
	padding					: 0px 5px;
	margin					: 1em 1em;
	width					: 20px;
	vertical-align			: middle;
	text-align				: center;
	color: #b0b0b0;
}


.red
{
    color					: #f00;
    background: #FFFFFF;
}

.center
{
	
    text-align				: center;
    padding-top				: .5em;
}

.right
{
	
	text-align				: right;
}

.float_left
{
    float					: left;
}

.float_right
{
    float					: right;
}

.clearBoth{
	clear					:both;
}

.invisible
{
 position:absolute;
 top:-3000em;
 left:-3000em;
}
.boton
{
	border-width			: 1px;
  	border-color			: #444;
  	border-style			: solid;
  	text-align				: center;
  	font-weight				: normal;
  	background-color		: #090;
  	color					: #fff;
  	font-size				: 0.8em;
  	width					: auto;
  	text-decoration			: none;
min-height:19px;
}

.unBoton .boton
{
	float					: right;
	margin-right			: 10%;
}

.otroBoton .boton
{
	margin-right			: .1em;
}

/*regla para etiquetas cuando la fecha son tres combos*/
.lFecha{
	float					: left;
	width					: 20%;
	margin-right			: .5em;
	text-align				: right;
	font-family				: sans-serif;
  
}


/* Estilos para cuadros de formularios */

.panel
{
 	color					: #666666;
	font-family				: sans-serif;
	font-style				: normal;
	font-variant			: normal;
	font-weight				: normal;
	width					: 100%;
	background: #FFFFFF;
}

.panel_legend
{
	/*RAUL ELIMINO ESTO: border-bottom:1px solid #AAAAAA;*/
	font-weight				: bold;
	padding-left			: 0em;
	padding-top				: .3em;
	padding-bottom			: .2em;
	color					: #00339E;
	font-family				: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

.panel_body
{
	margin-left				: 3em;
}

.panel_body label
{
	float					: left;
	width					: 20%;
	margin-right			: .5em;
	padding-top				: .2em;
	text-align				: right;
	font-weight				: bold;
	margin-top				: .1em;
	margin-bottom			: .1em;

}
.panel_body label.checkBox
{
	float					: none;
    width					: 100%;
	text-align				: left;
	font-size				: .8em;

}

.panel_body span.compulsory
{
	color					: red;
	text-align				:left;
	margin					: 0 0 0 0;
	padding					: 0 0 0 0;
	background: #FFFFFF;
}

.panel_body input
{
	vertical-align			: middle;
	
	margin-bottom			: .2em;
}

.panel_footer
{

}

.panel_body select
{

	vertical-align			: middle;
	margin-bottom			: .2em;
}


/* Estilos para mostrar errores*/
.errors
{
	text-align:left;
	font-size: .9em;
	padding: .5em;
	padding-left: 30px;
	border: 1px solid #DDDAB5;
	background:#F5F3DE url(../images/icons/i_aviso.gif) 2px 15%  no-repeat ;
	margin:14px 0;color:#414B56
}

/* Layouts con DIVS*/

/*Dos columnas: */
.layout_dos_columnas
{
	clear					:both;
	width					:100%;
}


.layout_dos_columnas .item_left
{
	float					: left;
	width					: 48%;
}

.layout_dos_columnas .item_right
{
	right					: 0;
}

/* Tres columnas: */
.layout_tres_columnas
{
	display					: block;
    clear					: both;
	width					: 99%;
	/* position 				: relative; */
	/*margin-left 			: em;*/
}

.layout_tres_columnas .item_left
{
	float					: left;
	width					: 40%;
	margin					:0;

}

.layout_tres_columnas .item_center
{
	margin-left				: 32%;
	margin-right			: 10%;
    width					: 40%;


}

.layout_tres_columnas .item_right
{
	position				: absolute;
	top						: 0;
	right					: 0;
	width					: 30%;
	margin-right			: 0em;

}




.layout_tres_columnas .item_left label
{
	float					: left;
	width					: 50.5%;
	margin-right			: .5em;
	padding-top				: .2em;
	text-align				: right;
	font-weight				: bold;
	margin-top				: .1em;
	margin-bottom			: .1em;
}

/*
 Reglas específicas para páginas de resumen,
 en las cuales no hay inputs si no que se muestran los datos introducidos
 en anteriores formularios
 */


.layout_tres_columnas .item_center .datos-inicio-label
{

    width:30%;
    text-align:right;

}
.layout_tres_columnas .item_center .datos-inicio-value
{
    margin-left:.5em;
    width:20%;


}




/* Estilos para contenedores de texto */

.display
{
	border-style			: none;
}

.display .fieldset_stl
{
	border-style			: none;
}

.display .fieldset_stl label
{
	color					: #003399;
	background-color:#FFFFFF;
}

.display p
{
	margin-left				: 1.7em;
}

.display label
{
	margin-right			: .5em;
	font-weight				: normal;
	color					: #000000;
	text-align				: center;
	background-color: #FFFFFF;
}
.short
{
	width					: 3.6em;
}

.medium
{
	width					: 14em;
}

.mediumlong
{
	width					:17.25em;
}

.long
{
	width					:33.8em;
}

/***** estilos para partir la pantalla en 2 en vertical *****/
.leftContent{
	width:48%;
	margin-left:0%;
	float:left;
}

.rightContent{
	width:40%;	
float:right;
}

/****************************************************************************************************************/
/*****************************************CLASSS*****************************************************************/
/****************************************************************************************************************/













/*******Pruebas********/

.tit-redon-azul {font-weight:bold;font-size: 1em;color:#002D73;background: #FFF url('../images/fnd_cabe_flecha_iz_azul.gif') center left no-repeat; padding-left:9px}/*padding: 4px 0 4px 4px;*/
.tit-redon-azul span {padding: 4px 0;display: block;background:url('../images/fnd_cabe_flecha_der_azul.gif') center right no-repeat}
.tit-redon-azul a{font-size:1em;color:#3267B8;background:#DCE9F8}

.imagenIzquierda{
	float:left;
	padding-right:5px;
}
.erroresFWPA{
	text-align:left;
	font-size: .9em;
	padding: .5em;
	padding-left: 30px;
	border: 1px solid #DDDAB5;
	background:#F5F3DE url(../images/icons/i_aviso.gif) 2px 15%  no-repeat ;
	margin:14px 0;color:#414B56
}


/*STEPS*/
ol.steps {
			float: left;
			width: 98%;
			margin: 1em 0 2em;
			padding: 0;
			background: #dce9f8;
			color: #002d73;
		}
		.steps li {
			float: left;
			margin-left: 1em;
			padding: 0px 0px 15px 40px;
			list-style: none;
			background-position: top left;
			background-color: transparent;
			background-repeat: no-repeat;
			vertical-align: top;
			
		}
	
	.first {
		background: transparent url(../images/steps/1.gif) left no-repeat;
	}
	.second {
		background: transparent url(../images/steps/2.gif) left no-repeat;
	}
	.third {
		background: transparent url(../images/steps/3.gif) left no-repeat;
	}
	.fourth {
		background: transparent url(../images/steps/4.gif) left no-repeat;
	}
	.fifth {
		background: transparent url(../images/steps/5.gif) left no-repeat;
	}
	.sixth {
		background: transparent url(../images/steps/6.gif) left no-repeat;
	}
	.seventh {
		background: transparent url(../images/steps/7.gif) left no-repeat;
	}
	.eighth {
		background: transparent url(../images/steps/8.gif) left no-repeat;
	}
	.ninth {
		background: transparent url(../images/steps/9.gif) left no-repeat;
	}
	/* -------------- Las dimensiones que se declaran se basan en las dimensiones de las im?genes a emplear -------------- */
	li.actual {
			background-position: 0 -45px;
	}

/*ESTILOS PARA ENLACES A DESCARGAS*/
.descarga a {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding: .5em 0 .5em 20px;
	color: #3267B8;
}

.pdf a {
	background-image: url(../images/ico-pdf.png);
}

a .pdf {
	background-image: url(../images/ico-pdf.png);
	background-position: left center;
	background-repeat: no-repeat;	
	padding: .5em 0 .5em 20px;
	color: #3267B8;
}

.doc a {
	background-image: url(../images/ico-doc.png);
}
.xml a {
	background-image: url(../images/xml.jpg);
}
.botonDescarga a {
	background-position: left center;
	background-repeat: no-repeat;	
	padding: .5em 0 .5em 20px;
	color: #3267B8;
}


/*Enlace con la apariencia de un boton*/
.botonEnlace{
border-width			: 1px;
  	border-color			: #444;
  	border-style			: solid;
  	text-align				: center;
  	font-weight				: normal;
  	background-color		: #090;
  	color					: #fff;
  	font-size				: .9em;
    padding:3px 3px 1px;
  	text-decoration:none;
}