body{
	width:100%;
	padding:0;
	margin:0;
	font-family: 'ArialRoundedMTBoldRegular';
	color:#ffffff;
	overflow-x:hidden;
	text-rendering: optimizeSpeed;
	overflow-y:hidden;
}

/* -- HOMEPAGE AREA STYLES -- */
#container{
	position: relative;
	z-index: 1000;
}
.homepage-area{
	width:100%;
	height:916px!important;
	background:url("../images/BK-home.jpg") no-repeat scroll center 0 #021a48;
}

/* -- parallax styles -- */
.ciudad{
	width: 1440px;
	height: 609px;
	margin-top: 180px;
}
.parallax-viewport {
	width: 100%;
	height: 65%;
	margin: 0 auto;
	position: absolute;
	text-align: center;
}
.parallax-layer {
	position:absolute;
	text-align:center;
}
.parallax-city {
	width: 100%;
	height: 609px;
	display: block;
 }
/*  --------------------------------- */

.content-wrapper{
	width: 976px;
	margin: 0 auto;
	min-height: 915px;
}
.logo{
	width: 378px;
	height: 213px;
	margin: 0px auto;
	display: block;
	padding-top: 45px;
}
.content-wrapper p{
	font-size:18px;
}
.content-wrapper span{
	color:#26a8fe;
}
.proximamente{
	width: 260px;
	margin: 40px auto;
}
.proximamente img{
	width:259px;
	height:280px;
}

/* -- home slider styles --  */
#sliderContent { 
	width:100%; 
}
.viewer {
	width: 100%;
	height: 410px;
	margin: 0 auto 40px;
	overflow: hidden;
	position: relative
 }
.content-conveyor { 
	min-width: 1000px!important;
	 height:335px; 
	 position:relative;
 }
.item { 
	width: 304px;
	float: left;
	text-align: center;
	margin-right: 30px;
 }
  .item p{
	font-family: 'EuphemiaRegular';
	font-size: 13px;
	text-align: left;
	height: 90px;
	line-height: 17px;
	padding: 0;
	margin: 0;
}
  .item a{
	text-transform: uppercase;
	color: #202f5b;
	font-size: 10px;
	width: 100px;
	height: 20px;
	text-align: center;
	background: #ffa16a;
	display: block;
	float: left;
	margin-top: 5px;
	padding-top: 10px;
	text-decoration: none
 }
 .item a:hover{
	background:#fbb78f;
 }
 .servicios img{
	width:308px;
	height:270px;
 }
.productos img{
	width:251px;
	height:270px;
} 
.quienes img{
	width:330px;
	height:270px;
	margin-left: -25px;
}
.portfolio img{
	width: 259px;
	height: 270px;
	margin-left: -120px;
}
.contacto{
	width: 260px!important;
	margin-right: 0!important;
}
.contacto img{
	width: 260px;
	height: 270px;
	margin-left: -24px;
}
.vacio{
	width:65px!important;
	margin-right:0!important;
}

/* MAIN MENU STYLES */
.main-menu{
	width: 100%;
	height: 87px;
	background: url("../images/bk-menu.png") repeat scroll 0 0 transparent;
	position: fixed;
	z-index: 500;
	top: 0
}
.menu-wrapper{
	width: 500px;
	margin: 0 auto;
}
.nexbin{
	display: block;
	font-size: 22px;
	color: #999999;
	width: 100%;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 8px;
	text-align: center;
	text-decoration: none;
}
.nexbin span{
	color:#26a8fe;
}
.nexbin:hover{
	color:#347ebe;
}
.main-menu ul{
	width: 100%;
	margin: 0;
	height: 20px;
}
.main-menu li{
	float: left;
	margin-right: 25px;
	list-style: none;
	padding: 0;
}
.main-menu ul li a{
	display: block;
	text-decoration: none;
	font-family: 'EuphemiaRegular';
	font-size: 14px;
	color: #314d74;
}
.main-menu ul li a:hover{
	color:#26a8fe;	
}
.final{
	margin-right:0!important;
	border:none!important;
}

/* CONTENIDO  STYLES*/
.general-content{
	width: 100%;
	min-height: 800px;
}

/* -- SERVICIOS AREA STYLES -- */
.servicios-area{
	width:100%;
	height:860px!important;
	background:url("../images/BK-servicios.jpg") repeat scroll center 1px transparent;
}
.servicios-background{
	background: url("../images/img-home.jpg") no-repeat scroll center 0 transparent;
/* 	width: 1440px; */
	height: 858px;
	margin: 0 auto;
}
.servicios-wrapper{
	width: 500px;
	height: 745px;
	margin: 0 auto;
	position:relative;
}
.servicios-wrapper h4{
	font-size: 18px;
	color: #999999;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 110px;
}
.servicios-wrapper h3{
	font-size:36px;
	color: #347ebe;
	font-weight: normal;
	position:absolute;
	left:0;
	top:120px;
}
.servicios-wrapper img{
	width:222px;
	height:208px;
	position:absolute;
	right:0;
	top:110px;
}
.servicios-info{
	width: 496px;
	margin: 15px auto;
	padding-top: 350px;
}
.servicios-info h1{
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	background: url("../images/bg-titulo.jpg") no-repeat scroll center 0 transparent;
	height: 39px;
	padding-top: 5px;
	text-align: center;
}

