@charset "UTF-8";

body { background-color: #181818; margin: 0; padding: 0; text-align:center;  font-family: Arial, Helvetica, sans-serif; color: #999999; font-size: 76%; }
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: auto;}
#header .inner { height: 115px;}
#header .logo { width: 350px; height: 80px; position: absolute; top: 25px; left: 10px;background: url(../img/logo.jpg) no-repeat 0 0; }
#header .player {  position: absolute;  margin: 10px 20px 0 0px; width: 50px; height: 20px; top: 10%; 
	left: 93%;}
#siteNav {height:110px; top:0px; width:650px; float:right; }

#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: 465px; left: 0; height: 117px; 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: 100px; position: absolute; background: #000; z-index: 0 }
#inner .words { position: absolute; width: 445px; margin: 20px 15px 10px 20px;  height: 75px;  padding: 0 0px 0 15px; border-left: solid 1px #262626; z-index: 60; left: 230px; }
#inner .words h2, #inner .nav h2 { font-size: 0.92em; background: url(../img/site/titles/sprites.gif) no-repeat 0 0; margin-top: 2px; margin-bottom: 5px;  }
	 #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: 20px 0 0 0; height: 75px; left: 0;}
#inner .nav .col { width: 15px; height: 75px; 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: 20px 0 0 0; height: 45px; left: 150px; top:25px; background: url(../img/site/bg/control.gif); }
#inner .keyscover { position: absolute; width: 79px; overflow: hidden; margin: 20px 0 0 0; height: 45px; left: 150px; top:25px; background: url(../img/site/bg/control.gif); }
#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: auto; border-bottom: solid 1px #262626; padding-bottom:25px }
#about { background: #000; overflow: hidden; position: relative; height: auto; width: 1000px; margin: auto; }
#about .leftCol { margin: 20px 0px 20px 0;  float: left; overflow: hidden; width: 720px; text-align:left;}

#about .rightCol { float: left; text-align: left; width: 250px; margin-top: 20px; padding-left: 20px; border-left: solid 0px #262626; height:auto}
#about .leftCol .sifr { padding-left: 112px; color: #fff;  text-align: left; width:420px; height: 120px; 
font-size: 14px;}
#about .leftCol .col { width: auto; overflow: hidden; margin: 0px; padding:0px 30px}
#about   p { color: #999999; line-height: 1.4em; text-align:justify }
#about   ul li { line-height: 1.4em; text-align:justify }
#about   strong { color:#CCCCCC}
#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: 425px; width: 535px; background: #888; position: absolute; overflow: hidden;}
#ie8fix { display: block; height: 579px; width: 1000px; top: 0; left: 50%; margin-left: -501px; border: solid 1px #000; position: absolute; overflow: hidden}
#footer { background: url(../img/footer-bg.gif) repeat-x; height: auto; margin: 20px 0px; color:#999999}
#footer p { padding-top: 15px; color: #555; text-align: right; }
#footer a {text-decoration: none; border-bottom: dotted 1px #555; color: #555; }

#banner_header {
	height:auto; margin:0px auto 25px auto; width:auto; 
}

#banner_directory  {
	height:auto; margin:20px auto; width:auto; 
}

#banner_directory a:link, #banner_directory a:visited, #banner_directory a:hover {border:0px }

.img_right {
	float:right; clear:right; padding:1px; background:#000; border:#fff solid 1px; margin-left:10px
}

.img_left {
	float:left; clear:left; padding:1px; background:#000; border:#fff solid 1px; margin-right:10px
}

.list {
	background:url(../img/site/bg/vineta.jpg) top left no-repeat; padding-left:22px; margin-left:20px
}

