/* CSS - MAGIACALLEJERA.COM */
/*   WRITTEN BY LYNXANDINO  */

body, html
{
top:                     0px;
left:                    0px;
padding:                 0px;
margin:                  0px;

background-color:        #420001;
background-image:        url("../images/bg.jpg");
background-repeat:       no-repeat;
height:                  100%;

}


#main
{
position:                absolute;
margin-left:             50%;
left:                    -425px;
height:                  100%;
width:                   850px;
top:                     0px;

z-index:                 100;
}

#banner
{
position:                absolute;
top:                     150px;
width:                   811px;
height:                  200px;
margin-left:             50%;
left:                    -405.5px;
background-image:        url("../images/banner_bg.jpg");

z-index:                 105;
}

#logo
{
position:                absolute;
left:                    25px;
top:                     10px;
z-index:                 110;
}

#nav
{
position:                absolute;
right:                   25px;
top:                     10px;
z-index:                 110;
}

#gadgets
{
width:                   300px;
height:                  50px;
z-index:                 115;
}

#texts
{
font-size:               12px;
font-family:             Arial, Sans-Serif;
color:                   #FFFFFF;
}

a.in_text
{
color:                   #CC0000;
text-decoration:         none;
}

a.in_text:hover
{
text-decoration:         underline;
}

td
{
color:                   #FFFFFF;
font-size:               12px;
font-family:             Arial, Sans-Serif;
}

input, textarea
{
border:                  1px solid #FFFFFF;
padding-left:            5px;
background-color:        #000000;
color:                   #FFFFFF;
font-family:             Arial, Sans-Serif;
font-size:               12px;
}