/* Mobile start */

body {
	margin:0px;
	padding:0px;
	background-color:#eee;
}

.contentLeft {
	float:left;
	width:20%;
	display:none;
}

.contentRight {
	float:right;
	width:100%;
	padding-left: 0px;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:0px;
}

.contentLeft2 {
	float:left;
	width:15%;
	display:none;
}

.contentRight2 {
	float:right;
	width:100%;
	padding-left: 0px;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:50px;
	padding-left:2px;
	padding-right:0px;
}


/* Hamburger Menu */

.menu {
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
	transition: 0.3s;
	z-index: 9999;
}
.menu span {
	position: absolute;
	height: 3px;
	width: 25px;
	background-color: #fff;
   	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.3s;
}
.menu span:before {
	content: '';
	position: absolute;
	top: -8px;
	background-color: #fff;
	height: 3px;
	width: 25px;
	transition: 0.3s;
}
.menu span:after {
	content: '';
	position: absolute;
	top: 8px;
	background-color: #fff;
	height: 3px;
	width: 25px;
	transition: 0.3s;
}
.menu.active span { background-color: transparent; }
.menu.active span:before { transform: rotate(45deg);top: 0; }
.menu.active span:after { transform: rotate(-45deg);top: 0; }

/* End */





.headerContainer {
	display:none;
}

.headerContainerMobile {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	/*background: #f5891f;*/
	background: #ff8b00;
	z-index:1100;
}

.headerMobile {
	position:relative;
	max-width:1170px;
	margin:0 auto;
	background-color:#fff;
	background: #ff8b00;
}

/* Logo Mobile */

.logoContainerMobile {
	width:100%;
	padding-top: 7px;
	height:50px;
	box-sizing: border-box;
	margin:0px;
	text-align:center;
	z-index:950;
	background-color: #ff8b00;
}


/* NavMenuMobile start */

#navMenuBgMobile {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	background-color:#666;
	opacity:0.9;
	z-index:1200;
}

#navMenuMobile {
	/*display:none;*/
	z-index:1300;
	position:absolute;
	top:0px;
	/*transition: all 0.4s ease-in-out;*/
}

.navMenuLogoMobile {
	background-color:#ff8b00;
	padding:2px;
	text-align:center;
	/*border-bottom:1px solid #ffa935;*/
	padding-top:12px;
	padding-bottom:12px;
}

.navMenuLoggedUserMobile {
	height:19px;
	padding:12px;
	background-color:#ff8b00;
}

.navMenuLoggedUserMobile span {
	display:block;
	height:20px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-top:2px;
	white-space: nowrap;
  	overflow: hidden;
	text-overflow:ellipsis;
}




.navMenuMobile h2 {
	/*font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
	/*font-size: .875rem;*/
	font-size:12px;
	letter-spacing: .2px;
	color: #666;
	text-shadow: none;
	margin-left:12px;
	margin-top:15px;
	font-weight:normal;
	text-transform:uppercase;
}

.navMenuContainerMobile {
	position:absolute;
	/*top:97px;*/
	top:0;
	left:-300px;
	width:600px;
	/*border:1px solid red;*/
	z-index:1200;
}

.navMenuMobile {
	position:absolute;
	width:300px;
	/*border:1px solid #eee;*/
	background-color:#fafafa;
	box-sizing:border-box;
	z-index:900;
	top:0px;
	left:-300px;
	transition: all 0.3s ease-in-out;
	z-index:1000;
	
}

.navMenuMobileActive {
	position:absolute;
	width:300px;
	border:1px solid #eee;
	background-color:#f8f8f8;
	box-sizing:border-box;
	z-index:900;
	left:0;
}

.navMenuMobile ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #ddd;
}

.navMenuMobile li {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:5px;
}

.navMenuMobile li a {
	position:relative;
}




.navMenuNotLoggedUserMobile {
	padding:5px;
	background-color:#ff8b00;
}

.navMenuNotLoggedUserMobile ul {
	border:0;
	display:flex;
 	box-sizing: border-box;
 	width:100%;
}

.navMenuNotLoggedUserMobile ul li {
	display:block;
	flex: 0 1 50%;
	text-align:center;
	box-sizing: border-box;
}

.navMenuNotLoggedUserMobile ul li a {
	display:block;
	width:100%;
	box-sizing: border-box;
}

/* Icons start */

.navMenuMobile li a span {
	position:absolute;
	top:10px;
	left:10px;
	width:24px;
	height:24px;
	background-image: url('../../../../images/portal/icons/icons_2.png');
	background-repeat: no-repeat;
}

