@font-face {
    font-family: 'duralight';
    src: url('../fonts/dura-lip-webfont-webfont.eot');
    src: url('../fonts/dura-lip-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dura-lip-webfont-webfont.woff2') format('woff2'),
         url('../fonts/dura-lip-webfont-webfont.woff') format('woff'),
         url('../fonts/dura-lip-webfont-webfont.ttf') format('truetype'),
         url('../fonts/dura-lip-webfont-webfont.svg#duralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1{
	font-size:2.8em;
	color:#D4F110;
	margin-top:0px;
	margin-bottom:20px;
}

h2{
	font-size:30px;
	font-weight:normal;
	}

#wraper{
	width:100%;
	height:445px;
	clear:both;
}


/*****************************************
			TEGNOLOGIA
********************************************/
.projectes.active > a {
    color: #FF6600;
}
/*****************************************
			FERIA
********************************************/
header #menu .ferias.active > a {
    color: #FF6600;
}
header #sub-menu.ferias ul {
    background: none repeat scroll 0% 0% rgba(142, 28, 70, 0.7);
    padding-left: 203px;
}
header #sub-menu.ferias a:hover {
    color:#000;
}
#feria_titulo{margin:auto;height:30px;width: 800px;background: #bb4b7f;color:#fff;}
#feria_titulo p{margin-left:20px;padding-top:5px;}

#feria_contenedor{margin:auto;width: 800px;margin-top:3px;}
	#feria_panel_descripcion{width:300px;margin-top:33px;position:absolute;top:0%;z-index:99;right:86px;background:rgba(233,198,200,0.7);}
		#feria_panel_heading_descripcion{background:#c0a1a7;opacity: 0.7;border:0;}
		#feria_descripcion{height:318px;padding-bottom:60px;background:#c0a1a7;opacity: 0.7;}
#ferias_redes_sociales{position: absolute;bottom:30px;margin-left:30px;}


/*****************************************
			EMPRESA
********************************************/
.has-submenu.active > a{
    color: #fff;
    font-size: 0.9em;
	border-top:2px solid #D5F110;
	border-bottom:2px solid #D5F110;
	padding-top:33px;
	padding-bottom:30px;
}

.sub-menu .active, .sub-menu .active:visited{
    border: 0 none !important;
    font-size: 0.9em;
	padding:0px 0px 0px 5px;
}

.sub-menu .active a{
	font-size:1em !important;
	padding-left:0px !important;
	color:#d3f110 !important;
}	

header #sub-menu ul {
    background: none repeat scroll 0% 0% rgba(158, 156, 156, 0.7);
    padding-left: 203px;
	height:81px;
}
header #sub-menu a:hover {
    color:#000;
}


nav #menu ul .has-submenu .sub-menu, nav #menu ul .has-submenuactive .sub-menu{display: none; position:relative;  height:auto; min-width:160px;  background:rgba(1,1,53,0.5); top:53px; padding-top:15px; padding-bottom:15px;}



#menu ul .has-submenu .sub-menu li, #menu ul .has-submenuactive .sub-menu li{display:block; height:auto; line-height:25px; background-color:transparent;}

#menu ul .has-submenu .sub-menu li a, #menu ul .has-submenuactive .sub-menu li a{text-transform:none; line-height:25px; padding-top:0px; padding-bottom:0px; border:0 !important; color:#FFF; padding-left:5px; font-size:0.9em;}



#menu ul .has-submenu .sub-menu li a:hover, #menu ul .has-submenuactive .sub-menu li a:hover{height:auto; text-transform:none; border:0px; margin:0px; color:#D3F110; line-height:25px; padding-top:0px; padding-bottom:0px;}

#menu ul .has-submenu:hover .sub-menu, #menu ul .has-submenuactive:hover .sub-menu {display: block;position: absolute;left: 0px; border:0px;}

#menu ul .has-submenuactive a{ color: #fff; font-size: 0.9em; border-top:2px solid #D5F110 !important;	border-bottom:2px solid #D5F110 !important; padding-top:0px; padding-bottom:0px;}

.headerinterior nav #menu ul .has-submenu .sub-menu li a, .headerinterior nav #menu ul .has-submenuactive .sub-menu li a{color:#FFF;}
.headerinterior #menu ul .has-submenuactive a{ color:#333; height:81px;}
.headerinterior #menu ul .has-submenuactive .sub-menu a{ color:#fff;}
.headerinterior .sub-menu li a, .headerinterior .sub-menu li a:visited{color:#FFF;}
.headerinterior nav #menu ul .has-submenu .sub-menu, .headerinterior nav #menu ul .has-submenuactive .sub-menu{color:#FFF;}

.headerportada #menu ul .has-submenuactive a{ color:#333; height:81px;}





#menu ul a:hover, .has-submenu .activo, .submenu .activo{
    color: #fff;
    font-size: 0.9em;
	border-top:2px solid #D5F110;
	border-bottom:2px solid #D5F110;
	padding-top:33px;
	padding-bottom:30px;
	padding:0px 5px 0px 5px;
	line-height:81px;
}

