/* HEADER ------------------------------ */
#header {
  padding-bottom: 13px;
}

#header #logo {
  width: 287px;
  height: 86px;
  padding: 21px 0 0px 34px;
  background: url(img/logo-importalo-header.png) no-repeat right bottom !important;
}

/* MENU ----------------------------- */
#menu li {
  margin-left: 26px;
}

#menu li a {
  font-size: 12px;
  padding: 9px 6px;
}

#menu li.last-child a{
	padding-right:0;
}

/* - */
.menuSec a:hover {
  color: #fff;
}

.menuSec ul {
	padding-top: 4px;
}

.menuSec li.menuSecLogin a, .menuSec li.menuSecRegister a {
	font-size: 16px;
	min-width: 108px;
}
.menuSec li a {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	padding: 9px 13px;
	padding-bottom: 12px;
	padding-left: 18px;
	font-weight: 600;
	display: block;
}

.menuSec li.menuSecLogin, li.li.menuSecRegister{ 
	color:#fff;
	position: relative;
}
.menuSec li.menuSecLogin{ 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color:#83838e;
}

.menuSec li.menuSecRegister {
  background-color: #83838e;
}

.menuSec li.menuSecCotiza{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #ffc106;
}

.menuSec li.menuSecLogin a, li.menuSecRegister a{ 
	color: #fff;
	font-size: 16px;
	min-width: 108px;
}

.menuSec li.menuSecRegister a {
  border-left: none;
  border-right: solid 4px #fff;
}

.menuSec li.hasSub ul {
  margin-right: 0;
    background-color: #e77e22;
}

.menuSec li.hasSub .submenu {
  background: url(img/arrow-top-submenu.png) top right no-repeat;
}

.menuSec li.hasSub ul li a:hover {
  background-color: #c76d1e;
}

/* logued */
.menuSec li.menuSecAlert, .menuSec li.menuSecCart, .menuSec li.hasSub {
  padding: 0;
  padding-bottom: 0;
  background-color: #83838e;
}

.menuSec li.hasSub {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: url(img/arrow-sky.png) right center no-repeat #83838e;
}

.menuSec li.hasSub a {
  padding-left: 27px;
  padding-right: 26px;
}

.menuSec li.menuSecCart a {
  padding-left: 56px;
  padding-right: 14px;
}

.menuSec li.menuSecAlert a, .menuSec li.menuSecCart a, .menuSec li.hasSub a {
  border-left: none;
  text-indent: inherit;
  line-height: 26px;
  height: 24px;
  font-size: 15px;
}

.menuSec li .box-count {
  background-color: #ffc106;
  color: #313137;
}


/* ini temporal*/
.box-col-red {
  background-color: #FFC106 !important;
  color: #000 !important;
  border: solid 1px #fff !important;
  
}
.box-col-parche {
	left: -6px !important;
}
/* end temporal*/


.menuSec li.hasSub ul li.alert a {
  color: #83838E !important;
}

.menuSec li.hasSub ul li.username {
	color: #FFC106 !important;
}
/* hover ingresar */
.menuSec div.signup{
	display:none;
	position:absolute;
	top: 100%;
	left:0 !important;
	width: 269px !important;
	margin-top: -13px;
	background-image:url(img/arrow-top-submenu.png);
	background-position:left top;
	background-repeat:no-repeat;
	z-index: 999;
	padding: 0;
	max-width: 269px;
}
.menuSec li.menuSecLogin:hover div.signup {
	display:block;
}

.menuSec div.signup .tableForm {
	background-color:#e77e22;
	padding: 0px 14px;
	padding-top: 21px;
	margin-top: 17px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
}

.menuSec div.signup .tableForm th {
	padding-left: 0;
	padding-bottom: 1px;
}

.menuSec div.signup .tableForm td {
	padding-bottom: 3px;
}

.menuSec div.signup .tableForm td input {
	width: 100%;
	padding: 2px 10px;
	border: 1px solid #7adaff;
	background-color: #fff;
	height: 28px;
	border-radius: 3px;
	max-width: 213px;
}

.menuSec div.signup .tableForm #bottom-signup {
	padding-top: 16px;
}

.menuSec div.signup .tableForm #bottom-signup td:last-child {
	padding-left: 0;
}

.menuSec div.signup .tableForm #bottom-signup td input{
	background-color: #faaf3b;
	border: none;
	border-bottom: solid 4px #de9b34;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	height: 39px !important;
	line-height: 39px;
	width: 100%!important;
	max-width:inherit;
}

.menuSec div.signup .tableForm #bottom-signup td input:hover{
	opacity: .9;
}

