/*
Eric Meyer Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Definiciones generales */
body {
	margin: 0;
	color: #555;
	font-size: 12px;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
}
div#vwce {
	width: 60em;
	margin: 1em auto;
}
.indicafalla {
	border: 2px solid #F00;
}
a img {
	border: 0;
}
a {
	color:#990000;
	text-decoration: none;
	outline: none;
}
h1 {
	color: #FF8000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: bold;
}
h2 {
	color: #042443;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.3em;
}
h3 {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #216288;
}
h4.error {
	padding: 1em;
	background-color: #F00;
	color: #FFF;
}
a:hover,
div#detalles div p a:hover,
div#relacionados div p a:hover {
	color: #414143;
	border-bottom: 1px solid #990000;
}
div#promocional a:hover,
div#promociones td div a,
div#seccion td div a,
div#relacionados div a,
div#detalles div a,
div#imagenes a {
	border: none;
}
div#imagenes p a:hover {
	color: #414143;
	border-bottom: 1px solid #990000;
}

form input,
form select,
form textarea {
	font-size: 1em;
	font-family: "Lucida Console", Monaco, "Courier New", Courier, monospace;
}
form div.requerido,
form div.libre {
	padding: 0.25em 0;
}
form div.requerido label {
	font-weight: bold;
}

div#superior {
	height: 4em;
	border-bottom: 4px solid #414143;
}

/* Formulario de acceso restringido */
div#sesion {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6em;
	margin-left: -10em;
	width: 20em;
	height: 12em;
}
div#sesion form {
	padding: 1em;
	background-color: #F5F4EF;
	border:2px solid #F0E7D7;
}
div#sesion p {
	line-height: 2em;
	font-weight: bold;
	background-color: #F00;
	color: #FFF;
	text-align: center;
}
div#sesion div.requerido {
	margin: 0.5em 0;
}
div#sesion label {
	display: block;
	float: left;
	width: 5.5em;
	padding-right: 0.5em;
	text-align: right;
}
div#sesion div.boton {
	margin-left: 6em;
}

/* Segmento con el identificador de propiedad */
div#identificador {
	float: left;
	width: 29em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#identificador h4 {
	font-size: 2em;
	line-height: 1.3em;
}
div#identificador p {
}

/* Indicador de hubicación */
div#posicion h3 {
	line-height: 2em;
}

/* Formulario para validar usuarios */
div#validacion {
	margin-bottom: 1.5em;
	background-color: #F2F2F2;
	padding: 0.5em;
	border:2px solid #F0E7D7;
	background-color: #F5F4EF;
	color: #55553E;
}
div#validacion label {
	font-weight: normal;
}
div#validacion div {
	display: inline;
	padding-right: 0.5em;
}
div#validacion form,
div#validacion p {
	display: inline;
}
div#validacion h4 {
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* Menú para usuarios validados */
div#validado {
	width: 29em;
	margin-left: 30em;
}
div#validado ul {
	padding-top: 1em;
	text-align: right;
}
div#validado ul li {
	display: inline;
	padding-left: 1.5em;
	padding-right: 1em;
}
li#validado1 {
	background: url(shoppingcart.gif) left center no-repeat;
}
li#validado2 {
	background: url(male.gif) left center no-repeat;
}
li#validado3 {
	background: url(stop.gif) left center no-repeat;
}

/* Menú principal */
div#menu {
	clear: both;
}
div#menu ul {
	clear: left;
	width: 100%;
	line-height: 2em;
	text-align: right;
}
div#menu li {
	display: inline;
	padding-left: 1.5em;
}
div#menu li.activa a {
	color: #414143;
	font-weight: bold;
	border-bottom: 2px solid #414143;
}
div#menu li a:hover {
	border-bottom: 2px solid #414143;
	text-decoration: none;

}

div#seccion h3 {
}

div#promociones table,
div#coincidencias table,
div#seccion table {
	width: 100%;
	border-collapse: collapse;
}
div#promociones table td,
div#coincidencias table td,
div#seccion table td {
	padding: 0.25em;
	vertical-align: middle;
	width: 33%;
	text-align: center;
}
div#promociones li.descripcion,
div#coincidencias li.descripcion,
div#seccion li.descripcion {
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#promociones li.nombre a,
div#coincidencias li.nombre a,
div#seccion table li.nombre a {
	color: #042443;
	font-weight: bold;
}
div#promociones li.descripcion a,
div#coincidencias li.descripcion a,
div#seccion table li.descripcion a {
	color: #555;
}
div#promociones li.codigo a,
div#coincidencias li.codigo a,
div#seccion table li.codigo a {
	color: #999;
}
div#promociones li.promocion301 a,
div#coincidencias li.promocion301 a,
div#seccion table li.promocion301 a,
div#promociones li.promocion302 a,
div#coincidencias li.promocion302 a,
div#seccion table li.promocion303 a,
div#promociones li.promocion303 a,
div#coincidencias li.promocion303 a,
div#seccion table li.promocion303 a {
	color: #042443;
	font-weight: bold;
}
div#promociones li.precio a,
div#coincidencias li.precio a,
div#seccion table li.precio a {
	font-weight: bold;
}
div#promociones li.precio a del,
div#coincidencias li.precio a del,
div#seccion table li.precio a del {
	font-weight: normal;
	color: #ccc;
}
div#promociones li.precio a ins,
div#coincidencias li.precio a ins,
div#seccion table li.precio a ins {
	font-weight: bold;
	text-decoration: none;
}
div#promociones p,
div#coincidencias p,
div#seccion table p {
	font-weight: bold;
}

