@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	overflow-x:hidden;
	*overflow-y:visible;
	overflow-y:hidden;
	position:relative;
	font-family:"Trebuchet MS", Arial;
}

#mensaje{
	display:none;
	position:absolute;
	top:-82px;
	left:8434px;
	width:142px;
	height:82px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	background: url(../i/m-e.png) no-repeat top left;
	}
	
#nav_izk{
	width:34px;
	height:304px;
	position:absolute;
	top:217px;
	left:4939px;
	background:url(../i/nav_izk.png) no-repeat top left;
	}
	
#nav_der{
	width:34px;
	height:304px;
	position:absolute;
	top:217px;
	left:5821px;
	background:url(../i/nav_der.png) no-repeat top left;
	}

#bg{
	background:url(../i/bg2_2.jpg) no-repeat bottom left;
	width:10560px;
	height:1138px;
	position:relative;
	left:0px;
}
#bg_end {
	background:#262626 url(../i/bg_2.jpg) no-repeat top left;
	width:10560px;
	height:819px;
	position:relative;
	left:-1050px;
}
#menu {
		width:437px;
		height:77px;
		margin:10px 0px 0px -27px;
}

#menu ul{
	width:467px;
	height:70px;
	
}

#menu ul li{
	display:block;
	list-style:none;
	float:left;
	width:74px;
	height:77px;
	margin-right:10px;
}

#menu ul li#lang{
	float:left;
	width:37px;
	height:32px;
	margin-top:-10px;
}

#menu ul li a{
	display:block;
	width:74px;
	height:77px;
}
#menu ul li a.uno { background:url(../i/btn_inicio-03.png) no-repeat top left;}
#menu ul li a.dos { background:url(../i/btn_gled-03.png) no-repeat top left;}
#menu ul li a.tres { background:url(../i/btn_portafolio-03.png) no-repeat top left;}
#menu ul li a.cuatro { background:url(../i/btn_gledlabs-03.png) no-repeat top left;}
#menu ul li a.cinco { background:url(../i/btn_contacto-03.png) no-repeat top left;}

#menu ul li a.uno:hover { background:url(../i/btn_a_inicio-03.png) no-repeat top left;}
#menu ul li a.dos:hover  { background:url(../i/btn_a_gled-03.png) no-repeat top left;}
#menu ul li a.tres:hover  { background:url(../i/btn_a_portafolio-03.png) no-repeat top left;}
#menu ul li a.cuatro:hover  { background:url(../i/btn_a_gledlabs-03.png) no-repeat top left;}
#menu ul li a.cinco:hover  { background:url(../i/btn_a_contacto-03.png) no-repeat top left;}

#menu ul li a#uno_a { background:url(../i/btn_a_inicio-03.png) no-repeat top left;}
#menu ul li a#dos_a { background:url(../i/btn_a_gled-03.png) no-repeat top left;}
#menu ul li a#tres_a { background:url(../i/btn_a_portafolio-03.png) no-repeat top left;}
#menu ul li a#cuatro_a { background:url(../i/btn_a_gledlabs-03.png) no-repeat top left;}
#menu ul li a#cinco_a { background:url(../i/btn_a_contacto-03.png) no-repeat top left;}

#menu ul li a#en{
	display:block;
	width:37px;
	height:32px;
	background:url(../i/en.png) no-repeat top left;
}
#menu ul li a#es{
	display:block;
	width:37px;
	height:32px;
	background:url(../i/es.png) no-repeat top left;
}
#multimedia{
	float:left;
	width:480px;
	height:295px;
	float:right;
	margin-top:-65px;
	margin-right:37px;
}
#inicio{
	float:left;
	width:960px;
	height:570px;
	margin-left:1078px;
}
#inicio h1#ini {
						background:url(../i/gled.png) no-repeat top left;
						width:281px;
						height:80px;
						margin:40px 0px 140px 10px;
}
#inicio h1#ini span {
							display:none;
							margin-bottom:60px;
}
h2 {
		font-size:32px;
		color:#FFFFFF;
		margin-bottom:20px;
		font-weight:normal;
		padding-left:20px;
}
#inicio #texto_1 {
				width:439px;
				border-right:3px solid white;
				padding-right:36px;
				
}

