@charset "UTF-8";

body { 
	background-color: #0E0E0F; 
	margin: 0; 
	padding: 0; 
	text-align:center;  
	font-family: Arial, Helvetica, sans-serif; 
	color: #666; 
	font-size: 76%; 
}
img{
	border: 0;	
}
p { 
	text-align: left; 
	font-size: 1em; 
	margin-top: 0.3em; 
	margin-bottom: 0.8em;
}
#header {
	height: 115px; 
	/*background: url(../img/header-bg.gif) repeat-x; */
}
div.inner { 
	margin: auto; 
	position: relative; 
	width: 1000px;
}
#header .inner { 
	height: 115px;
}
#header .logo { 
	width: 350px; 
	height: 60px; 
	position: absolute; 
	top: 55px; 
	left: 0;
	background: url(../img/logo.png) no-repeat 0 0; 
}
#siteNav { 
	background-image:url(../img/nav.gif); 
	background-repeat:no-repeat; 
	height:31px; 
	left:640px; 
	position:absolute; 
	top:83px; 
	width:400px; 
}
a.port_btn, a.about_btn, div.port_btn, div.about_btn {
	display: block;	
	background-repeat: no-repeat;
	width: 134px;
	height: 31px;
	float: left;
	margin-bottom: 6px;
	outline: none;
}
div.about_btn {
}
a.about_btn {	
	margin-left: -1px;
	background-position: 0 -31px;
}
a.about_btn:hover {
	background-position: 0 -62px;
	}
a.port_btn {
	background-position: 0 -31px;
}

a.port_btn:hover {
	background-position: 0 -62px;
}

a.about_btn { 
	/*background:url(../img/site/buttons/about.gif) no-repeat 0 -31px;*/ margin-left:-1px;
}
#loadcover { 
	position: absolute; height: 800px; width: 100%; background: #181818; z-index: 9000; padding-top: 20px; left:0;top:0; text-align:left;
}
#loadcover p { padding-left: 20px;  margin-bottom: 14px; }
#overlay { display: block; position: absolute; top: 0; left: 0; background: transparent url(../img/overlay.png) no-repeat 0 0; height: 582px; width: 1062px; text-align:left;}
#controls { display: block; position: absolute; top: 435px; left: 0; height: 147px; width: 100%; border-top: solid 1px #262626; border-bottom: solid 1px #262626; }
#inner {display: block; margin: auto; top: 0; left: 0;   width: 1000px; position: relative; background: #000;}
#inner_overlay {display: block; margin: auto; top: 0; left: 0;   width: 1000px; height: 130px; position: absolute; background: #000; z-index: 0 }
#inner .words { 
	position: absolute; 
	width: 520px;
	height:130px; 
	margin: 10px 15px 10px 20px;  
	/*height: 75px;*/  
	padding: 0 0px 0 15px; 
	border-left: solid 1px #262626; 
	border-right: solid 1px #262626; 
	z-index: 60; 
	left: 230px; 
}

#inner, #inner .nav h2 { 
	font-size: 0.92em; 
	/*background: url(../img/sprites.gif) no-repeat 0 0; */
	margin-top: 2px; margin-bottom: 5px;  
}
.words{
	text-align: left;
}

.words h2{
	margin-top: 2px; margin-bottom: 5px; 
	font-size:14px;
	color: white;
	text-align: center;
}
.words li{
	margin-bottom: 5px;
}
.words label{
	float:left;
	width: 100px;
	text-align: right;
	color: white;
	margin-right: 10px;
}

#inner .nav h2 { background-position: 0 -112px; margin-bottom: 10px; }
#inner .words p { line-height: 15px;  }
p.copy {margin-top: 0}
#inner .nav { 
	position: absolute; 
	width: 230px; 
	overflow: hidden; 
	margin: 10px 0 0 0; 
	height: 130px; 
	left: 0;
}
#inner .nav .col { width: 15px; height: 130px; float: left; margin-right: 3px; overflow: hidden;}
#inner .nav .col a { 
	display: block; 
	width: 13px; 
	height: 11px; 
	border: solid 1px #fff; 
	margin-bottom: 3px; 
	background: #000; 
	outline: none; 
	overflow: hidden;
}
#inner .nav .col a:hover { background: #444; }
#inner .keys { 
	position: absolute; 
	width: 79px; 
	overflow: hidden; 
	margin: 10px 0 0 0; 
	height: 45px; 
	left: 845px; 
	top:5px; 
	background: url(../img/control.gif); 
}
#inner .keyscover { 
	position: absolute; 
	width: 79px; 
	overflow: hidden; 
	margin: 10px 0 0 0; 
	height: 45px; 
	left: 845px; 
	top:5px; 
	background: url(../img/control.gif); 
}

