@font-face {
    font-family: 'hen';
    src: url('shit_happens_trial_d__-webfont.eot');
    src: url('shit_happens_trial_d__-webfont.eot?#iefix') format('embedded-opentype'),
         url('shit_happens_trial_d__-webfont.woff') format('woff'),
         url('shit_happens_trial_d__-webfont.ttf') format('truetype'),
         url('shit_happens_trial_d__-webfont.svg#shit_happens_cursive') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'presidencia_fuerteregular';
    src: url('presidenciafuerte-webfont.eot');
    src: url('presidenciafuerte-webfont.eot?#iefix') format('embedded-opentype'),
         url('presidenciafuerte-webfont.woff') format('woff'),
         url('presidenciafuerte-webfont.ttf') format('truetype'),
         url('presidenciafuerte-webfont.svg#presidencia_fuerteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'presidencia_baseregular';
    src: url('presidenciabase-webfont.eot');
    src: url('presidenciabase-webfont.eot?#iefix') format('embedded-opentype'),
         url('presidenciabase-webfont.woff') format('woff'),
         url('presidenciabase-webfont.ttf') format('truetype'),
         url('presidenciabase-webfont.svg#presidencia_baseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'presidencia_finaregular';
    src: url('presidenciafina-webfont.eot');
    src: url('presidenciafina-webfont.eot?#iefix') format('embedded-opentype'),
         url('presidenciafina-webfont.woff') format('woff'),
         url('presidenciafina-webfont.ttf') format('truetype'),
         url('presidenciafina-webfont.svg#presidencia_finaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.presidencia_fina{ font-family:presidencia_finaregular;}
.presidencia_fuerte{ font-family:presidencia_fuerteregular;}
.presidencia_base{ font-family:presidencia_baseregular;}


body {padding:0;margin:0;font-family:presidencia_baseregular;
font-size:10pt;
color:#666;


}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;}
img{border:none;}
/*++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++*/
#wrapHeader{width:100%;height:155px;float:left;}
	#bgHeader{width:100%;height:155px;overflow:hidden;position:absolute;z-index:1;top:0;left:0;overflow:hidden;}
	#wrapLogo{width:231px;height:61px;position:absolute;top:10px;left:10px;z-index:2;}
		#logo{width:100%;height:61px;}
			#logo h1{position:relative;}
				#logo h1 a{display:block;}
					#logo h1 a span{display:block;text-indent:-999999px;}
					
	#icon{width:132px;height:61px;position:absolute;top:140px;right:20px;}
/*++++++++++++++++++++++++++++++++++++++++ /HEADER ++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++ CONTENIDO ++++++++++++++++++++++++++++++++++++++++*/
#wrapContainer{width:100%;height:550px;display:table;float:left;}
#bgContainer{width:100%;height:760px;position:absolute;z-index:0;top:0;left:0;overflow:hidden;}
	#container{width:1280px;margin:0 auto;height:auto;display:table;margin-top:55px;}
	#contenido{position:relative; width:100%; height:550px}
		#navsite{width:558px;float:left;height:550px;background:url(../images/maqueta/bgs/back2.jpg) center bottom no-repeat;position:relative;}
			/*NAVSITE*/
			.stage {
			position: absolute;
			top: -81px;
			left: 79px;
			width:429px;
			height:423px;
					
		}
		#img_1 {
			
			width:429px;
			height:423px;
			
		}
		
		#empresa{
			
			width:70px;
			height:70px;
			left:45px;
			top:45px;
			display:block;
			z-index:7;
			}
		
		#servicios{
			width:70px;
			height:85px;
			left:250px;
			top:80px;
			z-index:7;
			display:block;
			}
			
		#proyectos{
			width:80px;
			height:85px;
			left:320px;
			top:170px;
			z-index:8;
			display:block;
						}
			
			
#contacto{
			width:80px;
			height:85px;
			left:20px;
			top:300px;
			z-index:7;
			display:block;
			}
#equipos{
			width:80px;
			height:85px;
			left:250px;
			top:305px;
			z-index:6;
			display:block;
		
			}
.bg_menu{background:  url(../images/menu.png) 0 0px no-repeat;}
.bg_empresa{background-image: url(../images/empresa.png);}
.bg_servicios{background: transparent url(../images/servicios.png) 0 0px no-repeat;}
.bg_proyectos{background: transparent url(../images/proyectos.png) 0 0px no-repeat;}
.bg_equipos{background: transparent url(../images/equipos.png) 0 0px no-repeat;}
.bg_contacto{background: transparent url(../images/contacto.png) 0 0px no-repeat;}
		/* Tiny Scrollbar */
#scrollbar1 {  }
#scrollbar1 .viewport {  overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

		
			/*NAVSITE*/
		#imagesContainer{float:left;height:550px; position:relative; z-index:3;}
		#textContainer{width:285px;float:left; height:446px;position:relative;}
		#textContainer_servicios{width:464px; position:absolute; right:-110px; top:-251px; z-index:0;}
		#textContainer_proyectos{width:486px; position:absolute; right:-24px;  z-index:0;}
			#textContainer p{color:#666;width:215px;margin:140px 0 0 -50px}
/*++++++++++++++++++++++++++++++++++++++++ /CONTENIDO ++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++*/
#footer{width:72px;height:58px;position:absolute;right:20px;bottom:-10px;}
/*++++++++++++++++++++++++++++++++++++++++ /FOOTER ++++++++++++++++++++++++++++++++++++++++*/