/* ELEMENTOS GENERALES */
body{
	background-color: White;
	font-size: 70%;
	font-family: Tahoma, sans-serif;
	color: Black;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

h1 { /* no se usa, hay que crear un h1 oculto con la copia del title y que vaya al principio */

}

a { /* El color se cambia en el estilo de cada tienda */
	color: #676767;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img{
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

legend{
	color: #434343;
}
select, input {
	font-size: 100%;
	font-family: Tahoma, sans-serif;
	border: 1px solid #7F9DB5;	
}
input.boton{
	text-transform: uppercase;
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: .1em;	
	cursor: pointer;		
}

input.boton-rojo{
	text-transform: uppercase;
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: .1em;	
	cursor: pointer;	
	color: #DA0000;	
}
input.botonlink{
	cursor: pointer;
	color: #000;
	background: none;
	border: none;
	text-decoration: underline;		
}
.clear{
	clear: both;
	}

/* hack para quitar los espacios laterales que los botones traen por defecto en IE */
* html input { overflow: visible; }

.ayuda-acces{ /* Texto oculto de ayuda a la accesibilidad */
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size:1px; 
	line-height:1%;
}

#web{
	width: 760px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
}

/* CABECERA */
#cabecera { 
	border-bottom: 1px solid #CBCBCB;
	float: left;
	width: 760px;
	padding-bottom: 2px;
	margin-bottom: 18px;
}
#cabecera form {
	float: right;
	margin: 0 1px 2px 5px;
}

p#logo { /* Imagen de cabecera */
	width: 760px;
	margin: 0 0 5px 0;
	float: left;
}
p#usuario { /* Imagen de cabecera */
	width: 300px;
	margin: 0;
	float: left;
	background-image: url(../images/ico-usuario.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding:  0 0 0 29px;
	height: 25px;
}

ul#asistencia { /* Formas de asistencia (telefónica principalmente) */
	text-align: right;
	margin-top: 0;
	float: right;
	display: inline;
}
ul#asistencia li {
	display: inline;
	padding: 0 4px;
	border-right: 1px solid #000;
}
ul#asistencia li.ultima {
	padding: 0 0 0 4px;
	border: 0;
}

/* CONTENIDO */

/* Pasos */

ol.pasos-unalinea{
	background-image: url(../images/fnd-pasos-1linea.gif);
	background-repeat: repeat-x;
	background-position: 0 35px;
}
ol.pasos-doslineas{
	background-image: url(../images/fnd-pasos-2lineas.gif);
	background-repeat: repeat-y;
	background-position: right;
}
ol.pasos-doslineas div.primeralineapasos{
	background-image: url(../images/fnd-pasos-primeralinea.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	width: 720px;
}
ol.pasos-proceso div.segundalineapasos{
	width: 720px;
	float: left;
	background-image: url(../images/fnd-pasos-segundalinea.gif);
	background-repeat: no-repeat;
	background-position: 0 25px;
}
ol.pasos-proceso div.segundalineapasos li{
	float: right;
}
ol.pasos-proceso {
	width: 720px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
ol.pasos-proceso li {
	margin: 0 5px;
	float: left;
	width: 134px;
	padding-top: 60px;
	text-align: center;
	display: inline;
	background-repeat: no-repeat;
	background-position: 50% 20px;
}
ol.apretados li{
	width: 110px;
}
li#primero-pasado {
	background-image: url(../images/fnd-01-pasado.gif);
	color: #898989;
}
li#segundo {
	background-image: url(../images/fnd-02.gif);
}
li#segundo-pasado {
	background-image: url(../images/fnd-02-pasado.gif);
	color: #898989;
}
li#tercero {
	background-image: url(../images/fnd-03.gif);
}
li#tercero-pasado {
	background-image: url(../images/fnd-03-pasado.gif);
	color: #898989;
}
li#cuarto {
	background-image: url(../images/fnd-04.gif);
}
li#cuarto-pasado {
	background-image: url(../images/fnd-04-pasado.gif);
	color: #898989;
}
li#quinto {
	background-image: url(../images/fnd-05.gif);
}
li#quinto-pasado {
	background-image: url(../images/fnd-05-pasado.gif);
	color: #898989;
}
li#sexto {
	background-image: url(../images/fnd-06.gif);
}
li#sexto-pasado {
	background-image: url(../images/fnd-06-pasado.gif);
	color: #898989;
}
li#septimo {
	background-image: url(../images/fnd-07.gif);
}
li#septimo-pasado {
	background-image: url(../images/fnd-07-pasado.gif);
	color: #898989;
}
li#octavo {
	background-image: url(../images/fnd-08.gif);
}
li#octavo-pasado {
	background-image: url(../images/fnd-08-pasado.gif);
	color: #898989;
}
li#noveno {
	background-image: url(../images/fnd-09.gif);
}
li#noveno-pasado {
	background-image: url(../images/fnd-09-pasado.gif);
	color: #898989;
}
li#decimo {
	background-image: url(../images/fnd-10.gif);
}
li#decimo-pasado {
	background-image: url(../images/fnd-10-pasado.gif);
	color: #898989;
}
li#undecimo {
	background-image: url(../images/fnd-11.gif);
}
li#undecimo-pasado {
	background-image: url(../images/fnd-11-pasado.gif);
	color: #898989;
}
li#duodecimo {
	background-image: url(../images/fnd-12.gif);
}
li#duodecimo-pasado {
	background-image: url(../images/fnd-12-pasado.gif);
	color: #898989;
}
/* FIN Pasos */

