/*
	CSS - Screen
	Borja Delgado	
	OrangeSide - http://www.orangeside.org
	06 - 2005
*/

/* ESTILOS GENERALES */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background: #F9F8FD url(../imagenes/fondo_carton.jpg) left 670px no-repeat;
	}

td, th {
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif; /* IE5.x */
	}

h3 {
	font: bold 24px Tahoma, Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 15px 0px 15px 0px;
	}

h4 {
	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;
	margin: 15px 0px 15px 0px;
	}

p {
	margin: 0px 0px 10px 0px;
	}

input, select, textarea {
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	}

fieldset {
	border-width: 0px;
	margin: 20px 0px 20px 0px;
	}

legend {
	font: bold 24px Tahoma, Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 15px 0px 15px 0px;
	}

a {
	color: #CC0000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a img {
	border-width: 0px;
	}

table {
	border-collapse: collapse;
	}

h3.madeinboli {
	position: relative;
	}

h3.madeinboli strong {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	}

h3.madeinboli span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

/* CONTENEDOR PRINCIPAL */

#contenedor {
	position: relative;
	width: 800px;
	min-height: 1550px;
	} 

* html #contenedor {
	height: 1550px;
	}

/* INFORMACION PAGINA */

#informacion {
	}

/* CABECERA */

#cabecera {
	position: relative;
	height: 239px;
	background: url(../imagenes/cabecera_fondo.jpg) top left no-repeat;
	}

#autor {
	position: absolute;
	top: 25px;
	left: 28px;
	}

#autor a {
	position: absolute;
	width: 135px;
	height: 106px;
	overflow: hidden;
	font-size: 10px;
	}

#autor a strong {
	position: absolute;
	top: 53px;
	left: 10px;
	width: 100%;
	height: 100%;
	}

#autor a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/juanjez_presenta.gif) top left no-repeat;
	cursor: pointer;
	}

#nombre_web {
	position: absolute;
	top: 40px;
	left: 275px;
	width: 496px;
	height: 118px;
	overflow: hidden;
	}

#nombre_web strong {
	position: absolute;
	top: 40px;
	left: 20px;
	}

#nombre_web span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/juanjez_nikis.gif) top left no-repeat;
	cursor: pointer;
	}

/* MENU PRINCIPAL */

#menu_principal {
	position: absolute;
	}

body#clientela_retratada #menu_principal, body#tienda #menu_principal, body#home #menu_principal {
	top: 155px;
	left: 0px;
	width: 213px;
	height: 336px;
	background: url(../imagenes/menuprincipal_fondo_home.jpg) 13px top no-repeat;
	}

body#productos #menu_principal {
	top: 233px;
	left: 0px;
	width: 198px;
	height: 257px;
	background: url(../imagenes/menuprincipal_fondo_productos.jpg) 6px top no-repeat;
	}

body#enlaces #menu_principal {
	top: 233px;
	left: 0px;
	width: 198px;
	height: 257px;
	background: url(../imagenes/menuprincipal_fondo_productos.jpg) 6px top no-repeat;
	}

#bot_productos {
	position: absolute;
	width: 140px;
	height: 113px;
	}

#bot_productos strong {
	position: absolute;
	top: 10px;
	left: 10px;
	}

#bot_productos span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../imagenes/bot_productos.gif) top left no-repeat;
	cursor: pointer;
	}

body#clientela_retratada #bot_productos, body#tienda #bot_productos, body#home #bot_productos {
	top: 10px;
	left: 28px;
	}

body#enlaces #bot_productos {
	top: 20px;
	left: 20px;
	}

#bot_enlaces {
	position: absolute;
	width: 132px;
	height: 52px;
	}

#bot_enlaces strong {
	position: absolute;
	top: 10px;
	left: 10px;
	}

#bot_enlaces span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../imagenes/bot_enlaces.gif) top left no-repeat;
	cursor: pointer;
	}

body#clientela_retratada #bot_enlaces, body#tienda #bot_enlaces, body#home #bot_enlaces {
	top: 240px;
	left: 43px;
	}

body#productos #bot_enlaces {
	top: 155px;
	left: 43px;
	}

#bot_inicio {
	position: absolute;
	width: 143px;
	height: 106px;
	}

