/* DECLARACIONES GENERALES ============================ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9B9B9B;
	background: #fff;
}



/* CONTENEDORES PRINCIPALES ============================ */

/* wrapper ------------------------------------------- */
#wrapper {
	position: relative;
	width:1030px;
	display: none;
}


/* window ------------------------------------------- */
#windowWrapper {
	position: relative;
	margin: 0 auto;
	padding-top:32px;
	width: 920px; /*920*/
	height: 535px; /*535*/
}

#window {
	margin: 0 auto;
	position: relative;
	width: 920px; /*920*/
	height: 535px; /*535*/
	background: url(../images/bg1.jpg);
	overflow:hidden;
}


/* header ------------------------------------------- */
#header {
	position:relative;
	width: 229px;/*229*/
	height: 57px;/*57*/
	background: #fff url(../images/logo.jpg) left top no-repeat;
}
	#header h1 {
		margin:0;
		width: 229px;/*229*/
		height: 57px;/*57*/
	}
		#header h1 span {
			display: none
		}
	
	a#logolink {
		display: block;
		width: 229px;/*229*/
		height: 57px;/*57*/
		
	}


	
/* mainNav ------------------------------------------- */
#mainNav {
	position: absolute;
	left: 0px;
	top: 413px;
	padding: 27px 0 14px 0;
	width: 149px;/*149*/
	height: 81px;/*122*/
	background: #fff;
	overflow:hidden;
}
	#mainNav ul {
		margin: 0;
		padding: 0;
		height: 81px;
		list-style: none;
	}
		#mainNav ul li {
			float:left;
			margin: 0;
			padding: 0;
			width: 149px;/*149*/
			height: 27px;/*27*/
		}
			#mainNav ul li a {
				display: block;
				height: 27px;/*27*/
			}
				#mainNav ul li a span {
					display: none;
				}
				
	#mnDonde a {
		background: url(../images/mnDonde.jpg) left top no-repeat;
	}
	#mnPortafolio a {
		background: url(../images/mnPortafolio.jpg) left top no-repeat;
	}
	#mnContacto a {
		background: url(../images/mnContacto.jpg) left top no-repeat;
	}
	

	
/* homeMenu ------------------------------------------- */
#homeMenu {
	position: absolute;
	left: 763px/*643*/;
	top: 0px;
	height: 30px;/*30*/
}
	#homeMenu ul {
		margin: 0;
		padding: 0;
		height: 30px;
		list-style: none;
	}
		#homeMenu ul li {
			float: left;
			display: block;
			padding: 0;
			margin: 0;
			height: 30px;/*30*/
		}
			#homeMenu ul li a {
				display: block;
				height: 30px;/*30*/
			}
				#homeMenu ul li a span {
					display: none;
				}
				
	#hmEnglish {
		margin-right: 19px!important;
		width: 41px;/*41*/
		background: #fff;
	}
	#hmEnglish a {
		width: 41px;/*41*/
		background: #fff url(../images/hmEnglish.jpg) left top no-repeat;
	}
	
	#hmPDF {
		margin-right: 19px!important;
		width: 29px;/*29*/
		background: #fff;
	}
	#hmPDF a {
		width: 29px;/*29*/
		background: #fff url(../images/hmPDF.jpg) left top no-repeat;
	}
	
	#hmSuscribete {
		margin: 0;
		width: 106px;/*106*/
		background: #fff
	}
	#hmSuscribete a {
		width: 106px;/*106*/
		background: #fff url(../images/hmSuscribete.jpg) left top no-repeat;
	}
	
	#hmEmpleos {
		margin: 0;
		width: 63px;/*63*/
		background: #fff
	}
	#hmEmpleos a {
		width: 63px;/*63*/
		background: #fff url(../images/hmEmpleos.jpg) left top no-repeat;
	}
	
	#hmReel {
		margin: 0;
		width: 157px;/*157px*/
		height:22px!important;
		background: #fff
	}
	#hmReel a {
		width: 157px;/*157px*/
		height:22px!important;
		background: #fff url(../images/hmReel.jpg) left top no-repeat;
	}
	
	