/* -- PRODUCTOS AREA STYLES -- */
.productos-area{
	width:100%;
	height:800px;
}
.productos-wrapper{
	width: 975px;
	min-height: 560px;
	margin: 0 auto;
	padding-top: 122px; 
}
.productos-wrapper h1{
	color:#373e72;
	font-size:24px;
	font-weight:normal;
}
.productos-info{
	width:100%;
	height:410px;
	background:#0072a4;
	margin-top:20px;
}
.productos-info img{
	width:406px;
	height:403px;
	float:left;
}
.productos-txt{
	width:545px;
	height:100%;
	float:right;
}
.productos-txt h5{
	font-size: 24px;
	font-family: 'EuphemiaRegular';
	font-weight: normal;
	margin-top: 18px;
	padding: 0;
	margin-bottom: 0;
}
.productos-txt > p{
	font-family: 'EuphemiaRegular';
	font-size:14px;
	width:90%;
}
.productos-txt ul{
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
.productos-txt ul li{
	list-style: none;
	float: left;
	margin: 0;
	width: 260px;
	border-bottom: 1px solid #ffffff;
	line-height: 13px;
}
.productos-txt ul li p{
	font-size: 16px;
	background: url("../images/bullet01.png") no-repeat scroll left 5px transparent;
	padding-left: 20px;
	line-height: 18px;
}


/* -- QUIENES AREA STYLES -- */
.quienes-area{
	width: 100%;
	height: 800px;
	background: url("../images/bg-quienes.gif") repeat scroll 0 0 transparent;
}
.quienes-wrapper{
	width: 902px;
	height: 800px;
	margin: 0 auto;
	padding-top: 80px;
	background: url("../images/img-info-quienes.jpg") no-repeat scroll center 165px transparent;
}
.left-content{
	width: 200px;
	float: left;
	margin-left: 185px;
	margin-top: 85px;
}
.left-content h5{
	font-family: 'EuphemiaRegular';
	font-size:16px;
	color:#1e839f;
	font-weight:normal;
}
.left-content h5 span{
	font-size:24px;
}
.left-content h4{
	font-size:30px;
	color:#999999;
	font-weight:normal;
	margin-top:20px;
}
.left-content h4 span{
	font-size:36px;
	color:#289cf0;
}
.right-content{
	width: 500px;
	float: left;
	position: relative;
	height: 77%;
}
.txt-destacado{
	width: 476px;
	height: 152px;
	position: absolute;
	background: url("../images/txt-balloon.png") no-repeat scroll 0 0 transparent;
	font-family: 'EuphemiaRegular';
	font-size: 13px;
	padding: 15px 15px;
	top: 65px;
	left: -60px;
}
.desarrollo-txt{
	position: absolute;
	top: 225px;
	left: 0px;
}
.copete{
	color:#289cf0;
	font-family: 'EuphemiaRegular';
	font-size: 14px;
}
.txt-quienes{
	color:#666666;
	font-family: 'EuphemiaRegular';
	font-size: 14px;
}
.quienes-wrapper img{
	margin:0 auto;
	width:731px;
	height:108px;
	display:block;
}



/* -- PORTFOLIO AREA STYLES -- */
.portfolio-area{
	width: 100%;
	height: 785px;
	padding-top: 65px;
	background: #747474;
}
.portfolio-wrapper{
/* 	width: 1440px; */
	margin: 0 auto;
	background: url("../images/bg-portfolio.jpg") no-repeat scroll center 0 #747474;
	height: 785px;
}
.portfolio-wrapper img{
	width: 247px;
	height: 182px;
	margin: 0 auto;
	display: block;
	padding-top: 155px;
}
.portfolio-wrapper p{
	font-size: 30px;
	margin-top: 15px;
	display: block;
	text-align: center;
}

/* -- CONTACTO AREA STYLES -- */
.contacto-area{
	width: 100%;
	height: 775px;
	background: url("../images/bg-contacto.gif") repeat scroll 0 0 transparent;
	padding-top: 25px;
}
.contacto-wrapper{
	width: 975px;
	height: 740px;
	margin: 0 auto;
	background: url("../images/img-contacto.jpg") no-repeat scroll 0 70px transparent;
	position:relative;
}
.contacto-info{
	font-size: 18px;
	position: absolute;
	top: 335px;
	left: 83px;
}
.contacto-wrapper a{
	background: url("../images/iso-contacto.png") no-repeat scroll 0 0 transparent;
	width: 280px;
	height: 152px;
	position: absolute;
	top: 117px;
	right: 78px;
	display: block
}
.contacto-wrapper h2{
	font-weight: normal;
	font-size: 18px;
	position: absolute;
	top: 370px;
	right: 86px;
	background: url("../images/phone-icon.png") no-repeat scroll left -1px transparent;
	padding-left: 32px;
	padding-bottom: 17px;
	padding-top: 5px;
}
.footer{
	position: absolute;
	bottom: 120px;
	left: 0;
	width:100%;
}
.izquierda{
	float:left;
}
.izquierda p, .derecha p{
	font-size:10px;
}
.derecha{
	float:right;
}
.derecha h3{
	font-size: 18px;
	color: #999999;
	padding: 0;
	margin: 0;
}
.derecha h3 span{
	color:#ffffff;
}

/* -- PROXIMAMENTE STYLES --  */
.info-contacto{
	width: 100%;
	height: 220px;
	background: #012b37;
	position: relative;
	top: -258px;
}
.info-contacto h3{
	font-size: 18px;
	color: #999999;
	padding-top: 23px;
	margin: 0 auto;
	text-align: center;
}
.info-contacto h3 span{
	color:#ffffff;
}
.info-contacto p{
	font-size:10px;
	text-align:center;
}