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

}

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

}
html, body {  
    height:100%;  
    margin:0;  
}  
body {
	background-color: #fff;position:relative;  
    min-width:640px;  
    min-height:480px;  
}


A.clase2:visited {
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
	visibility: visible;
} 
    A.clase2:active {
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
	visibility: visible;
} 

    A.clase2:link {
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
	visibility: visible;
	overflow: visible;
} 
    A.clase2:hover {
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-variant: normal;
	visibility: visible;
} 
 

.h1 {
	font-family: 'neuropolmedium', helvetica;
	font-size: 26.7px;
	color: #999;
	font-weight: lighter;
	letter-spacing: 0.5px;
	word-spacing: 0em;
}
.h2 {
	font-family: Swiss721LightCondensedRegular;
	font-size: 16px;
	color: #FFF;
	font-weight: lighter;
	text-align: center;
}
.h3 {
	font-family: Swiss721LightCondensedRegular;
	font-size: 12px;
	color: #666;
	font-weight: lighter;
	text-align: left;
	letter-spacing: 0em;
}
.h4 {
	font-family: Swiss721LightCondensedRegular;
	font-size: 14px;
	color: #666;
	font-weight: lighter;
	text-align: left;
	letter-spacing: 0em;
}
.space {
	word-spacing: 7px;
	padding-left: 42px;
}
#entrar {
	position: absolute;
	left: 402px;
	top: 181px;
	width: 230px;
	height: 18px;
	z-index: 22;
	visibility: visible;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: Helvetica, sans-serif;
}
#logo234 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	z-index: 4;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.5px;
	text-align: left;
	color: #CCC;
	letter-spacing: 2px;
	background-color: #FFF;
	line-height: 40px;
}


#presentacion2 {
	position: absolute;
	width: 1024px;
	height: 768px;
	z-index: 2;
	visibility: visible;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #FFF;
	margin-left: -512px;
	left: 50%;
	margin-top: -384px;
	top: 50%;
}
#presentacion2 {  
    top:expression(document.body.clientHeight < 768? "0px": "50%" );  
    margin-top:expression(document.body.clientHeight < 216? "0px": "-108px" );  
    left:expression(document.body.clientWidth < 1024? "0px": "50%" );  
    margin-left:expression(document.body.clientWidth < 641? "0px": "-321px" );
}

#textoindex {
	position:absolute;
	left:333px;
	top:183px;
	width:290px;
	height:169px;
	z-index:3;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #999;
	font-family: Helvetica, sans-serif;
	line-height: 23px;
	visibility: visible;
}