#bot_inicio strong {
	position: absolute;
	top: 10px;
	left: 10px;
	}

#bot_inicio span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../imagenes/bot_inicio.gif) top left no-repeat;
	cursor: pointer;
	}

body#productos #bot_inicio {
	top: 20px;
	left: 23px;
	}

body#enlaces #bot_inicio {
	width: 130px;
	height: 96px;
	top: 136px;
	left: 45px;
	}
	
body#enlaces #bot_inicio span {
	background: url(../imagenes/bot_inicio_enlaces.gif) top left no-repeat;
	}
	
#clientela {
	position: absolute;
	left: 0px;
	width: 268px;
	height: 334px;
	background: url(../imagenes/clientela_fondo.jpg) top left no-repeat;
	}

body#enlaces #clientela {
	background: url(../imagenes/clientela_fondo.gif) top left no-repeat;
	}

body#clientela_retratada {
	background: #F9F8FD url(../imagenes/fondo_carton.jpg) left 440px no-repeat;
	}

body#clientela_retratada #sin_clientela {
	position: absolute;
	top: 288px;
	left: 13px;
	width: 200px;
	height: 51px;
	background: url(../imagenes/sin_clientela_fondo.jpg) top left no-repeat;
	}

body#tienda #clientela, body#home #clientela {
	top: 287px;
	}

body#enlaces #clientela, body#productos #clientela {
	top: 210px;
	}

#bot_clientela {
	position: absolute;
	width: 155px;
	height: 140px;
	top: 50px;
	left: 35px;
	}

#bot_clientela strong {
	position: absolute;
	top: 40px;
	left: 30px;
	}

#bot_clientela span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../imagenes/bot_clientela_retratada.gif) top left no-repeat;
	cursor: pointer;
	}

/* CONTENIDO */

#contenido {
	margin: 0px 0px 0px 280px;
	padding: 0px 0px 180px 0px;
	width: 500px;
	}

#cromos {
	position: relative;
	height: 215px;
	margin: -10px 0px 15px -10px;
	}

#cromos span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/cromos.jpg) left top no-repeat;
	cursor: pointer;
	}

/* PRODUCTOS */

div.camiseta {
	position: relative;
	}
	
div.separador {
	text-align: left;
	}


h3.titulo_camiseta {
	position: relative;
	}

h3.titulo_camiseta strong {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	}

h3.titulo_camiseta span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}
	
h3.lapizes {
	height: 71px;
	}

h3.lapizes span {
	background: url(../imagenes/camisetas/lapizes_titulo.gif) center center no-repeat;
	}
	
h3.servi {
	height: 71px;
	}

h3.servi span {
	background: url(../imagenes/camisetas/servi_titulo.gif) center center no-repeat;
	}

h3.ninyo_cabreao {
	height: 71px;
	}

h3.ninyo_cabreao span {
	background: url(../imagenes/camisetas/ninocabreao_titulo.gif) center center no-repeat;
	}

h3.flexo {
	height: 71px;
	}

h3.flexo span {
	background: url(../imagenes/camisetas/flexo_titulo.gif) center center no-repeat;
	}
	
h3.camiz {
	height: 71px;
	}

h3.camiz span {
	background: url(../imagenes/camisetas/z_titulo.gif) center center no-repeat;
	}
	
h3.mortadelito {
	height: 71px;
	}
	
h3.mortadelito span {
	background: url(../imagenes/camisetas/mortadelito_titulo.gif) center center no-repeat;
	}

div.camiseta div.comentario {
	float: right;
	width: 225px;
	}

div.camiseta div.comentario p.motivo {
	text-align: center;
	}

div.camiseta h4 {
	clear: both;
	font-size: 18px;
	}

div.camiseta table caption {
	display: none;
	}

div.camiseta table.adulto {
	float: left;
	width: 210px;
	height: 196px;
	padding: 80px 0px 0px 0px;
	position: relative;
	}

div.camiseta table.ninyo {
	float: left;
	width: 120px;
	height: 193px;
	padding: 80px 0px 0px 0px;
	position: relative;
	}

div.camiseta table.adulto_rojo {
	background:  url("../imagenes/tallas_adulto_rojo_fondo.gif") right top no-repeat;
	}
	
