/* CSS Document */
/*
Nombre: Arkev.com
Descripcion: mi portafolio
Author: Arkev
Version: 1.2

[Table de Contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Encabezados
	4- Textos
	5- Tablas
	6- Lanuevo
	7- Flash
	8- 
	9- 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, code, em, font, img, q, s, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
    background:#fff url(imagenes/fondo.jpg) repeat-x fixed 0 0;
	font-family:Helvetica, Verdana,Tahoma, Arial,Sans-Serif;
	font-size:12px;
	font-style:normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;
	line-height:1.2em;
}
.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffF;
}
img.centered {
	display: block;
	margin:0 auto;
}
.clearfix {
	display: block;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a:link, a:active, a:visited  {color:#fff;text-decoration: none}
a:hover {color:#ff66cc;text-decoration: none;}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: bold 2em;
}
h2 {
	font: bold 1.5em;
}
h3 {
	font: bold 1.2em;
}
h4 {
	font: bold 1em;
}
h5 {
	font: bold 0.9em;
}
/*---------------------------------------------------------------------------------------------- Textos */

.titulo-1 {
	font-family: "Arial Black" Helvetica, Verdana,Tahoma, Arial,Sans-Serif;
	font-size: 36px;
	color: #0392DE;
	line-height:100%;
}
.texto-3 {
	font-size: 10px;
	color: #666;
}
.texto-4 {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

/*---------------------------------------------------------------------------------------------- Tablas */

#tabla-general 
{
	width:976px; 
	height:583px;
	margin:auto;
	position:relative;
}
#t1
{
	width:275px; 
	height:330px;
	float:left;
	background-image:url(imagenes/t1.jpg);
}
#t2
{
	width:436px; 
	height:330px;
	float:left;
	background-image:url(imagenes/t2.jpg);
}
#t3
{
	width:265px; 
	height:330px;
	float:left;
	background-image:url(imagenes/t3.jpg);
}
#b1
{
	width:275px; 
	height:253px;
	float:left;
	background-image:url(imagenes/b1.jpg);
}
#b2
{
	width:436px; 
	height:253px;
	float:left;
	background-image:url(imagenes/b2.jpg);
}
#b3
{
	width:265px; 
	height:253px;
	float:left;
	background-image:url(imagenes/b3.jpg);
}
#bienvenida
{
	width:100%; 
	height:auto;
	float:left;
	margin:155px 0 14px;
	text-align:center;
}
#versiones
{
	width:100%; 
	height:auto;
	float:left;
	margin:0;
	text-align:center;
}
#botones
{
	width:100%; 
	height:auto;
	float:left;
	margin: 25px 0 0;
}
#conexiones
{
	width:100%; 
	height:auto;
	float:left;
	margin: 5px 0 0;
}
#html
{
	width:50%; 
	height:auto;
	float:left;
	margin: 0;
	text-align:center;
}
#flash
{
	width:50%; 
	height:auto;
	float:left;
	margin: 0;
	text-align:center;
}
#requisitos
{
	width:auto; 
	height:auto;
	float: right;
	margin: 170px 0 0;
	text-align:left;
}
#derechos
{
	width:100%; 
	height:auto;
	float:left;
	margin:21px 0 0;
	text-align:center;
}
#requiere
{
	width:100%; 
	height:auto;
	float: left;
	margin: 170px 0 0;
	text-align:center;
}
#logos
{
	width:103px; 
	height:31px;
	float:left;
	margin: 0 0 0 80px;
	text-align:center;
}
#firefox
{
	width:31px; 
	height:31px;
	float:left;
}
#flatch
{
	width:31px; 
	height:31px;
	float:left;
	margin: 0 5px 0 5px;

}
#acrobat
{
	width:31px; 
	height:31px;
	float:left;
}
#menu
{
	color:#FFF;
	font-weight:bold;
	height:auto;
	position:absolute;
	right:5px;
	text-align:right;
	top:425px;
	width:auto;
	}
/*---------------------------------------------------------------------------------------------- Flash */

#flash-contet {
	width:986px; 
	height:666px;
	margin:auto;
	margin-top: 0px;
}