.leftCol_top {
	background:url(../images/bg_main_r1_c1.jpg) no-repeat left bottom; height:32px; width:auto; padding:0px; margin:0px; border:#FF0000 solid 0px
}
.leftCol_center {
	background:url(../images/bg_main_r2_c1.jpg) repeat-y; min-height:500px; width:auto; padding:0px; margin:0px; border:#FF0000 solid 0px
}
.leftCol_bottom {
	background:url(../images/bg_main_r3_c1.jpg) no-repeat left top; height:32px; width:auto; padding:0px; margin:0px; border:#FF0000 solid 0px
}

	input, textarea { height: 13px; width:235px; margin:5px 0 10px; padding: 5px; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; background:#262626  ; color:#868686; border:1px solid #303030;}
	textarea {height:50px; line-height:22px;}	
	input:focus, textarea:focus { background:#161616; border:#666666 solid 1px }
	input:hover, textarea:hover { background:#161616; border:#666666 solid 1px }	
	
	ul.contact_form span { color:	#3a2e25; }
	ul.contact_form { list-style-type:	none; 	padding: 0; margin: 0;	 }
	form { margin: 0; padding: 0; }
	ul.contact_form { font-weight: bold; }
	ul.contact_form input.btn { background:	url(../img/site/buttons/submit.gif) no-repeat top center; outline: none; cursor:pointer; margin-top:10px;
	display:block; height:30px; width:78px; border:1px solid #303030; }
	ul.contact_form input.btn:hover { cursor:pointer; border:1px solid #666666; }	
	
/*******/ /*******/ /*******/

a.blue {
	color: #3399FF
}

a.btnVolver:link, a.btnVolver:visited {
	background:url(../images/bg_volver.jpg) no-repeat 0px 0px; padding:8px 5px 8px 5px; margin-bottom:10px; display:block;
	text-decoration:none;
	border:none
}

a.btnVolver:hover{
	text-decoration:none;
	border:none
}

#wrapper {
	width:100%; 
	height:auto; 
	margin:0px; 
	padding:0px; 
	background:#181818 url(../images/bg_wrapper.jpg) repeat-x
}

#bg_wrapper {
	width:100%; 
	height:540px;
	margin:0px; 
	padding:0px; 
	background:transparent url(../images/bg_wrapper2.png) no-repeat center bottom
}

#bg_wrapper_content {
	position:absolute; 
	margin-top:337px; 
	left:48%; 
	height:130px; 
	width:280px;
}

#bg_wrapper_content h2{
	color:#3399FF; 
	font-size:15px; 
	padding:0px; 
	margin:0px;
	padding-bottom:5px
}

#bg_wrapper_content h3{
	color:#777777; 
	font-size:10px; 
	padding:0px; 
	margin:0px;
	padding-bottom:6px;
}

#bg_wrapper_content a:link, #bg_wrapper_content a:visited{
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold
}

#bg_wrapper_content a:hover{
	text-decoration:underline; 
}

#wrapper_content_top {
	width:1010px; 
	height:372px; 
	margin-left:auto; 
	margin-right:auto; 
	background:url(../images/bg_content_top.png) no-repeat center 10px;
}

#wrapper_content_center {
	width:1010px; 
	height:435px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:34px;
	background:url(../images/bg_content_bottom.png) no-repeat center 10px;
}

#wrapper_content_bottom {
	width:900px; 
	height:80px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
	font-size:10px;
	color:#999999
}

#content_top_column_left {
	position:absolute;
	width:300px; 
	height:320px; 
	margin: 30px 20px 0px 20px;
}

#content_top_column_center {
	position:absolute;
	width:335px;
	height:280px; 
	margin:30px 20px 0px 334px;
}

#content_top_column_right {
	position:absolute;
	width:300px; 
	height:320px; 
	margin: 30px 20px 0px 697px;
}

#content_center_column_left {
	position:absolute;
	width:635px; 
	height:390px; 
	margin: 30px 20px 0px 20px;
}

#content_center_column_left h2 {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:10px 0px;
	color: #3399FF;

}

#content_center_block {
	width:100%; 
	height:160px; 
	padding:0px; 
	margin:0px; 
	margin-bottom:10px
}

#content_center_block img {
	float:left;
	border:#333333 solid 3px;
	margin:0px 10px 0px 0px;
}

#content_center_block h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

#content_center_block h3 a:link, #content_center_block h3 a:visited{
	color:#FFFFFF;
	text-decoration:none;
	border:0px;
}

#content_center_block h3 a:hover {
	color:#ccc;
	text-decoration:none
}
	
#content_center_block p {
	text-align:justify;
	color:#999999
}

#content_center_block span {
	float:right;
	clear:right;
	text-align:right;
	background:url(../images/more.jpg) no-repeat top right;
	padding:5px 40px 5px 0px;
	color:#FFFFFF;
	font-weight:bold;
}

#content_center_block span a:link, #content_center_block span a:visited{
	color:#FFFFFF;
	text-decoration:none;
	border:0px;
}

#content_center_block span a:hover {
	color:#ccc;
	text-decoration:none
}


#content_center_column_left a.all_publisher:link, #content_center_column_left a.all_publisher:visited{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	padding-left:60px
}

