/* CSS Document */
.dark{
	background-color:#000;
	color:#FFF;
}
.light{
	/*background-color:#fff;*/
	color:#000;
}
.sticky-top{
	/*border-bottom:3px #f0f0f0 solid;*/
}
.menu_sup{
	/*background-color:#FFF;*/
	height: 50px;
	margin: 5px 0px;

}
.buscador{
	padding-bottom:5px;
}

@media (min-width: 800px) {
  /* … */
	.logo_sup{
		padding-left:200px;
	}  
}

.btnMenuSup{
	display: inline-block;
}
#btnMenuScc{
	cursor:pointer;	
	font-size:30px;
}
.scc{
	position:relative;
	float:left;
	top:12px;	
}


.conjCarro{
	display: inline-block;
	padding-right:10px;



}
.btn_carro{
	display: inline-block;
	padding-left:3px;
	padding-right:3px;	
	position:relative;
	top:-5px;	
}
.carro{
	position:relative;
	float:right;
	padding-top:10px;
	display: inline-block;
	width:220px;



}

#botonCarro{
	cursor:pointer;	
	display: inline-block;
	padding-left:5px;


}
.iconCarro{
	display: inline-block;
	font-size:30px;
}
.contElem{
	cursor:pointer;
	position:absolute;
	padding-left:27px;
	margin-top:8px;	
	font-size:0.80em;
}

#totalCarro{
	display: inline-block;
	font-size:1.00em;
	/*width:75px;*/
	position:relative;
	padding-left:10px;
}
.relativo{
	position:relative;
}


#menusLaterales{
	/*
	width:800px;
	position: fixed;
	top:0;	*/		
}
#menuLateralIzda{
	/*float:left;*/
	
	position: fixed;
	top:0;
	left:0px;
	
	background-color:#f6f6f6;
	display:none;
    min-width: 272px;
    max-width: 272px;
	min-height:100vh;
	height:auto;
  animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */		
}
#menuLateralDcha{
	/*float:right;*/
	position: fixed;
	z-index:100;
	top:0;
	right:0px;	
	
	background-color:#CCC;
	display:none;
    min-width: 272px;
    max-width: 272px;
	min-height:100vh;
	height:auto;
  animation: fadeInRight; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */		
}
#capaBuscador{
	display:none;
	position:absolute;
	top:40px;
	width:300px;
	left:-130px;
	background-color:#fff;
	z-index:1;
  animation: flipInX; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 0.6s; /* don't forget to set a duration! */	
  	
}
.contBuscador{
	display:none;
	padding:20px 5px 0px 5px;;
}
/*------------M12-------------------*/
#btnUsuario{
	display: inline;
	font-size:25px;
	position:relative;
	top:5px;
	cursor:pointer;
}
#capaUsuario{
	display:none;
	position:absolute;
	top:40px;
	width:300px;
	left:-130px;
	background-color:#fff;
	z-index:1;
  animation: flipInX; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 0.6s; /* don't forget to set a duration! */	
  	
}
.contUsuario{
	display:none;
	padding:20px 5px 0px 5px;;
}