/* CSS Document */
body{margin:0; padding:0; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; background:#000; text-align:justify;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
.botonCompraBig{position:relative; width:200px; height:30px; left:50%; margin:20px 0 20px -100px; padding:0; background:url('/imagenes/botonCompraBig.jpg') top left no-repeat; font-size:1.1em; text-align:center; font-weight:bold;}
.botonCompraBig a{width:200px; height:30px; display:block; padding:7px 0 0 0; text-decoration:none; color:#fff;}
.botonCompraBig a:hover{text-decoration:none;}
.adsenseFicha{width:468px; position:relative; left:50%; margin-left:-234px;}
.clear{clear:both;}

/* GLOBAL */
#globalContent{width:100%; background:#f7f7f7 url('/imagenes/globalContent-degradado.jpg') top left repeat-x; color:#000; border-bottom:1px solid #000;}

/* PAGETITLE */
#pageTitle{background:#bcc4d9; border-top:2px solid #fff; border-bottom:1px solid #000;}
#pageTitle h1{margin-left:21.5%; font-size:1.6em; font-family:"Trebuchet MS", Arial, Helvetica; font-style:italic;}
#pageTitle h1:before{font-style:normal; font-weight:normal;}
#pageTitle h1.fabricante:before{content:"Fabricante: ";}
#pageTitle h1.personaje:before{content:"Personaje: ";}
#pageTitle h1.coleccion:before{content:"Colección: ";}
#pageTitle h1.grupo:before{content:"Grupo / Tipo: ";}
#pageTitle h1.material:before{content:"Material: ";}

/* HEADER */
#header{height:200px; background:url('/imagenes/cabecera.jpg') top center no-repeat #000; color:#fff;}
#header img{postion:relative; margin:0 0 0 12%; border:none;}
#header a.general{width:100%; height:200px; display:block;}

/* MENU */
#menu{float:left; width:19%; font-family:"Trebuchet MS",Arial,Helvetica; font-size:1.1em; padding:1.5% 1% 0.5% 1%; border-top:2px solid #fff;}
#menu h3{font-style:italic; font-weight:bold; color:#566487; padding:0; margin:0 0 .5em 0;}
#menu ul{list-style-type:none; min-width:10em; font-family:"Trebuchet MS",Arial,Helvetica; background:#f7f7f7; margin:.5em 0 1em 0; padding:0 0 1em 0; border-bottom:1px solid #000;}
#menu ul li a{display:block; width:100%; color:#000; padding:.25em 1em;}
#menu ul li a:hover{color:#566487; text-decoration:none; font-weight:bold;}
#menu ul li ul{display:none;}
#menu ul li:hover{background:#566487;}
#menu ul li:hover a{color:#fff; text-decoration:none; font-weight:bold;}
#menu ul li:hover ul{display:block; position:absolute; margin:-1.75em 0 0 14em; padding-bottom:-2em; border:1px solid #000;}
#menu ul li:hover ul li a{color:#000; font-weight:normal;}
#menu ul li:hover ul li:hover a{color:#fff; font-weight:bold;}

#menu ul li a.lbmweb:before{content:"LBM ";}
#menu ul li a.lbmweb:after{content:" (Web)";}
#menu ul li a.lbmblog:after{content:" (Blog)";}
#menu ul li a.lbmsseiya:after{content:" (Web)";}

/* CONTENT */
#content{float:right; width:78%; padding:1% 0.5%; border-top:2px solid #fff;}
#content a{color:#566487;}
#content a:hover{color:#00f;}
#content #text{width:63%; float:left; padding:0.5%;}
#content #text h2{font-size:1.2em;}

#right{min-width:300px; float:right; text-align:right; margin-top:30px; padding:0.5%;}

#content #text .productList{width:100%;}
#content #text .productList ul{width:100%; list-style-type:none; margin:0; padding:0;}
#content #text .productList ul li{padding:.5em 0 1em 0; border-bottom:1px solid #000;}
#content #text .productList h4{font-size:1.2em; padding:.5em 0; margin:0;}
#content #text .productList .imagen{float:left; width:25%; text-align:center; margin:0 1em 0 0;}
#content #text .productList .imagen a{width:100%; height:100%; display:block; border:1px solid #ccc;}
#content #text .productList .imagen a:hover{border:1px solid #000;}
#content #text .productList .imagen img{border:none;}
#content #text .productList .descripcion{float:left; width:70%; margin-top:-0.5em; text-align:justify;}
#content #text .productList .descripcion a{font-weight:bold;}
#content #text .productList .descripcion p{font-size:.9em;}
#content #text .productList .descripcion p span.manufacturer{font-size:.9em;}
#content #text .productList .descripcion p span.manufacturer:before{content:"Fabricante: "; font-style:italic; font-weight:bold;}
#content #text .productList .descripcion p span.collection{font-size:.9em;}
#content #text .productList .descripcion p span.collection:before{content:"Colección: "; font-style:italic; font-weight:bold;}
#content #text .productList .descripcion p span.price{font-size:.9em;}
#content #text .productList .descripcion p span.price:before{content:"Precio aproximado: "; font-style:italic; font-weight:bold;}
#content #text .productList .descripcion p span.price:after{content:" US$"; font-style:italic; font-weight:bold;}
#content #text .productList .opciones{float:right; width:100px;}
#content #text .productList .opciones a{width:100px; height:30px; display:block;}
#content #text .productList .opciones .info{width:100px; height:30px; display:block; background:url('/imagenes/boton-mas-informacion.jpg') top left no-repeat;}
#content #text .productList .opciones .compra{width:100px; height:30px; display:block; background:url('/imagenes/boton-compra.jpg') top left no-repeat;}


#contentProduct{width:98%; padding:0.5%;}
#contentProduct #product{float:left; min-width:63%; padding:30px 0 10px 10%;}
#contentProduct #product .image{float:left; max-width:200px; padding:5px; border:1px solid #fff;}
#contentProduct #product .details{float:right; width:550px; text-align:justify;}
#contentProduct #product .details h2{padding:0; margin:0;}
#contentProduct #product .related{}
#contentProduct #product .related h3{text-align:center; border-bottom:1px dotted #54a0ff !important; border-bottom:1px solid #54a0ff; border-top:1px dotted #54a0ff !important; border-top:1px solid #54a0ff; padding:10px 0;}
#contentProduct #product .related ul{list-style-type:none;}
#contentProduct #product .related ul li{float:left; width:25%; text-align:center;}

#footer{margin:0; padding:1% 10% 1% 10%; background:#d9d9d9; border-top:2px solid #fff;}
#footer .footerLinks{float:left;}
#footer .footerLinks ul{list-style-type:none;}
#footer .footerLinks ul li{float:left; margin-left:.5em;}
#footer .footerLinks ul li:after{content:" | ";}
#footer .footerLinks ul li.ultimo:after{content:"";}
#footer .proyectos{float:right;}