#content_center_column_left a.all_publisher:hover {
	color:#3399FF;
	text-decoration:none
}

#content_center_column_right {
	position:absolute;
	width:285px; 
	height:390px; 
	margin: 30px 20px 0px 697px;
	border:#FF0000 solid 0px	
}

#content_center_column_right img {
	float:right
}

#content_center_column_right span {
	color:#769815;
	font-size:15px;
	font-weight:bold;
	width:auto;
	float:left;
	margin:10px 0px
}

#content_center_column_right p {
	color:#999999;
	clear:both;
	text-align:justify;
	padding:0px; 
	margin:0px;
}
#content_center_column_right .author {
	color:#999999;
	width:auto; 
	height:170px; 
	text-align:right;
	background:url(../images/bg-author.jpg) no-repeat bottom left;
}
	
#content_center_column_right font.blue {
	color:#3399FF
}

#content_top_block {
	width:286px; 
	height:132px; 
	padding:6px 0px 8px 14px; 
	color:#CCCCCC
}

#content_top_block a:link, #content_top_block a:visited {
	color:#CCCCCC; text-decoration:none
}

#content_top_block a:hover {
	color:#fff; 
}

#content_top_block h2 {
	text-align:left;
}

#content_top_block h2 a:link, #content_top_block h2 a:visited {
	color:#333333; font-size:18px; font-weight:bold; text-align:left; text-decoration:none
}

#content_top_block h2 a:hover {
	color:#000;
}

#content_top_block ul {
	text-align:left;
}

#content_top_block ul li a {
	font-weight:bold
}

#content_top_block .moreinfo:link, #content_top_block .moreinfo:visited {
	text-align:left;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin-top:-17px;
	margin-right:16px;
	float:right;
	background: url(../images/content_top_more_info.png) no-repeat 0 0
}

#content_top_block .moreinfo:hover {
	color:#FF9900;
}

#content_top_toolbar {
	width:auto; 
	height:40px;
	margin-top:4px;
	text-align:left;
}


#content_top_toolbar .skype:link, #content_top_toolbar .skype:visited {
	background:url(../images/skype.jpg) no-repeat 0 0;
	padding:10px 54px;
	margin-left:10px;
	margin-right:20px;
	border:0px
}

#content_top_toolbar .skype:hover {
	background:url(../images/skype.jpg) no-repeat 0 -35px;
	padding:10px 54px;
	border:0px	
}

#content_top_toolbar .chat:link, #content_top_toolbar .chat:visited {
	background:url(../images/chat.jpg) no-repeat 0 0;
	padding:10px 54px;
	border:0px	
}

#content_top_toolbar .chat:hover {
	background:url(../images/chat.jpg) no-repeat 0 -35px;
	padding:10px 54px;
	border:0px	
}

#content_top_toolbar .twitter:link, #content_top_toolbar .twitter:visited {
	background:url(../images/twitter.jpg) no-repeat 0 0;
	padding:10px 20px;
	margin-left:8px;
	border:0px	
}

#content_top_toolbar .twitter:hover {
	background:url(../images/twitter.jpg) no-repeat 0 -38px;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .facebook:link, #content_top_toolbar .facebook:visited {
	background:url(../images/facebook.jpg) no-repeat 0 0;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .facebook:hover {
	background:url(../images/facebook.jpg) no-repeat 0 -38px;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .myspace:link, #content_top_toolbar .myspace:visited {
	background:url(../images/myspace.jpg) no-repeat 0 0;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .myspace:hover {
	background:url(../images/myspace.jpg) no-repeat 0 -38px;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .delicious:link, #content_top_toolbar .delicious:visited {
	background:url(../images/delicious.jpg) no-repeat 0 0;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .delicious:hover {
	background:url(../images/delicious.jpg) no-repeat 0 -38px;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .youtube:link, #content_top_toolbar .youtube:visited {
	background:url(../images/youtube.jpg) no-repeat 0 0;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar .youtube:hover {
	background:url(../images/youtube.jpg) no-repeat 0 -38px;
	padding:10px 20px;
	border:0px	
}

#content_top_toolbar span {
	margin-left:25px;
	color:#999999;
	font-weight:bold
}



#content_top_column_center h2 {
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	margin-top:7px;
	line-height:28px;
}

#content_top_column_center h3 {
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	padding:0px 25px;
	margin:0px;
	margin-top:6px
}

#content_top_column_center img {
	border:#333333 solid 4px
}