.navMenuIconHomeActiveMobile {
	background-position:-38px 2px;
}

.navMenuIconHomeMobile {
	background-position:2px 2px;
}

.navMenuIconOrdersActiveMobile {
	background-position:-38px -38px;
}

.navMenuIconOrdersMobile {
	background-position:2px -38px;
}

.navMenuIconQuestionsActiveMobile {
	background-position:-38px -78px;
}

.navMenuIconQuestionsMobile {
	background-position:2px -78px;
}

.navMenuIconFavoritesActiveMobile {
	background-position:-38px -118px;
}

.navMenuIconFavoritesMobile {
	background-position:2px -118px;
}

.navMenuIconHistoryActiveMobile {
	background-position:-38px -158px;
}

.navMenuIconHistoryMobile {
	background-position:2px -158px;
}

.navMenuIconCategoryActiveMobile {
	background-position:-38px -198px;
}

.navMenuIconCategoryMobile {
	background-position:2px -198px;
}

.navMenuIconOffersActiveMobile {
	background-position:-38px -238px;
}

.navMenuIconOffersMobile {
	background-position:2px -238px;
}

.navMenuIconProductsActiveMobile {
	background-position:-38px -278px;
}

.navMenuIconProductsMobile {
	background-position:2px -278px;
}

.navMenuIconStoreMobile {
	background-position:2px -318px;
}

.navMenuIconProfileActiveMobile {
	background-position:-38px -358px;
}

.navMenuIconProfileMobile {
	background-position:2px -358px;
}

.navMenuIconLocationActiveMobile {
	background-position:-38px -398px;
}

.navMenuIconLocationMobile {
	background-position:2px -398px;
}

.navMenuIconLogoutMobile {
	background-position:2px -438px;
}




/* Icons end */

.navMenuMobile .btnLandmark {
	display:block;
	width:100%;
	padding-left:45px;
	padding-top:14px;
	padding-bottom:14px;
	color:#555;
	text-decoration:none;
	/*font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
	/*font-size: .875rem;*/
	font-size: 14px;
	letter-spacing: .2px;
	text-shadow: none;
	box-sizing:border-box;
	font-weight:600;
}

.navMenuMobile .btnLandmark:hover {
	text-decoration:none;
}

.navMenuMobile .btnLandmarkActiveSection {
	display:block;
	width:100%;
	padding-left:45px;
	padding-top:14px;
	padding-bottom:14px;
	text-decoration:none;
	color:#ff8b00;
	/*font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
	/*font-size: .875rem;*/
	font-size: 14px;
	letter-spacing: .2px;
	text-shadow: none;
	font-weight:bold;
	background-color:#fff1df;
	box-sizing:border-box;
}

.navMenuMobile .btnLandmarkActiveSection:hover {
	text-decoration:none;
}


/* NavMenuMobile end */


/*
#mobileBtnMenu {
	float:right;
	width:36px;
	height:36px;
	background:url('../../images/common/icons/icon_menu_mobile.png');
	color:#fff;
	margin-top:22px;
	font-size:0px;
}*/





.searcherContainerMobile {
	position:relative;
	width:100%;
	height:38px;
	padding: 4px 12px 0px 12px;
	box-sizing: border-box;
}

.iconSearchMobile {
	position:absolute;
	top:11px;
	left:20px;
	width:20px;
	height:20px;
	z-index:1200;
	background-image: url('../../../../images/portal/icons/icons_2.png');
	background-repeat: no-repeat;
	background-position:0px -480px;
}

input.searcherInputMobile {
	width:100%;
	border:0px;
	border-radius:20px;
	box-sizing: border-box;
	padding-top:8px;
	padding-bottom:7px;
	padding-left:33px;
	font-size:14px;
	font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	color:#444;
}

input.searcherInputMobile:focus {
	outline:none;
}












.mainContentContainer {
	margin-top: 97px;
	background-color:#f1f1f1;
}

.mainContent {
	position:relative;
	max-width:1170px;
	margin:0 auto;
	background-color:#f1f1f1;
	padding:12px;
	padding-bottom:25px;
	box-sizing:border-box;
}


/* Inicio Footer */

.footerContainer {
	padding:10px;
	padding-top:5px;
	margin-bottom:0px;
	box-sizing:border-box;
}


.footerTopContainer {
	padding:10px;
	padding-top:0px;
	padding-bottom:10px;
	background-color:#e6e6e6;
	box-sizing:border-box;
	text-align: center;
	margin-left:-10px;
	margin-right:-10px;
	border-bottom:1px solid #ccc;
}

.footerTop {
	max-width:1170px;
	margin:0 auto;
	box-sizing:border-box;
}