/* mediaMenu ------------------------------------------- */
#mediaMenu {
	position: absolute;
	left: 0;
	top: 32px;
	padding-right: 16px;
	width: 29px;/*45*/
	height: 129px;/*179*/
	background:#000 url(../images/mmWikot.jpg) 31px top no-repeat;
}
	#mediaMenu ul {
		margin: 0;
		padding: 0;
		padding-bottom:2px;
		width: 29px;/*29*/
		height: 125px;/*177*/
		list-style: none;
		overflow: hidden;
		background: #000;
		border:solid 1px #000;
	}
		#mediaMenu ul li {
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
			width: 29px;/*29*/
			height: 25px;/*25*/
		}
			#mediaMenu ul li a {
				display: block;
				float: left;
				width: 29px;/*29*/
				height: 25px;/*25*/
			}
				#mediaMenu ul li a span {
					display: none;
				}
				
	#mmFacebook {
		background: url(../images/mmFacebook.jpg) left top no-repeat
	}
	#mmFlickr {
		background: url(../images/mmFlickr.jpg) left top no-repeat
	}
	#mmTwitter {
		background: url(../images/mmTwitter.jpg) left top no-repeat
	}
	#mmYoutube {
		background: url(../images/mmYoutube.jpg) left top no-repeat
	}
	#mmGoogle {
		background: url(../images/mmGoogle.jpg) left top no-repeat
	}
	#mmWikipedia {
		background: url(../images/mmWikipedia.jpg) left top no-repeat
	}
	#mmWordpress {
		background: url(../images/mmWordpress.jpg) left top no-repeat
	}
	



/* noticias ------------------------------------------- */
#noticias {
	position: absolute;
	left:0;
	top:0;
	width: 920px; /*920*/
	height: 535px; /*535*/
	overflow:hidden;
}
	
	.noticia {
		position:absolute;
		background: #000;
	}
		.noticia h2 {
			margin:0;
			padding:10px 5px;
			font-family:"Arial Black", Arial, Helvetica, sans-serif;
			font-size:20px;
			font-style:italic;
			line-height:1.2em;
		}
			.noticia h2 a {
				color:#FFF;
				text-decoration:none;
			}
			.noticia h2 strong {
				color:#FFA200;
			}
			
		.noticia p {
			margin:0;
			padding:5px;
			background:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-style:italic;
			color:#000;
		}
			.noticia p a {
				color:#000;
				text-decoration:none;
			}
			
	#noticia1 {
		left: 580px;
		top: 140px;
		width: 340px;
	}
	
	#noticia2 {
		left: 380px;
		/*top: 270px;*/
		width: 200px;
	}
	
	#noticia3 {
		left: 120px;
		/*top: 140px;*/
		width: 260px;
	}
	
	#noticia4 {
		left: 580px;
		/*top: 386px;*/
		width: 260px;
	}
	




/* dondeEstamos ------------------------------------------- */
#dondeEstamos {
	display: none;
	position: absolute;
	left:0;
	top:0;
	width: 920px; /*920*/
	height: 535px; /*535*/
	background: url(../images/bg3.jpg);
	overflow:hidden;
}
	#dondeContent {
		position:absolute;
		left:350px;
		top:536px;
		padding:0 0 0 4px;
		width:566px/*570*/;
		height:332px/*332*/;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #FFF;
	}
		#DDDiv {
			display: none;
			padding:10px 0 0 5px;
		}
			#mapa {
				margin-bottom:10px;
				width:561px;
				height:250px;
			}
			
			#textoMapa {
				border-top: dashed 1px #666;
			}





/* contacto ------------------------------------------- */
#contacto {
	display: none;
	position: absolute;
	left:0;
	top:0;
	width: 920px; /*920*/
	height: 535px; /*535*/
	background: url(../images/bg2.jpg);
	overflow:hidden;
}
	#contactoContent {
		position:absolute;
		left:500px;
		top:536px;
		padding:0 0 0 4px;
		width:416px/*420*/;
		height:253px/*253*/;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #FFF;
	}
		#contactoContent #CCDiv {
			display: none;
		}
		
		#contactoContent h3 {
			margin-top: 45px;
			margin-bottom: 5px;
			font-family: "Arial Black", Arial, Helvetica, sans-serif;
			font-size: 20px;
			color:#000;
			font-style: italic;
			border-bottom: dashed 1px #000;
		}
		
			#formContacto {
				padding:15px;
				width:400px;
				height:144px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-style: italic;
				font-size:12px;
				line-height:1.1em;
				color:#fff;
				background:#C9C9C9;
				overflow:hidden;
			}
			
				#fcLeft {
					width:200px;
					float:left;
					display:inline;
				}
			
				#formContacto label {
					display:block;
					margin-bottom:2px;
				}
				
				#formContacto input {
					margin-bottom:8px;
					width:175px;
					border:solid 0 #fff;
				}
				
				#formContacto textarea {
					width:180px;
					_width:172px;
					height:117px;
					_height:112px;
					border:solid 0 #fff;
				}
				
				#formContacto a {
					color:#666;
					text-decoration:none;
				}
				
				#formContacto #fcEnviar {
					padding:5px 23px;
					text-align:right;
				}
				
					#fcEnviar a {
						color:#FFF;
						text-decoration:none;
					}
		



