/*	HEADER		*/
#headerNav{height:131px;}
.logo-container{float:left;width:22%;padding:30px 0 10px 0;min-width:213px;}



/*MOBILE*/
.navMobile,.navMobileSubmenu,.telMobile{display:none;}
.navMobile{border:1px solid #3d5567;}
.navMobile .option{width:20%;display:inline-block;text-align:center;line-height:60px;}
.navMobile p,.navMobile a{color: #3d5567;line-height: 60px;text-decoration: none;border: none;margin:0;font-weight:600;}
.navMobile p:hover{cursor:pointer;}
.navMobile .option img{margin:-6px 0;}
.navMobileSubmenu{overflow:hidden;background-color:rgb(0,176,152);}
.submenu{display:none;height:30px;}
.cateMobile{width:100%;list-style:none;margin:10px 0;padding:0;}
.cateMobile li{float:left;width:20%;text-align:center;}
.cateMobile a{color:#fff;text-decoration:none;}
.accountMobile{width:100%;list-style:none;margin:10px 0;padding:0;position:relative;}
.accountMobile li{float:left;width:45%;text-align:center;}
.accountMobile .sessionLi ul{width:50%;}
.accountMobile .sessionLi ul li{width:25%;}
.accountMobile a{color:#fff;text-decoration:none;}
.searchContainerMobile{width:100%;position:relative;}
.searchContainerMobile input{border:1px solid #3d5567;border-radius:0;height:28px;position:absolute;top:0;left:0;width:94%;}
.searchContainerMobile img{padding:2px 5px 1px 5px;margin:0;position:absolute;top:0;right:0;}

.accountMobile .sessionLi {color:#fff;}
.accountMobile .sessionLi ul{display:none !important;position:absolute;top:0;right:10%;}
.accountMobile .sessionLi li{list-style:none;}

.telMobile{width:100%;text-align:center;}
.telMobile p{font-weight:600;color:#00b098;margin:0 0 10px 0;}
.telMobile a{text-decoration:none;color:#00b098;}

/*DESKTOP*/
#navcontainer{float:right;width:71%;overflow:hidden;height:96px;}
.topRightHeader{float:right;}
.topRightHeader ul{list-style:none;display:inline-block;}
.topRightHeader ul li{float:left;}
.telContainer{display:inline-block;}
.telContainer p{margin:0;color:#00b098;font-weight:600;}
.telContainer p a{color:#00b098;}
.carritoContainer{background-image:url('../img/carrito.png');width:60px;height:30px;display:inline-block;text-align:right;float:right;}
.listTop{list-style:none;display:inline-block;float:right;margin:0;}
.listTop li{float:left;}
.listTop .sessionLi ul{display:none !important;list-style:none;}
.listTop .sessionLi:hover ul{display:block !important;}
.listTop a{display:inline;color:#3d5567;text-decoration:none;padding:0 41px 0 0;}

.topRightHeader a{display:inline;color:#3d5567;text-decoration:none;padding:0 41px 0 0;}
.carritoContainer a{display:block;text-decoration:none;padding:0;}
.carritoContainer p{color:#fff;font-weight:700;padding:0 10px 0 0;}
.listContainer{width:65%;float:left;}
#navlist{list-style:none;float:right;width:100%;padding:0;margin:0;}
#navlist li{float: left;width:20%;padding:0;margin:0;text-align:right;}
#navlist li a{color:#3d5567;text-decoration:none;font-weight:600;font-style:italic;}
.searchContainer{float:right;position:relative;width:210px;}
.searchContainer input[type="text"]{border:1px solid #3d5567;border-radius:0;height:28px;position:absolute;top:0;left:0;width:177px;}
.searchLupa{border-top:1px solid #3d5567;border-right:1px solid #3d5567;border-bottom:1px solid #3d5567;padding:2px 5px 1px 5px;margin:0;position:absolute;top:0;right:0;}
.searchLupa:hover{cursor:pointer;}
.faceHeader{width:20px;height:20px;}
.topRightHeader .sessionLi ul{display:none !important;}
.topRightHeader .sessionLi:hover ul{display:block !important;}

/*	FOOTER		*/
.footerContainer{background-image:url("../img/backFooter.jpg");padding:80px 0 40px 0;}
.footerText{color:#a2ff00;}
#footerLeft a,#footerLeft p{display:inline;}
#footerLeft a{color:#a2ff00;}
.footerList{list-style:none;padding: 0;}
.footerTitle{color:#00b098;padding:50px 0 0 0;margin:0 0 25px 0;}
.footerList li a{color:#fff;text-decoration:none;}
.footerTextLeftContainer{padding:20px 0 0 0;}
.socialContainer{padding:50px 0; }
.socialContainer ul{padding:0;margin:0;width:100%;list-style:none;}
.socialContainer ul li{float:left;width:25%;text-align:center;}
@media all and (max-width : 1075px) {
	.listContainer{width:60%;}
	#navlist{float:left;}
}
@media all and (max-width : 925px) {
	#navcontainer{width:68%;}
	.topRightHeader a{padding:0 20px 0 0;}
	.searchContainer{width:180px;}
	.searchContainer input{width:145px;}
}
@media all and (max-width : 890px) {
	.logo-container {padding: 0;width: 100%;text-align: center;float: none;}
	#headerNav{height:auto;padding:0 10px;}
	.navMobile{display:block;text-align:center;}
	.navMobileSubmenu{display:block;}
	.telMobile{display:block;}
	.cateMobile a,.accountMobile a{font-size:12px;}
		
	#navcontainerMobile{display:block;}
	.toggle + a,#navlist,#navcontainer{ display: none; }
	#navlist li p{margin:0px 30px;}
	.toggle { display: block;background-color: #fff; color: #3d5567;line-height: 60px;text-decoration: none;border: none;margin:0;}
	
	/*	CHECK BOX	*/
	[id^=drop]:checked + #mobileMenu{ display: block; }
	#dos:checked + .mobileAccount{display:block;}
	#tres:checked + .searchContainerMobile{display:block;}
	#navlist li{width:90%;margin:0;height:50px;line-height:50px;background-color: #ffffff;}
	
	.footerContainer{background-size:contain;}
}

@media all and (max-width : 575px) {
	.navMobile .option span{display:none;}
	.accountMobile li{width:40%;}
	.searchContainerMobile input{width:89%;}
}

@media (max-width:307px){
	.navMobile{width:100%;}	
}