.footerShipping {
	display:inline-block;
	padding-top:26px;
	padding-left:60px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:5px;
	box-sizing:border-box;
	background:url('../../../../images/customer/themes/theme_001/v_01/icon_banner_ship.png') no-repeat;
	background-position:15px 16px;
	font-size:12px;
	font-weight:bold;
}

.footerTopSep {
	display:block;
	background-color:#f1f1f1;
	height:15px;
	margin-left:-10px;
	margin-right:-10px;
	border-top:1px solid #ccc;
}

.footerPaymentMethods {
	display:inline-block;
	padding:10px;
	padding-left:30px;
	font-size:12px;
	font-weight:bold;
}

.footerPaymentMethodsTitle {
	display:block;
	margin-top:16px;
	margin-right:15px;
}

.footerPaymentMethods img {
	float:left;
	margin:8px;
	border-radius: 3px;
	margin-left:0px;
	margin-right:8px;
}

.footerBottomContainer {
	padding-top:10px;
	padding-bottom:10px;
}

.footerBottom {
	max-width:1170px;
	margin:0 auto;
}

.footerCol1 {
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:25px;
	box-sizing:border-box;
}

.footerCol2 {
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:25px;
	box-sizing:border-box;
}

.termsLinks {
	margin-top:5px;
}

.copyright {
	color:#777;
	font-size:12px;
	text-align:center;
}

.paymentMethods {
	text-align:center;
	height:18px;
	color:#777;
	font-size:12px;
}

.paymentMethods img {
	margin-right:5px;
	margin-bottom:-5px;
}

.socialLinks {
	color:#777;
	text-align:left;
	font-size:12px;
}

.socialLinks a {
	font-size:12px;
	color:#777;
	text-decoration:none;
}

.socialLinks a:hover {
	color:#444;
	text-decoration:underline;
}

.countryLinkContainer {
	text-align:center;
}

a.countryLink img {
	margin-right:5px;
	margin-bottom:-2px;
}

a.countryLink {
	font-size:12px;
	color:#777;
	text-decoration:none;
}

a.countryLink:hover {
	color:#444;
	text-decoration:underline;
}


#cookiesMessageContainer {
	height: 180px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #393838; 
    opacity: 1;
    z-index:1000;
    color:white;
    padding:15px;
    box-sizing: border-box;
}

#cookiesMessage {
	max-width:1170px;
	margin:0 auto;
}


/* Fin Footer */


/* Mobile end */















/* Tablet start */

@media only screen  and (min-width : 500px) {
	
.brTablet {
	clear:both;	
}

.footerCol1 {
	float:left;
	width:70%;
	padding-top:5px;
	padding-bottom:25px;
	box-sizing:border-box;
}

.footerCol2 {
	float:left;
	width:30%;
	padding-top:5px;
	padding-bottom:25px;
	box-sizing:border-box;
}

.termsLinks {
	display:inline-block;
	text-align:left;
}

.countryLinkContainer {
	text-align:right;
}

.copyright {
	text-align:left;
}

.paymentMethods {
	text-align:right;
	margin-right:-10px;
}

	
	
}
	
/* Tablet end */





















/* Desktop start */

