/* Title: rubangel CSS Author: Jose Antonio Corachưn Version: v1.0 */ /* Reset, clear & 960.gs grid */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through} .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} .clear:after,div:after{content:"";display:block;height:0;clear:both;visibility:hidden;} * html .clear,* html div{height:1%;} *:first-child+html .clear,*:first-child+html div{height:auto;display:inline-block;} .hide { position:absolute; left:0px;top:0px; width:0; height:0; visibility:hidden;} /* BASIC STYLES & COLORS ---------------------------- */ body,html{font-size:62.5%;background-color:#6a451e!important;} body{font-size:101%;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color:#666} html>body{font-size:110%;} *:first-child+html body{font-size:101%;} a{color:#f99d3a;text-decoration:none;font-weight:normal;} a:hover{text-decoration:none;color:#666;} img,fieldset{border:0;color:#000;margin:0;padding:0;} ul li { line-height: 135%; } hr { display: none;} p { color:#006461; line-height:135%;margin-top: 10px; margin-bottom: 15px;} a span { cursor:pointer; } p, li , option, input, td, dd, dt, h1, h2, label, legend {font-size:1.1em;} p a, li a, li p, li li, td a, td p, dt a, dt p, dd a, dd p {font-size:1em;} h2 { font-size: 1.1em; color:#f3610d;margin:.2em 0 .7em .5em;} h3 { font-size: 1.1em; color:#f3610d; margin:8px 0; } h4 { font-size:1.1em; font-weight: bold } /* GENERAL STYLES ---------------------------- */ h1{ background:url(../../images/logo-rubangel.gif) no-repeat; width:169px; height:82px; text-indent:-99999px; } body {background: #6a451e url('../../images/body-gb-gradient.gif') repeat-x scroll top center!important;} #mainWrapper {background: #6a451e url('../../images/body-gb-gradient.gif') repeat-x scroll top center;} .container_12,.container_16{ width: 920px!important; } .grid_12 {width: 900px!important;} .content {border-left: 13px solid #b3d334; border-right: 13px solid #b3d334; background-color: #fff;} /* header */ #header {height: 144px; position: relative;} #header #logo {position: absolute;top: 45px;left: 50px;} #header #head_text {position: absolute;top: 45px;right:0;} #header #head_text {color: #f99d3a;font-size: 2em;font-style:italic;} #header #head_text2 {position: absolute;top: 45px;right:0;} #header #head_text2 {color: #f36525;font-size: 2em;font-style:italic;} #header #lang { background: url('../../images/head-bg.gif') no-repeat bottom center; height: 30px; position:relative;} #header #lang ul { position: absolute;top: 6px;right: 2px; } #header #lang ul li {float: left; padding:0; margin:0; padding-top:0;} #header #lang a{color:#ffffff;font-size:1.2em;} /* content head */ #content-head {background: url('../../images/content-head-bg.gif') repeat-x scroll 0 0; height: 76px;margin: 0 1px;} #content-head.small {height: 70px;} #content-head h2 {color: #fff;font-size: 3em; margin: 0;padding: 10px 0 0 10px; font-weight: normal;;} #content-head h2 a{color:#fff;} #content-head h2 em {font-style:normal;font-size: .6em;} #content-head .media {text-align: right;padding: 0px 10px 0 0;} #content-head .media p {color: #ad5e05;margin: 0;} #content-head .media p span {background: url('../../images/media-photoOff.png') no-repeat scroll 0 0 ; padding-left: 25px;} #content-head .media p a {background: url('../../images/media-video.png') no-repeat scroll 0 0 ; padding-left: 18px;color: #fff;} /* menu */ #menu {padding-top: 78px;float:right;} #menu ul { list-style-type:none; padding:0; margin:0;} #menu li{ float:left; padding:0; margin:0; padding-top:0; background:url(../../images/tab-right.gif) no-repeat right top; margin-right:3px; height: 30px;position:relative;} #menu li a{ display:block;text-decoration:none; background:url(../../images/tab-left.gif) no-repeat left top; font-weight: bold;font-size: 1.1em; padding-top:5px; color:#666} #menu li a:hover{color:#fff;} #menu li a span { padding:5px 5px 5px 10px;} /* tabs */ #menu li.active { background:url(../../images/tab-right-active.gif) no-repeat right top; } #menu li.active a { background:url(../../images/tab-left-active.gif) no-repeat left top; color:#fff} #menu li:hover,#menu li.iehover { background:url(../../images/tab-right-hover.gif) no-repeat right top; } #menu li:hover a,#menu li.iehover a { background:url(../../images/tab-left-hover.gif) no-repeat left top;color:#fff;} #menu li .submenu{ left:-999em; position: absolute; z-index: 6000; width:100%; } #menu li:hover .submenu, #menu li.iehover .submenu{ left:auto; top:30px; } #menu li .submenu li { background-color:#b3d334; background-image:none; float: none; } #menu li .submenu li { padding:0; margin:0; background:url(../../images/tab-submenu-bg.gif) repeat-x left bottom; height: 30px;} #menu li .submenu li a,#menu li.active .submenu a { display:block; padding:4px 5px 0 8px; color:#543718; text-decoration:none; height: 26px;background:none;font-size:.9em;} #menu li .submenu li a:hover,#menu li.iehover .submenu li a:hover #menu li.active .submenu a:hover { color:#fff;background:none;} #menu ul li .submenu li.end { background:url(../../images/tab-submenu-left.gif) no-repeat left bottom;} #menu li .submenu li.end a { background:url(../../images/tab-submenu-right.gif) no-repeat right bottom;} #menu ul li .submenu li.end2 { background:url(../../images/tab-submenu-left.gif) no-repeat left bottom;} #menu li .submenu li.end2 a { background:url(../../images/tab-submenu-right2.gif) no-repeat right bottom;} /* login box */ #login-box {position: absolute; top: 30px; left: 0; background: url('../../images/login-box-bg.gif') repeat-x scroll 0 0; height: 38px; } #login-box form { background:url(../../images/login-box-left.gif) no-repeat left bottom;height: 38px; } #login-box form div { background:url(../../images/login-box-right.gif) no-repeat right bottom;height: 38px; padding: 0 15px;} #login-box form fieldset, #login-box form p {margin-top: 10px;} #login-box form .text {color: #666;} #login-box form input {border: 0;background-color: #fff; color: #666; width: 110px;} #login-box form input.submit,.submitLogin {background-color: #f99d3a; color: #6a451e; border: 0;border-bottom: 1px solid #bf792d; border-right: 1px solid #bf792d; width: 50px;} #login-box form .box { margin-right: 5px;} #login-box form .box, #login-box form p {float: left;} #login-box form p a {color: #999;text-decoration: none;} #login-box form p a.register {color: #7e9238; border-style:dotted; border-bottom-color:#7e9238;} /* home */ #home-main-image {padding: 1px;} #home #content { position:relative } #home .leftCol {float: left; width: 600px;} #home .leftCol h3{padding-left:20px;} #home .rightCol {float: left; background-color: #f3f3f3;margin-left: 12px; width: 242px; /*height: 480px;*/ padding: 0 10px;} #home .rightCol img { padding-bottom: 5px;} #home .leftCol h3,#home .rightCol h3,#contacto h3 {color: #999;font-weight: bold;font-size: 1.65em;} #home .rightCol h4 {color: #f3610d;font-weight: bold;font-size: 1.1em;} #home .rightCol .news {padding-bottom: 12px;} #home .rightCol .news.last {border-top: 1px dotted #c9c3b9;padding-top: 12px;;} #home .rightCol .news p {color: #666;padding: 0;margin: 0;;} #home .rightCol .news p.date {color: #53651d;} #home .rightCol .news p.more, .noticia .more {padding-top: 5px;} #home .rightCol .news a, .noticia .more a {color: #fff; background-color: #f99d3a;padding: 2px;} #home .rightCol p.pdf{padding-top: 5px;} #home .rightCol .pdf a{color: #fff; background-color: #f99d3a;padding: 2px;} #home .rightCol .news a:hover {color: #666; background-color: #b3d334;padding: 2px;} .suscribeteHome p{ padding:5px; background:#F99D3A url(../../images/fondoSuscribete.jpg) no-repeat right bottom; color:#fff; } .suscribeteHome a{ color:#6A451E;} /* ficha */ #ficha .leftCol{float: left; width: 330px;} #ficha .rightCol{float: left; background-color: #f3f3f3; width: 522px; /*height: 480px;*/ padding: 0 10px;} #ficha .rightCol h3,.noticia h3 {color: #6a451e;font-size: 2.5em;font-weight: normal;padding: 0;margin: 0;margin-top: 30px;;} #ficha .rightCol p .strong {color: #b3d334;font-size: 1.7em;font-weight: bold;padding: 0;margin: 0;;} #ficha .rightCol p {color: #666;} #ficha .rightCol p.pdf,#home .news p.pdf {background: url('../../images/pdf.gif') no-repeat scroll 0 0 ;padding-left: 15px;} #ficha .rightCol p.pdf a{color: #fff;background-color: #f99d3a;padding: 2px;} #ficha .rightCol .product-description {padding-bottom: 5px;} #ficha .rightCol .product-description {background: url('../../images/hr-dotted-grey.gif') repeat-x scroll bottom ;padding-left: 2px;} #ficha .rightCol .photos h4 {color: #f99d3a;font-size: 1.5em;margin: 0;padding:10px 0;} #ficha .rightCol .specs h4 {color: #f99d3a;font-size: 1.5em;margin: 0; padding:10px 0;} #ficha .rightCol .specs img {width:518px;} #ficha .rightCol .product {padding: 4px 0;} #ficha .rightCol .product img {float: left; padding:5px 5px 0 0;} #ficha .rightCol .product p strong {color: #53651d; padding-bottom: 5px;} #ficha .rightCol .product p {padding: 0px 0;margin: 0;;} #ficha .rightCol .product ul {padding: 0;margin: 0 0px;} #ficha .rightCol .product ul li, #ficha .rightCol .specs ul li { list-style-type:square; list-style-position:inside; margin-left: 0px;} #ficha .rightCol .specs {background: url('../../images/hr-dotted-grey.gif') repeat-x scroll top ;margin: 15px 0;} #ficha .leftCol .media {border: 1px solid #dcdbd6;margin: 10px;padding: 2px;;} #ficha .leftCol .media .inner {border: 1px solid #f4f4f3;margin: 2px;padding: 2px;;} #ficha .leftCol .media p {width: 275px;background-color: #b3d334;padding: 5px;margin: 6px;color: #53651d;font-weight: bold;} #ficha .leftCol .media a {margin-left: 6px; float: left; padding-bottom:6px;} #ficha .leftCol .media a img {border: 1px solid #aeadaa;} #ficha .leftCol .media a:hover img {border: 1px solid #f99d3b;} #ficha .leftCol .media .gallery p span {background: url('../../images/media-photogallery.png') no-repeat scroll 0 0 ; padding-left: 25px;} #ficha .leftCol .media .video p span {background: url('../../images/media-video.png') no-repeat scroll 0 0 ; padding-left: 25px;} /* quienes */ #quienes .leftCol,#contacto .leftCol {float: left; width: 330px; background-color: #f3f3f3; padding-bottom: 1 0px;} #quienes .leftCol img {padding: 2px;margin-left:10px;} #quienes .leftCol iframe{margin-left:10px;} .clientes,#quienes .rightCol,#contacto .rightCol {float: left; width: 522px; /*height: 480px;*/ padding: 0 10px;} #quienes .rightCol p.strong{color: #b3d334;font-size: 1.7em;font-weight: bold;padding: 0;margin: 0;;} #quienes .rightCol p strong{color: #f99d3a;} /* tipos */ /*3 columnas*/ #tipos .type3col, #tipos .type3col h3, #tipos .type3col .text {width: 290px;} #tipos .type3col {border: 1px solid #fff;float: left;} #tipos .type3col img {padding: 12px; width: 270px;} #tipos .type3col h3 {font-size: 2em; background-color: #b3d334; padding: 10px;margin: 0;} #tipos .type3col h2 {padding:20px;} #tipos .type3col h3 a {color: #53651d} #tipos .type3col .text {color: #53651d; background-color: #b3d334; padding: 0px;margin: 0;height:150px;} #tipos .type3col .text p {width: 180px;margin: 0;padding: 20px; color:#006461;} #tipos .type3col .text p a {color:#006461;} /* last +2px fix */ #tipos .type3col#last, #tipos .type3col#last h2 {width: 286px} #tipos .type3col#last h3 {width: 268px} #tipos .type3col#last .text {width: 285px} .text li{ padding:5px 10px; margin:0 5px; background:transparent url(../../images/tab-submenu-bg.gif) repeat-x scroll left bottom; } .text li a{ color:#666; } /*2 columnas*/ #tipos .type2col, #tipos .type2col h3{width: 852px;} #tipos .type2col .text {width: 872px;} #tipos .type2col {border: 1px solid #fff;float: left;} #tipos .type2col img { display:block; height:180px; margin:0 auto; padding:12px; width:270px; } #tipos .type2col h2 {font-size: 2em; background-color: #f99f3a; padding: 10px;margin: 0;} #tipos .type2col h2 {color: #fff;font-size: 3em; margin: 0;padding: 10px 0 0 10px; font-weight: normal;;} #tipos .type2col h2 em {font-style:normal;font-size: .6em;} #tipos .type2col h2 {padding:20px;} #tipos .type2col h3 {font-size: 2em; background-color: #b3d334; padding: 10px;margin: 0;} #tipos .type2col h3 a {color: #53651d} #tipos .type2col .text {color: #53651d; background-color: #b3d334; padding: 0px;margin: 0;height:110px;} #tipos .type2col .text p {width: 852px;margin: 0;padding: 20px;} #tipos .type2col .text p a {color:#006461;} /* last +2px fix */ #tipos .type2col#last, #tipos .type2col#last h2 {width: 832px} #tipos .type2col#last h3 {width: 832px} #tipos .type2col#last .text {width: 832px;} /*4 columnas*/ #tipos .type, #tipos .type h3, #tipos .type .text {width: 215px;} #tipos .type {border: 1px solid #fff;float: left;} #tipos .type img {padding: 12px; width: 200px;} #tipos .type h3 {font-size: 2em; background-color: #b3d334; padding: 10px;margin: 0;} #tipos .type h3 a {color: #53651d} #tipos .type h3 {color: #53651d} #tipos .type .text {color: #53651d; background-color: #b3d334; padding: 0px;margin: 0;height:185px;} #tipos .type .text p {width: 180px;margin: 0;padding: 20px;} #tipos .type .text p a {color:#ffffff;} #tipos .type .text2 {color: #53651d; background-color: #b3d334; padding: 0px;margin: 0;height:280px;} #tipos .type .text2 p {width: 180px;margin: 0;padding: 20px;} #tipos .type .text2 p a {color:#006461;} /* last +2px fix */ #tipos .type#last, #tipos .type#last h3 {width: 201px} #tipos .type#last .text {width: 221px} #tipos .type#last .text2 {width: 221px} /* FOOTER ---------------------------- */ #footer .grid_12 .contentL { background: url(../../images/footer-bg-left.gif) no-repeat left bottom; height: 65px;} #footer .grid_12 .contentR { background:#fff url(../../images/footer-bg-right.gif) no-repeat right bottom; height: 65px;} #footer .grid_12 .content { position: relative; border-right: none;border-left: none; background: none;} #footer p { color: #6a451e; margin:0 .5em 0 0; text-align: left; margin-left: 30px; } #footer p.first { padding-top: 10px;} #footer #logoTTT {position: absolute; right: 20px; bottom:10px;} /******noticias********/ #noticias .columna {float: left; width: 872px; background-color: #f3f3f3; padding-bottom: 1 0px;} #noticias .columna img {padding: 2px;margin-left:10px; padding-left: 20px;} #noticias .columna iframe{margin-left:10px;} #noticias .columna p.strong{color: #b3d334;font-size: 1.7em;font-weight: bold;padding: 0;margin: 0;;} #noticias .columna p strong{color: #f99d3a;} #noticias .columna p{padding-left:40px;} #noticias .columna h3 {padding-left:20px;} /******contacto********/ .comentar fieldset{ padding:8px 20px; } #home .comentar fieldset{ padding:0; } .comentar label{ display:block; margin-bottom:20px; font-size:1.3em; color:#F99D3A; } #home .comentar label {font-size:1em;} #home .comentar label{ display:inline; float:left; margin:0 5px 10px 5px; width:111px; } * html #home .comentar label{width:103px;} #contacto .news, #contacto h3{ padding-left:20px; } .comentar label input,.comentar textarea{ display:block; width:99%; border:3px solid #ddd; } .comentar textarea{ background:#fff url(../../images/textarea.jpg) no-repeat center center; font-size:1.3em; font-family:arial; } .error, .campo_error{ font-size:.8em; color:red; } .legal{ padding-left:20px; font-size:.8em; } /**Gama colores***/ .gama_colores tr {text-align:center;} .gama_colores tr td{width:100px; height:20px;} #gama_colores #rojo {background-color: #ff0000; color:#ffffff;} #gama_colores #amarillo {background-color: #e7cf2f; color:#000000;} #gama_colores #verde {background-color: #4b995b; color:#ffffff;} #gama_colores #oliva {background-color: #5c6d59; color:#ffffff;} #gama_colores #azul {background-color: #5988b9; color:#ffffff;} #gama_colores #rojo {background-color: #ff0000; color:#ffffff;} table.gama_colores{ width:100%; background:#CCFF66; font-size:.85em; margin-bottom:20px; } table.gama_colores th{ background-color:#B3D334; border:1px solid #FFFFFF; padding:4px; vertical-align:middle; color:#fff; } table.gama_colores td { background-color:#FFFFFF; padding:4px; vertical-align:top; } table.gama_colores .par td{ background:#ebebeb; } table.gama_colores .selectAcciones{ text-align:right; background:#E6EEEE; } table .center{ text-align:center; } /** Noticias **/ #cuerpoNoticias{ padding-bottom:5px; } .noticia img{ float:left; } .textoNoticia{ margin-left:330px; } .noticia{ margin-bottom:30px; } .mensaje{ text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; margin-left:20px; padding:20px 0; } #cajaLogin label input { font-size:0.9em; width:239px; padding:5px 0; background:url(../../images/fondo-input.png) repeat-x 0 bottom; margin:3px 0 12px 0; border:1px solid #ccc; } .comentar .submit{ text-align:right; } #header #lang #clientesLink{ padding-top:6px;font-size:1.3em;display:block;font-size:1.4em; line-height:135%; width:120px; } .menuClientes{margin:20px 0 20px 10px;} .menuClientes li{ display:inline; } .menuClientes a, #linea_mas,.submitClientes{ border:1px solid #ccc; padding:3px 6px; background:url(../../images/fondo-input.png) repeat-x 0 bottom; cursor:pointer; } .menuClientes a:hover{ text-decoration:none; } .nombreCliente{ text-align:right; margin-right:10px; } .nombreCliente a,.nombreCliente{color:#fff;} /* PEDIDOS */ #cabecera_pedido label{ float:left; text-align:center; margin:0 5px 5px 0; } #cabecera_pedido span, .numeroLinea{ float:left; width:20px; padding-top:3px; font-size:1.5em; } .linea_pedido{ margin-bottom:25px; clear:left; position:relative; } #lineas_pedido input{ font-size:1.3em; border:1px solid #aaa; text-align:right; } .productoInput{ width:460px; } #lineas_pedido input.productoInput{text-align:left;} .precioInput, .unidadesInput{ width:80px; } .importeInput{ width:100px; } #linea_mas{ margin-left:699px; cursor:pointer; } .listaProductos{ position:absolute; border:1px solid #aaa; left:25px; top:20px; height:210px; overflow:auto; width:460px; background:#f5f6f7; z-index:1000; display:none; } .listaProductos li{ padding:10px; border-bottom:1px solid #aaa; overflow:hidden; } .listaProductos li img{ float:left; margin-right:10px; } .listaProductos li p{ margin:0; } .listaProductos li p.tituloProducto{ font-size:1.2em; } .precioProducto .tachado{ color:#999; text-decoration:line-through; } #precioFinal,#precioFinalDetalle { background:none repeat scroll 0 0 #F8F8F8; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; font-size:2em; padding-top:10px; text-align:right; margin-right:15px; } .msg{ border-top:1px solid; border-bottom:1px solid; background:#EFF5EA; border-color:#95A486; margin:0 10px; padding:10px 0; text-align:center; } .msg_error{ border-top:1px solid; border-bottom:1px solid; background:#FAEBE7; border-color:#F16048; margin:10px 10px; padding:10px 0; text-align:center; }