div#izquierda {
	float: left;
	overflow: hidden;
	width: 14em;
	padding-top: 2em;
}

div#secciones h4 {
	margin-bottom: 1em;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}
div#secciones ul li {
	height: 2em;
	margin-bottom: 0.5em;
}
div#secciones ul li a {
	display: block;
	height: 2em;
	padding: 0 0.5em;
	line-height: 2em;
	font-weight: bold;
	background: transparent url(secciones.png) left top;
}
div#secciones ul li.activa a {
	color: #FFF;
	background: transparent url(secciones.png) left bottom;
	cursor: default;
}
div#secciones ul li a:hover {
	border: none;
}

div#relacionados {
	margin-top: 2em;
	padding: 1em 0.5em;
	border: 2px solid #f7f2ea;
	text-align: center;
}
div#relacionados p {
	margin-bottom: 1em;
	color: #6091D1;
	text-align: center;
}

div#derecha {
	margin-left: 15em;
	width: 45em;
}
div#buscador {
	padding: 0.5em 1em;
	text-align: right;
}
div#buscador form,
div#buscador form div {
	display: inline;
}


div#elemento {
	float: left;
	width: 30em;
}

div#detalles div {
	width: 11em;
	margin: 0.5em 0.25em;
	padding: 1em;
	border: 1px solid #eee;
	text-align: center;
}
div#detalles h4 span {
	padding: 1em;
	line-height: 4em;
	/*background-color: #EBEBEB;*/
	background-color: #F5F5F5;
	font-family: Verdana, Arial;
	color: #666;
}
div#detalles h5 span {
	padding: 0.5em;
	background-color: #C2D65D;
}
div#detalles h5 {
	font-size: 1.5em;
	line-height: 2em;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Vedana;
	text-align: center;
}

div#disponibilidad {
}
div#disponibilidad p {
	padding: 1em 0 0 2em;
	background-color: #E9E9E0;
	color: #55553E;
	font-weight: bold;
	font-size: 1.3em;
}
div#disponibilidad dl {
	padding: 0.5em 1em 1em 1em;
	border:2px solid #F0E7D7;
	background-color: #F5F4EF;
	color: #353535;
}
div#disponibilidad dt {
	margin-top: 0.5em;
	font-weight: bold;
}
div#disponibilidad dd {
	color: #55553E;
	margin-left: 2em;
}
div#disponibilidad dd del {
	color: #B0B091;
}
div#disponibilidad dd ins {
	font-weight: bold;
	text-decoration: none;
}
div#disponibilidad dd strong {
	background-color: #FF0;
}

div#disponibilidad  form,
div#envio form {
	padding: 1em;
	background-color: #F5F4EF;
	border:2px solid #F0E7D7;
}
div#disponibilidad form p {
	margin-bottom: 1em;
	padding: 0;
	font-size: 1em;
	background-color: #F5F4EF;
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#disponibilidad form p.error {
	padding: 1em;
	background-color: #F00;
	color: #FFF;
}
div#disponibilidad  h4 {
	margin: 0.5em 0;
}
div#disponibilidad  h4 em {
	color: #006600;
	font-size: 1.25em;
	font-weight: bold;
}
div#disponibilidad div.requerido {
	margin: 0.15em 0;
	font-size: 1.2em;
}
div#disponibilidad div.requerido input,
div#disponibilidad div.requerido select{
	padding: 0.2em;
}
/*
div#disponibilidad  button {
	border: 0;
	margin: 0;
	padding: 0 1em 0 0;
	background: #F5F4EF url(boton_agr_der.png) right top no-repeat;
	text-align: center:
	font-size: 1.3em;
}
div#disponibilidad  button span {
	position: relative;
	display: block;
	height: 2.5em;
	margin: 0;
	padding: 0 0 0 1em;
	background: #F5F4EF url(boton_agr_izq.png) left top no-repeat;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 2.5em;
}
*/
div#disponibilidad  button,
div#envio button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
  background:url(btn_blue_right.gif) right no-repeat; 
  font-size:1.3em; 
}
div#disponibilidad  button span,
div#envio button span {
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
  height:50px; 
  line-height:50px;
  background:url(btn_blue_left.gif) left no-repeat;
  color:#fff; 
}

div#descargas {
	float:left;
	width: 100%;
	padding-top: 1em;
}
div#descargas li {
	margin: 0.5em 1em;
}
div#descargas p {
	padding: 0.25em 2em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#descargas ul {
	border: 1px solid #EBEBEB;
}