.menuSec div.signup .tableForm #bottom-signup td a {
	font-size: 14px;
	text-transform: inherit;
}

.menuSec div.signup .tableForm #bottom-signup tr:first-child td {
	padding-bottom: 18px;
}

.menuSec div.signup .tableForm #bottom-signup tr:last-child td {
	padding-top: 0px;
	padding-bottom: 0;
	border-top:solid 1px #fff;
}

/* HOME --------------------- */
/* slider */
.bannercontainer .caption h3 {
  font-size: 34px;
  font-weight: 400;
  text-transform:uppercase;
}

.bannercontainer .caption  p {
  color:#fff;
  line-height:20px;
}

/* como funciona */
.homeBlockSteps {
  padding: 66px 0;
    padding-bottom: 46px;
}

div.top-content h3, .content h2.firstTitle {
  color: #e77e22;
  letter-spacing: -1px;
  margin-bottom: 30px;
}
.content h1, .contentClean h2, .content h2.innerTitle, .contentClean h2 {
	color: #e77e22;
}

.homeBlockLeft {
  width: 49%;
  /* border-right: solid 1px #d8d8d8;*/
}

div.top-content p {
  margin: 0 25px;
  margin-bottom: 4px;
  line-height: 24px;
    text-align: left;
}

.homeBlockLeft .clearfix.sep1{
	  height: 69px;
}
.homeBlockLeft .clearfix.sep2{
	    height: 50px;
}

.btn-link {
  color: #e77e22;
  font-size: 15px;
  font-weight: 400;
  background: url(img/arrow-orange.png) right center no-repeat;
  padding: 5px 5px;
  padding-right: 36px;
}

.homeBlockRight {
  padding-top: 0;
  width: 50%;
}

.homeBlockSteps .homeSteps {
  margin-top: -10px;
}
.homeBlockSteps .homeSteps li {
    background: no-repeat center left;
  padding-top: 0;
    padding-bottom: 9px;
}

.homeBlockSteps .homeSteps li.step1 {
  background-image: url(img/home_ico_step1.png);
}
.homeBlockSteps .homeSteps li.step2 {
  background-image: url(img/home_ico_step2.png);
}
.homeBlockSteps .homeSteps li.step3 {
  background-image: url(img/home_ico_step3.png);
}
.homeBlockSteps .homeSteps li.step4 {
  background-image: url(img/home_ico_step4.png);
}

.homeBlockSteps .homeSteps h4 {
  margin: 0;
}
.homeBlockSteps .homeSteps p {
  margin: 0 5px;
  line-height: 22px;
}




/* que puedo comprar y donde */
.homeBlockFeat {
  background-color: #e77e22;
    padding-bottom: 105px;
}

#contentHome .homeBlockFeat p{
  text-align:center !important;
}

#contentHome .homeIcons li {
	margin: 1px;
	padding: 0;
	background: none;
	display: inline-block;
}

ul.homeIcons {
  padding-top: 14px;
  padding-left: 0 !important;
  margin: 0 auto;
  max-width: 650px;
}
  
.homeIcons li a {
  display: block;
  width: 157px;
  height: 157px;
  background-position: 0 -157px;
  overflow: hidden;
  transition: all .5s;
}
.homeIcons li a:hover {
  background-position: 0 0;
}

.homeIcons li img {
  visibility: hidden;
}

.blogImgThumb {
  padding: 0 15px 15px 0;
}
.homeBlockFeat ul li.homeFeat2 {
  background: url(img/home_bl_feat_icos3.png) no-repeat 12px 3px;
}

.blogImg .caption {
  margin: 10px 0;
  padding: 10px;
  border-top: 1px dotted #ddd;
  background: url(img/caption_video_bg.png) repeat-x 0 0;
}
.extraImg a:first-child {
  margin-left: 0;
}

.blogDetail .blogImg {
  float: none;
}

.icoRopa a {
  background-image: url(img/home_ico_ropa.png);
}
.icoJuguetes a {
  background-image: url(img/home_ico_juguetes.png);
}
.icoTelefonos a {
  background-image: url(img/home_ico_telefonos.png);
}
.icoJoyeria a {
  background-image: url(img/home_ico_joyeria.png);
}
.icoDeportes a {
  background-image: url(img/home_ico_deportes.png);
}
.icoDescuentos a {
  background-image: url(img/home_ico_descuentos.png);
}
.icoFlores a {
  background-image: url(img/home_ico_flores.png);
}
.icoPerfumes a {
  background-image: url(img/home_ico_perfumes.png);
}

