/*
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
   Euskaltel Submenus 
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
// 
//
*/


div.sep_menu_horizontal{padding-top: 25px;}

.float-shadow{
	display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)
}
.float-shadow:before{
	pointer-events:none;position:absolute;z-index:-1;content:'';top:87%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity
}
.float-shadow:active,
.float-shadow:focus,
.float-shadow:hover{
	-webkit-transform:translateY(-7px);transform:translateY(-7px)
}
.float-shadow:active:before,
.float-shadow:focus:before,.float-shadow:hover:before{
	opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}
}

/* Solo para esta maqueta, no meter en produccion
----------------------------------------------------------------------------------------------- */
.eol41 .subnav-principal1 + .subnav-principal1,
.eol41 .subnav-principal1 + .subnav-principal2,
.eol41 .subnav-principal2 + .subnav-principal1,
.eol41 .subnav-principal2 + .subnav-principal3,
.eol41 .subnav-principal3 + .subnav-principal1{
	margin-top:					40px;
	}
	


/* Subnav Principal
----------------------------------------------------------------------------------------------- */
.eol41 .subnav-principal1 {
	margin:						-40px 2px 0;
	padding:					30px 0 0;
	text-align:					center;
	/*background:					#EFEFEF url(/webektest/imgs/menu_horizontal/subnav-principal-fnd4.png) repeat-x;*/
	background:					#FFF url(/webektest/imgs/menu_horizontal/subnav-principal-fnd5.png) bottom repeat-x;
	font-family: 				ITCAvantGardeGothicStdBook,Verdana,Geneva,sans-serif;
	}
	
	
	
