/* CSS Document */
	body {
		background-color:#2678B0; /* #2678B0; */
	}
	a{
		color:#FF6600;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;	
	}
	a:hover{
		color:#000000;
		text-decoration:none;
	}
	
/*----- parte superior de la pagina de inicio HEAD -----*/
	.gral#general {
		width:750px;
		height:auto;
		padding:0px;
		margin:auto;
		text-align:left;
		background: url(images/bg.jpg) left 250px repeat-x;
		/* background-color:#3399CC; */
		/*border:1px solid #000000;*/		
	}
	.up{
		height:135px;
		width:750px;
		margin:auto;
		/*border:1px solid #ff00ff;*/
	}
	.left{
		float:left;
		padding:0px;
		margin:0px;
		width:138px;
	}
	.menu#Hmenu {
		float:left;
		width:235px;
		height:135px;
		background-image:url(images/backmenu.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		text-align:left;
		/*border:1px solid #0000ff;*/
	}
	.right#Hright{
		float:right;
		padding:0px;
		margin:0px;
		width:94px;
		background:url(images/langs.jpg) center 8px no-repeat #FFF;
		/*border:1px solid #00ff00;*/
	}
	/*---------Espacio donde esta contacto y lenguaje-----------*/
		.ulC{
			margin:8px 0px 0px 8px;
			padding:0px;
			list-style-type:none;		
		}
		.liC{
			margin:0px;
			padding:0px 0px 7px 0px;
		}
		.contact{
			margin:0px;
			padding:0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
		}
		.contact:hover{
			color:#FFFF00;
			text-decoration:none;
		}
	/*---------------------------------------------------------*/
	/*----------------parte complementaria del Head-------------------*/
	.Chead{
		height:101px;
		width:750px;
		margin:auto;
		padding:0px;
		/*border:1px solid #ff00ff;*/
	}
	.menuL{
		margin:0px;
		padding:0px;
		width:138px;
		height:101px;
		float:left;
		background-image:url(images/bgmenuL.jpg);
		background-repeat:no-repeat;
	}
		/*------------- menu izquierdo de la pagina principal-------------*/
		.ulhL{
			margin:2px 0px 0px 16px;
			padding:0px;
			list-style-type:none;
		} 
		.lihL{
			margin:0px;
			padding:0px 0px 10px 0px;
			list-style-type:none;
		}
		.linkM{
			margin:0px;
			padding:0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			text-shadow: black 3px 3px 2px;
		}
		.linkM:hover{
			color:#FFFF00;
			text-decoration:none;
		}
		.sombra{
			color: #000000;
			font-style: normal;
			font-weight: bold;
			font-size: 12px;
			top: 1px;
			left: 1px;
			position: relative;
		}
		.textoOrg{
			color: #FF7518;
			top: -1px;
			left: -1px;
			position: absolute;
		}

		/*----------------------------------------------------------------*/
	.complement{
		float:left;
		background-image:url(images/complemento.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		width:235px;
		height:101px;
	}
	.complementRC{
		float:left;
		background-image:url(images/complementoRC.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		width:94px;
		height:101px;
	}
	/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------Cuerpo de la Index------------------------*/
	.body{
		width:750px;
		margin:0px;
		padding:0px;
	}
	.Lbody{
		float:left;
		background-image:url(images/bgbodyleft.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		width:138px;
		height:360px;
	}
	.Cbody{
		float:left;
		margin:0px;
		padding:0px;
		width:238px;
		height:288px;
		//*background-color:#3399CC;*/
	}
		.company{
			float:left;
			background: url(images/bgcompany.jpg) right top no-repeat;
			margin:0px;
			padding:20px 0px 0px 0px;
			width:238px;
		}
		.texto#titulo{
			color:#E4743C;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			margin:0px;
			padding:0px 25px 10px 15px;
		}
		.texto#ec{
			color:#322D1F;
			font-size:11px;
			text-decoration:none;
			margin:0px;
			padding:0px 25px 0px 15px;
		}
		.bulet{
			margin:0px;
			padding:0px 25px 0px 0px;
			float:right;
		}
		.imgindex{
			background-image:url(images/imgindex.jpg);
			background-repeat:no-repeat;
			margin:10px 0px 0px 15px;
			padding:0px;
			width:203px;
			height:137px;
			float:left;
		}
	.Rbody{
		float:left;
		margin:0px;
		padding:0px;
		width:374px;
	}
		.upimage{
			float:left;
			background-repeat:no-repeat;
			width:374px;
			height:77px;
			margin:0px;
			padding:0px;
		}
		.news{
			float: left;
			/*background-image: url(images/bgnews.jpg);
			background-repeat: repeat-y;*/
			width: 374px;
			padding: 20px 0px 35px 0px;
			margin: 0px;
		}
			.txtnoti{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #322D1F;
				text-decoration: none;
				text-align: justify;
			}
			.txtnoti:hover{
				text-decoration:none;
				color:#322D1F;
			}
	.dir{
		float:left;
		margin:0px;
		padding:0px;		
	}
		.txtdir{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#322D1F;
			margin:0px;
			padding: 1em;
			text-decoration:none;
		}
		.txtdir:hover{
			color:#322D1F;
			text-decoration:none;
		}
/*----------------------------------------------------------------*/
/*-------------------Pie de pagina--------------------------------*/
	.linea{
		background-color:#FFFFFF;
		width:750px;
		margin:auto;
		padding:0px;
		height:20px;
	}
	.footer{
		color: #FFFF00;
		background-color: #2678B0;
		font-size: 10px;
		text-decoration: none;
		width: auto;
		margin: 0;
		padding: 0.5em;	
		text-align: center;	
	}
	.footer a{ color: #FFFF00; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
	.footer a:hover{  color: #FFFF00; text-decoration: underline; }
		.Pmenu{
			margin:0px;
			padding:0px;
			float:left;
			color:#FFFF00;
			font-size:10px;
			list-style-type:none;
			text-decoration:none;
		}
		.Pmenu#a:hover{
			color:#FFFF00;
			text-decoration:underline;
		}
/*----------------------------------------------------------------*/	

	.texto{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#999999;
	}
	.center{
		float:left;
		background-color:#3399CC;
		width:284px;
		height:275px;
		padding:0px;
		margin:0px 0px 0px 2px;
		
	}
	
/*	Encabezado ---------------------------------------------*/	
	.up#Tleft{
		height:99px;
		width:750px;
		margin:auto;
		/*border:1px solid #ff00ff;*/
	}
	.left#Hleft{
		height:110px;
		/*border:1px solid #00ff00;*/
	}
	.left#Hleft2{
		height:98px;
		background-image:url(images/bgleft.jpg);
		background-repeat:repeat-y;
		border-top:1px solid #CCCCCC;
		/*border:1px solid #00ff00;*/
	}
	.texto#pais{
		font-size:9px;
		padding:5px 0px 10px 0px;
		margin:0px;
		/*border:1px solid #00ff00;*/
	}
	.lang{
		margin:20px 0px 0px 208px;
		padding:0px 0px 0px 0px;
		width:0px;
		height:0px;
		float:left;
	}
	.slide{
		margin:53px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:0px;
		height:0px;	
	}
	.Hright2{
		float:left;
		background-image:url(images/complemento.jpg);
		background-repeat:no-repeat;
		width:613px;
		height:99px;
		
	}
	.texto#contact{
		float:right;
		text-align:center;
		background-color:#FF6801;
		border:1px solid #FFFFFF;
		border-right:0px;
		margin:13px 0px 0px 0px;
		padding:2px;
		width:150px;
	}
