/* CSS Document Made by Animefanatik@gmail.com */
@charset "utf-8";
body {background:url(/img/bg-stripe.png) #000; margin:0; padding:0;}
#main {width:989px; margin-left:auto; margin-right:auto; border:2px #000 solid; position:relative;}

#bar {background: url(/img/bg-dock.gif); height:50px;}
#header {background: url(/img/bg-header.gif); height:115px;}
#test {position:absolute;width:989px;background:url(/img/bg.gif) top repeat-y;}

#main-col {background:#FFF; height:800px; font-family: Georgia, "Times New Roman", Times, serif}
#col-left {width:378px; float:left; background:#FFF; padding:7px}
#col-center {width:330px; float:left; background:#182200 url(/img/souseiseki-col.png) bottom no-repeat; height:800px; overflow:hidden;}
#col-right {width:265px; float:right; background:#E0EFDD;height:800px; }

#col-left h1, #col-right h1 {color: #F60; font-size:20px; font-weight:normal; margin:10px 0px 0px 5px;}
#col-left p {font-size:13px; margin:10px 20px}
#col-right p {font-size:13px; margin:10px 15px}
#col-left a, #col-right a {color: #F60;}
#col-left a:hover, #col-right a:hover {color: #333;}
#col-left table p {font-size:12px; margin:5px 10px}
#col-left table {margin:0px 0px 0px 10px}


#col-center h1 {color: #FFF; font-size:20px; font-weight:Bold; margin:15px 0px 0px 5px;}
#news h2, #news p {display:block; color:#FFF; padding:5px 15px 5px 15px;}
#news h2 {background:#000; font-size:15px; font-weight:bold; margin:10px 15px 0px 15px;}
#news p {background:url(/img/bg-test.gif); font-size:11px; font-weight:normal; margin:0px 15px 0px 15px;}
#news a {color: #F90; font-weight:bold;}
#news a:hover {color: #999;}
#news img {display:none;}

#logo {	height:110px;width:371px;position:absolute;left:16px;top:152px;z-index:3;}
.logo[class] {background:url(/img/logo-8.png);}

#dock {	position:absolute;top:-55px;height:120px;right:710px; top:45px;}
#enlarge {padding:0; margin:4em auto; list-style-type:none; width:auto; height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px; position:relative;}
#enlarge li a {display:block; width:35px; height:35px; background:transparent; position:relative; text-decoration: none;}
#enlarge li a img {width:100%; height:100%; border:0;}
#enlarge li a span {display:none;}
#enlarge li a:hover {position:absolute; left:-8px; top:-8px; width:50px; height:50px;}
#enlarge li a:hover span {display: block; width: auto; color: #f60; top: 50px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif;}

#ads {width:auto;position:absolute;left: 450px;top: 164px;}
#ad-l {width:11px; float:left; background:url(/img/ad-l.gif); height:89px;}
#ad-c {width:auto; float:left; background:url(/img/ad-c.gif); height:74px; padding-top:15px;}
#ad-r {width:11px; float:left; background:url(/img/ad-r.gif); height:89px;}

#balloon {font-family: Geneva, Arial, Helvetica, sans-serif; margin:0px 0px 110px 18px}
#balloon ul {padding:0; margin:0; border:0; list-style-type: none;}
#balloon ul li { float:left; margin-bottom: 10px;}
#balloon ul li a, #balloon ul li a:visited {display:block;text-decoration:none; width:230px; height:auto; }
#balloon ul li a img, #balloon ul li a:visited img {border:solid 2px #000;}
#balloon ul li dl {visibility:hidden;position:absolute;}
table {margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}

#balloon dl {width:200px; padding:0 0 12px 0; margin:0; background:transparent url(/img/kam-dn.gif) no-repeat bottom left; height:auto;}
#balloon dt {margin:0px; height:12px;}
#mat dd {margin:0px; background: #FFF url(/img/mat-ct.gif) no-repeat top right; border:#000000 solid; border-width: 0 1px;}
#kam dd {margin:0px; background: #FFF url(/img/kam-ct.jpg) no-repeat top right; border:#000000 solid; border-width: 0 1px;}
#balloon dd p {margin:10px 15px; font-size:12px; font-weight:normal;}
#balloon dd h2 {padding:0px 5px; text-align:center; margin:0; font-size:14px; color:#ED1F26;}
#balloon dd a, #balloon dd a:visited {padding:0px 10px; margin:0; font-size:11px; font-weight:bold; text-decoration:none; color:#ED1F26}
#balloon dd a:hover {color:#999}
#mat dt {background:transparent url(/img/mat-up.gif) no-repeat bottom left;}
#kam dt {background:transparent url(/img/kam-up.gif) no-repeat bottom left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
#balloon ul li:hover, #balloon ul li a:hover {position:relative;cursor: pointer;}
#balloon ul li:hover dl, #balloon ul li a:hover dl {visibility:visible;top:-75px;left:-200px;cursor:default;}
#balloon ul li:hover dl em, #balloon ul li a:hover dl em {
display:block;
position:absolute;
left:199px;
top:60px;
width:36px; 
height:36px;
background:transparent url(/img/pointer.gif);}
#balloon ul li:hover dl a, #balloon ul li a:hover dl a {
height:0.8em;background:transparent;text-decoration:none;display:inline;}
#balloon ul li:hover dl a:hover, #balloon ul li a:hover dl a:hover { text-decoration:none; background:transparent;}

#foro-tx {display:block; width:250px; background: #F8FCF8 url(/img/foro-bot.png) no-repeat bottom; margin:6px; border:#000 1px solid; }
.foro-tx {display:block; height:150px;}
a.forol {display:block; height:30px; width:100%}

#footer {background:#F5F5F5; color:#333; font-size:12px; text-align:left; padding:4px 15px;float:left; clear:both; width:959px; border-bottom:2px solid #000; border-top:2px solid #000; text-decoration:none; line-height:2.0em;}
#footer a {color:#333; margin:0 5px;} #footer a:hover {color:#F60;}

#creditos {background:#030; color:#FFF; font-size:10px; text-align:center; padding:5px 15px;float:left; clear:both; width:959px;}
#creditos a {color:#CCC;}

#search {position:absolute; top:111px;height:51px;right:25px;color:#FFF; font-family: "Lucida Grande", Geneva, Arial, sans-serif;}
.search {border:0px; width:140px; height: 24px; padding-top: 6px; margin-left: 25px; background: url(/img/sr-bg.png) top center repeat-x;font-size: 11px; text-indent:10px;}
#sr-right {position:absolute; top:112px;.top:113px;height:24px;width:23px;right:212px;.right:213px; background:url(/img/lupa.png) no-repeat;}
#sr-left {position:absolute; top:112px;.top:113px;height:24px;width:13px;right:60px; background:url(/img/sr-end.png) right no-repeat;}
#sr-txt {display:block; width:auto; height:auto; float:left; clear:left; font-size:13px}
#sbb {height:23px; top:12px;.top:13px; width:23px; background:url(/img/go.png); border:0px; margin-left:20px;}

td.new {background:url(/img/new.png) no-repeat top right}

.tema img {border:solid 2px #000;}