/* Nav1 - Subnav Principal
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal1 .nav1{
	clear:						both;
	margin:						0;
	padding:					0;
	list-style-type:			none;
	line-height:				1;
	}
.eol41 .subnav-principal1 .nav1 li{
	display:					inline;
	margin:						0;
	padding:					0;
	line-height:				1.2;
	font-size:					14px;
	}
.eol41 .subnav-principal1 .nav1 a{
	display:					inline-block;
	width:						130px;
	margin:						0;
	padding:					15px 15px 14px;
	border-top-right-radius:	6px;
	border-top-left-radius:		6px;
	color:						#666;
	background:					#D1D1D1 url(/webektest/imgs/menu_horizontal/subnav-principal-fnd6.png) repeat-x;
	border-top:					1px solid #FFF;
	}
.eol41 .subnav-principal1 .nav1 a:hover{
	background-position:		0 -10px;
	color:						#000;
	}
.eol41 .subnav-principal1 .nav1 .activo a,
.eol41 .subnav-principal1 .nav1 .activo a:hover{
	background:					#FFF;
	color:						#666;
	border-top-color:			#CCC;
	}
	
	
/* Nav3 - Subnav Principal
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal1 .nav3{
	height:						30px;
	margin:						-7px auto 30px;
	padding:					0;
	list-style-type:			none;
	line-height:				1;
	border:						1px solid #E2E2E2;
	border-radius:				4px;
	}
.eol41 .subnav-principal1 .nav3.opciones3{
	width:						360px;
	}
.eol41 .subnav-principal1 .nav3 li{
	float:						left;
	width:						119px;
	margin:						0;
	padding:					0;
	line-height:				1.2;
	font-size:					13px;
	color:						#666;
	border-left:				1px solid #E2E2E2;
	}
.eol41 .subnav-principal1 .nav3 li:first-child{
	border-left:				none;
	}
.eol41 .subnav-principal1 .nav3 li > a,
.eol41 .subnav-principal1 .nav3 li > span{
	display:					block;
	height:						22px;
	margin:						0;
	padding:					8px 0 0 10px;
	background-position:		5px 50%;
	background-repeat:			no-repeat;
	}
.eol41 .subnav-principal1 .nav3 a:hover{
	color:						#000;
	}
	
.eol41 .subnav-principal1 .nav3 .telef span{
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-icns11.png);
	}
.eol41 .subnav-principal1 .nav3 .perfil a{
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-icns12.png);
	}
.eol41 .subnav-principal1 .nav3 .carrito a{
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-icns13.png);
	}
	
	
	
/* Subnav Principal 2
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal2 {
	clear:						both;
	height:						100px;
	margin:						35px 2px 0;
	padding:					0;
	list-style-type:			none;
	text-align:					center;
	border-bottom:				1px solid #D8D8D8;
	}
	
.eol41 .subnav-principal2 li {
	display:					inline;
	margin:						0;
	padding:					0;
	line-height:				1.2;
	}
.eol41 .subnav-principal2 li a {
	display:					inline-block;
	width:						140px;
	height:						80px;
	margin:						0;
	padding:					0;
	text-transform:				uppercase;
	font: 						12px ITCAvantGardeGothicStdBold,Verdana,Geneva,sans-serif;
	color:						#808080;
	border-left:				1px solid #D9D9D9;
	}
.eol41 .subnav-principal2 li:first-child a {
	border-left:				none;
	}
.eol41 .subnav-principal2 li.activo a,
.eol41 .subnav-principal2 li a:hover {
	color:						#F60;
	}
.eol41 .subnav-principal2 li .icn {
	display:					block;
	width:						100px;
	height:						90px;
	margin:						-20px auto 0;
	background:					url(/webektest/imgs/menu_horizontal/subnav-principal-icns2.png) no-repeat;
	cursor:						pointer;
	}
.eol41 .subnav-principal2 li.activo .etiqueta {
	display:					block;
	height:						40px;
	background:					url(/webektest/imgs/menu_horizontal/subnav-principal-activo1.png) 50% 30px no-repeat;
	}
	
.eol41 .subnav-principal2 li.internet .icn {
	background-position:		0 -100px;
	}
.eol41 .subnav-principal2 li.movil .icn {
	background-position:		-100px -100px;
	}
.eol41 .subnav-principal2 li.tv .icn {
	background-position:		-200px -100px;
	}
.eol41 .subnav-principal2 li.fijo .icn {
	background-position:		-300px -100px;
	}
.eol41 .subnav-principal2 li.combinado .icn {
	background-position:		-400px -100px;
	}
	
.eol41 .subnav-principal2 li.internet.activo .icn {
	background-position:		0 0;
	}
.eol41 .subnav-principal2 li.movil.activo .icn {
	background-position:		-100px 0;
	}
.eol41 .subnav-principal2 li.tv.activo .icn {
	background-position:		-200px 0;
	}
.eol41 .subnav-principal2 li.fijo.activo .icn {
	background-position:		-300px 0;
	}
.eol41 .subnav-principal2 li.combinado.activo .icn {
	background-position:		-400px 0;
	}
	
	
	
/* Subnav Principal 2 estilo 2
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal2.esilo2 {
	margin-top:					-10px;
	background:					#FFF url(/webektest/imgs/menu_horizontal/subnav-principal-fnd5.png) bottom repeat-x;
	}
.eol41 .subnav-principal2.esilo2 li.activo .etiqueta {
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-activo2.png);
	}
	
	
/* Subnav Principal 2 estilo 3 sin iconos
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal2.esilo3 {
	height:						52px;
	margin:						0 2px 0;
	background:					#FFF url(/webektest/imgs/menu_horizontal/subnav-principal-fnd5.png) 0 0 repeat-x;
	}
.eol41 .subnav-principal2.esilo3  li a {
	height:						15px;
	margin-top:					22px;
	}
.eol41 .subnav-principal2.esilo3 li.activo .etiqueta {
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-activo2.png);
	}


/* Subnav Principal 2 estilo 4 (enlace)
----------------------------------------------------------------------------------------------- */

.eol41 .subnav-principal2.esilo4 {
	height:						52px;
	/*margin-top:					-10px; */
	margin:						0 2px 0;
	padding-top: 				5px;
	background:					#FFF url(/webektest/imgs/menu_horizontal/subnav-principal-fnd5.png) bottom repeat-x;
	}
.eol41 .subnav-principal2.esilo4  li a {
	height:						15px;
	margin-top:					16px;
	}	
.eol41 .subnav-principal2.esilo4 li.activo .etiqueta {	
	background-image:			url(/webektest/imgs/menu_horizontal/subnav-principal-activo2.png);
	}