html{
	overflow: hidden;
}

body{
	background-color: #333333;
}

#panel_trans{
	position: relative;
	width: 990px;
	height: 550px;
	margin: auto auto;
	background-image: url('../img/fondo.jpg');
}

#panel{
	position: relative;
	width: 990px;
	height: 550px;
	margin: -550px auto;
	background: transparent;
	color: #FFFFFF;
}

#flashanimation{
	position: relative;
	top: 0px;
	left: 0px;
	width: 990px;
	height: 85px;
}

#whole{
	position: relative;
	width: 990px;
	height: 432px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	overflow: hidden;
}

#menuleft{
	position: relative;
	background-color: #FFCC00;
	width: 156px;
	height: 432px;
	left: 0px;
}

#menuleft_en{
	position: relative;
	width: 156px;
	height: 432px;
	margin-top: -432px;
	overflow: hidden;
}

#menuleft_en form{
	border-bottom: 1px solid #646055;
	width: 156px;
	height: 117px;
	overflow: hidden;
	padding: 0px;
	top: 13px;
	position: relative;
}

#menuleft_en p{
	color: #A29A82;
	font-family: "trebuchet ms";
	font-size: 11px;
}

#menuleft_en p a{
	color: #A29A82;
	font-family: "trebuchet ms";
	font-size: 11px;
	text-decoration: none;
}

#menuleft_en p a:hover{
	text-decoration: underline;
}

#menuleft_en input{
	position: absolute;
	right: 0px;
	margin-top: -3px;
	border: 0px none;
	background: transparent url('../img/tbl.gif') no-repeat top left;
	color: #A29A82;
	height: 16px;
	padding-left: 5px;
	font-size: 11px;
	font-family: "trebuchet ms";
	padding-bottom: 2px;
}

#menuleft_en a img{
	border: none;
}

#contents{
	position: relative;
	width: 834px;
	height: 432px;
	left: 156px;
	margin-top: -432px;
	background-color: #333333;
}

#contents_en{
	position: relative;
	width: 834px;
	height: 432px;
	margin-top: -432px;
	left: 156px;
}

#contents_en ul{
	margin-left: 30px;
	position: absolute;
	height: 27px;
	top: 5px;
	z-index: 200;
}

#contents_en ul li{
	float: left;
	margin-right: 34px;
}

#contents_en ul li a#ideatica{
	display: block;
	background-image: url('../img/menu-ideatica-nh.gif');
	width: 55px;
	height: 27px;
}

#contents_en ul li a#portafolio{
	display: block;
	background-image: url('../img/menu-portafolio-nh.gif');
	width: 60px;
	height: 27px;
}

#contents_en ul li a#educacion{
	display: block;
	background-image: url('../img/menu-educacion-nh.gif');
	width: 65px;
	height: 27px;
}

#contents_en ul li a#blog{
	display: block;
	background-image: url('../img/menu-blog-nh.gif');
	width: 38px;
	height: 27px;
}

#contents_en ul li a#network{
	display: block;
	background-image: url('../img/menu-network-nh.gif');
	width: 54px;
	height: 27px;
}

#contents_en ul li a#prensa{
	display: block;
	background-image: url('../img/menu-prensa-nh.gif');
	width: 45px;
	height: 27px;
}

#contents_en ul li a#contacto{
	display: block;
	background-image: url('../img/menu-contacto-nh.gif');
	width: 51px;
	height: 27px;
}

#logo{
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url('../img/logoid.png') !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logoid.png');
}

#seccion{
	border-bottom: 1px solid #646055;
	width: 156px;
	height: 36px;
	overflow: hidden;
	top: 13px;
	position: relative;
}

#seccion p{
	position: absolute;
	top: 5px;
}

#sub_menu{
	position: relative;
	width: 156px;
	height: 262px;
	overflow: hidden;
	top: 13px;
}

#sub_menu ul{
	position: relative;
	top: 8px;
	list-style-image: url('../img/arrow.gif');
	margin-left: 25px;
	width: 120px;
}

#sub_menu ul li{
	margin-bottom: 5px;
}

#sub_menu ul li a{
	font-family: "trebuchet ms";
	font-size: 11px;
	color: #CEC8B0;
	text-decoration: none;
}

#sub_menu ul li a:hover{
	text-decoration: underline;
}

#buscador{
	position: absolute;
	top: 8px;
	right: 0px;
	width: 210px;
	height: 25px;
}

#buscador input{
	position: absolute;
	right: 0px;
	border: none;
	background: transparent url('../img/buscadorbar.gif') no-repeat;
	width: 140px;
	padding-left: 6px;
	font-size: 11px;
	height: 18px;
}

#buscador img{
	position: absolute;
	left: 0px;
	top: -3px;
}

#footer{
	position: relative;
	width: 990px;
	height: 33px;
	color: #999999;
}

#footer ul{
	position: absolute;
	top: 10px;
	margin-left: 25px;
}

#footer ul li{
	display: inline;
}

#footer ul li a{
	font-family: "trebuchet ms";
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	margin-left: 15px;
	padding-right: 15px;
}