.headerinterior #menu ul a:hover{ color:#333;}



/*****************************************
			TECNOLOGIAS
********************************************/
header #menu .tecnologias.active > a {
    color: #FF6600;
}
#tecnologia_titulo{margin:auto;height:30px;width: 900px;background: #81b688;color:#fff;}
#tecnologia_titulo p{margin-left:20px;padding-top:5px;}

#tecnologia_contenedor{margin:auto;width: 900px; height:500px;}
	#tecnologia_textos{width:450px;padding-top:40px;}
		#tecno_texto_1{margin-top: -10px;margin-bottom: 5px !important;}
		#tecno_texto_3{margin-bottom: 15px !important;}
		#tecnologia_texto{margin-left: 85px;}
		#tecnologia_texto img{margin-left:30px;margin-right:10px;float:left;margin-bottom:20px;}
		#tecnologia_texto p{width:250px;30px;float:left;margin-bottom:5px;}
	#tecnologia_panel_descripcion{width:350px;margin-top:30px;position:absolute;top:0%;z-index:99;right:36px;background:#c0a1a7;opacity: 0.7;}
		#tecnologia_panel_heading_descripcion{background:#deebd7;opacity: 0.7;border:0;}
		#tecnologia_descripcion{height:368px;padding-bottom:60px;background:#deebd7;opacity: 0.7;}
			#tecnologia_descripcion img{position: absolute;left:100px;bottom:10%;}
			#tecnologia_descripcion p{margin-top: -20px;}
.texto_ancho{width: 330px !important;}
/*****************************************
			PRODUCTOS
********************************************/
#minimizar{
	float:right;
	background: url(../img/plantilla/min.png);	
	width:15px;
}
#minimizar img{margin-right:10px;}
#maximizar{
	float:right;
	display: none;
	background: url(../img/plantilla/max.png);	
	width:15px;
	height:15px;
}

header #sub-menu.productos ul {	
	background-color: #42597b;
	padding-left: 203px;
}
.productos.active > a {
	color: #FF6600;
}


#productos_titulo{margin:auto;height:40px;width: 100%;background: #fff; margin-bottom:40px;}
	#productos_titulo p{text-align:center;margin-left:20px;padding-top:11px;}
	#productos_titulo a{margin-right:10px;text-decoration: none;color:#fff;text-transform:uppercase;}

#caja_miniatura_producto{margin-bottom:10px; margin-left:0px;}
#DivContenidoPortada #caja_miniatura_producto #cuadro_miniatura_img{width:100%;}
	#cuadro_miniatura_img{width:100%;background: #fff;text-align: center; margin-bottom:10px;}
		#caja_miniatura_producto img{max-width:280px;max-height:310px; position:relative; z-index:0;}
	#titulo_miniatura_producto{margin-left:0px;color:#333333; font-size:1em; z-index:10; text-align:center;}

#titulo_detalle{float:left;color:#FFF;font-size:15px;margin-top:8px;margin-left:20px;}
#contenedor_detalle{margin-left:1px;margin-top:3px;width:100%;background: #fff;}
		#DivFotosProducto{width:670px; float:left;}
		#foto_producto{text-align:center; width:670px; border:1px solid #CCCCCC;}
		#foto_producto img{max-width:100%;max-height:500px;margin:auto;margin-top:15px;margin-left:0px;}
		#lista_productos{position:absolute;top:460px;left:30%;}
			#lista_productos a{text-decoration: none;color:#575757;margin-right:10px;cursor: pointer;}
		#producto_panel_descripcion{margin-top:50px; z-index:99;right:0px;}
			#producto_panel_heading_descripcion{height:40px;background:#dae2f5;opacity: 0.9;border:0;}
			#producto_descripcion{padding:0px; background:#FFF; width:100%; font-size:14px;}
			#foto_detalle_producto img{position: absolute;bottom:80px;max-width: 270px;}
		#producto_redes_sociales{position: absolute;bottom:2%;margin-left:30px;}
		

#producto_descripcion h1{font-size:20px; border-bottom:3px solid #CCCCCC; margin-bottom:15px; padding-bottom:10px; margin-top:0px;}

.telas.active > a {
	color: #FF6600;
}

.videos.active > a {
	color: #FF6600;
}


.stock.active > a {
	color: #FF6600;
}

.condiciones.active > a {
	color: #FF6600;
}

#Divareas_portadaSuperior{
	width:90%;
	margin:0 auto;
}

#Divareas_portadaSuperior .areas_portada{
	float:left;
	width:25%;
	text-align:center;
}

#Divareas_portadaSuperior .areas_portada .titularsup{
	text-align:center;
	margin-top:45px;
	margin-bottom:35px;
}

#Divareas_portadaSuperior .areas_portada a{
	color:#333333;
	font-size:1.1em;
	text-decoration:none;

}