/* FOOTER ------------------ */
#footer ul {
	background: url(img/logo-importalo-footer.png) left 33px no-repeat;
	min-height: 120px;
	padding-left: 286px;
}

#footer ul ul.footer-nav {
  min-height: inherit;
}

#footer ul li.footerNL {
    width: 260px;
  padding-right: 0;
}

#footer ul ul.footer-nav li {
  /*line-height: 10px;*/
}

/* MENU RESPONSIVE -------------------------*/
div.trigger a {
  background: url(img/menu-icon.png) no-repeat center center #e77e22;
}

#menu-resp {
  background: url(img/arrow-top-resp.png) top right no-repeat;
}

#menu-resp ul {
  background-color: #e77e22;
}

#menu-resp ul li {
  color: #b56319;
}

#menu-resp ul li a:hover {
  background-color: #b56319;
}

/* MAS ---------------- */
#headerFlash {
  display: none;
}
.userInformationLocal {
	 min-height: 230px
}



.video-container {
	position:relative;
	padding-bottom:50%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* MEDIA QUERYS -----------------------*/


@media (max-width: 1022px){
	#footer ul {
	  padding: 0;
	  padding-left: 0;
	  padding-top: 100px;
	  background: url(img/logo-importalo-footer.png) top no-repeat;
	}
	#footer ul li, #footer ul li.footerNL {
	  padding: 0;
	  width: 33.3333%;
	}
}

@media (max-width: 980px){
	.homeBlockLeft {
	  width: 100%;
	  border-right: none;
	  padding-bottom: 30px;
	  border-bottom: solid 1px #d8d8d8;
	}
	.homeBlockRight {
	  
	  padding-top: 35px;
	  width: 100%;
	}
}



@media (max-width: 850px){
	/* logo */
	#header #logo {
		width: 235px;
		margin: 0 auto;
		height: 96px;
		overflow: hidden;
		padding: 0;
		background-size: 100% !important;
		/* text-indent: -5000px; */
		float: none;
		background-position: center center !Important;
	}

	/* menu */
	#menuWrap{
		display:none;	
	}
	
	.menuSec {
		float: none;
		padding-left: 15px;
		padding-right: 57px;
		position:relative;
		min-width: inherit;
	}
	.menuSec ul {
	  	width: 100%;
		float: left;
	}
	
	.menuSec li.menuSecLogin, .menuSec li.menuSecRegister, .menuSec li.hasSub {
		/*width:28%;*/
		display:none;
	}
	 
	.menuSec li.menuSecLogRegis, .menuSec li.menuSecAlert {
		display:block !important;
    	width: 50%;
    	border-top-left-radius: 5px;
    	border-bottom-left-radius: 5px;
    	background-color: #83838e;
	}
	.menuSec li.menuSecLogin a, .menuSec li.menuSecRegister a {
	  min-width: inherit;
	}
	.menuSec li.menuSecCotiza{
		width:50%;	
	}
	
	div.trigger {
  		display: block;
		position:absolute;
		top: 3px;
		right: 9px;
		  z-index: 2;
	}
	
	.menuSec li.menuSecLogin:hover div.signup {
	  display: none;
	}
}

@media (max-width: 761px){
	.menuSec li.hasSub a{
		padding: 10px 26px;
		padding-left: 27px;
		height: 25px;
	}
	.menuSec li.menuSecCart a{
		padding: 10px 14px;
		padding-left: 56px;
		height: 25px;
	}
}

@media (max-width: 730px){
	ul.homeIcons {
	  max-width: 325px;
	}
}

@media (max-width: 650px){
	.menuSec li.menuSecLogin a, .menuSec li.menuSecRegister a, .menuSec li a {
	    font-size: 13px;
	}
}

@media (max-width: 580px){
	#footer ul li, #footer ul li.footerNL {
	  width: 90%;
	  margin: 0 auto;
	  float: none;
	  border-bottom: dotted 1px #656a6f;
	  margin-bottom: 10px;
	}
	#footer ul li.footerNL {
	  border-bottom: none;
	}
}

@media (max-width: 520px){
	.homeBlockLeft .btn-yellow{
		font-size: 14px;
	}
	
	.homeBlockSteps .homeSteps li {
  		padding-left: 70px;
	}
	.homeBlockSteps .homeSteps h4 {
  		font-size: 25px;
	}
	
	/* menu */
	.menuSec li.menuSecLogin a, .menuSec li.menuSecRegister a, .menuSec li a {
	    font-size: 10px;
	}
	
	/* slider */
	.bannercontainer .caption h3 {
	  font-size: 20px;
	}
}

@media (max-width: 380px){
	ul.homeIcons {
	  max-width: 157px;
	}
}