body
{
text-align: center;
}

#superprincipal
{

text-align: left;
background-repeat: no-repeat;
background-image: url(img/fondo1.jpg);
height: 550px;
width: 830px;
padding:0px;
}

#contenedor
{
margin-top:20px;
margin-left: 54px;
width: 736px;
}

#contenedor2
{
color: white;;
background-color: #2D87D3;
width: 401px;
height: 260px;
position: absolute;
margin-left: 0px;
margin-top: 160px;
z-index: 0;
}

.contenedor3
{
background-repeat: no-repeat;
background-image: url(img/entrada.jpg);
width: 300px;
height: 200px;
margin-left: 425px;
margin-top: -240px;
}

.contenedor4
{
background-image: url(img/foto.jpg);
width: 300px;
height: 175px;
margin-left: 425px;
margin-top: -400px;
} 


#creacion
{

padding-right: 5px;
font-family: Tahoma;             
font-size: 12px;
text-align: justify;
width: 395px;
height: 215px;
background-image: url(img/creacion.jpg);
background-repeat: repeat;
color: black;
margin-top: 20px;
margin-left: 3px;
}

.p
{
margin-left: 5px;
}

/*****************************BOTONERA********************************/
#navlist
{
position: relative;
margin-left: 50px;
font: bold 12px Verdana, sans-serif;
background: navy;
width: 160px;
left: 140;
top: -20;
text-align: center;
}

#navlist li
{
list-style: none;
border-top: 1px solid navy;
text-align: right;

}


#navlist li a
{
width: 150px;
display: block;
padding: 3px 1px 3px 1px;
height: 25px;
background: #007FC2;
text-decoration: none;
color: white;
}

/******************************************************************/
#caja
{
background-color: #007FC2;
width: 401px;
height: 150px;
text-align: center;
margin-top: 0px;
margin-left: 60px;
z-index: 0;
}

.botonera
{

background-color: #007FC2;  
width: 290px;
height: 15px;
margin-left: -110px;
margin-top: 10px;
}
/****************************************/
#cuadro1
{
text-align: center;
font-family: Tahoma;
font-size: 11px;
color: white;
background-color:  #007FC2;
width: 220px;
height: 80px;
position: absolute;
visibility: visible;
top:0;
left:0;
margin-left: 180px;
margin-top: 160px;

}

#cuadro2
{
text-align: center;
font-family: Tahoma;
font-size: 11px;
color: white;
background-color: #007FC2;
width: 220px;
height: 80px;
top:0;
left:0;
visibility: visible;
margin-left: 180px;
margin-top: 160px;
position: absolute;
}

#cuadro3
{
text-align: center;
font-family: Tahoma;
font-size: 11px;
color: white;
background-color:  #007FC2;
width: 220px;
height: 80px;
position: absolute;
top: 0;
left: 0;
visibility: visible;
margin-left: 180px;
margin-top: 160px;
}

/***********************************************/
.enlaces1
{

color: #75A8F5;
background-color: #007FC2;
width: 90px;
height: 30px;
text-align: center;
float: left;
margin-left: 0px;
margin-top: 0px;
}

.enlaces2
{

color: #75A8F5;
background-color: #007FC2;
width: 90px;
height: 30px;
text-align: center;
margin-left: 0px;
margin-top: 0px;
float: left;
}

.enlaces3
{

color: #75A8F5;
background-color: #007FC2;
width: 90px;
height: 30px;
text-align: center;
margin-left: 0px;
margin-top: 0px;
float: left;
}


.enlaces1:hover
{
background-image: url(img/fondos/java1.jpg);
}

.enlaces2:hover
{
background-image: url(img/fondos/java2.jpg);
}

.enlaces3:hover
{
background-image: url(img/fondos/java3.jpg);
}

/****************************************************************/

#navlist a.dos:hover
{
text-transform: uppercase;
background-image: url(img/degradados/degradado1.jpg);
}

#navlist a.tres:hover
{
text-transform: uppercase;
background-image: url(img/degradados/degradado2.jpg);    /*#A9A9A9*/
}

#navlist a.cuatro:hover
{
text-transform: uppercase;
background-image: url(img/degradados/degradado3.jpg);
}

/****************************************************************/