/* CSS Document */
body{margin:0; padding:0; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; background:#000; text-align:justify;}
a{color:#f28427; text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.twoColums{width:49%; padding:0 0.5%;}
.clear{clear:both;}

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

/* PAGETITLE */
#pageTitle{background:#e9c888; 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('/templates/2009/imagenes/cabecera.jpg') top center no-repeat #000; color:#fff;}
#header img{position:relative; margin:0 0 0 12%; border:none;}
#header a.general{width:100%; height:200px; display:block;}

/* BREADCRUMB */
#breadCrumb{position:relative; margin-top:2em; font-size:.9em;}
#breadCrumb span{color:#000; background:#ccc url('/templates/2009/imagenes/breadCrumbCorner.gif') top right no-repeat; padding:0 20px 0 0; margin:0;}
#breadCrumb span a{color:#000;}
#breadCrumb span a:hover{color:#000; text-decoration:underline; font-weight:normal;}
#breadCrumb .init:before{content:"Estás en: "; color:#000; background:#f7f7f7; font-weight:normal;}
#breadCrumb span.med{background:#ccc url('/templates/2009/imagenes/breadCrumbCornerMed.gif') top right no-repeat;}
#breadCrumb strong{color:#fff; background:#000 url('/templates/2009/imagenes/breadCrumbCornerFinal.gif') top right no-repeat; padding:0 20px 0 0; margin:0;}

/* MENU */
#menu{float:left; width:19%; font-family:"Trebuchet MS",Arial,Helvetica; font-size:1.1em; padding:2% 1% 0.5% 1%; border-top:2px solid #fff;}
#menu h3{font-style:italic; font-weight:bold; color:#f28427; 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{background:url('/templates/2009/imagenes/libackGround.gif') top left no-repeat; padding:0 0 0 .75em;}
#menu ul li a{display:block; width:100%; color:#000; padding:.25em 1em;}
#menu ul li a:hover{color:#f28427; text-decoration:none; font-weight:bold;}
#menu ul li ul{display:none;}
#menu ul li:hover{background:#f28427 url('/templates/2009/imagenes/libackGround.gif') top left no-repeat;}
#menu ul li:hover a{color:#000; 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:#000; 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:0.5%; border-top:2px solid #fff;}
#content h1,h2,h3,h4,h5,h6{color:#f28427;}
#content h3{border-bottom:2px solid #f28427;}
#content a{}
#content a:hover{font-weight:bold;}
#content #text{width:63%; float:left; padding:0.5%;}
#content #text h2{font-size:1.2em;}

#content #text .preview{margin-bottom:1em;}
#content #text .preview a{font-weight:bold; text-decoration:underline;}
#content #text .preview p{font-size:.9em; margin:0;}
#content #text .preview span{color:#333; font-size:.8em;}

#content #text .videosPortada{text-align:center;}

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

#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; padding-left:.5em;}
#footer .footerLinks ul li:after{content:" |";}
#footer .footerLinks ul li.ultimo:after{content:"";}
#footer .proyectos{float:right;}