div.camiseta table.ninyo_rojo {
	background:  url("../imagenes/tallas_ninyo_rojo_fondo.gif") right top no-repeat;
	}

div.camiseta table.adulto_kaki {
	background:  url("../imagenes/tallas_adulto_kaki_fondo.gif") right top no-repeat;
	}
	
div.camiseta table.adulto_azul {
	background:  url("../imagenes/tallas_adulto_azul_fondo.gif") right top no-repeat;
	}
	
div.camiseta table.adulto_burgundy {
	background:  url("../imagenes/tallas_adulto_burgundy_fondo.gif") right top no-repeat;
	}
	
div.camiseta table.ninyo_burgundy {
	background:  url("../imagenes/tallas_ninyo_burgundy_fondo.gif") right top no-repeat;
	}

div.camiseta td, div.camiseta th {
	width: 90px;
	text-align: center;
	vertical-align: top;
	}

div.camiseta th.talla {
	width: 30px;
	}

div.camiseta th.xxl {
	padding: 0px 0px 15px 0px;
	}

div.camiseta th.genero {
	height: 80px;
	}

div.camiseta th.genero strong {
	height: 80px;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

div.camiseta th.genero span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

div.camiseta th.hombre span {
	background:  url("../imagenes/tallas_adulto_hombre_fondo.gif") center top no-repeat;
	}

div.camiseta th.mujer span {
	background:  url("../imagenes/tallas_adulto_mujer_fondo.gif") center top no-repeat;
	}

div.camiseta th.ninyo span {
	background:  url("../imagenes/tallas_ninyo_fondo.gif") center top no-repeat;
	}

div.camiseta td strong {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFCC00;
	height: 15px;
	}

div.camiseta td strong span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

table.adulto_rojo td strong span, table.ninyo_rojo td strong span {
	background:  url("../imagenes/tallas_rojo_item.gif") center top no-repeat;
	}

table.adulto_kaki td strong span, table.ninyo_kaki td strong span {
	background:  url("../imagenes/tallas_kaki_item.gif") center top no-repeat;
	}
		
table.adulto_burgundy td strong span, table.ninyo_burgundy td strong span {
	background:  url("../imagenes/tallas_burgundy_item.gif") center top no-repeat;
	}

table.adulto_azul td strong span, table.ninyo_azul td strong span, table.adulto_burgundy td.azul strong span {
	background:  url("../imagenes/tallas_azul_item.gif") center top no-repeat;
	}

div.guia_tallas {
	float: left;
	width: 142px;
	height: 128px;
	margin: 50px 0px 0px 20px;
	position: relative;
	}

div.guia_tallas a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

div.guia_tallas a span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/guia_tallas.jpg) top left no-repeat;
	cursor: pointer;
	}

h4.ir_tienda {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	}

div.compra a {
	margin: 0px 0px 0px 175px;
	display: block;
	position: relative;
	width: 158px;
	height: 74px;
	}

div.compra a span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/flecha_compra.jpg) top left no-repeat;
	cursor: pointer;
	}

/* TIENDA */

h3.titulo_formulario {
	height: 86px;
	}

h3.titulo_formulario span {
	background: url(../imagenes/titulo_formulario.gif) center center no-repeat;
	}

body#tienda div.guia_tallas {
	float: none;
	clear: both;
	width: 100%;
	height: 128px;
	margin: 20px 0px 0px 20px;
	}

body#tienda div.guia_tallas a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

body#tienda div.guia_tallas a strong {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	}

body#tienda div.guia_tallas a span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/guia_tallas.jpg) center no-repeat;
	cursor: pointer;
	}

#datos_personales div {
	margin: 0px 0px 5px 0px;
	height: 20px;
	background-color: #F2F1F6;
	color: #666;
	}

#datos_personales label {
	display: block;
	float: left;
	clear: both;
	width: 130px;
	text-align: right;
	margin: 0px 5px 0px 0px;
	}

#datos_personales input {
	display: block;
	float: left;
	width: 360px;
	height: 20px;
	color: #666;
	background-color: #F2F1F6;
	border-width: 0px;
	padding: 2px 0px 0px 0px;
	}

