/* General */ /*td { font-size: 0.8em; font-weight: 500; font-family:Arial, Helvetica, sans-serif; color: #4e4e4e; margin: 0 0 0 0; padding: 0 0 0 0; } td a { color: #4e4e4e; text-decoration: none; } td a:hover { text-decoration: underline; }*/ .band-left { float: left; width: 10%;} .band-center { float: left; width: 80%; } .band-right { float: right; width: 10%; } dl { z-index:2; width: 160px; border: 1px solid #d1d1d1; margin-bottom: 10px; } dt {z-index:2; width: 160px; background: url(../images/back_title_box.gif) no-repeat; color: #f66013; font-size: 12px; font-weight: 700; height: 21px; line-height: 21px; vertical-align: middle; padding-left: 10px; text-align: left; } dd {z-index:2; font-size: 12px; border-top: 1px solid #d1d1d1; height: 25px; line-height: 25px; vertical-align: middle; padding-left: 12px; background: url(../images/bullet.gif) 5px 11px no-repeat; text-align: left; display:block;} dd a {z-index:2; color: #4e4e4e; text-decoration: none; } dd a:hover {z-index:2; text-decoration: underline; } dd dl {z-index:2;position:relative; left:120px; top:-20px; width: 220px} dd dd {z-index:2; background: url(../images/bullet.gif) 5px 8px no-repeat; text-align:left; height: 20px; line-height: 20px; vertical-align: middle; padding-left: 12px; font-size: 11px; background-color:#eeeeee; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; } dl dl, dd:hover dl dl {z-index:2; display:none;} dd:hover dl, dd:hover dd:hover dl {z-index:2; display:block;} .banner-chico { margin: 0 0 10px 0; } /* Header */ #header { margin: 0 auto; width: 1003px; height: 125px; background: url(../images/back_banner.jpg) right no-repeat; } #header h1 { display: none; } #logo { float: left; } #banner { float: right; margin: 17px; } /* Menu */ #menu { margin: 5px auto 0 auto; width: 1003px; height: 32px; } #menu ul { margin-left: 6px; font-size: 0.7em; } #menu ul li { display: block; float: left; list-style: none; text-align: center; height: 32px; line-height: 32px; vertical-align: middle; } #menu ul li a { display: block; width: 100%; text-decoration: none; color: white; } #menu .item-1 { width: 43px; background: url(../images/lapel_hover_1.gif) no-repeat; } #menu .item-2 { width: 87px; background: url(../images/lapel_hover_2.gif) no-repeat; } #menu .item-3 { width: 70px; background: url(../images/lapel_hover_3.gif) no-repeat; } #menu .item-4 { width: 51px; background: url(../images/lapel_hover_4.gif) no-repeat; } #menu .item-5 { width: 70px; background: url(../images/lapel_hover_5.gif) no-repeat; } #menu .item-6 { width: 50px; background: url(../images/lapel_hover_6.gif) no-repeat; } #menu .item-7 { width: 84px; background: url(../images/lapel_hover_7.gif) no-repeat; } #menu .item-8 { width: 77px; background: url(../images/lapel_hover_8.gif) no-repeat; } #menu .item-9 { width: 100px; background: url(../images/lapel_hover_9.gif) no-repeat; } #menu .item-10 { width: 107px; background: url(../images/lapel_hover_10.gif) no-repeat; } #menu .item-11 { width: 118px; background: url(../images/lapel_hover_11.gif) no-repeat; } #menu .item-12 { width: 85px; background: url(../images/lapel_hover_12.gif) no-repeat; } #menu .item-13 { width: 85px; background: url(../images/lapel_hover_13.gif) no-repeat; } #menu .marked a { color: #646464; font-weight: 700; } #menu .item-hover-1 { width: 43px; background: url(../images/lapel_1.gif) no-repeat; } #menu .item-hover-2 { width: 87px; background: url(../images/lapel_2.gif) no-repeat; } #menu .item-hover-3 { width: 70px; background: url(../images/lapel_3.gif) no-repeat; } #menu .item-hover-4 { width: 51px; background: url(../images/lapel_4.gif) no-repeat; } #menu .item-hover-5 { width: 70px; background: url(../images/lapel_5.gif) no-repeat; } #menu .item-hover-6 { width: 50px; background: url(../images/lapel_6.gif) no-repeat; } #menu .item-hover-7 { width: 84px; background: url(../images/lapel_7.gif) no-repeat; } #menu .item-hover-8 { width: 77px; background: url(../images/lapel_8.gif) no-repeat; } #menu .item-hover-9 { width: 100px; background: url(../images/lapel_9.gif) no-repeat; } #menu .item-hover-10 { width: 107px; background: url(../images/lapel_10.gif) no-repeat; } #menu .item-hover-11 { width: 118px; background: url(../images/lapel_11.gif) no-repeat; } #menu .item-hover-12 { width: 85px; background: url(../images/lapel_12.gif) no-repeat; } #menu .item-hover-13 { width: 85px; background: url(../images/lapel_13.gif) no-repeat; } /* Menú styles */ .menu_tit { width: 160px; background: url(../images/back_title_box.gif) no-repeat; color: #f66013; font-size: 0.8em; font-weight: 700; height: 21px; border: 1px solid #d1d1d1; border-bottom: none; line-height: 21px; vertical-align: middle; text-align: left; } .menu_tit span { padding-left: 10px; } .menu_styles { width: 160px; border: 1px solid #d1d1d1; margin-bottom: 10px; border-top: none; } .menu_styles div { font-size: 0.7em; border-top: 1px solid #d1d1d1; height: 29px; line-height: 29px; vertical-align: middle; padding-left: 20px; background: url(../images/bullet.gif) 10px 12px no-repeat; text-align: left; } .menu_styles a { color: #4e4e4e; text-decoration: none; } .menu_styles a:hover { text-decoration: underline; } .menu_styles ul { margin: 0; padding: 0; font-size: 0.9em; overflow: hidden; display: none; } .menu_styles li { list-style: none; font-size: 0.7em; padding: 0; } .menu_styles li a { padding-left: 25px; width: 125px; } .menu_styles li a:hover { text-decoration: underline; } /* Finder */ #finder { margin: 0 auto; width: 1003px; height: 38px; background: url(../images/back_band.gif) repeat-x; } #finder .band-left { background: url(../images/left_band.gif) left no-repeat; height: 38px; } #finder .band-center { height: 38px; font-size: 12px; line-height: 32px; } #finder p { float: left; margin: 0; color: #f66013; font-size: 1.2em; font-weight: 700; } #finder form { float: right; } #finder .band-center input { vertical-align: middle; } #finder .band-right { background: url(../images/right_band.gif) right no-repeat; height: 38px; } /* Content */ #content { margin: 10px auto 0 auto; width: 994px; } /* Left Column */ #left-column { width: 160px; float: left;} #left-column .outstanding { font-weight: 700; background: url(../images/bullet_outstanding.gif) 4px 6px no-repeat; } /*#left-column .exhibitor { background: none; height: auto; line-height: normal; padding: 12px; }*/ #left-column .exhibitor { background: none; height: auto; line-height: normal; padding: 0px; text-align:center;} /* Content center */ #content-center { width: 658px; float: left; margin: 0 8px; } /* Right Column */ #right-column { width: 160px; float: right; text-align: center; } #right-column .login { background: none; height: auto; line-height: normal; padding: 5px; text-align:center; } #right-column .login input { margin: 3px 0; } #right-column .news { background: none; height: auto; line-height: normal; padding: 12px; } #right-column .button-news { background: none; height: auto; line-height: normal; padding: 0px; text-align:center; } /* Footer */ #footer { margin: 0 auto; width: 994px; height: 35px; background: url(../images/back_footer.gif) repeat-x; } #footer .band-left { width: 10px; background: url(../images/left_footer.gif) left no-repeat; height: 35px; } #footer .band-center { width: 974px; height: 50px; font-size: 0.7em;} #footer .band-right { width: 10px; background: url(../images/right_footer.gif) right no-repeat; height: 35px; } #footer ul li { display: inline; vertical-align:center; } #footer ul li a { color: #4e4e4e; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } /* BOTONES */ a.squarebutton{ background: transparent url('../images/bt_square-gray-left.gif') no-repeat top left; display: block; float: right; font: normal 12px Arial; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none;} a:link.squarebutton, a:hover.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949; text-decoration: none;} a.squarebutton span{ background: transparent url('../images/bt_square-gray-right.gif') no-repeat top right; display: block; padding: 4px 9px 4px 0; } a.squarebutton:hover{ background-position: bottom left; } a.squarebutton:hover span{ background-position: bottom right; color: black; } .buttonwrapper{ overflow: hidden; width: 100%; } /* INICIO pestaña de la ficha de articulos: ficha, accesorios, comentarios, etc */ #pestania-ficha {border-bottom: 1px #f66000 solid; float:left; display: block; margin: 5px auto 0 auto; width:658px; height: 32px; z-index:1;} #pestania-ficha ul { margin-left: 6px; font-size: 0.7em; } #pestania-ficha ul .resto{ display: block; float: left; list-style: none; text-align: center; height: 32px; line-height: 32px; vertical-align: middle; width: 99px;margin-right:8px; background: url(https://www.pccomponentes.com/images/lapel_hover_9.gif) no-repeat;} #pestania-ficha ul .comentarios{ display: block; float: left; list-style: none; text-align: center; height: 32px; line-height: 32px; vertical-align: middle; width: 106px;margin-right:8px; background: url(https://www.pccomponentes.com/images/lapel_hover_10.gif) no-repeat;} #pestania-ficha ul li a { display: block; width: 100%; text-decoration: none; color: white; } .pestania-contenido {background-color:#fff; width:658px; float:left; display:block; position:relative; z-index:1;} .cargando{width:658px; float:left; display:block; position:relative;} p.coment { line-height:150%; font-style:italic; color:##4E4E4E; display:inline; padding:5px 5px 5px 0; border:none; } .autor{ font-style:normal; color:##4E4E4E; font-weight:bold; } .comilla{ font-size:18px; } .star { width: 154px; height: 10px; text-indent: -9999px; background: transparent url(../images/bg_valoracion.png) 0 0 no-repeat; margin: 0 0 16px 13px; } .stars10 { background-position: -1px 0; } .stars9 { background-position: -1px -11px; } .stars8 { background-position: -1px -22px; } .stars7 { background-position: -1px -33px; } .stars6 { background-position: -1px -44px; } .stars5 { background-position: -1px -55px; } .stars4 { background-position: -1px -66px; } .stars3 { background-position: -1px -77px; } .stars2 { background-position: -1px -88px; } .stars1 { background-position: -1px -99px; } dt.comentario{ background:#fff; } dl.comentario{ border:none; } /* FIN pestaña de la ficha de articulos: ficha, accesorios, comentarios, etc */