/*--------------------- BODY ---------------------*/
body {
	background:url(../img/bg-body.gif) repeat-x #dcdcdc;
	color:#484848;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:75%; 
	margin:0;
	padding:0;
	text-align:center;
}

/*--------------------- HTML ---------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet portion is licensed under a Creative Commons License. */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
ul,ol {list-style:none}
/* // (CC) 2004 Tantek Celik. // */

/*------ Semantica ------*/
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	margin-bottom:1.5em;
}
h2 {
	font-size:1.2em;
	margin-bottom:.65em;
}
p {
	line-height:1.35em;
	margin-bottom:1em;
}
a {
	color:#FC3030;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
table {
	border-collapse:collapse; /* Para quitar el padding de las celdas */
	border-spacing:0;
	width:99%;
}

/*--------------------- ESTRUCTURA ---------------------*/
#contenedor {
	background:#FFF;
	margin:0 auto;
	text-align:left;
	width:83em;
}
/*------ Cabecera ------*/
#cabecera {
	background:url(../img/bg-cabecera.jpg) no-repeat top left blue;
	height:7.75em;
	position:relative;
}
#cabecera .logo {
	left:2.25em;
	position:absolute;
	top:1.25em;
}
#cabecera .carrito {
	background:url(../img/bg-cabecera-carrito.gif) no-repeat left center;
	bottom:.35em;
	right:1em;
	padding:.8em 0 .8em 3em;
	position:absolute;
}
#cabecera .carrito a {
	color:#FFF;
	font-weight:bold;
}
#cabecera .carrito a:hover {
	text-decoration:underline;
}
/*------ Contenido ------*/
#contenido {
}
#col1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	padding:3em;
	width:12em;
}
#col1 p {
	margin-bottom:1.25em;
}
#col1 p strong {
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
}
#col1 li {
	background:url(../img/bullet.gif) no-repeat 0 .45em;
	margin-bottom:.3em;
	padding-left:1em;
}
#col1 li a {
	background:url(../img/bg-border.gif) repeat-x bottom left;
	padding-bottom:.55em;
	color:#484848;
	display:block;
}
#col1 li a:hover,
#col1 li strong a {
	color:#FC3030;
	font-weight:normal;
	text-decoration:underline;
}
#col2 {
	background:url(../img/bg-col2.gif) repeat-y left top;
	float:left;
	padding:2.5em 1em 0 2.25em;
	width:61em;
}
/*------ Pie ------*/
#falsoPie {
	clear:both;
	height:5em;
}
#pie {
	background:url(../img/bg-pie.gif) no-repeat #DCDCDC;
	font-size:.9em;
	height:4em;
	position:relative;
}
#pie a {
	font-weight:normal;
	text-decoration:underline;
}
#pie a:hover {
	text-decoration:none;
}
#pie p.copyright {
	color:#FFF;
	left:3.5em;
	position:absolute;
	top:1.35em;
}
#pie p a {
	color:#FFF;
}
#pie p.menuAuxiliar {			
	color:#FFF;
	right:3em;
	position:absolute;
	top:1.35em;
}

/*--------------------- CLASES GENERALES ---------------------*/
.ayudaAcces { /* Texto oculto para lectores de pantalla */
	font-size:.1em;
	left:-10000px;
	line-height:1%;
	position:absolute;
	top:-10000px;
}
.clear {
	clear:both;
}
/*------ Paginacion ------*/
.pag { clear:both; margin:0 auto; padding:0 0 20px 0; text-align:center; color:#516200;}
.pag li { display:inline; width:2em; margin:0 1px 0 0; padding-top:3px; font: Tahoma, Verdana, Arial;}
		
.pag li.first { width:4.5em; padding:0; padding-right:.2em; padding-top:3px; border-right:1px solid #516200;}
.pag li.first span { color:#516200}
.pag li.first02 {width:2.5em; padding-top:3px; padding-right:3px;}
		
.pag li.last { width:4.5em; padding-left:.2em; padding-top:3px; border-left:1px solid #516200;}
.pag li.last span { color:#516200}
.pag li.last02 { width:3.1em; padding-top:3px;}
		
.pag li .sel { width:auto; padding:3px 2px 2px 2px; color:#516200; font-weight:bold;}
.pag li a { width:auto; padding:3px 5px 3px 5px; margin:0; text-decoration:underline; color:#516200;}
.pag li a:hover { text-decoration:none; color:#516200;  font-weight:bold;}
.pag li.first a:hover, .pag li.last a:hover{ color:#516200; font-weight:bold; background:none; text-decoration:none}				
.pag:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}	


/*------ Volver ------*/
.volver {
	margin:3em 0 0 3em;
}
/*------ Botones ------*/
.boton a,
button {
	background:none;
	border:1px solid #F40001;
	color:#484848;
	cursor:pointer;
	font-size:1.1em;
	font-weight:bold;
	padding:.2em .75em;
}
button {
	font-size:1.05em;
	padding:.15em .5em;
}
/*------ Pasos ------*/
ul#pasos {
	margin:3em 0 5em 0;
}
#pasos li a:hover {
	text-decoration:none;
}
#pasos .siguiente {
	margin-top:-1.75em;
	text-align:right;
}