#elige_camiseta {
	width: 100%;
	}

#elige_camiseta div.pedido {
    float: left;
    margin: 10px 0px 10px 5px;
    padding: 10px 0px 0px 127px;
    \width: 240px; /* IE5.x */
    wid\th: 118px; /* Estandares*/
    \height: 130px; /* IE5.x */
    he\ight: 120px; /* Estandares*/
    display: block !important; /* IE Double margin BUG 1/2 */
    display: inline; /* IE Double margin BUG 2/2 */
    }
	
#elige_camiseta div.lapizes {
	background: url("../imagenes/camisetas/lapizes_tienda.gif") center left no-repeat;
	}
	
#elige_camiseta div.servi {
	background: url("../imagenes/camisetas/servi_tienda.gif") center left no-repeat;
	}

#elige_camiseta div.ninyo_cabreao {
	background: url("../imagenes/camisetas/ninocabreao_tienda.gif") center left no-repeat;
	}

#elige_camiseta div.camiz {
	background: url("../imagenes/camisetas/z_tienda.gif") center left no-repeat;
	}

#elige_camiseta div.flexo {
	background: url("../imagenes/camisetas/flexo_tienda.gif") center left no-repeat;
	}

#elige_camiseta div.mortadelito {
	background: url("../imagenes/camisetas/mortadelito_tienda.gif") center left no-repeat;
	}

#elige_camiseta div.pedido select {
    display: block;
    \width: 115px; /* IE5.x */
    wid\th: 118px; /* Estandares*/
    margin: 0px 0px 10px 0px;
    color: #666;
    }
	
#comentarios {
	width: 100%;
	height: 100px;
	background-color: #F2F1F6;
	border-width: 0px;
	}

#enviar {
	text-align: center;
	}

#enviar input {
	border-width: 0px;
	}

/* CLIENTELA RETRATADA */

h3.titulo_clientela {
	height: 144px;
	}

h3.titulo_clientela span {
	background: url(../imagenes/titulo_clientela.gif) center center no-repeat;
	}

#arretratauras {
	margin: 30px 0px 0px 0px;
	}

div.afoto {
	float: left;
	width: 165px;
	height: 270px;
	text-align: center;
	}

/* ENLACES */

h3.titulo_enlaces {
	height: 101px;
	}

h3.titulo_enlaces span {
	background: url(../imagenes/titulo_enlaces.gif) center center no-repeat;
	}

#los_links {
	position: relative;
	background: url("../imagenes/enlaces/_servilleta.jpg") right 100px no-repeat;
	height: 400px; /* Para que se vea el fondo */
	}

#los_links h3 {
	text-align: center;
	}

#los_links div.enlace {
	position: absolute;
	}

#los_links div.enlace a {
	display: block;
	width: 100%;
	height: 100%;
	}

#los_links div.enlace a span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

#enlace_domestika {
	top: 130px;
	left: 183px;
	width: 93px;
	height: 107px;
	}

#enlace_domestika a span {
	background:  url("../imagenes/enlaces/domestika.jpg") top left no-repeat;
	}

#enlace_narcographicants {
	top: 64px;
	left: 314px;
	width: 136px;
	height: 171px;
	}

#enlace_narcographicants a span {
	background:  url("../imagenes/enlaces/narcographicants.jpg") top left no-repeat;
	}

#enlace_peo {
	top: 241px;
	left: 163px;
	width: 162px;
	height: 129px;
	}

#enlace_peo a span {
	background:  url("../imagenes/enlaces/peo.jpg") top left no-repeat;
	}

#enlace_minimas {
	top: 241px;
	left: 340px;
	width: 130px;
	height: 165px;
	}

#enlace_minimas a span {
	background:  url("../imagenes/enlaces/cosasminimas.jpg") top left no-repeat;
	}

#enlace_orangeside {
	top: 400px;
	left: 180px;
	width: 164px;
	height: 131px;
	}

#enlace_orangeside a span {
	background:  url("../imagenes/enlaces/orangeside.jpg") top left no-repeat;
	}

#enlace_papelcontinuo {
	top: 50px;
	left: 10px;
	width: 164px;
	height: 131px;
	}

