/*
	00 Reset
*/

@import url("reset.css");

/*
	01 Layout
*/

div#contenedor {
	width: 920px;
	padding: 0 20px;
	margin: 0 auto;
	border:1px solid #C9C9C9;
}

div#cabecera {
	width: 100%;
	height: 150px;
	
}

div#menu {
	width: 250px;
	float: left;
	clear: both;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
	
}

div#contenido {
	width: 620px;
	float: right;	
	margin-top: 1.5em;
	
}

div.modulo {
	width: 285px;
	border: 1px solid #999589;
	margin: 20px 23px 10px 0;
	float: left;
	height: 150px;
}

div.modulo img{
	width: 285px;
	height: 150px;
}
div#pie {
	background: #ffffff;
	border:1px solid #C9C9C9;
}

div#pie {
	width: 920px;
	padding: 10px 20px;
	margin: 10px auto ;
	height: 60px;
	clear: both;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#9A0001;
	text-align:center;
}

div#pie a,div#pie a:visited {
	color:#9A0001;
}


/*
	02 Headings
*/

div#cabecera h1 {
	float: left;
	width:240px;
	
}
div#cabecera h2 {
	float: right;
	margin: 10px 0px 0 0;	
}

div#contenido h2 {

}

div#menu h4 {
	height: 30px;
	line-height: 30px;
	background: #E9E4C4;
	color:	#000000;
	text-transform:uppercase;
	margin:10px 0 10px 0;
}

/*
	03 Colours & Typos
*/

html,
body	{
	background: #ECECEC;
	font: 1em/1em Verdana, Arial, Helvetica, sans-serif;
}

div#contenedor {
	background: #fff;
}

div#menu {
	font-size: .7em;
	text-indent: 1em;

}


/*
	04 Lists
*/

div#cabecera ul {
	background: #E9E4C4;
	height: 35px;
	line-height: 35px;
	float: right;
	margin: 30px 0px 0 0;	
	width: 620px;
	border:1px solid #CBDBDA;
}

div#cabecera ul li {
	float: left;
	margin: 0 10px;	
	font-size: .8em;
	color: #990001;
}

div#menu ul li {
	background: #B12C27;
	color:#E9E4C4;
}

div#menu ul li ul {
	margin: 10px 0 0px 0;	
}

div#menu ul li ul li {
	text-align: left;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px dotted #B12C27;
	background: #E9E4C4;
}

/*
	05 Links
*/

div#cabecera ul li a:link,
div#cabecera ul li a:visited {
	text-transform: uppercase;
	color: #990001;
}

div#menu ul li a {
	color: #000;
	text-decoration: none;
}

div#cabecera ul li input
{
	border: 1px solid #ccc;
	width: 100px;
}



/*
	Registro
*/

h3
{
	height: 50px;
	line-height: 50px !important;
	font: bold 12px Verdana;
	color: #6b1414;
	margin:10px 0 0 0;
}

fieldset
{
	border: 1px solid #ccc;
}

form#registro
{
	width: 600px;
	margin: 20px auto;
	_margin: 10px auto;
	font: normal 12px Arial;
}
form#registro2
{
	width: 500px;
	margin: 20px auto;
	_margin: 10px auto;
	font: normal 12px Arial;
}

form#registro ul li,form#registro2 ul li
{
	height: 30px;
	line-height: 30px;
}

form#registro ul li label,form#registro2 ul li label
{
	float: left;
	color: #6b1414;
	width: 150px;
}


form#registro ul li input,form#registro2 ul li input
{
	float: left;
	border: 1px solid #ccc;
	width: 200px;
}
form#registro ul li select,form#registro2 ul li select
{
	float: left;
	border: 1px solid #ccc;
	width: 200px;
}

p#envio
{
	clear: both;
	margin: 20px auto;
	text-align: center;
}

/*
Ficha
*/

#ficha
{
	font: normal 12px Arial;
	line-height: 16px;
	margin: 30px 0px;
	padding: 10px 10px;
	border:1px solid #ccc;
	overflow:hidden;
	_height:400px;
}

#datos p,#datos2 p
{
	margin: 10px 10px;	
}

