@charset "utf-8";
/* *****************************************************************
Theme Name: Vida Organica
Theme URI: http://www.vidaorganica.cl
Description: Theme para el sitio vida organica
Author: LinkReloaded
Author URI: http://www.linkreloaded.net
****************************************************************** */
body { color: #000; font-family: OpenSansRegular, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 14px }
.wp-panel { }
.wp-panel h1 { }
.wp-panel h2 { }
.wp-panel h3 { }
.wp-panel h4 { }
.wp-panel h5 { }
.wp-panel h6 { }
.wp-panel p { display: block; font-size: 13px; line-height: 16px; margin-bottom: 5px; width: 100% }
.wp-panel ul { }
.wp-panel li { }
.wp-panel ol { }
.wp-panel a { color: #000; font-weight: bold }
.wp-panel a:hover { }
.wp-panel strong { }
.wp-panel em { }
.wp-panel .wpcf7-form { }
.wp-panel .wpcf7-form p { margin-bottom: 10px }
.wp-panel .wpcf7-form p span { }
.wp-panel .wpcf7-form p span .wpcf7-text { color: #888; border: 1px solid #FDA92E; padding: 3px }
.wp-panel .wpcf7-form p span .wpcf7-textarea { border: 1px solid #FDA92E; padding: 3px; color: #888 }
.wp-panel .wpcf7-form p .wpcf7-submit { background-color: #012D12; padding: 10px 25px; border: none; color: #fff; font-weight: bold; font-size: 14px; line-height: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
img { display: block; height: auto; width: 100% }
.col { margin-left: auto; margin-right: auto; width: 980px }
header { background-color: #fff; padding: 5px 0px }
header #menunav{ display: block;}
header .menu_header { float: left; margin-right: 25px; padding-top: 4px }
header .menu_header ul { }
header .menu_header ul li { float: left; width: auto }
header .menu_header ul li a { color: #012d12; display: block; font-size: 13px; font-weight: bold; line-height: 12px; padding: 5px }
header .menu_header ul li a:hover { text-decoration: underline }
header ul.sociales { float: left }
header ul.sociales  li { display: block; float: left; width: auto }
header ul.sociales  li a { background-position: 0px 0px; background-repeat: no-repeat; display: block; height: 29px; margin-right: 5px; width: 29px }
header ul.sociales  li a:hover { background-position: 0px -29px }
header ul.sociales  li a.tw { background-image: url(img/icono_tw_header.png) }
header ul.sociales  li a.fb { background-image: url(img/icono_fb_header.png) }
header ul.sociales li a.ig { background-image: url(img/icono_ig_header.png) }
header ul.sociales  li.clear { }
#cabecera { padding: 10px 0px }
#cabecera figure.logo-header { float: left; height: 100px; width: 300px }
#cabecera .bloque-pedido { background-color: #012d12; float: right; margin-top: 10px; padding: 10px; width: 250px }
#cabecera .bloque-pedido figure { float: left; height: 50px; margin-right: 10px; width: 55px }
#cabecera .bloque-pedido .txt { color: #fff; float: left; width: 185px }
#cabecera .bloque-pedido .txt .row { margin-bottom: 5px; width: 100% }
#cabecera .bloque-pedido .txt span { width: 70px }
#cabecera .bloque-pedido .txt a { color: #fff; font-style: normal; font-weight: bold }
#cabecera .bloque-pedido .txt a:hover { color: #FDA92E }
#portada { }
#portada .fnd-hojas, #listado .fnd-hojas, #page .fnd-hojas, #post .fnd-hojas { background-color: #333124; background-image: url(img/fnd_header.jpg); background-position: center top; background-repeat: no-repeat }
#portada .fnd-hojas .home-sup, #listado .fnd-hojas .list-sup, #page .fnd-hojas .page-sup, #post .fnd-hojas .producto-sup { background-image: url(img/mask.png) }
#portada .fnd-hojas .home-sup .inf { height: 377px; width: 100%; overflow: hidden; }
#portada .fnd-hojas .home-sup .inf .bannerhome { height: 380px; overflow: hidden; width: 980px }
#portada .fnd-hojas .home-sup .inf .bannerhome ul { height: 380px; width: auto }
#portada .fnd-hojas .home-sup .inf .bannerhome ul li { float: left; height: 377px; width: 980px }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls { width: 320px; margin-left: auto; margin-right: auto; height: 1px; }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-nav { position: absolute; width: 980px; height: 1px; margin-top: -3px; left: 50%; margin-left: -490px; }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-nav .owl-prev { position: absolute; z-index: 999; width: 50px; height: 50px; margin-top: -200px; left: 0; background-image: url(img/fnd_btn_prev.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; line-height: 200px; }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-nav .owl-next { position: absolute; z-index: 999; width: 50px; height: 50px; margin-top: -200px; right: 0; background-image: url(img/fnd_btn_next.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; line-height: 200px; }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-nav .owl-next:hover, #portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-nav .owl-prev:hover { background-position: 0px -51px; }
#portada .fnd-hojas .home-sup .inf .bannerhome ul .owl-controls .owl-dots { display: none; }
#portada .fnd-cont, #listado .fnd-cont, #page .fnd-cont, #post .fnd-cont { background-image: url(img/fnd_contenido.jpg); background-position: center top }
#portada .fnd-cont .home-inf, #listado .fnd-cont .list-inf, #page .fnd-cont .page-inf, #post .fnd-cont .produto-inf { background-image: url(img/mask.png); padding: 0px }
#portada .fnd-cont .home-inf .cat-ppal { margin-bottom: 15px; margin-left: auto; margin-right: auto; padding-top: 20px; width: 820px }
#portada .fnd-cont .home-inf .cat-ppal a.pri { float: left }
#portada .fnd-cont .home-inf .cat-ppal a { background-color: #fda92e; color: #012d12; display: block; float: right; font-size: 23px; font-weight: bold; line-height: 23px; padding: 15px 0px; text-align: center; text-transform: uppercase; width: 400px }
#portada .fnd-cont .home-inf .cat-ppal a:hover { background-color: #012d12; color: #fff }
#portada .fnd-cont .home-inf .prod-dest, #post #single .prod-dest, #page #single .prod-dest, #list #listado .prod-dest { margin-bottom: 10px }
#portada .fnd-cont .home-inf .prod-dest h2, #post #single .prod-dest h2, #page #single .prod-dest h2, #list #listado .prod-dest h2 { color: #fff; font-size: 22px; line-height: 22px; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100% }
#portada .fnd-cont .home-inf .prod-dest ul.prodlist, #post #single .prod-dest ul.prodlist, #page #single .prod-dest ul.prodlist, #list #listado .prod-dest ul.prodlist { margin-left: auto; margin-right: auto; min-height: 245px; padding-left: 40px; width: 850px }
#portada .fnd-cont .home-inf .prod-dest ul.prodlist li, #post #single .prod-dest ul.prodlist li, #page #single .prod-dest ul.prodlist li, #list #listado .prod-dest ul.prodlist li { background-color: #FFF; float: left; margin-bottom: 20px; margin-right: 20px; width: 260px }
#portada .fnd-cont .home-inf .prod-dest ul.prodlist li figure, #post #single .prod-dest ul.prodlist li figure, #page #single .prod-dest ul.prodlist li figure, #list #listado .prod-dest ul.prodlist li figure { height: 195px; width: 260px }
#portada .fnd-cont .home-inf .prod-dest ul.prodlist li h3, #post #single .prod-dest ul.prodlist li h3, #page #single .prod-dest ul.prodlist li h3, #list #listado .prod-dest ul.prodlist li h3 { font-family  OpenSansBold; background-color: #FDA92E; color: #012D12; font-size: 13px; font-style: normal; font-weight: normal; line-height: 13px; min-height: 30px; padding: 8px 10px; text-align: center; width: 240px }
#portada .fnd-cont .home-inf .prod-dest ul.prodlist li:hover h3, #post #single .prod-dest ul.prodlist li:hover h3, #page #single .prod-dest ul.prodlist li:hover h3, #list #listado .prod-dest ul.prodlist li:hover h3 { background-color: #012D12; color: #fff }
#portada .fnd-cont .home-inf .otras-cal { margin-left: auto; margin-right: auto; padding-bottom: 35px; width: 820px }
#portada .fnd-cont .home-inf .otras-cal h3 { color: #fff; font-size: 22px; line-height: 22px; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100% }
#portada .fnd-cont .home-inf  .otras-cal .block-izq { float: left; width: 400px }
#portada .fnd-cont .home-inf .otras-cal .block-izq h3 { text-align: left }
#portada .fnd-cont .home-inf .otras-cal .block-izq .noticias { }
#portada .fnd-cont .home-inf .otras-cal .block-izq .noticias figure { float: left; height: 120px; margin-right: 15px; width: 160px }
#portada .fnd-cont .home-inf .otras-cal .block-izq .noticias .txt { float: left; width: 225px }
#portada .fnd-cont .home-inf .otras-cal .block-izq .noticias .txt h3 { background-color: #FDA92E; color: #012D12; display: block; float: left; font-size: 16px; line-height: 16px; padding: 5px; text-transform: none; width: auto }
#portada .fnd-cont .home-inf .otras-cal .block-izq .noticias .txt p { color: #fff }
#portada .fnd-cont .home-inf .otras-cal .block-der { float: right; width: 400px }
#portada .fnd-cont .home-inf .otras-cal .block-der h3 { text-align: left }
#portada .fnd-cont .home-inf .otras-cal .block-der figure { }
#listado .list-sup { }
#listado .list-inf { }
#listado .list-inf .col { background-color: #fff; margin-bottom: 50px; padding: 30px 50px; width: 880px }
#listado .list-inf .col-list { float: left; padding-left: 30px; padding-top: 25px; width: 580px }
#listado .list-inf .col-list article { background-color: #FFF; float: left;  margin-bottom: 20px; margin-right: 30px; width: 260px ;height: 315px;}
#listado .list-inf .col-list article figure { margin-bottom: 10px }
#listado .list-inf .col-list article  h3 { background-color: #FDA92E; color: #012D12; display: block; float: left; font-size: 16px; line-height: 16px; padding: 5px; text-transform: none; width: auto; margin-bottom: 5px }
#listado .list-inf .col-list article  p { width: 100%; clear: both; color: #000 }
#listado .list-inf .col-list #paginador { clear: both; padding-top: 15px; width: 535px }
#listado .list-inf .col-list #paginador a { font-size: 14px; line-height: 14px }
#listado .list-inf .col-list #paginador a:hover { }
#listado .list-inf .col-list #paginador a .prev { float: left; height: 15px; width: auto; background-color: #FDA92E; padding: 5px 20px; color: #fff }
#listado .list-inf .col-list #paginador a .next { float: right; text-align: right; height: 15px; width: auto; background-color: #FDA92E; padding: 5px 20px; color: #fff }
#listado .list-inf .cat-ppal { margin-bottom: 15px; margin-left: auto; margin-right: auto; padding-top: 20px; width: 840px }
#listado .list-inf .cat-ppal a.pri { float: left }
#listado .list-inf .cat-ppal a { background-color: #fda92e; color: #012d12; display: block; float: right; font-size: 23px; font-weight: bold; line-height: 23px; padding: 15px 0px; text-align: center; text-transform: uppercase; width: 400px }
#listado .list-inf .cat-ppal a:hover { background-color: #012d12; color: #fff }
#listado .list-inf .col-prod { margin-left: auto; margin-right: auto; padding-left: 20px; padding-top: 25px; width: 880px }
#listado .list-inf .col-prod article { background-color: #FFF; float: left;  margin-bottom: 30px; margin-right: 30px; width: 260px ;overflow: hidden;height: 255px;}
#listado .list-inf .col-prod article  h3 { background-color: #012D12; color: #FFF; min-height: 30px; padding: 5px 10px; padding-bottom: 15px; padding-top: 15px; text-align: center; width: 240px }
#listado .list-inf .col-prod article a:hover  h3 { background-color: #FDA92E }
#listado .list-inf .col-prod #paginador { clear: both; padding-top: 15px; width: 535px }
#listado .list-inf .col-prod #paginador a { }
#listado .list-inf .col-prod #paginador a:hover { }
#listado .list-inf .col-prod #paginador a .prev { background-color: #012D12; float: left; height: 15px; width: 120px }
#single { }
#single .producto-sup { }
#single .producto-sup .sup { }
#single .producto-sup .inf { background-color: #fff }
#single .producto-sup  .inf .bl-left { float: left; min-height: 380px; width: 500px }
#single .producto-sup .inf .bl-right { float: right; padding-right: 30px; padding-top: 20px; width: 435px }
#single .producto-sup .inf .bl-right .huella { margin-bottom: 10px; width: 100% }
#single .producto-sup .inf .bl-right .huella ul { clear: none; display: block; float: left; width: auto }
#single .producto-sup .inf .bl-right .huella li { clear: none; display: block; float: left; width: auto }
#single .producto-sup .inf .bl-right .huella .sep { float: left; margin-right: 5px; padding-left: 5px }
#single .producto-sup .inf .bl-right .huella a { clear: none; color: #000; display: block; float: left; width: auto }
#single .producto-sup .inf .bl-right .huella a:hover { }
#single .producto-sup .inf .bl-right h1 { color: #012D12; margin-bottom: 20px }
#single .producto-sup .inf .bl-right .descr { width: 100% }
#single .producto-sup .inf .bl-right .descr h3 { display: block; font-size: 13px; font-weight: bold; line-height: 13px; margin-bottom: 10px }
#single .producto-sup .inf .bl-right .descr .wp-panel { margin-bottom: 20px }
#single .producto-sup .inf .bl-right .descr .caract { margin-bottom: 10px; width: 100% }
#single .producto-sup .inf .bl-right .descr .caract ul { width: 100% }
#single .producto-sup .inf .bl-right .descr .caract ul li { display: block; margin-bottom: 5px; width: 100% }
#single .producto-sup .inf .bl-right .descr .caract ul li label { font-weight: bold }
#single .producto-sup .inf .bl-right .descr .caract ul li span { }
#single .producto-sup .inf .bl-right .descr .caract ul li .clear { }
#single .producto-sup .inf .bl-right .descr .bl-precio { background-color: #012D12; clear: both; color: #fff; float: left; font-size: 14px; font-style: normal; line-height: 14px; padding: 10px; width: auto }
#single .producto-sup .inf .bl-right .descr .bl-precio label { }
#single .producto-sup .inf .bl-right .descr .bl-precio span { }
#single .producto-inf { margin-bottom: 10px }
#single .producto-inf .col { background-color: #fda92e }
#single .producto-inf .bl-left { float: left; padding-left: 150px; padding-top: 25px; width: 350px }
#single .producto-inf .bl-left h3 { color: #012D12; font-size: 18px; font-weight: bold; line-height: 18px; margin-bottom: 10px }
#single .producto-inf .bl-left p { font-size: 13px; line-height: 16px; width: 320px }
#single .producto-inf .bl-right { float: left; padding-top: 25px; width: 370px }
#single .producto-inf .bl-right .formulario { width: 100% }
#single .producto-inf .bl-right .formulario img, .wp-panel form img { height: 16px; width: 16px }
#single .producto-inf .bl-right .formulario span { }
#single .producto-inf .bl-right .formulario .wpcf7-form { }
#single .producto-inf .bl-right .formulario .wpcf7-form p { margin-bottom: 10px }
#single .producto-inf .bl-right .formulario .wpcf7-form .dato { float: left; width: 70px; padding-top: 8px }
#single .producto-inf .bl-right .formulario .wpcf7-form p span { width: 150px; float: left }
#single .producto-inf .bl-right .formulario .wpcf7-form p span .wpcf7-text { color: #888; border: 1px solid #FDA92E; padding: 3px }
#single .producto-inf .bl-right .formulario .wpcf7-form p span .wpcf7-textarea { border: 1px solid #FDA92E; padding: 3px; color: #888 }
#single .producto-inf .bl-right .formulario  .wpcf7-form p .wpcf7-submit { background-color: #012D12; padding: 10px 25px; border: none; color: #fff; font-weight: bold; font-size: 14px; line-height: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left: auto; margin-right: auto; float: none; display: block }
#single .articulo-sup { }
#single .articulo-sup .sup { }
#single .articulo-sup .inf { background-color: #fff }
#single .articulo-sup .inf figure { min-height: 380px; width: 500px }
#single .articulo-sup .inf h1 { }
#single .articulo-inf { padding: 0px }
#single .articulo-inf .fnd-blanco { background-color: #FFF; padding: 30px 50px }
#single .articulo-inf .fnd-blanco .block-left { float: left; width: 500px }
#single .articulo-inf .fnd-blanco .block-left .titular { margin-bottom: 20px }
#single .articulo-inf .fnd-blanco .block-left .titular  h1 { color: #012D12 }
#single .articulo-inf .fnd-blanco .block-left .img-ppal { margin-bottom: 20px }
#single .articulo-inf .fnd-blanco .block-left .img-ppal figure { }
#single .articulo-inf .fnd-blanco .block-left .wp-panel { }
#single .articulo-inf .prod-dest { background: none; padding-top: 15px }
aside { float: right; padding-top: 30px; width: 250px }
aside h3 { background-color: #FDA92E; color: #fff; font-size: 14px; line-height: 14px; margin-bottom: 15px; padding: 20px 5px }
aside .bl-cat { margin-bottom: 20px }
aside .bl-cat ul { }
aside .bl-cat ul li { margin-bottom: 10px }
aside .bl-cat ul li a { color: #B2B0B1; font-size: 14px; line-height: 14px; padding-left: 19px; background-image: url(img/bullet-gris.jpg); background-repeat: no-repeat; background-position: 0px 1px }
aside .bl-cat ul li a:hover { color: #000 }
aside .bl-pro { margin-bottom: 20px }
aside .bl-pro ul { }
aside .bl-pro ul li { margin-bottom: 15px; width: 155px }
aside .bl-pro ul li figure { margin-bottom: 5px }
aside .bl-pro ul li h4 { color: #012D12; text-align: center }
footer { background-color: #012d12; padding: 10px 0px 50px 0px }
footer .logo-footer { float: left; height: 70px; margin-right: 15px; width: 135px }
footer .menu_footer { float: left; padding-top: 40px }
footer .menu_footer ul { }
footer .menu_footer ul li { float: left; margin-right: 10px; width: auto }
footer .menu_footer ul li a { color: #165f34; display: block; font-size: 13px; font-weight: bold; line-height: 12px; padding: 5px }
footer .menu_footer ul li a:hover { color: #fff }
footer .sociales { float: right; padding-top: 35px }
footer .sociales li { float: left; height: 28px; margin-right: 5px; width: 28px }
footer .sociales li a { background-position: 0px 0px; background-repeat: no-repeat; display: block; height: 29px; margin-right: 5px; width: 29px }
footer .sociales li a.tw { background-image: url(img/icono_tw_footer.png) }
footer .sociales li a.fb { background-image: url(img/icono_fb_footer.png) }
footer .sociales li a.ig { background-image: url(img/icono_ig_footer.png) }
footer .sociales li a:hover { background-position: 0px -29px }