#enlace_papelcontinuo a span {
	background:  url("../imagenes/enlaces/papelcontinuo.jpg") top left no-repeat;
	}

#enlace_srgarcia {
	top: 350px;
	left: 0px;
	width: 164px;
	height: 131px;
	}

#enlace_srgarcia a span {
	background:  url("../imagenes/enlaces/srgarcia.jpg") top left no-repeat;
	}

#enlace_arteria {
	top: 200px;
	left: 0px;
	width: 164px;
	height: 131px;
	}

#enlace_arteria a span {
	background:  url("../imagenes/enlaces/arteriagrafica.jpg") top left no-repeat;
	}

#enlace_ivan {
	top: 420px;
	left: 360px;
	width: 127px;
	height: 167px;
	}

#enlace_ivan a span {
	background:  url("../imagenes/enlaces/ivanlobon.jpg") top left no-repeat;
	}

#enlace_vivimos {
	top: 600px;
	left: 300px;
	width: 164px;
	height: 131px;
	}

#enlace_vivimos a span {
	background:  url("../imagenes/enlaces/vivimos.jpg") top left no-repeat;
	}

#enlace_pasquin {
	top: 500px;
	left: 50px;
	width: 127px;
	height: 167px;
	}

#enlace_pasquin a span {
	background:  url("../imagenes/enlaces/pasquin.jpg") top left no-repeat;
	}

/* GUIA DE TALLAS */

body#guia_tallas {
	background: url(../imagenes/guia_tallas_fondo.jpg) top left no-repeat;
	}

#guia_tallas_intro {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 190px;
	}

body#guia_tallas table.guia caption {
	display: none;
	}

body#guia_tallas table.adulto {
	position: absolute;
	bottom: 20px;
	right: 140px;
	width: 210px;
	height: 196px;
	padding: 80px 0px 0px 0px;
	}

body#guia_tallas table.ninyo {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 120px;
	height: 193px;
	padding: 80px 0px 0px 0px;
	}

body#guia_tallas table.adulto {
	background:  url("../imagenes/tallas_adulto_rojo_fondo.gif") right top no-repeat;
	}
	
body#guia_tallas table.ninyo {
	background:  url("../imagenes/tallas_ninyo_rojo_fondo.gif") right top no-repeat;
	}

body#guia_tallas td, div.camiseta th {
	width: 90px;
	text-align: center;
	vertical-align: top;
	}

body#guia_tallas th.talla {
	width: 30px;
	}

body#guia_tallas th.xxl {
	padding: 0px 0px 15px 0px;
	}

body#guia_tallas th.genero {
	height: 80px;
	}

body#guia_tallas th.genero strong {
	height: 80px;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

body#guia_tallas th.genero span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

body#guia_tallas th.hombre span {
	background:  url("../imagenes/tallas_adulto_hombre_fondo.gif") center top no-repeat;
	}

body#guia_tallas th.mujer span {
	background:  url("../imagenes/tallas_adulto_mujer_fondo.gif") center top no-repeat;
	}

body#guia_tallas th.ninyo span {
	background:  url("../imagenes/tallas_ninyo_fondo.gif") center top no-repeat;
	}

body#guia_tallas td strong {
	color: #FFCC00;
	height: 15px;
	}

/* CONTACTO */

#contacto {
	position: absolute;
	top: 1075px;
	left: 20px;
	width: 175px;
	}

body#clientela_retratada #contacto {
	position: absolute;
	top: 850px;
	left: 20px;
	width: 175px;
	}

#introduccion {
	color: #000;
	}

#info {
	margin: 20px 0px 0px 0px;
	color: #FFF;
	}

#info a {
	color: #FFF;
	}

/* PIE DE PAGINA */

#pie_pagina {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 166px;
	background: url(../imagenes/pie_pagina_fondo.jpg) left top no-repeat;
	}

#copyright {
	position: absolute;
	top: 55px;
	left: 275px;
	width: 350px;
	color: #FFF;
	}

#creditos {
	position: absolute;
	top: 55px;
	left: 680px;
	width: 75px;
	color: #FFF;
	}

#creditos a {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 67px;
	height: 71px;
	}

#creditos a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../imagenes/naranjito.jpg) left top no-repeat;
	}