div#formulario{ /* Abarca toda la zona de contenido */
	width: 720px;
	color: #676767;
	margin: 0 15px;
}
div#formulario div.contenidoform label{
	width: 40%;
	text-align: right;
	margin-right: 10px;
	float: left;
	cursor: pointer;
	}
div#formulario div.contenidoform .textrasinput{ /*texto a la derecha de los inputs*/
	display: inline;
	margin-left: 10px;
	}
div#formulario div.contenidoform .submitlink {/*boton submit como enlace de texto*/
	background: none; 
	border: none; 
	text-decoration: underline;
	cursor: pointer;
	color: #000;
	}
div#formulario div.tipodatos {/*radios  a la izquierda del label*/
	clear: both;
	margin: 0 0 10px 0;
	}
div#formulario div.tipodatos label {/*radios  a la izquierda del label*/
	width: auto;
	text-align: left;
	float: none;
	}
div#formulario div.tipodatos input{/*radios  a la izquierda del label*/
	border: none;
	clear: left;
	vertical-align: middle;
	}
/* Tablas de datos */
div#formulario table{
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	text-align: right;
	}
div#formulario table th{
    background-color: #F0F0F0;
}
div#formulario table .modalidad{
	text-align: left;
	width: 60%;
	}
div#formulario table td, th{
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	padding: 0.4em;
}
div#formulario table td.tienda{
	vertical-align: top;
	padding-top: 7px;
	}
div#formulario .resumen { /*resumen */
	margin-top:20px;
}
div#formulario .resumen table{ /* Tabla 1 del resumen */
	text-align: left;
}
div#formulario .resumen table .modalidad{/* Tabla 1 del resumen */
	width: 50%;
	}
div#formulario .resumen table th.thhorizontal{/* Tabla 2 del resumen */
	background: none;
	text-align: right;
	padding-right: 10px;
	font-weight: normal;
}
div#formulario .resumen table th.thhorizontotal{/* Tabla 2 del resumen */
	background: none;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}
div#formulario .resumen table .subtotal{/* Tabla 2 del resumen */
	text-align: right;
}
div#formulario .resumen table .total{/* Tabla 2 del resumen */
	text-align: right;
	font-weight: bold;
}

/* Encabezado del proceso */
div#formulario h2 { /* Texto del h2 (encabezado principal del proceso) */
	border-bottom: 1px solid #dcdcdc;
	font-size: 100%;
	color: #fff;
	clear: both;
	background-repeat: no-repeat;
	padding-left: 4px;
	padding-bottom: 2px;
	margin: 0;
}

div#formulario h2 span { /* Texto del h2 (encabezado principal del proceso) */
	padding: 1px 12px 4px 8px !important;
	padding: 2px 12px 3px 8px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right;
}

p#explicacionform{ /* Texto explicativo de después del h2 */
	margin-bottom: 0;
	margin-left: 2px;
	padding-bottom: 0;
}

/* Cajas de formularios */
div#formulario h3 { /* Texto del h3 (títulos de caja) */
	margin: 0 0 -2px 1px;
	padding: 7px 0 6px 30px;
	font-size: 100%;
	background-image: url(../images/fnd-h3form.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
}
div#formulario h3 span { /* Texto del h3 (títulos de caja) que no está en negrita */
	font-weight: normal;
}