#footer ul li a:hover{
	color: #CCCCCC;
}

#canvas{
	position: relative;
	width: 834px;
	height: 432px;
	overflow: hidden;
}

#scrollv{
	position: absolute;
	left: 0px;
	top: 163px;
	width: 12px;
	height: 267px;
	z-index: 20;
	overflow: hidden;
}

#scrollh{
	position: absolute;
	bottom: 0px;
	left: 15px;
	width: 815px;
	height: 11px;
	z-index: 20;
	overflow: hidden;
}

#area{
	position: absolute;
	top: 32px;
	height: 401px;
	width: 834px;
	overflow: hidden;
	z-index: 10;
}

#areax{
	position: absolute;
	top: 32px;
	height: 401px;
	width: 834px;
	z-index: 10;
	overflow: hidden;
}

#yellowcirc{
	position: relative;
	width: 12px;
	height: 9px;
	background-image: url('../img/scrollv.gif');
	overflow: hidden;
}

#greycirc{
	position: relative;
	width: 9px;
	height: 11px;
	background-image: url('../img/scrollh.gif');
	overflow: hidden;
}

#m-top-right{
	position: absolute;
	width: 210px;
	height: 249px;
	right: 128px;
	top: 36px;
	background-image: url('../img/m-top-right.gif');
}

form.greyish p span{
	color: #666666;
	font-family: "trebuchet ms";
	font-size: 11px;
}

form.greyish input{
	position: absolute;
	right: 0px;
	width: 117px;
	height: 19px;
	border: none;
	background: transparent url('../img/textfield.gif') no-repeat;
	padding-left: 6px;
	color: #5C9238;
	font-family: "trebuchet ms";
	font-size: 11px;
}

form.greyish select{
	position: absolute;
	right: 0px;
	width: 120px;
	background: #413F3F url('../img/textfield.gif') no-repeat top right;
	border: none;
	color: #5C9238;
	font-family: "trebuchet ms";
	font-size: 11px;
}

form.greyish p{
	margin-top: 7px;
	margin-left: 5px;
}

form.myform p{
	margin-top: 6px;
	margin-left: 5px;
}

form.myform p span{
	color: #666666;
	font-family: "trebuchet ms";
	font-size: 11px;
}

#m-top-left{
	position: absolute;
	width: 449px;
	height: 249px;
	top: 36px;
	left: 20px;
	background-image: url('../img/m-top-left.gif');
}

#m-bottom-right{
	position: absolute;
	width: 210px;
	height: 89px;
	right: 128px;
	top: 295px;
	background-image: url('../img/m-bottom-right.gif');
}

#m-bottom-left{
	position: absolute;
	width: 448px;
	height: 89px;
	top: 295px;
	left: 20px;
	background-image: url('../img/m-bottom-left.gif');
}

#tesssto{
	position: absolute; 
	width: 563px; 
	height: 210px;
	top: 158px;
	left: 20px;
}

#tesssto p{
	color: #5C9238;
	font-family: "trebuchet ms";
	font-size: 11px;
	width: 265px;
	margin-top: 5px;
	text-align: justify;
}

p.green{
	color: #5C9238;
	font-family: "trebuchet ms";
	font-size: 11px;
}

#f-top-left{
	position: absolute;
	width: 199px;
	height: 29px;
	top: 351px;
	left: 25px;
	background-image: url('../img/f-top-left.gif');
}

#f-top-right{
	position: absolute;
	width: 241px;
	height: 29px;
	top: 351px;
	left: 236px;
	background-image: url('../img/f-top-right.gif');
}

#ensayomap{
	position: absolute;
	top: 30px;
	width: 450px;
	height: 280px;
	left: 25px;
}

.blogger{
	width: 254px;
	height: 380px;
	position: relative;
	overflow: hidden;
}

.bloggeri{
	width: 254px;
	height: 380px;
	position: relative;
	overflow: hidden;
	margin-top: -380px;
}

.blogger h1, .bloggeri h1{
	font-family: "trebuchet ms";
	font-size: 14px;
	color: #FFFFFF;
}

span.gris{
	color: #666666;
	font-size: 11px;
	font-family: "trebuchet ms";
}

a.amarillo{
	color: #FFCC00;
	font-size: 11px;
	font-family: "trebuchet ms";
	text-decoration: none;
}

a.amarillo:hover{
	text-decoration: underline;
}

p.yella{
	color: #FFCC00;
	font-size: 11px;
	font-family: "trebuchet ms";
	margin-top: 15px;
	width: 240px;
}

p.ibottom{
	position: absolute;
	bottom: 2px;
}

#myGallery{
	position: absolute;
	top: 15px;
	left: 25px;
	width: 365px;
	height: 365px;
}

#texxto{
	position: absolute; 
	width: 365px; 
	height: 365px;
	top: 15px;
	right: 30px;
}

#texxto p{
   	color: #999999;
	font-family: "trebuchet ms";
	font-size: 11px;
	width: 100%;
	margin-top: 10px;
	text-align: justify; 
}