@import url("general.css");

#seccion[menu]{
	position:relative;
	z-index:20;
	padding-top:30px;
}

#seccion[menu] *:not(i){
	font-family:"Oswald", "lato", Verdana, Geneva, sans-serif;
	font-weight:400;
}

#seccion[menu] #header{
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:30px;
	background-color:#3d3d3d;
	z-index:3;
}

#seccion[menu] #header #caja{
}

#seccion[menu] #header #caja #idiomas{
	position:relative;
	top:0;
	margin:0;
	display:table;
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	font-size:12px;
	color:#aaa;
	font-weight:400;
	text-transform:uppercase;
	padding:5px;
}

#seccion[menu] #header #caja #idiomas a{
	position:relative;
	top:0;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
	text-transform:inherit;
	cursor:pointer;
	padding:5px 10px;
	
}

#seccion[menu] #header #caja #idiomas a:hover,
#seccion[menu] #header #caja #idiomas a[activo]
{
	color:#fff;
}

#seccion[menu] #header #caja #usuario{
	position:absolute;
	right:75px;
	top:4px;
	text-align:left;
	width:auto;
	font-size:13px;
	color:#fff;
}

#seccion[menu] #header #caja #usuario i{
	margin-right:20px;
	margin-left:10px;
	color:#fff;
}

#seccion[menu] #header #caja #bot_salir{
	position:absolute;
	right:0;
	top:0;
	height:30px;
	width:70px;
	text-align:center;
	background-color:rgba(255,255,255,0.3);
	color:#fff;
	/**/
	transition:background-color 0.4s ease;
	-moz-transition:background-color 0.4s ease;
	-ms-transition:background-color 0.4s ease;
	-o-transition:background-color 0.4s ease;
	-webkit-transition:background-color 0.4s ease;
}

#seccion[menu] #header #caja #bot_salir i{
	font-size:21px;
	color:#fff;
	margin-top:5px;
	
}

#seccion[menu] #header #caja #bot_salir:hover{
	background-color:#F00;
}

#seccion[menu] #header #caja #ingresar{
	float:right;
	font-size:14px;
	color:#fff;
	margin-top:5px;
	text-transform:uppercase;
	font-weight:400;
}

#seccion[menu] #header #caja #ingresar i{
	font-size:15px;
	color:#fff;
	margin-left:20px;
	margin-top:2px;
}

#seccion[menu] #menu{
	position:relative;
	display:block;
	width:auto;
	height:70px;
	background-color:#D23117;
	border:0;
	top:0;
}
#seccion[menu] #menu #caja{
	position:relative;
	height:auto;
	padding:0;
	
}

#seccion[menu] #menu #caja #logo{
	position:absolute;
	z-index:5;
	left:0;
	top:8px;
	cursor:pointer;
	
}

#seccion[menu] #menu #caja #logo img{
	height:55px;
	width:auto;
}

#seccion[menu] #menu #caja #botones{
	position:relative;
	float:right;
	display:table;
	width:auto;
}

#seccion[menu] #menu #caja #botones #celda{
	position:relative;
	display:table-cell;
	vertical-align:top;
	width:auto;
	height:40px;
	padding:0;
	
	text-align:left;
	line-height:13px;
}

#seccion[menu] #menu #caja #botones #celda a{
	color:#fff;
	display:block;
	width:auto;
	font-size:15px;
	text-transform:uppercase;
	font-weight:400;
	text-align:left;
	line-height:13px;
	padding:28px 15px;
	border-left:1px solid transparent;
	text-decoration:none !important;
	/**/
	text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-ms-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-o-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
}

#seccion[menu] #menu #caja #botones #celda a:hover{
	color:#252525;
}

#seccion[menu] #menu #caja #botones #celda li{
	position:absolute;
	display:none;
	list-style:none;
	z-index:1;
	top:69px;
	left:10px;
	width:auto;
	height:auto;
	padding:0;
	background-color:#252525;
	border:1px solid #111;
	border-top:0;
	text-transform:uppercase;
	margin:0;	
}

#seccion[menu] #menu #caja #botones #celda:hover li{
	display:block;
	
}

#seccion[menu] #menu #caja #botones #celda li a{
	padding:15px 30px 15px 10px;
	border-bottom:1px solid rgba(100,100,100,0.8);
	margin:0;
	text-transform:none;
	text-align:left;
	display: list-item;
	list-style: none;
	width:auto;
	/**/
	text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-webkit-text-shadow:none;
	/**/
	transition:background-color 0.6s ease;
	-moz-transition:background-color 0.6s ease;
	-ms-transition:background-color 0.6s ease;
	-o-transition:background-color 0.6s ease;
	-webkit-transition:background-color 0.6s ease;
}

#seccion[menu] #menu #caja #botones #celda li a:first-child{
	margin-top:1px;
}

#seccion[menu] #menu #caja #botones #celda li a:last-child{
	border:none;
}

#seccion[menu] #menu #caja #botones #celda li a #tit_boton{
	position:relative;
	left:0px;
	text-transform:none;
	color:#b9b9b9;
	line-height:18px;
	white-space: nowrap;
	font-weight:400;
	font-size:15px;
	
	/**/
	transition:left 0.4s ease;
	-moz-transition:left 0.4s ease;
	-ms-transition:left 0.4s ease;
	-o-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
}