#inicio #texto_1 p {
					display:block;
					width:416px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#FFFFFF;
					padding-left:30px;
}
#inicio #redes {
				float:right;
				margin-top:-145px;
				margin-right:40px;
}
#inicio #redes #facebook {
				width:140px;
				height:140px;
				background:url(../i/fb.png) no-repeat top left;
				float:left;
}
#inicio #redes #twitter {
				width:140px;
				height:140px;
				background:url(../i/yt.png) no-repeat top left;
				float:left;
}
#inicio #redes #youtube {
				width:140px;
				height:140px;
				background:url(../i/tw.png) no-repeat top left;
				float:left;
}
#inicio a {
			display:block;
			width:140px;
			height:140px;
}
#gled{
	float:left;
	margin-left:960px;
	width:960px;
}
#gled #c_q_s {
			width:935px;
			height:300px;
			margin-left:25px;
			background:url(../i/gled.png) center right no-repeat;
}
#gled h2#p_dos {
		font-size:77px;
		margin-top:30px;
		margin-bottom:2px;
}
#gled #menu_gled {
					float:right;
					margin-top:5px;
}
#gled #menu_gled ul {
					width:257px;
					height:33px;
					list-style:none;
					background:url(../i/bg_blanco.png) no-repeat top left;
}
#gled #menu_gled ul li {
					float:left;
					
}
#gled #menu_gled ul li#q_s {
							background:url(../i/bg_quienes_somos.png) no-repeat top left;
							width:118px;
							height:33px;
							margin-left:20px;
}
#gled #menu_gled ul li#equipo {
							background:url(../i/bg_equipo.png) no-repeat top left;
							width:50px;
							height:33px;
							margin-left:30px;
}
#gled #menu_gled ul li#q_s a {
							text-decoration:none;
							display:block;
							width:118px;
							height:33px;
}


#gled #menu_gled ul li#equipo a {
							text-decoration:none;
							display:block;
							width:50px;
							height:33px;
}




.active_q_s{
	background:url(../i/bg_quienes_somos_activo.png) no-repeat top left;
}

.inactive_q_s{
	background:url(../i/bg_quienes_somos.png) no-repeat top left;
}

.active_equipo{
	background:url(../i/bg_equipo_activo.png) no-repeat top left;
}

.inactive_equipo{
	background:url(../i/bg_equipo.png) no-repeat top left;
}

#gled h4#titulo_equipo {
				font-size:32px;
				color:#dfdfdf;
				margin:67px 0px 0px 0px;
}

#gled h4#intermedio {
				font-size:32px;
				color:#dfdfdf;
				margin:0px 0px 0px 0px;
}

#gled p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#dfdfdf;
			display:block;
			width:640px;
			height:80px;
			margin:20px 0px 0px 0px;
			
}
#gled #c_equipo {
				width:960px;
				margin-top:45px;
}
#gled #primero {
				width:192px;
				height:250px;
				float:left;
}
#gled #primero img {
					margin-bottom:0px;
}
#gled #primero ul {
					width:96px;
					height:32px;
}
#gled #primero ul li {
					float:left;
					list-style:none;
}
#gled #primero ul li a {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/facebook-32x32.png) no-repeat top left;
}
#gled #primero ul li a#equipo_dos {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/twitter-32x32.png) no-repeat top left;
}
#gled #primero ul li a#equipo_tres {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/flickr-32x32.png) no-repeat top left;
}
#gled #p_primero{
	margin:0px 0px 5px 0px;
	display:block;
	width:190px;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
}
#gled #p_primerodos {
	margin:0px 0px 10px 0px;
	display:block;
	width:190px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}			

#gled #segundo{
				width:192px;
				height:250px;
				float:left;
}
#gled #p_segundo{
	margin:0px 0px 5px 10px;
	display:block;
	width:190px;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
}
#gled #p_segundodos{
	margin:0px 0px 0px 10px;
	display:block;
	width:190px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}
