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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; list-style: none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } * { font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial; font-style: normal; } body{ margin:0; padding:0; color:#6a6a6a; background-color: #fff; font-size: 14px; } h1, h2, h3, h4{ font-weight: 300; color: #333; } h5, h6 { font-weight: 400; color: #333; } h1 { font-size: 36px; } h2 { margin-bottom: 15px; } h3 { font-size: 28px; line-height: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } #capa-fondo-header { position: relative; margin-left: auto; margin-right: auto; width: 100%; min-height: 355px; overflow: hidden; } #main-header{ margin-left: auto; margin-right: auto; width: 960px; height: 105px; } #contenedor{ margin-top: 0px; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 960px !important; max-width: 960px !important; min-width: 960px !important; } .btn_header{ float: right; margin-left: 15px; } .btn_header a{ display: block; text-transform: capitalize; text-decoration: none; color: #fff; } .btn_header_left, .btn_header_middle, .btn_header_right{ float: left; height: 35px; } .btn_header_left, .btn_header_right{ width:12px; } #menu_bar { width:100%; height:100px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: absolute; } #logo{ position: absolute; display: block; width: 250px; height: 145px; color: transparent; background: url(../../../themes/default/images/logo.png) no-repeat; } #icon_cart, #icon_account{ line-height: 25px; padding-left: 25px; } #botonera{ width:100%; text-transform: lowercase; } #navegador{ min-width: 548px; position: relative; margin-top: 25px; z-index: 5; left: 50%; margin-left: -240px; display: block; } #nav{ width: auto; margin:0; padding:0; float:left; } #nav li{ position:relative; float:left; height: 90px; text-align:left; margin: 0 0 0 0; } #nav li.centripete{ width: 100%; } #nav li.start{ width: 16px; } #nav li.end{ width: 16px; } #nav li a{ display: block; height: 50px; margin: 7px 0px 7px 0px !important; text-transform: capitalize; text-decoration: none; color: black; line-height: 30px; padding: 0px 10px; font-style: normal !important; font-weight: 600 !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; text-transform: uppercase; font-size: 12px; border-right: 1px dotted silver; } #nav li:hover, #nav li:hover >a, #nav li a.activepage { color:#2b62b6 !important;} #nav li div.barra{ width: 4px; height: 69px; background: transparent; margin-top: -58px; margin-left: auto; } #nav li div.barra.hover{ background: #2b62b6; height: 69px; } #nav li div.barra.on{ background: #81b2da; height: 70px !important; } #nav li ul{ position: absolute; background-color: #2b62b6; background-color: rgba(44, 98, 182); right: 0; } #nav li ul li{ height: 32px; width: 100%; min-width: 150px; } #nav li ul li:first-child, #nav li ul li:last-child{ height:10px; } #nav li ul li a{ text-align: left; } #nav li ul li a{ border: none; display: list-item; padding-left: 10px !important;*/ text-decoration: none; font-size: 13px; color: white; line-height: 34px; padding: 0 13px 0 0; text-transform: none !important; font-style: normal !important; font-weight: 400 !important; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; } #nav li ul li:hover, #nav li ul li:hover >a, #nav li ul li a.activepage { font-weight: 600 !important;color:#fff !important;} #navegador ul, #navegador ul li, div.sidebar ul, div.sidebar ul li{ list-style: none; margin:0; padding:0; color: #fff; } #buscador{ color: #fff; height: 12px; width: 168px; padding: 14px 9px; font-size: 12px; border: none; } #buscador:focus{ outline:none; } #lookup{ position: absolute; top: 11px; left: 215px; cursor: pointer; } /* HOME */ div[id="home-big-image"]{ z-index: -2; position: relative; top: -45px; left: -600px; width: 1500px; height: 835px; } /* !HOME */ .navegador li ul li a{color:#6d6a6a;} .navegador li a{color:#000;} .navegador li ul li a:hover{color:#d5394e;} .navegador li a:hover{color:#d5394e;} hr#ventas { height: 6px; border: none; } h2.shadow { text-transform: lowercase; } /****************************** - BUTTON OVERWRITE - ********************************/ /* .btn, btn-primary, input[type="submit"] { background:#fff; color:#191a1c; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-shadow: 0px 1px 0px rgba(0,0,0,0.4);padding:0px 40px; line-height: 42px;font-size: 16px; font-weight:400; border:1px solid #d5d5d5; border-bottom:1px solid #b7b7b7; box-shadow:inset 0px -2px 6px 1px rgba(128,128,128,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) ; -moz-box-shadow:inset 0px -2px 6px 1px rgba(128,128,128,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) ; -webkit-box-shadow:inset 0px -2px 6px 1px rgba(128,128,128,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) ; background-image: -moz-linear-gradient(top, #fff, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #fff, #e5e5e5); background-image: -o-linear-gradient(top,#fff, #e5e5e5); background-image: linear-gradient(to bottom, #fff, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color:#fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } .buttoncenter { position:relative; float:left; left:50%;} .buttoncenter button { margin-left:-50%; clear:right} .btn-primary:hover, input[type="submit"]:hover { color: #fff; background-image: -moz-linear-gradient(top, #555, #191a1c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#191a1c)); background-image: -webkit-linear-gradient(top, #555, #191a1c); background-image: -o-linear-gradient(top,#555, #191a1c); background-image: linear-gradient(to bottom, #555, #191a1c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777', endColorstr='#ff191a1c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color: #191a1c; } .btn.small { padding: 0px 10px; line-height: 24px; font-size: 14px; } .btn.large { padding:0px 50px; line-height:56px; font-size:20px;} .btn.green, input[type="submit"].green { background: #65CA60; color: #FFF; border: 1px solid #30A62A; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6), 0px 1px 2px rgba(0, 0, 0, 0.3) !important; -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6), 0px 1px 2px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; float: right; display: inline-block; clear: none; } .btn.blue { background:#40c3ff; color:#fff;border:1px solid #32a0d2; box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; } .btn.red { background:#f9503a; color:#fff;border: 1px solid #cb3825; box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; } .btn.purple { background:#a400ac; color:#fff;} .btn.light_blue { background:#81b2da; color:#fff;border:1px solid #bd990d; box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.6), 0px 1px 2px rgba(0,0,0,0.3) !important; } .btn.green:hover { background:#30a62a; color:#fff; border:1px solid #65ca60;} .btn.red:hover { background:#cb3825; color:#fff; border:1px solid #f9503a;} .btn.blue:hover { background:#32a0d2; color:#fff; border:1px solid #40c3ff;} .btn.light_blue:hover { background:#bd990d; color:#fff; border:1px solid #81b2da;} */ p.big { font-size:18px; line-height:22px; font-weight:300;color:#999;} /************************************************** - FEATURED BOXES (BLOG, DETAIL ETC.. - **************************************************/ .featured { width:100%; background:#fff; position:relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ min-height:60px; } .featured.withminheight { min-height:145px;} .featured p { color:#777; font-weight:400;} .featured .featured_details { background:#191a1c; color:#fff; float:left; padding:10px 20px;text-align:right; text-transform:uppercase; font-size:12px; line-height:26px; font-weight:300; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-right:20px; height:100%; position:absolute; top:0px; left:0px; min-width:60px; max-width:160px; } .featured.dark { background:#1d1f21; color:#bbb} .featured.dark h3, .featured.dark h4 { color:#bbb;} .featured_content h3, .featured_content h4 { font-weight: 300;} .featured .featured_content { padding:20px 35px 20px 180px;} .featured_details.blue { background-color:#40c3ff;} .featured_details.dark_blue { background-color:#2b62b6;} .featured_details.light_blue { background-color:#81b2da;} .featured_details.purple { background-color:#a400ac;} .featured .day { font-size:45px; font-weight:600; line-height:47px;} .featured .month { font-weight:600;} .featured .author { color:#555;font-weight:600; background:url(../images/tiles/pen.png) no-repeat right 4px; padding-right:27px;} .featured .comments { color:#555;font-weight:600; background:url(../images/tiles/bubble.png) no-repeat right 4px; padding-right:26px;} .featured_details.dark_blue .author, .featured_details.dark_blue .comments, .featured_details.blue .author, .featured_details.blue .comments, .featured_details.purple .author, .featured_details.purple .comments { color:#fff;} .i_hands { background-image:url(../../../themes/default/images/tiles/i_hands.png) !important; background-position:center center !important; background-repeat:no-repeat !important; width:100%;height:100%;min-height:80px; min-width:60px; } .i_plant { background-image:url(../../../themes/default/images/tiles/i_plant.png) !important; background-position:center center !important; background-repeat:no-repeat !important; width:100%;height:100%; min-height:80px; min-width:60px; } @media only screen and (max-width: 480px) { .featured .featured_content { padding:20px;position:relative} .featured .featured_details { max-width:100%; width:100%; position:relative; height:inherit; margin-bottom:20px;} } .divide0 {width:100%; height:0px;} .divide5 {width:100%; height:5px;} .divide10 {width:100%; height:10px;} .divide15 {width:100%; height:15px;} .divide20 {width:100%; height:20px;} .divide25 {width:100%; height:25px;} .divide30 {width:100%; height:30px;} .divide40 {width:100%; height:40px;} .divide45 {width:100%; height:45px;} .divide50 {width:100%; height:50px;} .divide55 {width:100%; height:55px;} .divide60 {width:100%; height:60px;} .rm10 { margin-right:10px;} .rm20 { margin-right:20px;} .rm40 { margin-right:20px;} .mt4 { margin-top:4px;} .mtm5 { margin-top:-5px;} .pr15 { padding-right:15px;} .relativepos { position: relative} .nobottommargin { margin-bottom:0px !important;} .bgcolor { background:#efefef;} .bgcolor p { color:#191a1c;} .bgcolor.white { background-color:#fff;} .bgcolor.white p { color:#777;} .bgcolor.white p.black { color:#000;} .bgcolor.dark_blue { background-color:#2b62b6;} .bgcolor.dark_blue p { color:#fff;} .bgcolor.dark_blue h1, .bgcolor.dark_blue h2, .bgcolor.dark_blue h3, .bgcolor.dark_blue h4, .bgcolor.dark_blue h5, .bgcolor.dark_blue h6 { color:#fff;} .fullwidthbanner-container{ #position:absolute; padding:0; /*max-height:500px !important;*/ overflow:hidden; z-index:0; top:0px; width: 100%; min-width: 100%; left: 0%; } .fullwidthbanner ul { visibility:hidden;}