/*
Theme Name: Neolum
Text Domain: neolum
Theme URI: http://www.bioxnet.com/
Description: <a href="http://bioxnet.com">Developed by Bioxnet.com</a>
Version: 1.0
Author: Bioxnet
*/
html, body, div, span, object, iframe, h1, h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
*:focus { outline: none; }
ol { list-style-position: inside; }
ul{ list-style: none; margin: 0; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
figure{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection{ background:#99c638; color: #fff;  }
::-moz-selection{ background: #99c638; color: #fff;  } 
::-webkit-selection{ background: #99c638; color: #fff;  }

html{ height:100%;}
body{ height:100%;}
img{ max-width:100%; height:auto;}

body{ font-family: 'Source Sans Pro', sans-serif; color: #333; line-height: 1.5em; font-size: 13px; line-height: 2em;  }
.clear{ clear: both; }
a{ text-decoration: none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p{ margin-bottom:15px;}

h1, h2, h3, h4{ font-weight: bold; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; }
h1{ font-size: 24px;}
h2{ font-size: 18px; }
p{font-family: 'PT Sans Narrow', sans-serif;}

.flex-viewport{ width:100% !important;}


/* HEADER */
#header { width:100%; min-height:100px; background:url(images/header-back.png) no-repeat center top #FFF;}
#header #wrapp{ max-width:1200px; margin:0 auto; position:relative;}
#logo{ float:left; margin-top:70px; margin-left:1%;}
#face{ position:absolute; right:1%; top:55px;}
#tel{ position:absolute; right:1%; border:2px solid #99c638; padding:5px 10px 5px 10px; top:120px; color:#99c638; font-size:16px; }  
#tel #dato{ background:url(images/tel.png) no-repeat 2px 5px ; padding-left:15px;}

#navegacion{ width:100%; background:#f5f5f5; border-bottom:2px solid #98c638;  }
nav#secondNav{ max-width:1200px; margin:0 auto;}

.menu-menu-principal-container{ line-height:1em;}

/* NAVS */
#navs{ position:relative; max-width:1200px; margin:0 auto;}
#log{ float:right; padding:5px 10px; border:2px solid #999; margin:6px 5px 0px;}
#log a{ color:#999;}

#car{ position:absolute; right:10px; display:block;}
#car ul li{ display:inline-block; margin-left:15px;}
#car ul li a{ color:#FFF;}


.current-menu-item a{ color:#99c638 !important	; }
.current-menu-item a:hover{ }
#secondNav{ float:left;}
#secondNav ul{  display:inline-block; font-size:15px; position:relative  }
#secondNav ul li{ display: table-cell; vertical-align: middle; position: relative; text-transform:uppercase; border-left:1px solid #cfcfcf; padding:10px 5px; }
#secondNav ul li:first-child{ border-left:none; }
#secondNav ul li a{display: table-cell; color: #555555; padding: 10px 2px 5px; text-align: center; line-height: 14px; margin:0px 6px; float:left; font-weight:600; }
#secondNav ul li a:hover{color:#555555; }
#secondNav ul ul{ display: none; position: absolute; left: 0;   z-index: 1000; min-width:210px; top:45px;  z-index:999; }
#secondNav ul ul li{ display: list-item; border: none; margin-bottom:1px; padding:0; }
#secondNav ul ul li a{ width:96%; display: block; text-align: left; color:#FFF; border-bottom:0px; margin:0; border-bottom:0px; background:#65559a; padding:7px 0% 7px 3%;  }
#secondNav ul ul li a:hover{ background:#2f1b6e; color:#fff;  border-bottom:0px;}
#secondNav ul ul li.current-menu-item a:hover{ color:#fff !important;}

#secondNav ul li ul li ul {margin-left:101%; margin-top:-34px;  min-width: 200px;}

#responsiveNav{ display:none;}

#container{ position:relative; max-width:1200px; margin:0 auto; background:#FFF; margin-top:30px; }
#content{padding: 0px 1%;}
#container > .grid9 > #container{ margin-top:0px;}


/* Sección de Slider */
#slider{ position:relative; width:98%; margin:0px 1%;}
#slider #wrapper{ float:left; width:75%; position:relative;}
#slider #wrapper ul li{ overflow:hidden; }
#slider #botonslide{ float:left; width:25%;}
#slider #botonslide img{ max-width:100%;}
.caption{ position:absolute; bottom:0px; background:url(images/back-slide.png); z-index:2; width:97%; padding:2px 1.5%; color:#FFF; }


/*--------------------- Pagina Principal ---------------------*/


/* Productos  */
#productos{ width:98%; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; margin:10px 1%; padding-bottom:60px; margin-bottom:20px; padding-top:30px;}
#productos h2{ color:#555555; border-left:2px solid #98c638; padding-left:15px;}
#productos strong{ color:#98c638; }
.producto {  float:left; width:23%; margin:1%; background:#f5f5f5; padding-top:3px; padding-bottom:5px;}
.producto h3{ background: url(images/icono.png) no-repeat left; padding-left:26px; padding-top:6px; margin-left:3px; font-size:15px;}
.producto a{ color:#98c638; display:block; text-align:center;}
#imagen2{ margin-bottom:50px; padding-left:1%;}


/* Catalogo de Productos*/
ul.products{ display:block; width:98%; padding:10px 1% 90px; }
ul.products li {
display: inline-block;
width: 20%;
margin: 10px 1.6% 10px 0px;
padding: 0 1%;
border: 1px solid #f5f5f5;
}
ul.products li img{ width:100%; height:auto; }
ul.products li a{ color:#99c638;}
ul.products li a.product_type_simple{ color:#361f7d;}
ul.products li h3{ margin-bottom:0px; padding-bottom:0px; line-height: .9em; width:98%; margin-left:1%; color:#999; height:20px; vertical-align:baseline; vertical-align:text-bottom; }

.product .images{ float:left; width:48%; margin-right:2%; }
.product .images a{ display:block;}
.product .images img{ width:100%; height:auto;}
.product .summary{ float:left; width:50%; }
.product .summary h1{ border-bottom:1px solid #CCC; display:block; margin-bottom:3px;}
.product .summary h2{ margin-bottom:0px;}
.cart{ border-top:1px solid #CCC; padding-top:20px; margin-top:15px;}
.price del span.amount{ font-size:11px !important; color:#C00 !important;}
.product .woocommerce-tabs { float:left; width:100%; border-top:1px solid #CCC; margin-top:20px;}
p.comment-form-comment{ width:100%;}
p.comment-form-comment labe{ float:left; width:20%; margin-right:2%; text-align:right;}
p.comment-form-comment textarea{ float:right; width:80%; margin-right:2%}
/*#comment{ width:78%;}*/
.product .related { float:left; width:98%;}
.product  ul{ margin-left:15px; font-family: 'PT Sans Narrow', sans-serif; list-style:circle; }
.product  ul ul{ margin-left:}
.product  ul li{}
.onsale{ position:absolute; width:80px; height:57px; background:#090; color:#FFF; border-radius:40px; text-align:center; padding-top:23px;}
.amount { color:#98c638; font-size:16px; }
.add_to_cart_button{ display:none;}

.minus, .plus{ background:#333; color:#FFF; border:0px; height:20px;}
.qty { width:50px!important; padding-bottom: 2px; text-align:center; }

.view-more-item{ display:block !important;}
.posted_in a{ color:#999; }

ul.tabs{ display:block; padding-top:15px;}
ul.tabs li{ display:inline-block; margin-right:15px; font-size:21px; }
ul.tabs li a{ color:#333;}

ul.page-numbers{ display:block;}
ul.page-numbers li{ display:inline-block; margin-right:10px;}
ul.page-numbers li a{ color:#093;}

p.stars a{ color:#F90; margin-right:5px;}


.col-1 header, .col-2 header{ background:none; }
.col-1 header a, .col-2 header a{ color:#333;}
.myaccount_user a{ color:#333;}


.woocommerce-breadcrumb{ font-size:16px; padding-bottom:10px;}
.woocommerce-breadcrumb a{ color:#98c638;}
.woocommerce-message a{ color:#F90;}
.product-name a{ color:#333;}
a.shipping-calculator-button{ color:#333;}
.woocommerce .woocommerce-info::before, .woocommerce-page .woocommerce-info::before{ background-color:#99c638 !important; }
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info{border-top: 3px solid #99c638 !important;}
a.showcoupon{ color:#99c638;}
a.about_paypal{ color:#333;}

/*  Sidebar  */
#sidebar{ margin-top:48px;}
#sidebar h3{ font-size:21px;}
#sidebar p{ margin-bottom:0px;}
#sidebar ul li a{ color:#333;}
#sidebar ul li { position:relative; width:98%; display:block; }
ul.product_list_widget li{ min-height:50px;}
ul.product_list_widget li .amount{ font-size:13px;}
#sidebar .cart_list img{ width:35px; height:auto; margin-right:8px; float:left;}
#sidebar p.buttons a{ color:#98c638;}
.widget_shopping_cart_content { border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:15px; }
ul.product-categories{ border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:15px; }


/* Pages*/
.pages{padding-bottom:90px;}
.pages h1{ background:url(images/icono.png) no-repeat left; padding-left:30px; padding-top:15px; padding-bottom:2px; color:#99c638; font-size:20px; }
.pages h2{ color:#8d8d8d; padding-bottom:0px; margin-bottom:0px; line-height:1em; font-size:18px;}
.pages p{ margin-bottom:25px; color:#8d8d8d; font-size:15px;}
.pages strong{ color:#8d8d8d;}
.pages ul{ list-style:circle; margin-left:10ºpx;}
.pages ol li{ margin-bottom:20px; list-style-position:outside; margin-left:15px;}
.pagina{ float:left; width:63%; margin:1%; padding-right:10%;  }


/* Formulario */
#loginform{ max-width:400px;}
#theme-my-login p{ margin-bottom:5px;}
#loginform label, #loginform input{ width:96%; padding:4px 1.5%; }
#loginform label, #loginform input#wp-submit{ width:inherit;}
#loginform label, #loginform input#rememberme{  width:inherit;}
p.forgetmenot{ margin-bottom:5px; }
ul.tml-action-links{ display:block;}
ul.tml-action-links li{ display:inline-block; margin-right:20px;}
ul.tml-action-links li a{ color:#333;}


/* Contacto */
#formulario{ position:relative; width:100%;}
#formulario input{ width:98%; padding:5px 1%; border:solid 1px #CCC;}
#formulario textarea{ width:98%; padding:5px 1%; border:solid 1px #CCC;}

iframe{ max-width:100%;}

/*---------------------- Footer ----------------------*/
footer{  width:100%; min-height:100px; background:url(images/footer-back.png) no-repeat center bottom #FFF;}
#footer{ height:100px; position:relative; max-width:1200px; margin:0 auto; color:#FFF;}
#info{ background:url(images/ubicacion.png) no-repeat left; padding-left:25px; padding-top: 20px; position:absolute; left:1%; bottom:20px;}
#firma{ position:absolute; right:1%; bottom:20px;}
footer a{ color:#FFF;}



/* Tamaños de Grid*/
/*.wrapp img{ max-width:98%; height:auto; margin:1%;}*/
.grid1{ float:left; width:6.33333333333%; margin:1%;}
.grid2{ float:left; width:14.6666666667%; margin:1%;}
.grid3{ float:left; width:23%; margin:1%;}
.grid4{ float:left; width:31.3333333333%; margin:1%;}
.grid5{ float:left; width:39.6666666667%; margin:1%;}
.grid6{ float:left; width:48%; margin:1%;}
.grid7{ float:left; width:56.3333333333%; margin:1%;}
.grid8{ float:left; width:64.6666666666%; margin:1%;}
.grid9{ float:left; width:73%; margin:1%;}
.grid10{ float:left; width:81.3333333333%; margin:1%;}
.grid11{ float:left; width:89.6666666666%; margin:1%;}
.grid12{ float:left; width:98%; margin:1%;}

.tp-bannershadow.tp-shadow2{ background:none !important;}

#mainSidebar img{ height:auto;}

#sidebar a{ color:#09F; }


video.wp-video-shortcode, .wp-video-shortcode video { max-height: 425px !important; height:auto !important; width:100%;}

.price{ display:none !important; }
/* IPHONE */
@media only screen and (min-width: 120px) and (max-width: 640px) { 
/* HEADER */
#top{ position:relative; width:100%;  height:auto; background:#4570b6; min-width:0px;}
#top .wrapp{ color:#FFF; padding:5px 2%; width:96%; margin:0 auto;}
#datos{ float:left; width:100%; text-align:center;}
#frase{ float:left; width:100%; text-align:center; padding:0;}
#redes{ float:right; width:100%; text-align:center;}
#redes a{ float:left;}
#logo{ float:left; margin:120px 0px 10px 10px; }
#tel { position:inherit; float:left; width:90%; margin-left:2%; text-align:center;}
#log{ margin-top:-50px;}
#header{  position:relative; z-index:999; width:100%; background:url(images/header-back.png) no-repeat center top #FFF; padding-top:10px; }

#responsiveNav{ display:block; float:right; width:100%;}

#navegacion{ display:none;}

#container{ width:96%; padding:0 2%;}

#blue .grid8{ width:92%; margin:20px 4% 10px;}
#blue .grid4{ width:96%; float:none; position:relative; margin:0 auto; text-align:center;}
#gris .grid3{ width:48%; height:300px; margin-left:1%;}


#slider #wrapper{ width:98%;}
#botonslide{ display:none;}


/*Grids */
.grid1, .grid2, .grid3, .grid4, .grid5,.grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{ float:left; width:98%; margin:1%;}

.producto {  float:left; width:46%; margin:1%; background:#f5f5f5; padding-top:3px; padding-bottom:5px;}
.producto h3{ max-height:26px; overflow:hidden; padding-left:30px;}

/* Footer*/
#info{ float:left; background:url(images/ubicacion.png) no-repeat left; padding-left:25px; padding-top: 20px; margin-top:20px; position:inherit; left:1%; bottom:20px;}
#firma{ float:left; position:inherit right: auto; bottom:20px; left:1%;}

}

/*Ipad Vertical*/
@media only screen and (min-width: 641px) and (max-width: 760px) {
/* HEADER */
#top{ position:relative; width:100%;  height:auto; background:#4570b6; min-width:0px;}
#top .wrapp{ color:#FFF; padding:5px 2%; width:96%; margin:0 auto;}
#datos{ float:left; width:100%; text-align:center;}
#frase{ float:left; width:100%; text-align:center; padding:0;}
#redes{ float:right; width:100%; text-align:center;}
#redes a{ float:left;}
#logo{ float:left; margin:120px 0px 10px 10px; }
#header{  position:relative; z-index:999; width:100%;background:url(images/header-back.png) no-repeat center top #FFF; padding-top:10px; }

#tel { position:inherit; float:left; width:94%; margin-left:2%; text-align:center;}

#responsiveNav{ display:block; float:right; width:100%;}

#navegacion{ display:none;}

#container{ width:96%; padding:0 2%;}

#blue .grid8{ width:90%; margin:20px 5% 10px;}
#blue .grid4{ float:none; position:relative; margin:0 auto;}


.producto {  float:left; width:46%; margin:1%; background:#f5f5f5; padding-top:3px; padding-bottom:5px;}

}
/*Ipad Horizontal*/
@media only screen and (min-width: 961px) and (max-width: 1024px) {
/*.expositor{ margin-bottom:0.4%; }*/
}

/* IPAD */
@media only screen and (min-width: 761px) and (max-width: 1024px) { 
/* HEADER */
#top{ position:relative; width:100%;  height:40px; background:#4570b6; min-width:0px;}
#top .wrapp{ color:#FFF; padding:5px 2%; width:96%; margin:0 auto;}
#datos{ float:left;}
#frase{ float:right; padding-right:20px;}
#redes{ float:right; width:90px;}
#redes a{ float:left;}
.logo{ float:left; margin:20px 0px 10px 10px; }
#header{  position:relative; z-index:999; width:100%; background:url(images/header-back.png) no-repeat center top #FFF; padding-top:10px; }

#responsiveNav{ display:block; position:relative; width:100%;}
#log{ position:absolute; right:10px; top:1px;}
.current-menu-item a{ color:#FFF !important	; }

#navegacion{ display:none;}

#container{ width:96%; padding:0 2%;}


}

/* MOBILE */
@media only screen and (max-width: 950px){
}

/* ALL WIDER SCREENS */
@media only screen and (min-width: 1024px){
}

/* MEDIUM SCREENS */
@media only screen and (min-width: 951px) and (max-width: 1100px){ 
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1300px) {  
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}