/*	--------------------------------------------------------*/

/*	Cuerpo--------------------------------------------------*/
	.left#Bleft{
		background-image:url(images/bgleft.jpg);
		height:300px;
		width:129px;
		padding:0px 0px 0px 8px;	
	}
/*	--------------------------------------------------------*/
	.subenc{
		background-color: none;
		float:left;
		margin: 0;
		margin-top: -25px;
		padding: 0;
		width:750px;
		position: relative;
		z-index: 100;
	}
	.submenuP{
		float: left;
		width: 550px; 
		margin: 0;
		margin-top: 31px;
		padding: 0 25px 0 10px;
		text-align:left;
		position: relative;
	}
	.submenu{
		margin:0px;
		margin-top: 5px;
		padding:0px;
		float:left;
		list-style-type:none;		
	}
	.submenu li{
		width:auto;
		margin:0px;
		padding:0px 3px 0px 3px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color: #003265;
		display: inline;
		border-right: 2px solid #003265;
	}
	.submenu li a{
		text-decoration:none;
		color:#003265;
	}
	.submenu li a:visited{
		text-decoration:none;
		color:#003265;
	}
	.submenu li a:hover{
		text-decoration:none;
		color:#0066CC;	
	}
	.title{
		width:auto;
		margin: 0;
		padding: 0;
		padding-left: 10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
	}
	.subtitle{
		margin:0px;
		padding:0px;
		color:#003399;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
	}
	.subsub{
		color:#0066CC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	.subsub#titlecontent{
		margin: 0;
		padding: 0;
		width: auto;
		padding-bottom: 5px;
	}
	.content{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#003366;
	}
	.inicio{
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#0066CC;
	}
	.inicio:hover{
		text-decoration:none;
		color:#FF6600;
	}
	.logo{
		float:left;
	}
	.head{
		float:left;
		width:750px;
		height:auto;
		padding:0px;
		margin:0px;
		position: relative;
		z-index: 1000;
	}
	.menuP{
		float:left;
		background-image:url(images/bgmenuin.jpg);
		background-repeat:no-repeat;
		width:428px;
		margin:0px 0px 0px 0px;
		padding:53px 0px 46px 0px;
	}
	.cornerR{
		width:185px;
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.contactI{
		background-image:url(images/bgcontact.jpg);
		background-repeat:no-repeat;
		float:left;
		width:95px;
		height:23px;
		padding:20px 0px 0px 90px; 
	}
	.contI{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
	}
	.contI:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
	}
	.imgfloatC{
		width:185px;
		height:97px;
		float:left;
		background-image:url(images/bgcorner.jpg);
		background-repeat:no-repeat;
	}
	.imgfloatL{
		float:left;
		margin: 0;
		padding: 0;
		padding-left: 9px;
		min-width: 147px;
		_width: 147px;
		min-height: 200px;
		_height: 200px;
		float: left;
	}
	.imgfloatR{
		float: right;
		margin: 0;
		top: -57px;
		padding: 0;
		padding-right: 15px;
		width: auto; /* valor: 170px */
		height: auto; /* valor: 252px */
		position: relative;
	}
	.titles{
		float:left;
		background-image:url(images/bgheaders.png);
		background-repeat:no-repeat;
		width:594px;
		margin:0px 0px -40px 0px;
		padding:0px 0px 40px 0px;
	}
	.Mleft{
		float:left;
		padding:0px;
		margin:0px;
		width:156px;
		height:147px;
		background-image:url(images/bgmenuinL.jpg);
		background-repeat:no-repeat;
	}
	
	/* -------------Menu lateral interno -------------------*/
	.ulmL{
		list-style-type:none;
		margin:25px 0px 0px 18px;
		padding:0px;
	}
	.ilmL{
		list-style-type:none;
		margin:0px 0px 0px 0px;
		padding:5px 0px 5px 0px;
	}
	.leftL{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#003366;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	.leftL:hover{
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	/* ---------------------------------------------------- */
	.contenido{
		float:left;
		width: 550px;
		margin: 0;
		padding: 10px 25px 10px 15px;
		position: relative;
		min-height: 200px;
		_height: 200px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-align: justify;
		color: #003366;
	}
/* -------------------------------------- */
	.elresto{
		width:750px;
		float:left;
/*		margin-top:-57px;*/
		position:relative;
		z-index: 0;
		background-image: url(images/backbody.png);
		background-repeat: repeat-y;
	}
/* -------------------------------------- */
	.pie{
		background-image:url(images/pie.png);
		background-repeat:no-repeat;
		width:750px;
		height:63px;
		position:relative;
		clear:both;
		overflow:hidden;
		text-align:right;
	}
	.back{
		margin: 0 2em 0 0;
		padding: 0;
		text-align: right;
	}
		.aback{
			font-size: 12px; 
			font-weight: bold; 
			background: #FFFFFF url(images/back.jpg) no-repeat left center; 
			padding-left: 2em;
		}
	.linkB{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#003366;
		text-decoration:none;
	}
	.linkB:hover{
		color:#FF6600;
		text-decoration:none;
	}
	.cajacon{
		width:235px;
		border:1px solid #999999;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
	}
	.botocon{
		background-color:#A1DFFF;
		color:#003366;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		border:1px solid #A1DFFF;
	}
	.botox{
		background-color:#000000;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		border:1px solid #000000;
		cursor: pointer;
	}
	
	
	
	#foot{
		margin:10px;
		text-align:left;
	}
	#footin{
	text-align:left; 
	width:750px;
	margin:auto;
	padding:0px;	
	}
	#ulin{
		margin:0px;
		padding:0px;
		float:left;
	}
	#lin{
		color:#000000;
		float:left;
		list-style-type:none;
		font-size:10px;
	}
	#ain{
		color:#000000;
	}
	
	.overmouse{
		margin:0px;
		padding:5px;
		background-color:#E0E6EC;
		width:100%;
		border: 0;
		border-bottom:1px solid #A7B2BD;
		cursor:pointer;
		color:#000000;
		font-size:10px;
		font-weight:bold;
		text-align: center;
		font-family:Verdana;
	}
	.overmouse:hover{
		background-color:#FFFFFF;
		color:#FF6600;
	}
		.pjMenu{
			display: block;
			margin:0px;
			padding:5px;
			width: auto;
			
			background-color:#E0E6EC;
			border: 0;
			border-bottom:1px solid #A7B2BD;
			
			cursor:pointer;
			
			color: #000000;
			font-size:10px;
			font-weight:bold;
			text-align:left;
			font-family:Verdana;
		}
		.pjMenu:hover{
			background-color:#FFFFFF;
			color:#FF6600;
		}
	/*------------------------------------------------------*/
	.listP{
		color:#013368;
		font-weight: normal;
		font-size: 14px;
	}
	.listP:hover{
		color:#FF6600;
	}
	
	.listSP{
		color:#3398CC;
		font-weight:bold;
	}
	.Fright{
		width: auto; 
		margin-left: 160px;
	}

