/* CSS Document */

body {background-image: url(images/background.jpg);
background-repeat:repeat;}

#main {
margin:30px auto 30px auto;
width:740px;
height:520px;}

#header , #bottom {width:740px; float:left;}

#header { background-image:url(images/layout_01.jpg); height:51px;}
#bottom { background-image:url(images/layout_11.jpg); height:68px;}

#middle_left , #middle_right , #middle_right_left , #middle_right_right { float:left; height:401px;}

#middle_left{ background-image:url(images/layout_02.jpg); width:393px;}

#middle_right{width:347px;}

#middle_right_left { width:129px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; letter-spacing:3px; padding-bottom:0px;}

#middle_right_right { width:218px; background-image:url(images/layout_04.jpg);}

#middle_right_left_top{ background-image:url(images/layout_03.jpg); height:254px;}

/* links para el menu */

.menu_about { width:129px; height:24px; background-image:url(images/layout_05.jpg); text-align:right;}

.menu_about a:link , .menu_about a:visited { width:129px; height:24px; background-image:url(images/layout_05.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_about a:active { width:129px; height:24px; background-image: url(images/layout_05.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_about a:hover{width:129px; height:24px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_05.jpg);} 

.menu_rules {width:129px; height:23px; background-image:url(images/layout_06.jpg); text-align:right;}

.menu_rules a:link , .menu_rules a:visited { width:129px; height:23px; background-image:url(images/layout_06.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_rules a:active {width:129px; height:23px; background-image: url(images/layout_06.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_rules a:hover{ width:129px; height:23px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_06.jpg);} 


.menu_codes {width:129px; height:22px; background-image:url(images/layout_07.jpg); text-align:right;}

.menu_codes a:link , .menu_codes a:visited {width:129px; height:22px; background-image:url(images/layout_07.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_codes a:active {width:129px; height:22px; background-image: url(images/layout_07.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_codes a:hover{width:129px; height:22px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_07.jpg);} 


.menu_join {width:129px; height:24px; background-image:url(images/layout_08.jpg); text-align:right;}

.menu_join a:link , .menu_join a:visited {width:129px; height:24px; background-image:url(images/layout_08.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_join a:active {width:129px; height:24px; background-image: url(images/layout_08.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_join a:hover{width:129px; height:24px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_08.jpg);} 


.menu_update {width:129px; height:25px; background-image:url(images/layout_09.jpg); text-align:right;}

.menu_update a:link , .menu_update a:visited {width:129px; height:25px; background-image:url(images/layout_09.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_update a:active { width:129px; height:25px; background-image: url(images/layout_09.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_update a:hover{width:129px; height:25px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_09.jpg);} 


.menu_fans {height:29px;width:129px; background-image:url(images/layout_10.jpg); text-align:right;}

.menu_fans a:link , .menu_fans a:visited {width:129px; height:29px; background-image:url(images/layout_10.jpg); text-decoration:none; color:#333333; text-transform:uppercase; text-align:right;}

.menu_fans a:active {width:129px; height:29px; background-image: url(images/layout_10.jpg); text-decoration:none; color:#663300; text-align:right;}

.menu_fans a:hover{width:129px; height:29px; text-align:left; text-transform:lowercase; color:#330066; background-image:url(images/fl-layout-link_10.jpg);} 

/* contenido */

#content{ margin:5px;
width:383px;
height:385px;
overflow-y:scroll;
text-align:justify;}

.text a:link, .text a:visited{ text-decoration:underline black; color:#663333;}

.text a:hover { text-decoration:underline #000066; color:#3C5A29; font-weight:bold;}

.text a:active { text-decoration:none; color:#000000;}
 
.text{ margin-top:5px; margin-bottom:5px; color:#666666; font-family:Arial; font-size:13px; letter-spacing:2px;}

.title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:4px;
font-weight:bold; padding-left:15px; color:#692338; border-bottom:#000000 dashed 1px; border-spacing:3px; margin-bottom:5px;}

.stress{ color:#3C5A29; border-bottom:#584A29 solid 2px; font-weight:bold;}

li { list-style:circle;}

input , select , textarea { background-color:#CCCCCC; color:#000000; border:#666666 solid 1px; }