/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(//fonts.googleapis.com/css?family=Dosis:400,800,700,500,600,300,200); /* font-family: 'Dosis', sans-serif; */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic); /* font-family: 'Open Sans', sans-serif; */

* {margin: 0; padding: 0; border: none; list-style: none; text-decoration: none; box-sizing: border-box; font-weight: 400;}
body {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #5c5c5c; font-weight: 400;}
a {color:#0a2d5a;}

/* Structure */

.row {float: left; width: 100%;}
.container { margin: 0 auto; width: 950px;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* rows */
.headerRow {background: #0b2048; text-align: center; position: relative; height: 132px; padding-top: 35px;}
.menuRow {background: url(images/menuBack.png) left bottom repeat-x; text-align: center; position: relative; z-index: 10;}
.bannerHomeRow {background: #f1ebdb; padding: 15px 0; text-align: center;}
.bottomBannerHomeRow {background: #a3cdbf; padding: 60px 0; text-align: center;}
.singleRow {padding: 50px 0 0 0;}
.productRow {padding: 10px 0 40px;}
.greyRow { padding: 50px 0; background: #d8d8d8;}
.pagesRow {padding: 50px 0;}

.scrolled .menuRow {position:fixed; top:0;z-index:100;}
img.alignnone {float: left; width: 100%; height: auto;}

/* Header */

.leftHeader {float: left; width: auto; margin-top: 5px;}
.centerHeader {position: absolute; top: 0; left: 50%; margin-left: -130px;}
.rightHeader {float: right; width: auto; position: relative;}

.headerRow .phone {float: left; width: auto; font-family: 'Dosis', sans-serif; font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase;}
.headerRow .phone span {color: #d8ca9e; font-weight: 600;}
.headerRow .socials {float: left; clear: left; width: auto; margin-top: 5px;}
.headerRow .socials a {float: left; width: auto; font-size: 20px; color: #a3cdbf; margin-right: 25px;}
.headerRow .socials a:hover {color: #fff;}
.headerRow .carrito {float: right; width: auto; background: url(images/compraIcon.png) no-repeat; padding-left: 30px; height: 25px; font-family: 'Dosis', sans-serif; line-height: 25px; font-weight: 600; font-size: 20px; color: #fff;}
.headerRow .searchBar {float: right; width: auto; clear: right; margin-top: 5px;}
.headerRow .searchBar input {float: left; width: 160px; height: 30px; background: none; border: none; border-bottom: 1px solid #fff; line-height: 30px; color: #fff; font-size: 18px; font-weight: 300; font-family: 'Dosis', sans-serif;}
.headerRow .searchBar input#searchsubmit { width: 10px;}

.headerCartBox {position: absolute; display: none; z-index: 20; top: 35px; right: 0; width: 230px; background: #fff; box-shadow: #ccc 0 0 10px;}
.headerCartBox h3 {float: left; width: 100%; padding: 10px 0; font-family: 'Dosis', sans-serif; font-size: 18px; font-weight: 700; border-bottom: 3px solid #a3cdbf; color: #0a2d5a;}
.headerCartBox .cartItem {float: left; width: 100%; padding: 10px 5px; border-top: 1px solid #979797;}
.headerCartBox .cartItem .image {float: left; width: 30%;}
.headerCartBox .cartItem  .image img {float: left; width: 100%; height: auto; padding: 0;}
.headerCartBox .cartItem .text {float: right; width: 65%; text-align: left;}
.headerCartBox .cartItem p {float: right; width: 100%; font-size: 12px !important; margin: 0 !important;}
.headerCartBox .cartItem a,
.headerCartBox .cartItem p.price {color: #0a2d5a; font-weight: 700;}
.headerCartBox .total {float: left; padding: 10px 0; width: 100%; background: #a3cdbf; font-family: 'Dosis', sans-serif; font-size: 18px; font-weight: 700; color: #0a2d5a; text-transform: uppercase; text-align: center;}
.headerCartBox .cartBtn {float: left; width: 80%; margin: 10px 10%; padding: 0; height: 40px; line-height: 40px; border-radius: 20px; background: #0b2048; font-size: 14px; font-weight: 700; color: #fff; text-align: center;}
.headerCartBox .greenBtn {background: #a3cdbf; margin-bottom:-5px;}
.headerCartBox .cartBtn:hover {background: #a3cdbf;color: #0a2d5a;}
.headerCartBox .greenBtn:hover {background: #0a2d5a;color:#fff;}

/* Menu */

.site-navigation {display: inline-block; width: auto;}
.site-navigation ul {float: left; width: auto;}
.site-navigation ul li {float: left; width: auto;  position: relative;}
.site-navigation ul li:nth-child(1) {margin-left: 0;}
.site-navigation ul li a {float: left; width: auto; padding: 0 30px; font-family: 'Dosis', sans-serif; height: 47px; line-height: 47px; font-weight: 600; font-size: 18px; color: #0a1639; text-transform: uppercase; font-weight: 700; }
.site-navigation ul li:hover > a,
.site-navigation ul li.current-menu-item > a {color:#fff;}
.site-navigation ul li.menu-item-has-children:hover > a {box-shadow:#999 0 0 3px;background: #fff; color: #8dbcae;}
.site-navigation ul li:nth-child(6) > a:after {font-family: 'fontawesome'; content: '\f0d7'; margin-left: 3px;}

.site-navigation ul li ul {display: none; position: absolute; top: 45px; width: 100%; right: 0; background: #fff;box-shadow:#999 0 0 3px;text-align:left;}
.site-navigation ul li:hover ul {display: block;}
.site-navigation ul li ul li {float: left; width: 100%; padding: 0 10px; margin: 0;}
.site-navigation ul li ul li a {float: left; width: 100%; height: auto; line-height: 40px; padding:0;font-family: 'Open Sans', sans-serif; font-size: 14px; color: #717171; border-top: 1px solid #979797; text-transform: none; letter-spacing: normal; font-weight: 300;}
.site-navigation ul li ul li a:hover, .site-navigation ul ul li.current-menu-item > a {font-weight:bold; color: #717171;}
.site-navigation ul li ul li:nth-child(1) > a {border: none;}

/* Home */

.sliderhomeRow {float: left; width: 100%; position: relative;}
.deslizador {float: left; width: 100%; margin-top: -20px;}
.deslizador .item {float: left; width: 100%; height: 440px; background-size: auto 100%; background-position: top center; background-repeat: no-repeat;}
.deslizador .info {float: left; width: 330px; margin-top: 100px; text-align: center;}
.deslizador .info h1 {float: left; width: 100%; font-size: 47px; font-weight: 700; color: #0a2d5a; padding-bottom: 35px; margin-bottom: 15px; background-image: url(images/waveHome.png); background-position: bottom center; background-repeat: no-repeat;}
.deslizador .info h3 {float: left; width: 100%; font-size: 20px; font-weight: 700; color: #5c5c5c; margin-bottom: 5px;}
.deslizador .info p {float: left; width: 100%; padding: 0 10%; font-size: 15px; color: #5c5c5c;}
.deslizador .info a {float: left; width: 60%; margin: 0 20%; padding: 0; height: 40px; line-height: 40px; border-radius: 20px; background: #0b2048; font-size: 14px; font-weight: 700; color: #fff; text-align: center; margin-bottom: -30px; margin-top: 20px;}
.deslizador .info a:hover {background: #a3cdbf; color: #4d4d4d;}
.pestanias {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 15;}
.pestanias a {display: inline-block; width: 130px; height: 40px; line-height: 40px; border-radius: 15px 15px 0 0; background: rgba(255,255,255,0.7); box-shadow: #ccc 0 0 10px; text-align: center; font-size: 12px; color: #5c5c5c;}
.pestanias a:hover,
.pestanias a.active {background: #9b9b9b; color: #fff;}

.bannerHomeRow .banner {display: inline-block; width: 47%; background: #fff; vertical-align: top; margin: 0 1%;}
.bannerHomeRow .banner .image {float: left; width: 50%; height: 160px; background-size: auto 100%; background-position: top center; background-repeat: no-repeat;}
.bannerHomeRow .banner .text {float: left; display: inline-block; width: 50%; height: 160px; vertical-align: middle; padding: 0 10px;}
.bannerHomeRow .banner .text div {display: table-cell; ; width: 100%;  height: 160px; vertical-align: middle;}
.bannerHomeRow .banner .text h3 {float: left; width: 100%; font-size: 26px; font-weight: 700; text-transform: uppercase;}
.bannerHomeRow .banner .text p {float: left; width: 100%; font-size: 15px; color: #5c5c5c; line-height: 1.2em; margin-bottom: 5px;}
.bannerHomeRow .banner .text a {font-size: 13px; color: #b1d5cb; font-weight: 700; text-transform: uppercase;}
.bannerHomeRow .banner .text a:hover {color:#0a1639;}

.bottomBannerHomeRow h1 {float: left; width: 100%; font-size: 28px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 1.2em;}
.bottomBannerHomeRow .banner {display: inline-block; width: 260px; margin: 25px;vertical-align:top;}
.bottomBannerHomeRow .banner .image {width: 260px; height: 260px; background-size: cover; background-position: top center; background-repeat: no-repeat; border: 10px solid #fff; border-radius: 130px;}
.bottomBannerHomeRow .banner h3 {float: left; width: 100%; font-size: 18px; font-weight: 700; color: #0a2d5a; margin: 15px 0;}
.bottomBannerHomeRow .banner p {float: left; width: 100%; font-size: 14px; font-weight: 600; color: #fff;}

.productsHomeRow .owl-controls .owl-nav div.owl-prev {left: -30px;}
.productsHomeRow .owl-controls .owl-nav div.owl-next {right: -30px;}

.owl-carousel .owl-stage {margin: 0 auto;}


/* Category */

.headercategory {float: left; width: 100%; text-align: center;}
.headercategory .left {float: left; width: 52%; height: 300px;}
.headercategory .left.center { width: 100%; height: auto;}
.headercategory .left h1 {float: left; width: 100%; font-size: 45px; font-weight: 900; text-transform: uppercase; color: #0a2d5a; letter-spacing: -1px; margin: 20px 0; padding: 30px 0; background: url(images/categoryWaves.png) bottom center no-repeat}
.headercategory .left p {float: left; width: 100%; font-size: 14px; padding: 0 20%;}
.headercategory .right {float: left; width: 48%; text-align: center;}
.headercategory .right img {display: inline-block; width: 100%; height: auto;}

.woocommerce .woocommerce-breadcrumb {float: left; width: 100%; text-align: left; font-size: 14px; border-bottom: 4px solid #a3cdbf; padding-bottom: 10px;}
.woocommerce .woocommerce-breadcrumb a { color: #8dbcae; text-decoration: underline;}
.woocommerce-info {float: left; width: 100%;}

.woocommerce .products ul, .woocommerce ul.products {text-align: center;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: none; position: relative; display: inline-block; vertical-align: top; margin: 0 1% 60px 1%; padding: 10px; position: relative; width: 22.5%; background: #fff; box-shadow: #ccc 0 0 10px;}
.woocommerce ul.products li.product:hover { box-shadow: #aaa 0 0 20px;}
.woocommerce ul.products li.product h3 {float: left; width: 100%; text-align: center; font-size: 18px; font-weight: 700; color: #0a2d5a; padding: 5px 0;}
.woocommerce ul.products li.product p {float: left; width: 100%; text-align: center;  font-size: 12px; color: #5c5c5c; font-weight: 400;}
.woocommerce ul.products li.product .price {float: left; width: 100%; text-align: center; font-size: 18px; color: #0a2d5a; padding: 5px 0;}
.woocommerce ul.products li.product .price span {font-weight: 700;}
.woocommerce ul.products li.product .button, .woocommerce a.button {float: left; position: absolute; left: 0; bottom: 10px; width: 80%; margin: 0 10%; padding: 0; height: 40px; line-height: 40px; border-radius: 20px; background: #0b2048; font-size: 14px; font-weight: 700; color: #fff; text-align: center; margin-bottom: -30px;}
.woocommerce ul.products li.product .button:hover, .woocommerce a.button:hover {background: #a3cdbf; color: #4d4d4d;}
.woocommerce a.added_to_cart {display:none!important}
.woocommerce a.button {float: left; width: auto; padding: 0 20px; margin: 0; margin-top: 5px;}
.woocommerce-cart table.cart input {width: auto; padding: 0 30px;}
.woocommerce ul.products .owl-item li.product {width:98%;margin-top:10px;}

.soldout {position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; display: inline-block; background: rgba(255,255,255,0.8); padding-bottom: 30px; box-sizing: content-box;}
.soldout div {display: table-cell; ; width: 350px; height: 265px; vertical-align: middle; font-size: 30px; font-weight: 900; color: #5c5c5c; text-align: center;}

/* Producto */

.woocommerce div.product { float: left; width: 100%; margin-top: 10px;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { border: 6px solid #f7f7f7; box-shadow: #ccc 0 0 10px;}
.productText {float: right; width: 48%;}
.productText .productTitle {float: left; width: 100%; font-size: 35px; font-weight: 700; color: #0a2d5a;}
.productText .productDescription {float: left; width: 100%; font-size: 18px; color: #5c5c5c;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: left; width: 100%; margin: 0; margin-top: 15px;	}
.woocommerce div.product form.cart {float: left; width: 100%; margin-bottom: 0;}
.woocommerce div.product form.cart .cantidad, .woocommerce div.product form.cart .variations {float: left; width: 45%; margin-right: 5%;}
.woocommerce div.product form.cart .cantidad span, .woocommerce div.product form.cart .variations label {float: left; width: 100%; font-size: 14px;font-weight:normal; margin-bottom: 10px;}
.woocommerce div.product form.cart div.quantity {float: left; width: 100%;}
.woocommerce .quantity .qty,
.woocommerce .variations select {float: left; width: 100%; background: #e9e9e9; height: 40px; line-height: 40px; border-radius: 5px; padding: 0 5px; text-align: left;}
.woocommerce div.product form.cart div.quantity {width:100%;}
.woocommerce div.product form.cart .button,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce input.button {float: left; margin-left:30px;width: 50%;  padding: 0; height: 40px; line-height: 40px; border-radius: 20px; background: #0b2048; font-size: 14px; font-weight: 700; color: #fff; text-align: center;}
.woocommerce div.product form.cart .button {float: right; margin-top: 10px;}
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover {background: #a3cdbf; color: #4d4d4d;}

.woocommerce div.product div.summary .product_title,
.woocommerce div.product div.summary p,
.woocommerce div.product div.summary .product_meta {display: none;}

.woocommerce #content div.product .woocommerce-tabs {display: none;}
.woocommerce #content div.product .related {float: left; width: 100%;}
.woocommerce #content div.product .related h2 {float: left; width: 100%; text-align: center;  font-size: 26px; color: #0a2d5a; font-weight: 700; margin-bottom: 20px;}
.woocommerce #content div.product .priceBox {float: left; width: 50%; font-size: 26px; color: #0a2d5a; margin-top: 20px;}
.woocommerce div.product p.price, .woocommerce div.product .price, .woocommerce div.product .price span {  margin-top: -50px; font-size: 26px; font-weight: 700!important; color: #0a2d5a;}
.woocommerce div.product p.price span { font-weight: 700 !important; color: #0a2d5a;}
.woocommerce .related.products p.price, .woocommerce .related.products .price, .woocommerce .related.products .price span {margin-top: 0 !important;}
.woocommerce div.product p.price span.from,
.single-product .product-type-variable .priceBox,
.single-product .woocommerce-message {display: none;}

.woocommerce-variation-add-to-cart .quantity {display: none !important;}
.single-product .woocommerce-variation-price {float:left; width:auto;clear:left;}

.receta {float: left; width: 100%; background: #fff;}
.receta .image {float: left; width: 40%;}
.receta .image img {padding: 0 !important;}
.receta .text {float: left; width: 60%; padding: 25px 30px;}
.receta .text h1 {float: left; width: 100%; font-size: 26px; font-weight: 700; color: #b3b140;}
.receta .text h3 a {float: left; width: 100%; font-size: 26px; font-weight: 700; color: #0a2d5a; margin: 8px 0;}
.receta .text p {float: left; width: 100%; font-size: 14px; color: #435a63;}
.receta .text a.btn {float: left; width: 150px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #435a63; text-align: center; font-size: 14px; color: #0a2d5a; margin-top: 10px;}
.receta .text a.btn:hover { background: #435a63; color: #fff;}

.filtersCont {float: left; width: 100%;}
.filtersCont .woocommerce-result-count {display: none;}
.woocommerce .filtersCont .woocommerce-ordering {float: left;}
.woocommerce nav.woocommerce-pagination {float: right; width: auto; margin-bottom: 10px;}
.woocommerce nav.woocommerce-pagination ul.page-numbers {border: none;}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #a6a6a6; border-radius: 15px; border: none; background: none; margin-right: 2px;}
.woocommerce nav.woocommerce-pagination ul.page-numbers li * {width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0; padding: 0;}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a {color: #a6a6a6;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #a3cdbf; color: #fff;}

.woocommerce .filtersCont p {float: left; width: auto; height: 30px; line-height: 30px; margin-right: 10px;font-size:16px;}
.woocommerce .filtersCont .woocommerce-ordering select {float: left; width: auto;font-size:16px; height: 30px; line-height: 30px; background: #f7f7f7; border-radius: 5px; padding: 0 5px; color: #707070;}
.woocommerce .filtersCont .categorySelect select {float: left; width: auto; height: 30px;font-size:16px; line-height: 30px; background: #fff; border: 2px solid #a3cdbf; border-radius: 5px; padding: 0 5px; color: #707070; margin-right: 10px;}

/* Finalizar Compra */

.woocommerce-shipping-fields {margin-top: 30px;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {float: left; width: 100%;}
.woocommerce-page .col2-set .col-1 h3, .woocommerce-page .col2-set .col-2 h3, h3#order_review_heading,
.woocommerce-checkout-review-order .paso2 h2, .woocommerce-checkout-review-order .paso3 h2 {float: left; width: 100%;  font-family: 'Dosis', sans-serif; font-size: 26px; font-weight: 600; color: #0a2d5a;}
.woocommerce-checkout-review-order .paso2 h2, .woocommerce-checkout-review-order .paso3 h2 {margin-bottom: 20px;}
h3#order_review_heading { margin-bottom: 30px;}
.woocommerce .col2-set .col-1 input, .woocommerce-page .col2-set .col-1 input,
.woocommerce .col2-set .col-1 select, .woocommerce-page .col2-set .col-1 select,
.woocommerce-FormRow input {float: left; width: 100%; border-bottom: 1px solid #979797; height: 30px; line-height: 30px; font-size: 15px;}
.woocommerce input.input-checkbox { width: auto !important;}
.woocommerce-info {border-top-color: #a3cdbf;}
.woocommerce-info:before {color: #a3cdbf;}

.woocommerce-billing-fields,
.woocommerce-checkout-review-order .paso2,
.woocommerce-checkout-review-order .paso3 { padding-left: 80px; padding-top: 8px;}
.woocommerce-billing-fields {background: url(images/compra01.jpg) top left no-repeat;}
.woocommerce-checkout-review-order .paso2 {background: url(images/compra02.jpg) top left no-repeat;}
.woocommerce-checkout-review-order .paso3 {background: url(images/compra03.jpg) top left no-repeat;}
h3#order_review_heading {padding-left: 80px; margin-top: 10px;}
.woocommerce-shipping-fields h3#order_review_heading {padding-left: 0; margin-top: 0;}
.woocommerce-checkout #payment ul.payment_methods {padding: 20px 0;}
.woocommerce-checkout #payment { background: none;}
.woocommerce-checkout #payment li {float: left; width: 30%; background-color: #f8f8f8; padding: 10px; padding-top: 80px; border-radius: 10px; margin-right: 4% !important; font-family: 'Dosis', sans-serif; font-size: 20px; font-weight: 700; color: #0a2d5a; text-align: center !important;}
.woocommerce-checkout #payment li.payment_method_cheque {background: #f8f8f8 url(images/tarjeta.png) center 10px no-repeat;}
.woocommerce-checkout #payment li.payment_method_cod {background: #f8f8f8 url(images/efectivo.png) center 10px no-repeat;}
.woocommerce-checkout #payment div.payment_box {display: none !important;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: left; width: auto; padding: 0 30px; margin-left: 0 !important;}
.woocommerce form .form-row textarea {float: left; width: 100%; padding: 5px; font-family: 'Open Sans', sans-serif; height: 200px; font-size: 15px; background: #f8f8f8;}
.woocommerce .wc-proceed-to-checkout a.button {float: right !important;    width: 100%;     position: relative;}
.woocommerce .cart .button { background: #bbb; color: #666;}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 120px; }
.woocommerce .cart .quantity .qty {    width: 70px;   text-align: center;}

.woocommerce-order-received .entry-title {display: none;}
.woocommerce-thankyou-order-received {float: left; width: 100%; background: url(images/gracias.jpg) top center no-repeat; text-align: center; font-size: 14px; padding-top: 200px; margin: 30px 0 80px 0;}
.woocommerce .order_details li { font-size: 15px; margin.bottom: 20px;}
.woocommerce-order-received h2 {float: left; width: 100%; font-family: 'Dosis', sans-serif; font-size: 26px; font-weight: 600; color: #0a2d5a; margin-bottom: 10px;}
.woocommerce-checkout-review-order .paso2 #payment {display: none;}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {font-size: 15px;}
.woocommerce form .form-row#billing_postcode_field {float: left !important;}
.woocommerce form .form-row.create-account {display: none;}

/* Pages */
.pagesRow h1.pageTitle,
.woocommerce-page h1.entry-title {float: left; width: 100%; font-family: 'Dosis', sans-serif; font-size: 47px; text-transform: uppercase; color: #0a2d5a; border-bottom: 4px solid #a3cdbf;}
.woocommerce-page h1.entry-title { margin-bottom: 30px;}
.pagesRow .leftColumn {float: left; width: 24%;}
.pagesRow .rightColumn {float: right; width: 68%;}
.pagesRow .rightColumn h1 {float: left; width: 100%; font-family: 'Dosis', sans-serif; font-size: 30px; color: #0a2d5a; margin: 30px 0 10px 0;}
.pagesRow .rightColumn p {float: left; width: 100%; font-size: 14px; margin-bottom: 20px;}
.pagesRow .line {float: left; width: 100%; border-top: 1px solid #979797;}
.pagesRow .mapa {float: left; width: 100%; margin-bottom: 20px;}
.pagesRow .mapa img {float: left; width: 100%; height: auto;}

/* Menu pages */

.pagesRow .menu,
.woocommerce-MyAccount-navigation {float: left; width: 100%; border-bottom: 4px solid #d0e5de;}
.pagesRow .menu li,
.woocommerce-MyAccount-navigation li {float: left; width: 100%; border-top: 1px solid #979797; margin-bottom: 3px; padding-top: 3px;}
.pagesRow .menu li:nth-child(1),
.woocommerce-MyAccount-navigation li:nth-child(1) {border: none;}
.pagesRow .menu li a,
.woocommerce-MyAccount-navigation li a {float: left; width: 100%; font-size: 13px; color: #5c5c5c; height: 50px; line-height: 50px; padding: 0 10px;}
.pagesRow .menu li a:hover,
.woocommerce-MyAccount-navigation li a:hover {background: #d0e5de;}
.woocommerce-MyAccount-content p {font-size: 18px; margin-bottom: 20px;}
.woocommerce-MyAccount-content p a { color: #a3cdbf;}
.post-edit-link {display: none;}

.page-sugerencias #menu-delivery,
.page-nosotros #menu-delivery {display: none;}
.page-zonas-de-envio-medios-de-pago #menu-empresa,
.page-preguntas-frecuentes #menu-empresa,
.page-como-comprar #menu-empresa {display: none;}

.page-nosotros #menu-delivery li:nth-child(1) a,
.page-sugerencias #menu-delivery li:nth-child(2) a,
.page-como-comprar #menu-empresa li:nth-child(1) auto,
.page-zonas-de-envio-medios-de-pago #menu-empresa li:nth-child(2) a,
.page-preguntas-frecuentes #menu-empresa li:nth-child(3) a {background: #d0e5de;}

/* Medios de pago */

.mediosBox {float: left; width: 100%;}
.mediosBox .medio {float: left; width: 33.33%; margin-right: 2%; padding: 10px 10px 5px 10px; border-radius: 20px; background: #f8f8f8; text-align: center;}
.mediosBox .medio h3 {float: left; width: 100%; font-family: 'Dosis', sans-serif; font-size: 20px; font-weight: 700; color: #454545;}

/* Como Comprar */

.pasosBox {float: left; width: 100%; margin-top: 30px;}
.pasosBox .paso {float: left; width: 33.33%; text-align: center;}
.pasosBox .paso p.number {float: left; width: 100%; font-size: 28px; font-weight: 700; color: #0a2d5a;}
.pasosBox .paso .icon {float: left; width: 100%; background-position: top center; background-repeat: no-repeat; height: 50px; margin-bottom: 15px;}
.pasosBox .paso h3 {float: left; width: 100%; font-family: 'Dosis', sans-serif; font-size: 20px; font-weight: 700; color: #0a2d5a; margin-bottom: 15px;}
.pasosBox .paso img {float: left; width: 85%; margin: 7.5%; height: auto;}
.pasosBox .paso p.text {float: left; width: 100%; padding: 0 10%;}

/* Preguntas frecuentes */

.preguntaBox {float: left; width: 100%;}
.preguntaBox .pregunta {float: left; width: 100%; font-size: 14px; color: #0a2d5a; padding: 15px 0; border-bottom: 1px solid #979797; cursor: pointer;}
.preguntaBox .pregunta i {float: right; font-size: 16px;}
.preguntaBox .respuesta {float: left; width: 100%; border-top: 4px solid #a3cdbf; margin-top: -1px; padding-top: 20px; display: none;}
.preguntaBox .respuesta:nth-child(2) {display: block;}
.preguntaBox .pregunta.active i:before {content: '\f0d8';}
.preguntaBox .pregunta:nth-child(1) i:before {content: '\f0d8';}

/* Contacto */

.formulario {float: left; width: 100%; margin-top: 30px;}
.formBox {float: left; width: 100%;}
.formBox li {float: left; width: 100%; margin-bottom: 15px;}
.formBox li .column {float: left; width: 50%; padding-right: 1%;}
.formBox li input {float: left; width: 100%; border-bottom: 1px solid #979797; height: 30px; line-height: 30px; font-size: 15px;}
.formBox li textarea {float: left; width: 100%; padding: 5px; font-family: 'Open Sans', sans-serif; height: 250px; font-size: 15px; background: #f8f8f8;}
.formBox li input.wpcf7-submit {float: right; width: 150px; margin-top: 10px; padding: 0; height: 40px; line-height: 40px; border-radius: 20px; background: #0b2048; font-size: 14px; font-weight: 700; color: #fff; text-align: center; border: none; cursor: pointer;}
.formBox li input.wpcf7-submit:hover {background: #a3cdbf; color: #4d4d4d;}

.wpcf7-response-output {float: left; width: 100%; border: none !important; padding: 0; margin: 0;}

/* Recetas */

.post {float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #ccc;}
.post .image {float: left; width: 30%; padding: 0 15px 0 0;}
.post .image img {float: left; width: 100%; height: auto;}
.post .text {float: left; width: 70%;}
.post .text h2 a {float: left; width: 100%; padding-bottom: 10px;font-family: 'Dosis', sans-serif; font-size: 30px; font-weight: 700; color: #0a2d5a;}
.single .image img {float: left; width: 100%; height: auto; padding: 15px 0;}
.single .excerpt {float: left; width: 100%; padding-bottom: 10px;font-family: 'Dosis', sans-serif; font-size: 20px; color: #0a2d5a;}
.single .text p {float: left; width: 100%; line-height: 1.5em; font-size: 14px; margin-bottom: 20px;}

/* Footer */

.site-footer {padding-bottom: 60px;}
.site-footer .container {border-top: 2px solid #f3f3f3; padding: 60px 0; margin-top: -2px;}
.home .site-footer .container {border: none;}
.site-footer .left {float: left; width: 20%;}
.site-footer .left .phone {float: left; width: auto; font-family: 'Dosis', sans-serif; font-size: 35px; font-weight: 700; color: #0b2049; text-transform: uppercase; line-height: 35px;}
.site-footer .left .phone span {float: left; width: 100%; font-size: 23px; color: #d8ca9e; font-weight: 600; line-height: 23px;}
.site-footer .left .socials {float: left; clear: left; width: auto; margin-top: 5px; margin-top: 30px;}
.site-footer .left .socials a {float: left; width: auto; font-size: 25px; color: #b8b8b8; margin-right: 40px;}
.site-footer .left .socials a:hover {color: #a3cdbf;}

.site-footer .menuCol {float: left; width: 20%;}
.site-footer .menuCol h3 {float: left; width: 100%; font-size: 16px; font-weight: 700; color: #626262;}
.site-footer .menuCol ul {float: left; width: 100%;}
.site-footer .menuCol ul li {float: left; width: 100%; margin-top: 5px;}
.site-footer .menuCol ul li a {float: left; width: 80%; font-size: 12px; color: #626262;}
.site-footer .menuCol ul li a:hover { color: #0b2049;}
.site-footer .menuCol ul li ul {display: none;}


.site-footer .right {float: left; width: 40%;}
.site-footer .right .menuCol {width: 45%;}
.site-footer .right .newsletter {float: left; width: 55%;}
.site-footer .right .newsletter h3 {float: left; width: 100%; font-size: 16px; color: #0b2049; font-weight: 700;}
.site-footer .right .contactData {float: left; width: 100%; margin-top: 15px; font-size: 13px; color: #505050;}
.site-footer .right .contactData strong {font-weight: 700;}

.newsletterForm {float: left; width: 100%; height: 40px; line-height: 40px; border-radius: 5px; background: #f7f7f7; margin-top: 10px;}
.newsletterForm input {float: left; width: 80%; height: 40px; line-height: 40px; background: none; border: none; padding: 0 5px; color: #7c7c7c; font-size: 17px;}
.newsletterForm input.wpcf7-submit {float: left; width: 20%; margin: 0; text-indent: 5000px; overflow: hidden;}

.woocommerce-error, .woocommerce-info, .woocommerce-message {float:left;width:100%;}

/* Responsive */

.menuResponsive {display: none;}
.responsiveBtn {display: none;}

@media all and (max-width: 960px) {
	.container {float: left; width: 100%; padding: 0 20px;}
	.site-footer .container {padding: 60px 20px;}
	.site-navigation ul li {float: left; width: auto; margin-left: 0;}
}

@media all and (max-width: 770px) {
	.deslizador .item .container {text-align: center;}
	.deslizador .item { background-image: none !important;}
	.deslizador .info {float: none; display: inline-block;}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 30%;}
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {float: none !important;}
	.site-footer .left {width: 100%;}
	.site-footer .menuCol { width: 50%; margin-top: 20px;}
	.site-footer .right { width: 100%; margin-top: 20px;}
	.site-footer .right .menuCol { margin-top: 0; width: 50%;}
	.site-footer .right .newsletter { width: 50%;}
	.headerRow {position:fixed;top:0;z-index:100;}
	.site-content {padding-top:132px;}
	.menuRow {display: none;}
	.leftHeader,
	.rightHeader {display: none;}
	.responsiveBtn {position: absolute; right: 20px; top: 20px; font-size: 30px; color: #fff; display: block;}
	.menuResponsive {position: absolute; top: 132px; left: 0; z-index: 20; width: 100%; background: #fff; padding-bottom: 20px;}
	.menuResponsive .blueBox {float: left; width: 100%; padding: 0 0 15px 0; background: #0b2048;}
	.menuResponsive .blueBox .carrito {float: none; display: inline-block; width: auto;}
	.menuResponsive .blueBox .phone {float: none; display: inline-block; width: 55%;padding-right: 10px;}
	.menuResponsive h3 {float: left; width: 100%; text-align: left; padding: 0 15px; font-family: 'Dosis', sans-serif; font-weight: 600; font-size: 25px; color: #0a1639; margin-top: 10px;}
	.menuResponsive ul li {float: left !important; width: 100% !important; text-align: left !important;} 
	.menuResponsive ul li a { width: 100% !important; padding: 0 15px !important; font-family: 'Open Sans', sans-serif !important; font-size: 17px !important; font-weight: 400 !important; color: #5c5c5c !important; height: auto !important; line-height: 25px !important; text-transform: none !important;}
	.menuResponsive ul li a:after {display: none;}
	.menuResponsive ul li ul {display: none !important;}
	.headerRow .socials {float: none; display: inline-block; margin-top: 20px;}
	.menuResponsive  .socials a {font-family: 'Dosis', sans-serif; font-weight: 300; font-size: 17px; color: #0a1639; }
	.menuResponsive  .socials a i {font-size: 20px; color: #a3cdbf; margin-right: 10px;}
	.productText {float: right; width: 100%;}
	.pagesRow h1.pageTitle, .woocommerce-page h1.entry-title {font-size:36px;}
}

@media all and (max-width: 700px) {
	.bannerHomeRow .banner { width: 100%; margin-bottom: 10px;}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: left; width: 100%;}
	.productText {float: right; width: 100%; margin-top: 20px;}
}

@media all and (max-width: 670px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 47%;}
	.headercategory .right {display: none;}
	.headercategory .left p {display: none;}
	.headercategory .left {width: 100%; height: auto;}
	.pagesRow .leftColumn { width: 100%;}
	.pagesRow .rightColumn { width: 100%;}
	.formBox li .column {width: 100%; margin-bottom: 10px;}
	.mediosBox .medio {width: 100%; margin-right: 0;}
	.woocommerce div.product form.cart .cantidad,
	.woocommerce div.product form.cart div.quantity {width: 100%;}
	.woocommerce div.product form.cart .button,
	.woocommerce a.button.alt {margin-left: 0; margin-top: 10px;}

}

@media all and (max-width: 500px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 98%;}
		.site-footer .menuCol { width: 100%;}
	.site-footer .right { width: 100%;}
	.site-footer .right .menuCol { margin-top: 0; width: 100%;}
	.site-footer .right .newsletter { width: 100%; margin-top: 20px;}
	.pestanias a {width: 100px;}
	.woocommerce-checkout #payment li {width: 100%; margin-right: 0 !important; margin-bottom: 10px !important;}
	.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-checkout-review-order { padding-left: 0; background: none !important;}
	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { padding: 0; width: 100%;}
	.productsHomeRow .container {padding: 0 40px;}
	.headercategory .left h1 {font-size:30px;}
	.productsHomeRow .woocommerce ul.products .owl-item {padding-bottom:40px;}
	.productsHomeRow .woocommerce ul.products .owl-item li.product { width: 90%; float:left; min-height: 330px; margin-top: 10px; margin: 10px 5%;min-height:350px;}
}