#gled #segundo ul {
					width:32px;
					height:32px;
					margin:10px 0px 10px 10px;
}
#gled #segundo ul li {
					list-style:none;
}
#gled #segundo ul li a {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/facebook-32x32.png) no-repeat top left;
}
#gled #segundo img {
					margin-bottom:0px;
}
#gled #tercero {
				width:192px;
				height:250px;
				float:left;
}

#gled #p_tercero{
	margin:0px 0px 0px 10px;
	display:block;
	width:190px;
	height:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
}

#gled #p_tercerodos {
	margin:0px 0px 10px 10px;
	display:block;
	width:190px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

#gled #tercero ul {
					width:96px;
					height:32px;
					margin-left:10px;
}
#gled #tercero ul li {
					float:left;
					list-style:none;
}
#gled #tercero ul li a {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/facebook-32x32.png) no-repeat top left;
}
#gled #tercero ul li a#tercero_dos {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/twitter-32x32.png) no-repeat top left;
}
#gled #cuarto {
				width:192px;
				height:250px;
				float:left;
}
#gled #p_cuarto{
	margin:0px 0px 5px 10px;
	display:block;
	width:190px;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
}
#gled #p_cuartodos{
	margin:0px 0px 0px 10px;
	display:block;
	width:190px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}
#gled #cuarto ul {
					width:64px;
					height:32px;
					margin:10px 0px 10px 10px;
}
#gled #cuarto ul li {
					list-style:none;
					float:left;
}
#gled #cuarto ul li a {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/facebook-32x32.png) no-repeat top left;
}
#gled #cuarto ul li a#cuartodos {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/twitter-32x32.png) no-repeat top left;
}
#gled #cuarto img {
					margin-bottom:0px;
}
#gled #quinto {
				width:192px;
				height:250px;
				float:left;
}
#gled #quinto img {
					margin-bottom:0px;
}
#gled #quinto ul {
					width:96px;
					height:32px;
					margin-left:10px;
}
#gled #quinto ul li {
					float:left;
					list-style:none;
}
#gled #quinto ul li a {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/facebook-32x32.png) no-repeat top left;
}
#gled #quinto ul li a#quintodos {
					display:block;
					width:32px;
					height:32px;
					background:url(../i/twitter-32x32.png) no-repeat top left;
}
#gled #p_quinto{
	margin:0px 0px 5px 10px;
	display:block;
	width:190px;
	height:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
}
#gled #p_quintodos{
	margin:0px 0px 10px 10px;
	display:block;
	width:190px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}
#portafolio{
	float:left;
	margin-left:960px;
	width:960px;
	height:570px;
}

#portafolio h2 {
				margin-top:30px;
				font-size:77px;
}
#labs{
	float:left;
	margin-left:960px;
	width:960px;
	height:570px;
}
#labs h2 {
				margin-top:30px;
				font-size:77px;
				margin-bottom:43px;
}

#labs h4 {
			font-family:"Trebuchet MS", Arial;
			font-size:20px;
			color:#FFFFFF;
			margin-left:30px;
}	

#lab_uno, #lab_dos, #lab_tres, #lab_cuatro {
			float:left;
			width:900px;
			height:400px;
}

#multimedia_uno, #multimedia_dos, #multimedia_tres, #multimedia_cuatro {
				float:left;
				margin-left:440px;
				margin-top:-274px;
}

#lab_uno p, #lab_dos p, #lab_tres p, #lab_cuatro p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			margin:10px 0px 0px 30px;
			line-height:20px;
			letter-spacing:1px;
}

#galeria_dos {
			width:430px;
}
#galeria_dos ul {
				width:430px;
}
	
ul#menu_numeros{
	width:220px;
	height:40px;
	margin-left:20px;
}
#labs ul#menu_numeros li {
	display:block;
	width:30px;
	height:50px;
	list-style:none;
	float:left;
}	
ul#menu_numeros li a {
	display:block;
	width:30px;
	height:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	text-decoration:none;
}

ul#menu_numeros li a:hover{
	color:#F60;
}

.activo{
	color:#F60;
}