@media only screen  and (min-width : 1024px) {
	
	
.contentLeft {
	display: block;
}

.contentRight {
	width:80%;
	padding-left:40px;
	padding-bottom:30px;
}

.contentLeft2 {
	display: block;
}

.contentRight2 {
	width:85%;
	padding-left:40px;
}		
	
.btnLoggedUser, .btnLoggedUser:active, .btnLoggedUser:visited {
	position:relative;
	box-sizing:border-box;
	max-width:150px;
	white-space: nowrap;
  	overflow: hidden;
	text-overflow:ellipsis;
	padding-right:40px;
}

	
.brTablet {
	display:none;	
}
	
/* Inicio Footer */

.footerContainer {
	border-top:1px solid #ddd;
	padding:5px;
	padding-top:0px;
	padding-bottom:20px;
}

.footerTopContainer {
	padding-top:20px;
	margin-left:-5px;
	margin-right:-5px;
}

.footerTop {
	display: inline-block;
}

.footerShipping {
	float:left;
	display:block;
	padding-right:60px;
	margin-bottom:15px;
}

.footerTopSep {
	float:left;
	border-right:1px solid #ccc;
	height:60px;
	clear: none;
	width: auto;
}

.footerPaymentMethods {
	float:left;
}

.footerPaymentMethodsTitle {
	float:left;
}

.footerBottom {
	max-width:1170px;
	margin:0 auto;
}

.footerCol1 {
	float:left;
	width:70%;
	padding-left:10px;
	box-sizing:border-box;
}

.footerCol2 {
	float:left;
	width:30%;
	padding-right:10px;
	box-sizing:border-box;
}


.copyright {
	/*width:350px;*/
	text-align:left;
}

.paymentMethodsContainer {
	width:250px;
	margin-right:0px;
}

.paymentMethods {
	text-align:left;
}

.socialLinks {
	width:160px;
	text-align:left;
}




/* Fin Footer */
	
.phoneMobile {
	display:none;
}

.headerContainerMobile {
	display:none;
}


.headerContainer {
	display:block;
	position:fixed;
	width:100%;
	z-index:999;
	background-color: #ff8b00;
	margin-top:-60px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

.header {
	position:relative;
	max-width:1170px;
	margin:0 auto;
	background-color: #ff8b00;
	height:60px;
	padding-left:200px;
	padding-right:516px;
	box-sizing:border-box;
}

.logoContainer {
	position:absolute;
	top:0;
	left:0;
	width:170px;
	padding-top:10px;
	box-sizing:border-box;
}

.searcherContainer {
}

.landmarkContainer {
	position:absolute;
	top:0;
	right:0;
	width:450px;
	padding-top:12px;
	box-sizing:border-box;
}

.searcher {
	position:relative;
	float:left;
	width:100%;
	max-width:450px;
	height:36px;
	margin:0 auto;
	margin-left:15px;
	border:1px solid #bbb;
	background-color:#ff8b00;
	border-radius:0px 0px 0px 0px;
	border:none;
	margin-top:12px;
}

input.searcherInput {
	position:relative;
	float:left;
	width:100%;
	height:36px;
	padding-top:8px;
	padding-left:10px;
	border:none;
	border:1px solid #bbb;
	box-sizing:border-box;
	z-index:999;
	border-radius:6px 0px 0px 6px;
}

.btnSearch {
	position:absolute;
	top:0px;
	right:-40px;
	width:40px;
	height:36px;
	border:none;
	background:url('../../../images/portal/icons/icon_search.png') no-repeat;
	background-size: 18px 18px;
	background-position:11px 9px;
	background-color: #f1f1f1;
	border-radius:0px 6px 6px 0px;
	cursor:pointer;
	box-sizing:border-box;
	border:1px solid #bbb;
	border-left:none;
	z-index:998;
}

.btnSearch:active, .btnSearch:focus {
	outline: none;
}

.mainContentContainer {
	margin-top:60px;
}

.navMenuMobile {
	position:absolute;
	display:none;
	z-index:995;
}

.navMenu {
	display:block;
}

.landmark {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.landmark li {
	float:right;
	width:auto;
}

.landmark a {
	margin-left:8px;
}



/* Header My Account Menu start */


.headerMyAcccountName {
	position:relative;
	text-align:left;
	cursor:pointer;
	display:inline-block;
	padding-right:10px;
	padding-left:0px;
	color:#fff;
	height:20px;
	padding-top:0px;
	text-transform:none;
}

.headerMyAcccountName span {
	font-weight:bold;
	font-size:16px;
}

.headerMyAcccountName a {
	text-transform:none;
}

.headerMyAcccountMenu {
	position:absolute;
	top:59px;
	right:70px;
	width:130px;
	z-index:1020;
	background-color:#f8f8f8;
	text-align:left;
	border:1px solid #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(153,153,153,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(153,153,153,1);
	box-shadow: 0px 2px 3px 0px rgba(153,153,153,1);
	border-radius:4px;
	display:none;
}

.headerMyAcccountArrow {
	position:absolute;
	top:-10px;
	left:7px;
	width:19px;
	height:10px;
	z-index:1030;
	background:url('../../../../images/customer/themes/theme_001/v_01/icon_arrow_up.png') no-repeat;
}

.headerMyAcccountMenu ul {
	margin:0px;
	padding:0px;
}

.headerMyAcccountMenu li {
	list-style:none;
}

.headerMyAcccountMenu li a {
	display:block;
	padding:10px;
	text-transform:none;
	padding-left:15px;
	padding-right:30px;
	margin-top:2px;
	margin-bottom:2px;
	color:#666;
}

.headerMyAcccountMenu li a:hover {
	background-color:#eee;
	text-decoration:none;
}

.headerMyAcccountArrowDown {
	position:absolute;
	top:8px;
	right:13px;
	width:18px;
	height:18px;
	z-index:1030;
	background:url('../../../../images/portal/icons/icon_arrow_down.png') no-repeat;
}


/* Header My Account Menu end */


	
	
}

/* Desktop end */