/* portafolio ------------------------------------------- */
#portafolio {
	display: none;
	position: absolute;
	left:0;
	top:0;
	width: 920px; /*920*/
	height: 535px; /*535*/
	background: url(../images/bg4.jpg);
	overflow:hidden;
}
	#portafolioContent {
		position:absolute;
		left:209px;
		top:535px/*268*/;
		padding:0;
		width:711px/*711*/;
		height:267px/*267*/;
		background: #FFF;
	}
		#portafolioMenu {
			position:absolute;
			top:-21px;
			left:0;
		}
			#portafolioMenu ul {
				margin:0;
				padding:0;
				list-style:none
			}
				#portafolioMenu ul li {
					padding:0;
					margin:0;
					margin-right:4px;
					float:left;
				}
					#portafolioMenu ul li a {
						display:block;
						float:left;
						padding:3px 3px;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						font-size:12px;
						font-style:italic;
						color:#000000;
						text-decoration:none;
						background:#FFF;
					}
					
		#paisesMenu {
			position:absolute;
			left:0px;
			top:-11px;
		}
			#paisesMenu ul {
				position:relative;
				margin:0;
				padding:0;
				list-style:none;
			}
				#paisesMenu ul li {
					position:absolute;
					top:0;
					left:0;
					padding:0px 1px 0px 15px;
					margin:0 16px 0 0;
					width:55px;/*60*/
					height:11px!important;
					font-family:Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#000000;
					text-transform:uppercase;
					background:#FFA200;
					overflow:hidden;
				}
				
				#paisesMenu ul li.current {
					background:#FFA200 url(../images/flecha1.jpg) 2px 2px no-repeat;
				}
					#paisesMenu ul li a {
						color:#000000;
						text-decoration:none;
					}
					
		#pGaleria {
			padding:10px 0 0 11px;
		}
		
			#galeriaLoading {
				padding:120px 0;
				text-align:center;
			}
			
			
			.pItem {
				position:relative;
				float:left;
				display:inline;
				padding:13px 11px;
				_padding:7px 11px;
				border-right:dashed #E0DFE0 1px;
				border-bottom:dashed #E0DFE0 1px;
			}
				.pItem img {
					border:solid #F3F3F3 10px;
					float:left;
					background:#FFF url(../images/thumb-loader.gif) 43px 40px no-repeat;
				}
				
				.pItemOverlay {
					position:absolute;
					top:23px;
					_top:18px;
					left:21px;
					width:101px;
					height:95px;
					background:#000;
					filter:alpha(opacity=80);
					-moz-opacity:0.8;
					opacity: 0.8;
				}
				
				.piMenuContainer {
					position:absolute;
					top:23px;
					_top:18px;
					left:21px;
					padding:0;
					margin:0;
					width:101px;
					height:95px;
					overflow:hidden;
				}
					.piMenuContainer p {
						position:absolute;
						left:0px;
						top:68px;
						left:-102px;
						height:13px;
						margin:0;
						padding:1px 2px;
						color:#FFF;
						font-size:11px;
						font-style:italic;
						font-weight:bold;
						background:#000;
					}
						.piMenuContainer p a {
							color:#FFF;
							text-decoration:none;
						}
						
					.piMenuContainer a.pimcLink {
						clear:both;
						display:block;
						position:absolute;
						left:0;
						top:95px/*83*/;
						width:97px;
						height:11px;
						padding:0 3px 1px 1px;
						line-height:1em;
						text-align:right;
						text-decoration:none;
						color:#FFF;
						font-size:11px;
						font-style:italic;
						font-weight:bold;
						background:#000;
						filter:alpha(opacity=80);
						-moz-opacity:0.8;
						opacity: 0.8;
						
					}
					
				.pItemLink {
					display:block;
					position:absolute;
					top:23px;
					left:21px;
					width:101px;
					height:95px;
				}
					
					
				
			#pGaleria .top{
				padding-top:0px;
			}
				#pGaleria .top .pItemOverlay, #pGaleria .top .piMenuContainer {
					top:10px;
				}
			
			#pGaleria .first{
				padding-left:0px;
			}
				#pGaleria .first .pItemOverlay, #pGaleria .first .piMenuContainer {
					left:10px;
				}
			
			#pGaleria .last{
				padding-right:0px;
				border-right:none;
			}
		
		#portafolioMenu, #paisesMenu, #PPdiv  {
			display: none;
		}