.normal{
	color:#FFF;
}

#arrow_left{
	width:30px;
	height:34px;
	background:url(../i/arrow_left.png) no-repeat top left;
	margin-right:16px;
	}
	
#arrow_left a{
	display:block;
	width:30px;
	height:34px;
	}

#arrow_left a span{
	display:none;
	}
	
#arrow_right{
	width:30px;
	height:34px;
	background:url(../i/arrow_right.png) no-repeat top left;
	}
	
#arrow_right a{
	display:block;
	width:30px;
	height:34px;
	}

#arrow_right a span{
	display:none;
	}
#contacto{
	float:left;
	margin-left:960px;
	width:960px;
	height:570px;
}

#contacto h2 {
				margin:30px 0px 85px 0px;
				font-size:77px;	
}
#contacto h3 {
				font-size:28px;
				font-weight:normal;	
				color:#FFFFFF;
				margin-bottom:20px;
				margin-left: 25px;
}
#contacto #texto_contacto {
					float:left;
					width:400px;
					height:160px;
					border-right:3px solid white;
					padding-right:40px;
}
#contacto #texto_contacto p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					color:#FFFFFF;
					display:block;
					height:30px;
					margin-left:25px;
}

#contacto #texto_contacto p#correo{
					margin-top:20px;
}

/*FORMULARIO*/
#contacto #formulario {
					width:500px;
					height:300px;
					margin:-20px 0px 0px 450px;
					
}

#contacto #formulario #comentarios {
							width:290px;
}
#contacto #formulario input.envi {
								width:80px;
}
#contacto #formulario table {
							margin-left:40px;
							color:#FFFFFF;
}
.invisible {
			display:none;
}

/* Gallery Styles */
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 868px; /* Set to gallery width, in px or percentage */
height: 320px; /* Set to gallery height */
margin:-20px auto;
}

#motioncontainer a:hover img, #motioncontainer a:visited img{
border:none;
}

#motioncontainer a img {
border:none;
}

#motioncontainer a:hover img {
	width:261px;
	height:318px;
}

#motiongallery nobr a{
	margin-right:15px;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
#formulario table span#nombre_mal, #formulario table span#captcha_mal {
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:10px;
}
#formulario table span#empresa_mal {
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:10px;
}#formulario table span#comentarios_mal {
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:10px;
}
#formulario table span#mail_mal {
								font-family:Verdana, Arial, Helvetica, sans-serif;
								font-size:10px;
}


/* ------------------------------- */

#fondo{
				position:absolute;
				background: #000;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity:0.50;
				filter:alpha(opacity="50");
				display:none;
			}
#msg{
				position: absolute;
				background:#262626 url(../i/bg_pop-up) no-repeat 0px 30px;
				top: 10px;
				left:30%;
				width: 550px;
				height: 600px;
				border:groove 1px #000;
				display:none;
			}
.superior{
				background: url(../i/superior.png) repeat-x top left;
				width: 100%;
				height: 30px;
				color: #fff;
			}
.cerrar {
				background:url(../i/cerrar.png) no-repeat top left;
				font-weight: bolder;
				cursor: pointer;
				font-family: arial;
				float: right;
				width:34px;
				height:30px;
			}

#mu{
	background:url(../i/p2_01.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu2{
	background:url(../i/p2_02.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu3{
	background:url(../i/p2_03.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu4{
	background:url(../i/p2_04.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}


#mu7{
	background:url(../i/p2_07.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu8{
	background:url(../i/p2_08.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu9{
	background:url(../i/p2_09.jpg) no-repeat top left;
	width:480px;
	height:295px;
	margin:0px auto;
	margin-top:15px;
}

#mu a{
	display:block;
	width:480px;
	height:295px;
}

#co h1{
	margin:30px 0px 8px 35px;
}

#co h1 a{
	display:block;
	width:460px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#FFF;
}

#co h1 a:hover{
	color:#77a157;
}

#co h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	margin:2px 0px 16px 15px;
}

#co p{
	width:480px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:justify;
	margin:0px 0px 5px 35px;
}

#co span{
	display:none;
}