#datos2 h3
{
	margin: 0px 10px;	
	height: 20px;
	line-height: 20px !important;
	font: bold 12px Verdana;
	text-decoration:underline;	
	color: #6b1414;
}

#datos
{
	margin: 0px 10px 0 0;	
	font: normal 11px Arial;
	float: left;
	height: 400px;
	width: 150px;	
}

#datos2
{
	font: normal 11px Arial;
	float: left;
	height: 400px;
	width: *;	
}

#datos img
{
	width: 150px !important;
	height: 150px  !important;
	border: 1px solid #ccc;
	background: #E9E4C4;
	padding: 3px;
}

p#ref
{
	color: #B12C27;
}

#datos a
{
	color: #711325;
}

p#volver
{
	font: normal 11px Arial;
	clear: both;
	text-align: right;
}

p#volver a
{
	font-weight: bold;
	color: #711325;

}

/*
	Listado
*/

#opciones-paginacion
{
	background: #E9E4C4;
	margin: 20px 0px;
	color: #990001;
	padding: 10px;
	font: normal 11px Arial;
	border:1px solid #990001;
}

#opciones-paginacion p
{

}
#opciones-paginacion span
{
	float: left;
	width: 200px;
	margin: 0 0 0 0;	
}

#opciones-paginacion select
{
	width: 150px;
	float: left;
	border: 1px solid #ccc;
	width: 200px;
}


.producto-listado
{
	height: 100px;
	padding: 10px;
	font: normal 12px Arial;
	clear: both;
	line-height: 16px;
	border-bottom: 1px solid #711325;
}

.producto-listado img
{
	float: left;
	width: 80px;
	border: 1px solid #ccc;
	background: #E9E4C4;
	padding: 3px;
	height: 80px;
	margin-right: 10px;
	margin-top: 5px;
}

.producto-listado a
{
	color: #711325;
}

p#comprar
{
	text-align: right;

}

p#comprar a
{
	background: #E9E4C4;
	border: 1px solid #ccc;
	padding: 3px;
text-decoration: none;
	}

ul#paginacion{
	margin: 0 auto;
	width: 300px;
}
	
ul#paginacion li
{
	font: normal 11px Arial;
    float: left;
    height: 30px;
    margin: 0 5px;
    line-height: 30px !important;
}

ul#paginacion li a
{
	color: #666;
	text-transform: lowercase;
}

p#registro
{
	text-align: right;
	font: 14px Arial;
	color: #B12C27;
}

div#iconos-paginacion {
	width:							162px;
	margin:							0 0 0 0;

}
div#iconos-paginacion {
	float:							right;
}
div#iconos-paginacion ul {
	float:							right;
	height:							18px;
	padding:						0;
	margin:22px 5px 0 0;
}

div#iconos-paginacion li {
	list-style-type:				none;
	float:							left;
}

div#iconos-paginacion input {
	text-align:						center;
	font:							11px Verdana, Arial, Helvetica, sans-serif;
	background-color:				#FFFFFF;
}


div#select-paginacion {
	float:		left;
	width:400px;
}

.precio
{
	margin-top:10px;
	font-size: 20px;
}



table#resumen-pedido {	
	width: 100%; 
	border: 1px solid #2a333e; 
	font-size:11px;
}
table#resumen-pedido th#resumen-nombre		{	text-align: left; width: 65%; }
table#resumen-pedido th#resumen-cantidad	{	text-align: center; width: 10%; }
table#resumen-pedido th#resumen-precio		{	text-align: center; width: 15%; }
table#resumen-pedido th#resumen-subtotal	{	text-align: center; width: 10%; }
table#resumen-pedido td.centrado			{	text-align:	center; }

p.totales-pago {
	text-align:						right;
	height:							30px;
	line-height:					30px;
	margin:							10px 0 0 0;
	padding:						0;
}


a#comprar, ul#opciones-compra li {
	list-style-type:		none;
	float:					left;
	margin:					0 10px 0 0;
	padding:				0 10px 0 10px;
	background-color:		#E9E4C4;
	height:					20px;
	line-height:			20px;
	border:					1px solid #30363b;
	font-size:11px;
}



/* Enlaces */

ul#opciones-compra li a {
	color:					#000000;
}