
body{
	margin: 					0;
	padding: 					0;

	background-color: 			#000000;

	font-family: 				Arial, Helvetica, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 					11px;
	color: 						#FFFFFF;
}

div{ margin: 0; padding: 0;}

h1{ font-size: 28px; }
h2{ font-size: 23px; }
h3{ font-size: 19px; }
h4{ font-size: 16px; }
h5{ font-size: 13px; }
h6{ font-size: 11px; }

a{
	font-size: 					11px;
	text-decoration: 			none;
	font-family: 				Arial, Helvetica, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	color: 						#FFF;	}
a:hover{
	color: 						#FFF;
	text-decoration: 			underline;}

.clear{
	margin: 					0;
	padding: 					0;
	clear: 						both;
	font-size: 					1px;	}

/* ########################################################
 *
 *	Index CSS
 *
 *
 *	headMenu
 *		+ servicesBar
 *		+ langBar
 *	bigBgIndex
 *		+ wrap
 *			+navBars
 *				+ specialMenu
 *				+ genericMenu
 * 		+ contentIndex
 * 			+ about
 * 			+ oustandingNew
 * 		+ recentProyect
 *	footer
 *		+ copy
 *		+ countries
 *		+ footerMenu
 */
 	/* ---------------------------------------------------
	 * Configuracion de colores y tamanios de letra
	   --------------------------------------------------- */
	.normal { font-weight: 		normal; }
	.orange { color: 			#ff6a00; }
	.black	{ color: 			#000000; }
	.mostaz { color: 			#ffd200; }
	.yellow	{ color: 			#ffea00; }
	.red	{ color: 			#ff5500; }
	.green	{ color: 			#b0c52c; }
	.green2 { color:			#379c23; }

	.size13bold	{ font-size: 15px; font-weight: bold; }
	.size28bold	{ font-size: 28px; font-weight: bold; }
	.size23		{ font-size: 23px; }

	.fiftyGreen{ font-size: 16px; color: #379c23; }
	.fiftyRed{ font-size: 16px; color: #ff3000; }

	/* ---------------------------------------------------
	 * Encabezado de la pagina de inicio
	   --------------------------------------------------- */
	#headMenu{
		width: 								960px;
		margin: 							0 auto;
		padding: 							3px 0 3px 0;
		*padding: 							2px 0 2px 0;
		background:							transparent url(images/cunia.jpg) no-repeat 162px bottom;
		font-size:							9px;
	}
		#servicesBar{
			float: 							left;
			font-family: 					Verdana;
			font-size:						10px;
		}
		#langBar{
			float: 							right;
			font-size:						9px;
		}
			#langBar ul{
				margin: 					0 0 0 0;
				padding: 					0 0 0 0;

				list-style:					none;
			}
				#langBar ul li{
					margin: 				0 0 0 0;
					padding: 				0 0 0 0;

					list-style-type:		none;
					display: 				inline;
				}
					#langBar ul li img{
						margin: 			0 6px 0 0;
						padding:			0;

						border:				none;
					}
					#langBar ul li a{
						font-family:		Verdana;
						font-size:			10px;
					}

	/* ---------------------------------------------------
	 * Gran fondo rojo, amarillo y verde
	   --------------------------------------------------- */
	#bigBgIndex{ background: transparent url(images/premper-bg.jpg) no-repeat center top }

	/* ---------------------------------------------------
	 * Flash junto con los
	 * menus de navegacion
	   --------------------------------------------------- */
	#wrap{
		width: 								960px;
		margin:								0 auto;
	}
		#navBars{
			width: 							626px;
			min-height: 					557px;
			_height: 						557px;
			float: 							left;

			background:						transparent url(images/gpremper.jpg) no-repeat left top;
		}
			#specialMenu{
				float: 						right;
				margin: 					0;
				padding:					40px 30px 0 0;

				list-style: 				none;
			}
				#specialMenu li{
					margin: 				0;
					padding: 				2px 0 2px 16px;

					list-style-type: 		none;
					background: 			transparent url(images/hbullet.gif) no-repeat left center;
				}
					#specialMenu li a{
						font-size: 			15px;
						font-weight: 		bold;
						/*font-family: 		Arial, Helvetica, sans-serif;*/
					}

			#genericMenu{
				margin: 					0;
				padding: 					140px 0 0 16px;
				float:						left;

				list-style: 				none;
			}
				#genericMenu li{
					margin: 				0;
					padding: 				3px 0 1px 14px;

					list-style-type: 		none;
					background: 			transparent url(images/sdashed.png) no-repeat left top;
				}

	/* ---------------------------------------------------
	 * contenido de la pagina de inicio
	   --------------------------------------------------- */
	#contentIndex{
		width: 								334px;
		float: 								left;
	}
		#about{
			padding: 						10px 18px 12px 8px;

			background:						transparent url(images/sdashed2.gif) no-repeat left bottom;
			/*font-family:					Arial, Helvetica, sans-serif;*/
		}
		#about a{
			text-decoration: 				underline;
			color:							#1a4b4b;
		}
		#about a:hover{
			text-decoration: 				none;
			color:							#1a4b4b;
		}
		#about a:visited{
			text-decoration: 				underline;
			color:							#841a02;
		}

		#oustandingNew{
			padding: 						3px 0px 6px 8px;

			background:						transparent url(images/sdashed2.gif) no-repeat left bottom;
		}
			#oustandingNew h4{
				margin:						0 0 0 0;
				padding:					0 0 0 0;

				font-size:					12px;
			}
			#oustandingNew p{
				margin:						0 0 0 0;
				padding:					6px 0 6px 0;
			}
			#oustandingNew ul{
				margin:						0;
				padding:					0;

				list-style:					none;
			}
				#oustandingNew ul li{
					margin:					0;
					padding:				0 0 0 11px;
					float:					left;
					width:					45%;

					list-style-type:		none;
					background:				transparent url(images/hbullet2.gif) no-repeat left center;
				}
				#oustandingNew ul li a{
					text-decoration:		underline;
				}
			#oustandingNew div.viewAll{
				padding:					0 25px 0 0;

				text-align:					right;
			}
			#oustandingNew div.viewAll a{
				color:					#000000;
				font-weight:			bold;
			}
		#recentProyect{
			padding:						1px 0 0 0;
		}
			#recentProyect h3{
				margin: 					0;
				padding: 					0 0 5px 35px;

				font-size:					19px;
				letter-spacing:				-1px;

				background:					transparent url(images/caracol.gif) no-repeat left 3px;
			}
			#recentProyect div.ousite{
				margin: 					0;
				padding: 					0 0 0 11px;
				float: 						left;
				width: 						45%;
			}
				#recentProyect div img{
					/*border:					3px solid #FFFFFF;*/
				}
				#recentProyect div p{
					margin: 				0;
					padding: 				6px 0 0 0;
				}
					#recentProyect div p a.hibus{
						padding:			0 0 0 16px;
						background: 		transparent url(images/hibus-orange.gif) no-repeat left center;

						color:				#FFFFFF;
						font-weight: 		bold;
					}
					#recentProyect div p a{
						color:				#000000;
						font-weight: 		bold;
					}
			#recentProyect div.viewAll{
				padding:					0 25px 0 0;

				text-align:					right;
			}
				#recentProyect div.viewAll a{
					color:					#000000;
					font-weight:			bold;
				}
	/* ---------------------------------------------------
	 * Pie de pagina del home
	   --------------------------------------------------- */
	#footer{
		width: 								960px;
		margin: 							0 auto;
		padding:							0 0 11px 0;
	}
		#copy{
			width: 							361px;
			/*min-height: 					200px;*/
			padding:						40px 70px 0 0;
			*padding:						50px 70px 0 0;
			float: 							left;

			background: 					transparent url(images/gero.jpg) no-repeat right top;
			text-align: 					right;
			font-weight:					bold;
		}
		#countries{
			 width: 						529px;
			 /*min-height: 					200px;*/
			 padding:						18px 0 11px 0;
			 float: 						left;
		}
			#countries div{
				width: 						29%;
				padding: 					5px 9px 5px 12px;
				float: 						left;
				border-left:				1px solid #383838;
			}
				#countries div h3{
					margin: 				0;
					padding: 				0;

					font-size:				19px;
					letter-spacing:			-1px;
				}
				#countries div p{
					margin: 				0;
					padding: 				0;

					line-height:			10px;
				}
					#countries div p a{
						color:				#339120;
					}
		#footerMenu{
			margin:							0;
			padding:						0;

			list-style: 					none;
			text-align:						center;
		}
			#footerMenu li{
				margin:						0;
				padding:					0 6px 0 6px;

				list-style-type:			none;
				display:					inline;
			}
			#footerMenu li a{
				color:						#707070;
			}
