body { background-color: #000000; 
       font-family: "trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
       font-size: 36px;
       margin:0;
	   padding:0;
	   border:0;
     }

a, a:visited, a:active, a:focus, a:link { color: #b3b3b3;
                                          text-decoration: none;
                                          font-size: 36px;
                                          font-family: "trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans", Verdana, Arial, sans-serif;
                                          outline: 0;
                                         }

a:hover { color: #ffffff;
         font-size: 38px;
         outline: 0;
        }
        
/* todas */
#superior { background: url(http://caosmental.com/images/arriba.jpg) no-repeat;
          height: 488px;
          width: 432px;
          float: right;

        }
        
#inferior { background: url() no-repeat;
        height: 1px;
        width: 1px;
        bottom: 1%;
        position:absolute;
      }

a#logo { background: url(http://caosmental.com/images/logo.jpg) no-repeat;
        height: 112px;
        width: 543px;
        top: 75px;
        left: 50px;
        position:absolute;
      }
      
#cuento { line-height: 75px; width: 50%;
           position: absolute;
           color: #ffffff;
           top: 200px; 
           left: 8%;
           text-align: center;
            
           }
      
#licencia { position: absolute;
             top: 30px;
             color: #ffffff;
             text-decoration: none;
             font-size: 12px;
              
          }

a#licenci, a#licenci:visited, a#licenci:active, a#licenci:focus, a#licenci:link { line-height: 0px; color: #b3b3b3;
                                                                                  text-decoration: none;
                                                                                  font-size: 30px;
                                                                                  outline: 0;
                                                                                 }
a#licenci:hover { color: #ffffff;
         font-size: 14px;
         outline: 0;
        }

#visitas { left: 60%; bottom: 5%; width: 300px;
           position: absolute;
           color: #ffffff;
           text-decoration: none;
           font-size: 32px;
           text-align: center;
            
           }
      
/* principal */

a#blog  { height: auto; width: auto; position: absolute;
         top: 40%; 
         left: 12%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 90px;
          
        }
a#blog:hover { color: #ffffff;
               font-size: 92px;
              }

a#musica {height: auto; width: auto; position: absolute;
         top: 67%; 
         left: 70%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 40px;
          
        }
a#musica:hover { color: #ffffff;
                 font-size: 42px;
              }

a#cirilico { height: auto; position: absolute;
         width: 460px;
         top: 80%;
         left: 40%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 60px;
          
        }
a#cirilico:hover { color: #ffffff;
                  font-size: 62px;
              }

a#losthope { height: auto; position: absolute;
         width: 310px;
         top: 62%; 
         left: 47%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 35px;
          
        }
a#losthope:hover { color: #ffffff;
                  font-size: 37px;
              }

a#fotos {height: auto; width: auto; position: absolute;
         top: 62%; 
         left: 5%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 40px;
          
        }
a#fotos:hover { color: #ffffff;
                font-size: 42px;
              }

a#paraisosonado {height: auto; position: absolute;
         width: 460px;
         top: 47%; 
         left: 42%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 60px;
          
        }
a#paraisosonado:hover { color: #ffffff;
                font-size: 62px;
              }



a#cuentos { height: auto; width: auto; position: absolute;
         top: 28%; 
         left: 54%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 70px;
          
        }
a#cuentos:hover { color: #ffffff;
                  font-size: 72px;
              }
              
        
a#fotolog  {height: auto; width: auto; position: absolute;
         top: 35%; 
         left: 25%;
         color: #b3b3b3;
         text-decoration: none;
         font-size: 35px;
          
        }
a#fotolog:hover { color: #ffffff;
               font-size: 37px;
              }
              
#visitas2 { margin-top: 5px; clear: both; height: auto; width: auto; position: absolute;
           color: #ffffff;
           text-decoration: none;
           font-size: 18px;
           text-align: center;
           }
           
/* musica */

#portada { background: url(http://musica.caosmental.com/portada.png) right;
         width: 1px;
         height: 1px;
         position: absolute;
         top: 150px; 
         left: 60%;
        }

        
#portada:hover { background-position: left; }

/* paraiso perdido y lost hope hill */
 
#paraiso { width: 75%;
           position: absolute;
           color: #ffffff;
           top: 175px; 
           left: 13%;
           text-decoration: none;
           font-size: 36px;
           text-align: center;
            
           }

a#para, a#para:visited, a#para:active, a#para:focus, a#para:link { color: #ffffff;
                                                                   text-decoration: none;
                                                                   font-size: 36px;
                                                                    
                                                                  }
a#para:hover { color: #b3b3b3;
         font-size: 36px;
        }
        
#tabla { font-size: 26px;
		 text-align: center; 
		 color: #b3b3b3; 
		 width: 100%; 
		 margin-left: auto; 
		 margin-right: auto;}

/* el menusito */

#abajo{
font-size: 21px; 
	color: white;
	text-align: center;
	height: 25px;
	position: absolute;
	bottom: auto;
	background:#000;
	width:100%;
	float: right;
}

a#abajolink{ font-size: 21px; 
	font-family: trebuchet MS; 
	text-decoration:none;
}

a#abajolink:hover{font-size: 23px;
}

a#inferior { background: url(http://caosmental.com/images/caosie.png) no-repeat;
		float: right;
        height: 1px;
        width: 1px;
        position: absolute;
	    bottom: auto;
}