#seccion[menu] #menu #caja #botones #celda li a i{
	font-size:15px;
	color:#fff;
	position:absolute;
	left:10px;
	opacity:0;
	/**/
	transition:opacity 0.4s ease, left 0.6s ease;
	-moz-transition:opacity 0.4s ease, left 0.6s ease;
	-ms-transition:opacity 0.4s ease, left 0.6s ease;
	-o-transition:opacity 0.4s ease, left 0.6s ease;
	-webkit-transition:opacity 0.4s ease, left 0.6s ease;
}

#seccion[menu] #menu #caja #botones #celda li a:hover{
	background-color:#D23117;
}

#seccion[menu] #menu #caja #botones #celda li a:hover #tit_boton{
	color:#fff;
	left:15px;
}

#seccion[menu] #menu #caja #botones #celda li a:hover i{
	opacity:1;
}

#seccion[menu] #menu #caja #botones #celda[mi_pedido]{
	background-color:#b81d00;
}

#seccion[menu] #menu #caja #botones #celda[cant]{
	background-color:#da5842;
	padding:0;
	width:70px;
	text-align:center;	
	font-size:30px;
	vertical-align:middle;
	color:#fff;
	font-weight:400;
	/**/
	text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-ms-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-o-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
	-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.6);
}

@media screen and (max-width: 1100px) {
	#seccion[menu]{
		position:relative;
		z-index:20;
	}
	
	/*#seccion[menu] #menu #caja #logo{
		top:8px;
		height:20px;
		width:auto;
		display:none;
	}
	*/
	
	#seccion[menu] #header{
		height:40px;
	}
	
	/*
	#seccion[menu] #header #caja #logo{
		display:block;
		position:absolute;
		top:8px;
		left:0;
	}
	*/
	
	#seccion[menu] #header #caja #logo img{
		height:26px;
		width:auto;
	}
		
	#seccion[menu] #header #caja #bot_salir{
		height:30px;
		width:40px;
	}
	
	#seccion[menu] #header #caja #bot_salir i{
		font-size:17px;
	}
	
	#seccion[menu] #menu{
		height:40px;
		top:10px;
	}
	
	#seccion[menu] #menu #caja #logo{
		
		top:-4px;
		/*
		height:40px;
		/*
		width:auto;
		*/
		/*display:none;*/
	}
	
	#seccion[menu] #menu #caja #logo img{
		height:55px;
		width:auto;
	}
	
	#seccion[menu] #menu #caja #botones #celda a{
		font-size:11px;
		padding:13px 8px;
	}
	

	#seccion[menu] #menu #caja #botones #celda li{
		top:39px;
	}
	
	#seccion[menu] #menu #caja #botones #celda li a #tit_boton{
		font-size:11px;
	}

	
	#seccion[menu] #menu #caja #botones #celda li a i{
		font-size:14px;
	}
	
	#seccion[menu] #menu #caja #botones #celda[cant]{
		width:50px;
		font-size:20px;
	}
}

@media screen and (max-width: 700px) {
	
	#seccion[menu] #header{
		height:30px;
		padding:0 20px;
	}
	
	#seccion[menu] #header #caja #idiomas{
		display:table;
		width:auto;
		height:auto;
		float:left;
		text-align:left;
		font-size:12px;
		padding:8px 0px;
		display:none;
	}
		
	#seccion[menu] #header #caja #idiomas a{
		padding:5px;
		
	}
	
	
	#seccion[menu] #header #caja select[idiomas]{
		display:block;
		width:auto;
		font-size:14px;
		padding:5px;
		position:fixed;
		left:0px;
		top:0px;
		margin:0;
		color:#fff;
		font-weight:400;
		background-color: transparent;
		background-image:none;
	}
	
	
	#seccion[menu] #header #caja #bot_salir{
		width:50px;
	}
	
	#seccion[menu] #header #caja #bot_salir i{
		font-size:18px;
		margin-top:7px;
	}
	
	#seccion[menu] #menu{
		
		position:relative;
		display:block;
		width:auto;
		height:70px;
		background-color:#252525;
		border:0;
		
	}
	
	
	
	#seccion[menu] #menu #caja{
		position:relative;
		height:auto;
		padding:0;
		
	}
	
	#seccion[menu] #menu #caja #logo{
		position:absolute;
		left:10;
		top:10px;
		height:auto;
		display:block;
	}
	
	#seccion[menu] #header #caja #logo{
		display:none;
	}
	
	
	#seccion[menu] #menu #caja #botones{
		display:none;
	}
	
	#seccion[menu] #caja #menu_cel{
		position:absolute;
		right:17px;
		top:8px;
		width:60px;
		height:40px;
		float:none;
		background-image:url(../img/bot_menu_cel.svg);
		background-repeat:no-repeat;
		background-position:center;
		font-size:0px;
		background-color:transparent;
		/**/
		appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		-webkit-appearance:none;
	}
	
	#seccion[menu] #caja #menu_cel:focus{
		background-color:transparent;
	}
	
}