/* tecnolibro Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web Carmel Hassan - GTK _Grid genérico, elementos de contenido, bloques (border+background) */ body{ background:#fff url(images/bg_body.jpg) repeat-x top; text-align:center; } ul,ol,h1,h2,h3,h4,h5,p{ margin:0px; padding:0px; } #envoltorio{text-align:left; width:981px; margin:0px auto; padding-top:6px; } #cabeza{ height:89px; padding:0px 2px;} #titulo{ padding:15px 0px 0px 12px; height:62px;width: 395px; background:transparent url(images/bg_cabecera.gif) no-repeat right 23px;} #titulo h1{ width:126px;} #titulo h1 a{text-indent:-40000px; display:block; height:62px; background:transparent url(images/logo.gif) no-repeat top left;} #usuario{ background:transparent url(images/bg_usuario.jpg) no-repeat bottom left; width:480px; padding-top:32px; height:55px;} #acceso{ width:460px; text-align:right; padding-top:2px;} #acceso li{} #acceso li.last{ padding-left:15px;} #acceso li.first { margin:0px 3px 0px 15px;} #acceso li.first a{ border-right:1px solid #C3EB52; padding-right:3px;} #cestita{ width:480px;} #cestita .cesta{ background:transparent url(images/boton_vercesta.gif) no-repeat top left; padding:4px 15px 0px 0px; width:115px; height:24px; margin-left:5px;} #cuerpo{ } #menu-global{ padding:0px 0px 0px 2px; width:981px; background:transparent url(images/bg_navegacion.gif) no-repeat top left; height:49px;} #menu-global ul{ padding-top:16px;} #menu-global li{ padding:15px 11px 12px; background:transparent url(images/bg_navegacion_item.gif) repeat-x top; margin-left:1px; *margin-right:2px;} /* #menu-global li.pebooks{ background:transparent url(images/bg_navegacion_az.jpg) repeat-x top;} */ #menu-global div.pebooks{background:none; padding:0; position:relative; top:-36px; left:800px; width:115px; height:45px;} #menu-global div.pebooks a{text-indent:-40000px; height:45px; width:115px; display:block; background:transparent url(images/pes_ebooks_off.jpg) no-repeat top left;} #menu-global div.pebooks a:hover{background:transparent url(images/pes_ebooks_on.jpg) no-repeat top left;} #menu-global li:hover {background:transparent url(images/bg_navegacion_item_hover.gif) repeat-x top; } #buscador{ width:977px; margin-left:2px;height: 51px; background-color:#f2f2f2;} #buscador form{ /*width:820px;*/ width:720px;padding:15px 10px;} #buscador form select, #buscador form input.texto{ margin-right:10px;} /* SOCIALES*/ .sociales{ float:right; padding:7px 10px 0 0} #buscador .sociales a{ width:33px; height:35px; overflow:hidden; text-indent:-9000px; float:left; padding:0} a.facebook{background:transparent url(images/facebook.png) no-repeat;} a.twitter{background:transparent url(images/twitter.png) no-repeat;} a.facebook:hover{background:transparent url(images/facebook_o.png) no-repeat;} a.twitter:hover{background:transparent url(images/twitter_o.png) no-repeat;} #contenedor{ height:1%; background:transparent url(images/bg_contenedor.gif) repeat-y; margin-left:3px; padding-right:2px;} #lateral-izquierdo{ width:185px; } #lateral-izquierdo .materias{ background: transparent url(images/bg_bloque.gif) right repeat-y;} #lateral-izquierdo .materias h2{ background:#9DCE09 url(images/bg_materias.gif) no-repeat;} #lateral-izquierdo .boletin{ width:155px; padding:0 15px 10px 15px; height:144px; background: #66A425 url(images/bg_boletin.gif) no-repeat left top;} #lateral-izquierdo .boletin h3{ font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:transparent; padding:5px 0 0 0 } #lateral-izquierdo .boletin p{ color:#FFFFFF; line-height:1em; font-size:0.9em; margin-bottom:5px} #lateral-izquierdo .boletin label{ color:#FFFFFF} #lateral-izquierdo .boletin input.texto{ width:151px; height:15px; background-color:#FFFFFF; border:#CCCCCC;padding:2px 5px 3px;} #lateral-izquierdo .boletin input.boton-peq{width:89px; height:17px; overflow:hidden; border:0; text-indent:-9000px;background: transparent url(images/bot_suscribir.gif) no-repeat; float:right; margin-top:7px; cursor:pointer} #central{} #tagline{ } #central.ancho #contenido, #central.anchosin #contenido{ width:790px;} #central.ancho { background:transparent url(images/bg_cuerpo.gif) repeat-y top; padding-bottom:50px;} #contenido h2, #contenido h6.titulo{background:transparent url(images/bg_h2_gris.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px;} #contenido.compra h2{ background-image:none; margin-bottom:0px; padding-bottom:0px;} #contenido h6.titulo{ background-image: url(images/bg_h6_grisclaro.gif); padding-bottom:9px; margin-bottom:0px;} #contenido div.titulo{ background:transparent url(images/bg_h2_gris_doble.gif) no-repeat left bottom;padding-bottom:9px; margin-bottom:15px;} #contenido #medio{ width:605px;} #lateral-derecho{ width:183px; padding-right:2px;} #contenido.portada { width:606px;} #lateral-derecho .clear{ height:0px;} #central.ancho #lateral-derecho p{ padding:0px 15px;} #contenido h2.titulo{ margin-bottom:0px; padding-bottom:9px;background:transparent url(images/bg_h2_gris_sombreado.gif) no-repeat left bottom; } #contenido .paginador{ background-color:#F6F6F6; padding:5px 25px 10px 30px; margin-bottom:30px;} #respdf { width:450px; height:31px;padding:12px 0 20px 39px; margin-left:20px;background:transparent url(images/bg_pdf.png) no-repeat left top;font-size:11px; text-transform:uppercase; font-weight:bold} #respdf span{ float:left; margin-right:35px; color:#FFFFFF; } #respdf a{ font-size:11px} #contenido .descargas{ background-color:#F2F2F2; margin-top:10px; padding:10px 0px 10px 159px;} #contenido #relacionado{ margin-top:30px;background:transparent url(images/bg_cuerpo.gif) repeat-y top;} #contenido #relacionado .medio{ width:605px;} #contenido #relacionado h6.titulo{background:transparent url(images/bg_h6_gris.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px;} #contenido #relacionado ol li{ background-image:none; padding-left:10px;} #contenido .mensaje{ width:440px; margin-left:20px; margin-top:15px; padding-top:5px;} #contenido .infocesta { width:490px;padding-left:55px; background:#fff url(images/icon_info.gif) no-repeat left top; margin-top:30px;} #contenido .sinresultados{ padding-left:120px; background:#fff url(images/imagen_librosin.jpg) no-repeat left top;} #contenido.corporativa .columnas_2{ width:790px; background-color:#EFF6E9; margin:30px 0px; padding:20px 0px;} #contenido.corporativa .columnas_2 h3{ padding:0px;} #contenido.cesta .controles{ background-color:#e5e5e5; width:755px; padding:0px 15px 0px 20px;} #contenido.cesta .controles{ padding-bottom:10px;} #contenido.cesta .pie{ background-color:#e5e5e5;} #contenido.cesta .pie .total{ padding:15px 20px 5px 0;height:30px;background:transparent url(images/bg_total.gif) no-repeat 120% 70%;} #pie{ background-color:#99cc00;} #pie .interior{ width:981px; text-align:left; margin:0px auto; background:transparent url(images/bg_piegif.gif) no-repeat 3px top ; padding:45px 0px 80px 0px;} #pie .interior ul { padding:0px 20px;} #capapie{} /**/ .ancho-1{ width:165px;padding:0px 15px;} .ancho-2{ width:390px;padding:0px 15px;} /**/ .inline *{display:inline;} .clear{clear:both;} .floatl{float:left;} .floatr{float:right;} /* tablas */ table{ width: 789px; margin-bottom:0px; border-collapse:collapse; margin-top:0px; *margin-top:-2px;} th{ text-transform:uppercase; font-size:0.85em; font-weight:normal; background-color:#f6f6f6; color:#000;} th.first, td.first{ padding-left:20px;} td{ padding:10px 20px 7px 5px; vertical-align:top; border-bottom:2px solid #f6f6f6;} td.precio{ padding-right:30px;} tr.metodos td{ background-color:#f6f6f6;} tr.metodos td.first{ padding-right:0px;} #contenido.cesta .pie td.total{ padding-right:0px; border-bottom:0px none; background-color:#E5E5E5;} #contenido.cesta .pie td.last{ padding:23px 45px 0px 0px;background-position:136% 70%;} /* Resúmen del pedido*/ #contenido.resumen .datos div{ padding-left:152px; width:400px;} #contenido.resumen .datos div{ *padding-left:0px; *width:400px; *float:left;} #central #contenido.resumen .datos{ padding-left:20px;} #central #contenido div.resumen{ padding:0px 0px 20px 0px; width:580px;} #contenido.resumen form label{ width:152px;} div.resumen table{ width:603px; color:#333; margin-bottom:10px;} div.resumen table th{ background-color:#ccc; text-align:right;} div.resumen table td.precio{ padding-left:10px; text-align:right; padding-right:11px;} div.resumen table td.vacio{ border-bottom:0px none; padding-right:0px;} div.resumen table td.first,div.resumen table th.first{ padding-left:0px; text-align:left;} div.resumen .mini div.meta{ width:280px;} div.resumen .mini div.meta h3{ font-size:1.1em; color:#333333; font-weight:bold; } div.resumen h4 span{ width:153px; display:block; float:left;} div.resumen h4 a{ color:#0099CC; text-decoration:underline; font-size:0.83em; display:block; width:150px; float:left; padding-top:2px;} div.resumen h4 a:hover{ text-decoration:none;} div.resumen .preciototal{ background-color:#F6F6F6; padding:7px 20px; color:#333; margin-bottom:20px; width:563px;} div.resumen .preciototal strong{ padding-right:10px; padding-left:70px;} div.resumen .preciototal strong.precio{ padding-left:110px;} div.resumen .preciototal span{ font-size:1.2em; font-weight:bold;} div.resumen .preciototal span.precio{ font-size:1.5em;} #contenido.resumen .datos .comentario{ *padding-left:152px;} div.resumen a.boton{ float:right; margin-right:20px; background-image:url(images/boton_largo.gif); width:64px; padding:1px 10px 0px;} div.resumen a.boton:hover{ background-image:url(images/boton_largo.gif) ; color:#fff;} .action { padding-top: 20px; text-align:right; } .action * { float:right; margin-right:20px; } .action input.boton-red { margin-right: 0; } /* para pegar en libro.css*/ /*** LISTA DE PEDIDOS ***/ div.pedido .ayuda { margin: 20px 40px 0px 20px; width: 730px; } table.lista-pedidos { border-spacing: 0; margin: 20px 40px 0px 20px; width: 730px; } table.lista-pedidos th { background: #CCC; } /*** ESTADO DEL PEDIDO ***/ div.estado-pedido { width: 605px; } div.estado-pedido h3 { background-color:#f6f6f6; color:#66A425; display:block; font-size:14px; font-weight:bold; margin:0 0 15px; padding:5px 0 5px 20px; } div.estado-pedido dl { margin-right: 20px; float: left; width:100%; } div.estado-pedido dt { float: left; margin-left: 20px; font-weight:bold; } div.estado-pedido dd { float: right; width:300px; margin-right: 20px; } div.estado-pedido img { margin-left: 20px; } div.estado-pedido table.lista-pedidos { border-spacing: 0; width: 605px; margin: 0; } div.estado-pedido tr.cabecera { background: red; } img { filter:none; } .doscolumnas{width:280px;float:left;} #contenido form .doscolumnas label{width:225px;} fieldset.suscribir{padding:0 20px;} h3{color:#0099CC; margin:10px 0 20px 0;} #enlvertodos {display:block; margin:0 0 15px 20px;} #contenido p.cbestado {margin:0 0 0 20px;} #contenido p.cbestado2 {margin:0 0 20px 0;}