/* proyecto ------------------------------------------- */
#proyecto {
	display:none;
	position: absolute;
	left:0;
	top:0;
	width: 920px; /*920*/
	height: 535px; /*535*/
	background: url(../images/bg4.jpg);
	overflow:hidden;
}

	#proyectoLoading {
		margin:180px auto;
		width:200px;
		padding:10px;
		text-align:center;
		background:#FFF;
	}

	#screenshots {
		position:absolute;
		left:245px;
		top:535px/*73*/;
		width:675px;
		height:339px;
	}
		.screenshot {
			display:none;
			background:#e0e0e0 url(../images/image-loader.gif) 280px 170px no-repeat;
		}
		#screenshot1{
			display:inline;
		}
		
		#ssPage1 {
			position:absolute;
			top:0px;
			left:658px;
		}
		#ssPage2 {
			position:absolute;
			top:22px;
			left:658px;
		}
		#ssPage3 {
			position:absolute;
			top:44px;
			left:658px;
		}
		#ssCerrar {
			position:absolute;
			top:-22px;
			left:658px;
		}
		
	#cuadroTextoLateral {
		position:absolute;
		top:90px;
		left:-225px/*225*/;
		width:225px;
	}
		#cuadroTextoLateral ul {
			margin:0;
			margin-bottom:10px;
			width:225px;
			height:27px;
			list-style:none;
			
		}
			#cuadroTextoLateral ul li {
				margin:0;
				margin-top:4px;
				margin-right:3px;
				padding:0;
				float:left;
				display:inline;
				height:27px;
				background:#FFF;
			}
			#cuadroTextoLateral ul li.current {
				margin-top:0;
			}
			
				#cuadroTextoLateral ul li a {
					display:block;
					padding:5px 1px;
					width:70px;
					height:17px/*27*/;
					font-size:12px;
					color:#000;
					font-family: Arial, Helvetica, sans-serif;
					font-weight:bold;
					font-style:italic;
					text-align:center;
					text-decoration:none;
				}
			
				#cuadroTextoLateral ul li a span {
					/*display:none;*/
				}
			
			#ctlMenu1 a {
				
				
				/*background:url(../images/btnObjetivo.jpg) left top no-repeat;*/
			}
	
		.ctlCuadro {
			clear:both;
			display:none;
			padding:1px 10px 0px 0;
			height:245px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#7c7c7c;
			background:#FFF;
		}
	
	#cuadroTextoAbajo {
		position: absolute;
		left:235px;
		top:535px/*412*/;
		width:685px/*685*/;
		height:123px/*123*/;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#7c7c7c;
		background:#fff;
	}
		#ctaTexto {
			float:left;
			width:480px/*500*/;
			padding: 30px 10px 0px 10px;
		}
			#ctaTexto h3 {
				font-size:12px;
				color:#000;
				font-style:italic;
				margin-bottom:5px;
				margin-top:0;
			}
			#ctaTexto p {
				margin-top:0;
			}
		
		#ctaEnlaces {
			font-style:italic;
		}






/* footer ------------------------------------------- */	
#footer {
	margin: auto;
	width: 920px; /*920*/
	background: url(../images/footer.jpg) 220px 2px no-repeat 
}
	#footer p {
		padding:10px 0;
		margin: 0;
	}
	
	#footer p span {
		display:none;
	}
	
	
	
/* MISCELANEOS ============================ */

#hmEnglishText {
	position:absolute;
	left: 642px;
	top: 18px;
	width: 41px;
	height: 15px;
	background: url(../images/hmEnglishText.jpg) left top no-repeat;
}

#divReel {
	display:none;
	padding:10px;
	width:480px;
	height:385px;
	background:#FFF;
}