/*-----------------------------------------------------------*/
	/* Menu de projectos en linea */
	.h3type{
		font-family: "Arial Rounded MT Bold", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #000000;	
		text-align: center;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.h2title{
		font-family: "Arial Rounded MT Bold", Arial;
		font-size: 24px;
		font-weight: bold;
		color: #003265;	
		text-align: center;
		display: block;
		width: 100%;
		margin: 1em 0 1em 0;
		padding: 0;
	}
	.h3emp{
		font-family: "Arial Rounded MT Bold", Arial;
		font-size: 20px;
		font-weight: bold;
		color: #003265;	
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0;
	}
	.h3up{
		font-family: "Arial Rounded MT Bold", Arial;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;	
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
		padding: 0;
	}
	div#navbar{ 
		margin: 0;
		padding: 0;
		z-index: 0;
		position: relative;
		width: 100%;
		font-fami ly: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 10px;
		
		clear: both;
		min-height: 25em;
		_height: 25em;
	}
	div#navbar ul{
		z-index: 2;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: #FFFFFF; 
		position: absolute;
		top: 0;
		left: 0;
		width: 18em;
	}
	div#navbar ul ul,
	div#navbar ul li:hover ul ul{
		left: 18em;
		width: 18em;
		display: none;
	}
	div#navbar li{
		z-index: 1;
		margin: 0 0 0.2em 0;
		padding: 0.5em;
		padding-left: 1em;
		background-color: #003265;
		border: 1px solid #003265;
		position: relative;
	}
	div#navbar ul ul li{
		z-index: 1;
		margin: 0 0 0.2em 0;
		padding: 0.5em;
		border: 0;
		border-bottom: 1px dashed #C3C3C3;
		background-color: #FFFFFF;
		position: relative;
	}
	div#navbar a{
		color: #FFFFFF;	
		font-size: 11px;
		font-weight: bold;
	}
	div#navbar a:hover{
		color: #F9CD3F;
	}
	div#navbar ul ul a{
		color: #013368;	
		font-size: 10px;
		font-weight: normal;
	}
	div#navbar ul ul a:hover{
		color: #FE7515;
	}
	div#navbar ul li:hover ul,
	div#navbar ul ul li:hover ul{
		display: block;
	}