div#formulario div.contenidoform{ /* Borde de la caja */
	background-image: url(../images/fnd-form-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 20px;
}

p.guia { /* Texto explicativo de inicio de la caja */
	margin-top: 0;
	padding-top: 0; 
	margin-bottom: 20px;
}

p.nota { /* Texto de NOTA de las cajas */
	color: #686868;
	clear: both;
	padding: 20px 0 0 0;
	margin: 0;
}

p.aviso{ /* Texto de AVISO de las cajas */
	padding: 0;
}


.botones { /* Zona para insertar botones */
	margin: 30px 0 0 0;
	padding-bottom: 20px;
	text-align: center;
}
.botones input{
	margin-left: 6px;
}

p.ayuda { /* Botón icono de ayuda --> abre por-up */
	margin: -22px 0 0 0;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 0;
}
p.ayuda img {
    margin-top: -2px;
    margin-bottom: 4px;
}

/* Cuadro informativo (sin título h3):  */
#resumenformtop{
	background-image: url(../images/fnd-form-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 720px;
	margin-top: 15px;
}
#resumenform{
	background-image: url(../images/fnd-form-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 700px;
	float: left;
	padding: 0 0 18px 20px;
}


/* Errores de formulario */
input.inputerror{ 
	background-color: #FDD9D9;
	border: 1px solid #7F9DB5;
}
p.textoerror{
	color: #E12300;
	display: inline;
	margin-left: 10px;
	font-weight: bold;
}

p.textoerror2{
	color: #E12300;
	text-align: center;
	margin-left: 10px;
	font-weight: bold;
}

/*----Mi cuenta----*/
h2 a {
	float: right;
	margin-top: -18px;
	}
.micuenta {
	margin: 10px 0;
}
.micuenta img{
	float: left;
	margin-right: 25px; 
	}
.micuenta .tit{
	float: left;
	}
.micuenta  h4{
	font-size: 100%;
	margin: 0;
	}
.micuenta p{
	width: 400px;
	margin: 0;
	}
table.micuenta {
	margin: 10px 0 ;
	}
table.micuenta td., table.micuenta th{
	text-align: left;
}
/* FIN CONTENIDO */

/* POP-UP DE AYUDA */
div#popup-ayuda{
	text-align: left;
	width: 430px;
	margin: 5px;
	background-color: #F8F8F8;
	background-image: url(../images/fnd-popupayuda.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 30px;
	color: #2B2B2B;
}
div#popup-ayuda h1{
	background-image: url(../images/fnd-popupayuda.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
	background-color: White;
	text-transform: none;
	font-size: 100%;
	text-align: center;
	font-family: Tahoma, sans-serif;
}
div#texto-ayuda{
	padding: 10px;
}
div#texto-ayuda p{
	margin: 10px 0 20px 0;
}
div#texto-ayuda ul{
	margin-left: 10px;
}
div#texto-ayuda li{
	margin-bottom: 15px;
}
div#popup-ayuda form {
	text-align: center;
}
/* FIN POP-UP DE AYUDA */

/* PIE  */
#pie{
	font-family: Arial, Helvetica, sans-serif;
	width: 750px;
	padding: 20px 5px 2px 5px;
	color: #000;
	font-size: 95%;
	float: left;
	margin: 6px 0;
	clear: both;
}
#pie p{
	text-align: center;
	background-color: #F0F0F0;
	border-top:1px solid #CBCBCB;
	padding: 5px 0;
	margin: 0 0 5px 0;
	}
#pie p a{
	color: #000;
	}
#pie ul{
	list-style: none;
	float: left;
	width: 580px;
	padding-top: 2px;
}
#pie li{
	display: inline;
	margin-right: 9px;
	border-left: 1px solid black;
}
#pie ul li.primerolista{
	border-left: 0;
}
#pie li a{
	color: #000;
	padding-left: 10px;
}
#pie a.adi{
	float: right;
	text-decoration: none;
	margin: 2px 10px 0 0;
	}
.botones-logos img {
	vertical-align: middle;
	margin: 0 5px 0 0;
	}
.botones-logos .izq{
	margin: 0 200px 0 10px;
	}
.botones-logos .der{
	margin-left: 50px
	}
.seguro {
	text-align: center;
	}
.seguro img{
	margin-right: 10px;
	}