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;}