/*
 * NOTICE OF LICENSE
 *
 * This product is licensed for one customer to use on one installation (test stores and multishop included).
 * Site developer has the right to modify this module to suit their needs, but can not redistribute the module in
 * whole or in part. Any other use of this module constitues a violation of the user agreement.
 *
 * DISCLAIMER
 *
 * NO WARRANTIES OF DATA SAFETY OR MODULE SECURITY
 * ARE EXPRESSED OR IMPLIED. USE THIS MODULE IN ACCORDANCE
 * WITH YOUR MERCHANT AGREEMENT, KNOWING THAT VIOLATIONS OF
 * PCI COMPLIANCY OR A DATA BREACH CAN COST THOUSANDS OF DOLLARS
 * IN FINES AND DAMAGE A STORES REPUTATION. USE AT YOUR OWN RISK.
 *
 *  @author    idnovate.com <info@idnovate.com>
 *  @copyright 2019 idnovate.com
 *  @license   See above
 */

#navigation {
	clear: both;
}

#navigation .navigation_container {
    margin: 10px 0px;
    color: black;
    width: 100%;
}

#navigation .navigation_container a {
     text-decoration: none;
     color: black;
}

#navigation .navigation_container p {
    text-align: center;
    margin: 0px 10px;
    padding-bottom: 5px;
    padding-top: 1px;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
}

#navigation .navigation_container img {
    vertical-align: middle;
    margin:0 5px;
}

#navigation .navigation_container img.recuadro {
    border: dotted 0px #CCC;
    padding: 3px;
    margin:0px 10px;
}

#navigation .navigation {
    width:100%;
    text-align: center;
    display: table;
    overflow: hidden;
}

#navigation #navigation_left{
    display: inline-block;
    float:left;
    border: 1px #000000 solid;
    vertical-align: middle;
    text-align: left;
}

#navigation #navigation_right {
    display: inline-block;
    float:right;
    border: 1px #000000 solid;
    vertical-align: middle;
    text-align: right;
}

#navigation #navigation_left:hover,
#navigation #navigation_right:hover {
    background-color: #FBFBEF;
}

#navigation #product_container {
    text-align: center;
    display: inline-block;
}

#navigation #product_container span.arrow_label {
	margin: 0 5px;
}

#navigation #product_container span.product_name {
	float: left;
	width: 100%;
}

#navigation #navigation_left #product_container {
	float: left;
}

#navigation #navigation_right #product_container {
	float: right;
}

#navigation .product_name {
	display: inline-block;
}