#inst_teclado{
	position: absolute;
	overflow: hidden; 
	margin: 10px 0 0 0; 
	left: 800px; 
	top:60px;
}

#inner .keyscover a { position: absolute; height: 22px; width: 24px; outline: none; display: block; }

#leftClick { top: 23px; left: 0px; }
#upClick { top: 0px; left: 24px; }
#downClick { top: 23px; left: 24px; }
#rightClick { top: 23px; left: 48px; }
#inner .icons { position: absolute; left: 800px; width: 205px; height: 110px; overflow: hidden; top: 20px; }
.icons div { height: 15px; width: 91px; float: left; overflow: hidden; margin: 0 10px 5px 0; background-repeat: no-repeat; background-image: url(../img/site/icons/sprites.gif);}
	.tech_css {  background-position: 0 0} 
	.tech_html {  background-position: 0 -15px}
	.tech_php {  background-position: 0 -30px}
	.tech_mysql {  background-position: 0 -45px}
	.tech_flash {  background-position: 0 -60px}
	.tech_js {  background-position: 0 -75px}
	.tech_dotnet {  background-position: 0 -90px}
	.tech_as {  background-position: 0 -105px}
.icons div span { display: block; height: 15px; width: 91px; float: left; overflow: hidden; margin: 0; background-repeat: no-repeat; background-image: url(../img/site/icons/sprites.gif); }
	.tech_css_off { background-position: 0 -120px }
	.tech_html_off {  background-position: 0 -135px}
	.tech_php_off {  background-position: 0 -150px}
	.tech_mysql_off {  background-position: 0 -165px}
	.tech_flash_off {  background-position: 0 -180px}
	.tech_js_off {  background-position: 0 -195px}
	.tech_dotnet_off {  background-position: 0 -210px}
	.tech_as_off {  background-position: 0 -225px}
#main, #main2 { height: 583px; position: relative; width: 100%; background: #000}
#main2 { height: 480px; border-bottom: solid 1px #262626; }
#about { background: #000; overflow: hidden; position: relative; height: 480px; width: 1000px; margin: auto; }
#about .leftCol { margin: 20px 0px 20px 0;  float: left; overflow: hidden; width: 728px; text-align:left; }
#about .rightCol { float: left; text-align: left; width: 250px; margin-top: 20px; padding-left: 20px; border-left: solid 1px #262626;}
#about .leftCol .sifr { padding-left: 112px; background: transparent url(../img/site/bg/paul.gif) no-repeat 0 0; color: #fff;  text-align: left; width:420px; height: 120px; 
font-size: 14px;}
#about .leftCol .col { width: 320px; margin-right: 15px; float: left; overflow: hidden; margin-top: 20px;}
#about   p { color: #9e9e9e; line-height: 1.4em; }
#about  a, #inner a {  text-decoration: none; border-bottom: dotted 1px #555; color:#ddd; }
#about   a:hover, #inner a:hover {  border-bottom: dotted 1px #fff; color: #fff; }


#gallery { background: #000; overflow: hidden; position: relative; height: 580px; width: 1000px; margin: auto; }
#gallery div { 
	display: block; 
	height: 400px; 
	width: 535px; 
	background: #000000; 
	position: absolute; 
	overflow: hidden;
}
#ie8fix { display: block; height: 549px; width: 1000px; top: 0; left: 50%; margin-left: -501px; border: solid 1px #000; position: absolute; overflow: hidden}
#footer { height: 150px; margin-top: -4px;}
#footer p { padding-top: 15px; color: #555; text-align: right; }
#footer a {text-decoration: none; border-bottom: dotted 1px #555; color: #555; }


	ul.contact_form input.txt, textarea { color:#868686; background:#262626 !important; border:1px solid #303030;}
	ul.contact_form input.focus, textarea.focus { background:	#342d28 !important; border:	1px solid #443b35; }
	ul.contact_form span { color:	#3a2e25; }
	ul, ol { list-style-type:	none; 	padding: 0; margin: 0;	 }
	form { margin: 0; padding: 0; }
	ul.contact_form { font-weight: bold; }
	ul.contact_form input, textarea { font:normal 11px Tahoma, Arial, Helvetica, sans-serif; }
	ul.contact_form input.txt { height:	13px; width:235px; margin:5px 0 10px; padding: 5px; }
	ul.contact_form textarea {width:240px; height:84px; line-height:22px; margin:5px 0 2px; padding:2px 0 5px 5px;}
	ul.contact_form input.btn { background:	none; outline: none; cursor:pointer; margin-top:15px;
	display:block; height:26px; width:77px; }
	ul.contact_form a.btn:hover { border:	none;}
	ul.contact_form li.btn { margin-top: 10px; }