/* ######################################################## */


/* ########################################################
 *
 *	Content CSS
 *
 *
 *	headMenu
 *		+ servicesBar
 *		+ langBar
 *	iguana
 *		+ orangeBar
 *			+ wrapper
 *				+navBars
 *					+ servicesMenu
 *					+ generalMenu
 * 			+ conteiner
 * 				+ about
 * 				+ oustandingNew
 * 				+ recentProyect
 *	footer
 *		+ copy
 *		+ countries
 *		+ footerMenu
 */


	/* ---------------------------------------------------
	 * Gran fondo rojo, amarillo y verde y naranja tambien
	   --------------------------------------------------- */
	#iguana{ background: transparent url(images/internas/bg-top.jpg) no-repeat center top; padding: 0 0 64px 0; }
	#orangeBar{ background: #fd540a url(images/internas/bg-bottom.jpg) no-repeat center bottom; }

	#navMenus{
		width: 							400px;
		min-height: 					730px;
		_height: 						730px;
		float: 							left;

		/*background:						transparent url(images/gpremper.jpg) no-repeat left top;*/
	}
		#servicesMenu{
			float: 						right;
			margin: 					0;
			padding:					180px 30px 0 0;

			list-style: 				none;
		}
			#servicesMenu li{
				margin: 				0;
				padding: 				2px 0 2px 16px;

				list-style-type: 		none;
				background: 			transparent url(images/hbullet.gif) no-repeat left center;
			}
				#servicesMenu li a{
					font-size: 			15px;
					font-weight: 		bold;
					/*font-family: 		Arial, Helvetica, sans-serif;*/
				}

		#generalMenu{
			margin: 					0;
			padding: 					85px 0 0 70px;
			float:						left;

			list-style: 				none;
		}
			#generalMenu li{
				margin: 				0;
				padding: 				3px 26px 1px 0;

				list-style-type: 		none;
				background: 			transparent url(images/internas/sdashed.gif) no-repeat left top;
			}
				#generalMenu li a{
					color: 				#000000;
				}
				#generalMenu li a.onGeneral{
					color:				#FFFFFF;
					font-weight:		bold;
					font-size:			13px;
				}
	#container{
		width: 							557px;
		float: 							left;
		padding:						0 0 0 3px;
	}
		#ruta{
			margin:						0 0 0 0;
			padding:					12px 0 0 0;
		}

		#container h1{
			margin:						0 0 0 0;
			padding:					8px 0 5px 0;
			font-size:					23px;
		}

		.subTitle{
			margin:						0;
			padding:					6px 0 0 0;

			font-size:					19px;
			color:						black;
		}

		#countryIcon{
			margin:						0;
			padding:					0;

			list-style:					none;
		}
		#countryIcon li{
			margin:						0;
			padding:					0;
			float:						left;

			list-style-type:			none;
			border-right:				1px solid #FFFFFF;
		}
		#countryIcon li a{
			padding:					40px 5px 0 5px;
			display:					block;
		}

		.webCategories{
			margin:						0;
			padding:					14px 0 20px 0;
			*padding:					6px 0 20px 0;

			list-style:					none;
			text-align:					left;
		}
		.webCategories li{
			margin:						0;
			padding:					0 3px 0 15px;

			list-style-type:			none;
			display:					inline;
			background:					transparent url(images/internas/web-bullet.gif) no-repeat left center;
		}

		.clientItem{
			padding:					11px 0 11px 0;

			border-bottom: 				1px dashed #FFFFFF;
			color: 						black;
		}
		.clientItem a{
			text-decoration: underline;
		}
			.clientItem h2{
				margin:					0;
				padding:				0;

				color:					white;
				font-size:				13px;
				font-weight:			normal;
			}
				.clientItem h2 a{
					font-size:			13px;
					text-decoration:	none;
				}
			.clientItem h3{
				margin:					0;
				padding:				0;

				color:					white;
				font-size:				13px;
				font-weight:			normal;
			}
				.clientItem h3 a{
					font-size:			13px;
					text-decoration:	none;
				}
				.clientItem h3 a:hover{
					text-decoration:	underline;
				}
			.clientItem p{
				margin:					0;
				padding:				0;

				line-height:			16px;
			}
				.clientItem P a{
					color:				black;
					text-decoration: 	none;
				}
				.clientItem P a:hover{
					text-decoration:	none;
					color:				black;
				}

	#paragraph{
		padding: 						11px 0 11px 0;
	}
	#paragraph a{
		text-decoration:				underline;
		color:							#1a4b4b;
	}
	#paragraph a:hover{
		text-decoration:				none;
		color:							#1a4b4b;
	}
	#paragraph a:visited{
		text-decoration:				underline;
		color:							#841a02;
	}

	/* ########################################
	 * Estilos de la paginacion */
	.paging{
		margin:							0;
		padding:						11px 0 11px 0;
	}
		.paging div.pagNumber{
			float:						left;

			font-size:					14px;
		}
			.lnkpag{
				padding:				0 4px 11px 4px;

				color:					#000000;
				font-size:				14px;
			}
			.lnkpag:hover{
				background:				transparent url(images/internas/pag-bullet.gif) no-repeat center bottom;

				text-decoration:		none;
			}
			.lnkpagV{
				padding:				0 4px 11px 4px;

				background:				transparent url(images/internas/pag-bullet.gif) no-repeat center bottom;
				color:					#FFFFFF;
				font-size:				14px;
			}
			.lnkpagV:hover{
				text-decoration:		none;
			}
			.alleSeite{
				color:					black;
				background:				transparent url(images/internas/vdashed.gif) no-repeat center bottom;
			}
			.alleSeite:hover{
				color:					black;
				text-decoration: 		none;
			}
		.paging div.showing{
			float:						right;
			font-size:					13px;
		}
	/* ######################################## */



	#internalCountries{
		 width: 						575px;
		 /*min-height: 					200px;*/
		 margin:						0 auto;
		 padding:						18px 0 11px 0;
	}
		#internalCountries div{
			width: 						27%;
			padding: 					5px 6px 5px 28px;
			float: 						left;
			border-left:				1px solid #383838;
		}
			#internalCountries div h3{
				margin: 				0;
				padding: 				0;

				font-size:				19px;
				letter-spacing:			-1px;
			}
			#internalCountries div p{
				margin: 				0;
				padding: 				0;

				line-height:			10px;
			}
				#internalCountries div p a{
					color:				#339120;
				}

	/* ############################################################################### */
	/* ----------------------------------------------------------------------------------------------------------------------- */
	#contactForm{ width: 50%; float: left; }
	#contactForm form{
		margin: 0;
		padding: 0;
		}
	#contactForm form label{
		float: left;
		width: 25%;
		margin: 5px 0 5px 0;
		padding: 0 0 0 0;
	}
	#contactForm form br{ clear: both; }

	.inpContact{
		float: right;
		width: 70%;
		margin: 4px 0 4px 0;
		padding: 0 0 0 0;
		border: 1px solid #d3d3d3;
		background-color: #FFFFFF;
		font-size: 11px;
		color: #000000;
	}
	.inpContactBAD{
		float: right;
		width: 70%;
		margin: 4px 0 4px 0;
		padding: 0 0 0 0;
		border: 1px solid #FF0000;
		background-color: #FFFFFF;
		font-size: 11px;
		color: #000000;
	}
	.btnCnt{
		float: right;
		margin: 0;
		padding: 8px 15px 14px 10px;

		background-image: url("http://premper.com/images/internas/btncontact2.png")!important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://premper.com/images/internas/btncontact2.png', sizingMethod='scale');
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	
		border: none;

		font-size: 11px;
		font-family: Verdana;
		font-weight: bold;
		color: #FFFFFF;
		cursor: pointer;  }
	/* ----------------------------------------------------------------------------------------------------------------------- */

	.countriesCnt{
		float: left;
		width: 45%;
		padding-left: 20px;
	}
	.ctyBlock{
		padding: 0 0 13px 0;
		line-height: 18px;
	}
	.ctyBlock a{
		font-size: 13px;
		color: black;
		text-decoration: underline;
	}
	.ctyBlock a:hover{
		color: black;
		text-decoration: none;
	}

	.inpLog{
		border: 1px solid #FFF;
		background-color: #FFF;
		color: #000000;
		font-size: 11px;
		width: 250px;
	}

	#dtaList{
		margin: 10px 0 10px 0;
		padding: 5px 0 5px 0;

		border-top: 1px dashed #CAC9C9;
		border-bottom: 1px dashed #CAC9C9;
		}
	#dtaList h3{ margin: 0; padding: 0; font-size: 13px; }
	#dtaList ul{ margin: 0; padding: 0; }
	#dtaList ul li{ margin: 0; padding: 3px 0 3px 10px; list-style: none; /*background: transparent url(images/dotvmore.gif) no-repeat left 10px;*/ clear: left; }
	#dtaList ul li img{ margin: 0; padding: 0; float: left; }
	#dtaList ul li a{ margin: 0; padding: 0; text-decoration: none; }
	#dtaList ul li a:hover{ text-decoration: underline }


	.hibusClient{
		padding:			0 0 0 16px;
		background: 		transparent url(images/hbullet.gif) no-repeat left center;

		color:				black;
		font-weight: 		bold;
	}
	.hibusClient:hover{
		color:				black;
		font-weight: 		bold;
	}
	.sinusItem{
		width: 136px;
		float: left;
		margin-right: 18px;
		margin-left: 18px;
		_margin-right: 12px;
		_margin-left: 12px;
	}
	.sinusItem a{
		display: block;
		border: 0px;
	}
	.sinusItem a:hover{
		display: block;
		border: 0px;
	}
	.sinusItem a img{
		border: 0;
		display: block;
	}
	.sinusdesc{
		background-color: white; color: black; padding: 3px 4px; display: block; border: 0px;
	}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.globe{
		position: absolute;
		right: 0;
		top: 0;
		width: 103px;
		height: 59px;
	}
	.globe a{
		display: block;
		width: 94px;
		height: 51px;
		margin: 0 0 0 0;
		padding: 8px 0 0 9px;
		
		background-image: url("images/globo.png")!important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://premper.com/images/globo.png', sizingMethod='scale');
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		
		cursor: pointer;
		
		color: #ff6c00;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}
	.globe a:hover{
		color: #ff6c00;
	}