body { 
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-style: normal; 
font-size: 8pt;
}

#centrar {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 984px;
border: 0px;
background-image: url('imagenes/portatil.jpg');
background-repeat: no-repeat;
background-position: 650px 100px;
}

img {
border: 0px;
}

/* *************..............Comienzan tabla superior.................**************** */

.barra {
width: 100%;
border-collapse: collapse;
}

.celdabarra {
width: 100%;
height: 15px;
background-image: url('imagenes/barrasuperior.png');
}

.tablasuperior {
width: 100%;
}

.celdalogo {
width: 50%;
height: 100px;
text-align: left;
}

.celdamenuprincipal {
width: 50%;
height: 100px;
text-align: center;
vertical-align: top;
}

.tablamenu {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 400px;
border: 0px;
}

.inicio {
width: 25%;
text-align: center;
}

.proyectosmenu {
width: 25%;
text-align: center;
}

.sobremi {
width: 25%;
text-align: center;
}

.contacto {
width: 25%;
text-align: center;
}

/* ************..............Comienza tabla bienvenido..............****************** */

.bienvenido {
width: 100%;
}

.celdabienvenido {
width: 50%;
text-align: left;
color: #666666;
font-size: 14pt;
font-family: verdana, arial;
height: 250px;
}

.celdaordenador {
width: 50%;
}

/* **************.............Comienza estilo de letra...............*************** */

.enlaceactivo {
font-size: 10pt;
color: #e05b00;
font-weight: bold;
}

.claragrande {
color: #333333;
font-size: 16pt;
font-family: verdana, arial;
font-weight: bold;
}

.naranja {
color: #e05b00;
font-size: 10pt;
font-family: verdana, arial;
}

.cursorgrande {
font-size: 14pt;
border-bottom: 1px dotted #666666;
color: #666666;
cursor: help;
}

.cursor {
font-size: 10pt;
border-bottom: 1px dotted #000000;
color: #000000;
cursor: help;
}

/* *************..............Estilos enlaces..............****************** */

a {
font-size: 8pt;
color: #177dfd;
text-decoration: none;
}

a:hover {
font-size: 8pt;
color: #e05b00;
text-decoration: none;
} 

a.enlace {
font-size: 10pt;
color: #177dfd;
text-decoration: none;
font-weight: bold;
}

a.enlace:hover {
font-size: 10pt;
color: #e05b00;
text-decoration: none;
font-weight: bold;
} 

a.descripcion {
font-size: 10pt;
color: #ffffff;
text-decoration: none;
}

a.descripcion:hover {
font-size: 10pt;
color: #e05b00;
text-decoration: none;
}

/* **************............Comienza tabla proyectos................*************** */

.proyectos {
width: 100%;
background-color: #ffffff;
}

.imagenproyecto {
width: 50%;
text-align: center;
height: 150px;
}

.proyecto1 {
width: 50%;
text-align: left;
font-size: 12pt;
font-family: verdana, arial;
color: #000000;
border-bottom: 1px solid #e05b00;
height: 50px;
}

.proyecto2 {
width: 50%;
text-align: left;
border-bottom: 1px solid #e05b00;
}

.textoproyecto1{
width: 50%;
text-align: left;
font-size: 10pt;
font-family: verdana, arial;
color: #000000;
padding-right: 30px;
vertical-align: top;
height: 50px;
}

.textoproyecto2 {
width: 50%;
text-align: left;
font-size: 10pt;
font-family: verdana, arial;
color: #000000;
padding-left: 30px;
vertical-align: top;
height: 50px;
}

/* **************............Comienza legal.........**************** */

.legal {
width: 100%;
border-top: 1px solid #c0c0c0;
background-image: url('imagenes/twitter.jpg');
background-repeat: no-repeat;
background-position: 850px 20px;
}

.celdalegal {
width: 100%;
text-align: center;
font-size: 8pt;
font-family: verdana, arial;
color: #000000;
height: 80px;
}