@charset "utf-8";
/* CSS Document */
body{
  background-color:#333;
  margin:0;
  padding:0;
  margin-top:50px;
}
#principal{
   margin:0 auto;
   width:650px;
   height:500px;
   border:0px #0000FF solid;
}
#superior{
  float:left;
  width:650px;
  height:250px;
  border:0px #FF0000 solid;
}
#logo{
   width:209px;
   height:240px;
   float:left;
   margin-top:5px;
   border:0px #FF0000 solid;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
}
#logo a{
  color:#FF6F00;
}
#logo a:hover{
  color:#FFCC33;
}
#animacion{
  float:right;
  margin-right:45px;
  height:250px;
  width:360px;
  border:0px #FF0000 solid;
  
}
#inferior{
  float:left;
  background-image:url(../images/fondo_barra.png);
  background-repeat:no-repeat;
  width:675px;
  height:257px;
  margin-left:20px;
  margin-top:0px;
  border:0px #FF0000 solid;
}
#derecha{
   width:155px;
   border:0px #FF0000 solid;
   float:left;
   margin-top:35px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   border:0px #FF0000 solid;
}
#izquierda{
   width:480px;
   border:0px #FF0000 solid;
   float:left;
   margin-top:35px;
   margin-left:15px;
}
#contacto{
   color:#FFF;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
}
#izquierda p{
  margin:0;
  padding:0;
}
#footer{
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFF;
  margin-top:20px;
  margin-left:15px;
  text-align:center;
}