/* Imagenes adicionales */
div#imagenes {
	margin-left: 31em;
}
div#imagenes p {
	color: #216288;
	text-align: center;
}
div#imagenes div {
	width: 11em;
	margin: 0.5em auto;
	padding: 1em;
	border: 1px solid #F7F2EA;
	text-align: center;
}
div#imagenes div a img {
	border: 0;
}
div#imagenes div a:hover img {
	text-decoration: none;
}
div#imagenes div p {
	color: #555;
}

/* Detalles del pedido */
div#pedido {
	float: left;
	width: 100%;
	padding-top: 1em;
}
div#pedido h4 {
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	line-height: 1.3em;
	color: #216288;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#pedido table {
	margin: 0 auto 1em auto;
	border-collapse: collapse;
	border: 2px solid #F0E7D7;
}
div#pedido table th {
	padding: 0.5em 1em;
	border: 1px solid #F0E7D7;
	background-color: #B8D6EA;
	color: #216288;
	font-weight: bold;
	text-align: center;
}
div#pedido table td {
	padding: 0.25em 0.5em;
	border: 1px solid #F0E7D7;
	background-color: #F5F4EF;
	text-align: left;
	vertical-align: top;
}
div#pedido table td.numero {
	text-align: center;
}
div#pedido table td.moneda {
	text-align: right;
	color: #000;
}
div#pedido table td dd {
	padding-left: 1em;
	color: #000;
	font-weight: bold;
}
div#pedido p {
	text-align: center;
}
div#pedido div.actualizar,
div#pedido div.boton {
	white-space: nowrap;
	margin: 0.5em 0;
}
div#pedido div.actualizar label {
	padding-left: 0.5em;
}

div#envio div.libre,
div#envio div.casilla {
	margin: 0.5em 0;
}
div#envio div.boton {
	margin: 0.5em 2em;
}

div#paginacion {
	margin: 1em 0;
	padding: 1em;
	color: #216288;
}
div#paginacion p {
	display: inline;
	padding-left: 1em;
}
div#paginacion a {
	padding: 0.2em 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #900;
	text-decoration: none;
	background: #f7f2ea;
}
div#paginacion strong {
	padding: 0 0.5em;
	font-weight: bold;
}
div#paginacion a:hover {
	background: #f0e7d7;
	border-color: #aaab9c #fff #fff #ccc;
}

/* Blog */
div#blog div.registro ul {
	margin: 1em;
	font-family: Verdana, Arial, sans-serif;
}
div#blog div.registro ul li {
	color: #000;
}
div#blog div.registro img.Izquierda {
	float: left;
	padding: 0.5em;
	margin: 1em 1em 1em 0;
	border: 1px solid #414143;
}
div#blog div.registro img.Derecha {
	float: right;
	padding: 0.5em;
	margin: 1em 0 1em 1em;
	border: 1px solid #414143;
}
div#blog div.registro img.Centro{
	display: block;
	padding: 0.5em;
	margin: 1em;
	border: 1px solid #414143;
}
div#blog div.registro p {
	line-height: 1.5em;
}

/* Página inicial */
div#flash {
	float: right;
	margin: 0 0 1em 1em;
}
div#inicio p,
div#inicio ul {
	margin-top: 1em;
}
div#inicio ul {
	padding-left: 1em;
}
div#inicio ul li {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3em;
	color: #C2D65D;
}
div#inicio p.nota {
	font-size: 0.75em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
div#inicio p.nota strong {
	color: #000;
}

/* Sección empresa */
div#empresa p {
	margin-top: 1em;
}
div#empresa H3 {
	margin: 0.5em 1em;
	color: #042443;
	text-align: center;
}
div#empresa img.Centro {
	display: block;
	margin: 0 auto;
}
div#empresa img.Izquierda {
	float: left;
	margin: 1em 1em 1em 0;
}

/* Formulario de contacto */
div#contacto h4 {
	margin: 1em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}
div#contacto form {
	padding: 1em;
	border:2px solid #F0E7D7;
	background-color: #F5F4EF;
}
div#contacto form div {
	margin-top: 0.5em;
}
div#contacto form label {
	padding-left: 1em;
	color: #353535;
}
div#contacto form input,
div#contacto form textarea {
	display: block;
	margin-top: 0.25em;
}

/* Formulario para registro en línea */
div#registro {
	width: 40em;
	margin: 0 auto;
}
div#registro h4.error {
	padding: 1em;
	background-color: #F00;
	color: #FFF;
}
div#registro h4 {
	margin: 1em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}
div#registro form {
	padding: 1em;
	border:2px solid #F0E7D7;
	background-color: #F5F4EF;
}
div#registro form div {
	margin-top: 0.5em;
}
div#registro form label {
	padding-left: 1em;
	color: #353535;
}
div#registro form label strong {
	font-family: Verdana, Arial, sans-serif;
	color: #000;
}
div#registro form input,
div#registro form textarea {
	display: block;
	margin-top: 0.25em;
}
div#registro div.casilla input {
	display: inline;
}
div#registro fieldset#contrasenas {
	display: none;
}

/*^Pie de página */
div#pie {
	clear: both;
	padding: 1em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}
div#pie h6 {
	font-weight: normal;
}
