@import url('screen.css');
@import url('autocomplete.css');
@import url('popup.css');
@import url('sifr.css');

body { margin: 0; padding: 0; background: #06538b url('../img/backgrounds/main-image-01.jpg') top center no-repeat; background-attachment: fixed; }

a { color: 00eaff; }

#main-page { width: 100%; font-family: Tahoma; font-size: 0.85em; color: #fff; }
#main-left { width: 100%; /* background: transparent url('../img/backgrounds/main-left.png') 0 0 repeat-x; background-attachment: fixed; */ }
#main-image { width: 100%; }
#main-contents { width: 1000px; height: 900px; margin: 0px auto; background: #000; opacity: .50; filter: alpha(Opacity=50); -moz-opacity:0.5; }
#main-contents-top-shadow { position: absolute; top: 0; left: 50%; margin-left: -500px; width: 1000px; height: 333px; background: transparent url('../img/backgrounds/main-contents-top-trans.png') 0 0 repeat-x; }
* html #main-contents-top-shadow { bac\kground: none; }

#contents { position: absolute; top: 0; left: 50%; margin-left: -500px; width: 1000px; height: auto; overflow: hidden; }
#contents div#menu { width: 1000px; height: 80px; background-color: #000; }
#contents div#menu div#logo { width: 180px; height: 80px; text-align: center; float: left; }
#contents div#menu div#logo img { border: 0; margin: 10px 0 10px 15px; }
#contents div#menu div#topmenu { width: 770px; height: 80px; float: left; text-align: center; }
#contents div#menu div#topmenu ul.menu { width: 100%; margin: 0; list-style-type: none; }
#contents div#menu div#topmenu ul.menu li { display: block; font-size: 0.9em; font-weight: 700; float: left; margin: 40px 0 0 0; padding: 5px 0; border-right: 1px solid #fff; border-top: 2px solid #000; }
#contents div#menu div#topmenu ul.menu li:hover { font-size: 0.9em; font-weight: 700; float: left; margin: 40px 0 0 0; padding: 5px 0; border-right: 1px solid #fff; border-top: 2px solid #00eaff; background-color: #000; }
#contents div#menu div#topmenu ul.menu li a { color: #fff; text-decoration: none; padding: 0px 19px; float: none; clear: both; }
#contents div#menu div#topmenu ul.menu li.last { border: 0; border-top: 2px solid #000; }
#contents div#menu div#topmenu ul.menu li.last a { color: #fffc10; text-decoration: none; }  
#contents div#menu div#topmenu ul.tmenu { display: none; position: absolute; width: 175px; min-width: 175px; text-align: left; margin: 0; padding: 5px; list-style: none; }
#contents div#menu div#topmenu ul.tmenu li,
#contents div#menu div#topmenu ul.tmenu li:hover { background: #000; clear: both; float: none; margin: 0; padding: 0; border: none; }
#contents div#menu div#topmenu ul.tmenu li a { font-size: 1.1em; font-weight: 700; line-height: 25px; padding: 0 0 0 25px; }
#contents div#menu div#topmenu ul.tmenu li a:hover { color: #00eaff; }
#contents div#menu div#topmenu div#login-form-box { position: absolute; top: 65px; right: 2px; width: 215px; height: 100px; border: 1px solid #fffc10; background: #000; opacity: .33; filter: alpha(Opacity=33); -moz-opacity:0.33; }
#contents div#menu div#topmenu div#login-form { position: absolute; top: 65px; right: 2px; width: 201px; height: 92px; padding: 4px 7px; background: transparent; text-align: left; }
#contents div#menu div#topmenu div#login-form form { line-height: 20px; }
#contents div#menu div#topmenu div#login-form form span { font-size: 0.9em; }
#contents div#menu div#topmenu div#login-form form input.input-text { border: 1px solid #999; background: #e6e7e6; width: 120px; height: 20px; }
* html #contents div#menu div#topmenu div#login-form form input.input-text { he\ight: 16px; }
#contents div#menu div#topmenu div#login-form form input.input-button { border: 1px solid #999; background: #e6e7e6; width: 60px; height: 20px; margin-left: 1px; }
#contents div#top { width: 1000px; height: 140px; }
#contents div#top div#buttons { clear: both; overflow: hidden; }
#contents div#top div#buttons table { width: 970px; height: 135px; border-collapse: collapse; border: 0 none; margin: 0 15px; padding: 0; }
#contents div#top div#buttons table td { width: 323px; height: 135px; border: 0 none; }
#contents div#top div#buttons ul, 
#contents div#top div#buttons ul li { margin: 0; padding: 0; list-style: none; }
#contents div#top div#buttons ul.mmenu { width: auto; display: none; text-align: left; }
#contents div#top div#buttons ul.mmenu li { background: transparent; }
#contents div#top div#buttons ul#mmenu-01 li a { width: 200px; padding: 3px 0 3px 77px; }
#contents div#top div#buttons ul#mmenu-02 li a { width: 200px; padding: 3px 0 3px 70px; }
#contents div#top div#buttons ul#mmenu-03 li a { width: 200px; padding: 3px 0 3px 80px; }
#contents div#top div#buttons ul.mmenu li a { font-size: 1em; color: #efefef; text-decoration: none; display: block; }
#contents div#top div#buttons ul.mmenu li a:hover{ color: #fff; }
#contents div#top div#buttons div.button { width: 300px; /*float: left;*/ text-align: center; }
#contents div#top div#buttons div.button a { font-size: 2em; clear: both; cursor: pointer; color: #00EAFF; text-decoration: none; }
#contents div#top div#buttons div.button a:hover { text-decoration: none; }  
#contents div#top div#buttons div.button img { border: 0; }
#contents div#line { width: 970px; height: 23px; margin: 0 15px; padding: 2px 0 0 0; text-align: center; background: #d1ce1b /*url('../img/headings/online.png') 50% 5px no-repeat*/; /*opacity: .75; filter: alpha(Opacity=75); -moz-opacity:0.75;*/ }
#contents div#line a { font-size: 1.5em; }
#contents div#line img { border: 0; margin-top: 3px; }
#contents div#left { width: 330px; min-height: 400px; overflow: hidden; float: left; }
#contents div#left div#search { width: 270px; height: 45px; padding: 30px 0 0 60px; }
#contents div#left div#search form { }
#contents div#left div#search form input#q { width: 194px; height: 20px; border: 0; background: transparent url('../img/form/input.png') 0 0 no-repeat; padding: 2px 7px; font-weight: 700; color: #fff; }
#contents div#left div#search form input#go { width: 28px; height: 28px; border: 0; background: transparent url('../img/form/search.gif') 2px 4px no-repeat; cursor: pointer; }
#contents div#left div#news { width: 330px; height: auto; min-height: 300px; overflow: hidden; padding-top: 5px; background: transparent url('../img/backgrounds/contents-news-trans.png') 0 20px repeat-x; }
* html #contents div#left div#news { background: none; border-top: 1px solid #473e3c; }
#contents div#left div#news h2 { width: 90px; height: 20px; margin: 0 0 0 15px; /* background: transparent url('../img/headings/news.png') 0 0 no-repeat; */ }
#contents div#left div#news h2 span { display: none; }
#contents div#left div#news div.item { width: 270px; height: auto; overflow: hidden; margin: 10px 0 10px 30px; font-size: 0.85em; }
#contents div#left div#news div.item div.date { color: #ccc; }
#contents div#left div#news div.item div.title {  }
#contents div#left div#news div.item div.title h3,
#contents div#left div#news div.item div.title h3 a { font-family: Arial; font-size: 1.1em; color: #00eaff; text-decoration: none; line-height: 22px; margin: 2px 0 7px 0; }
#contents div#left div#news div.item div.perex {  }
#contents div#left div#news div.item div.perex a { color: #00eaff; text-decoration: underline; line-height: 25px; }
#contents div#left div#news div.item div.perex a:hover { color: #00eaff; text-decoration: none; }

#contents div#left div#news h3 { margin: 5px 0 0 15px; }
#contents div#left div#news ul { margin: 10px 10px 0px 10px; list-style-type: square; color: #999; }
#contents div#left div#news ul li { margin: 0px 0px 10px 0px; }
#contents div#left div#news ul li a { font-weight: 700; color: #00EAFF; }
#contents div#left div#news ul li p { margin: 0px; padding: 0px; font-size: .9em; line-height: 15px; color: #fff; }

#contents div#main { width: 660px; height: auto; min-height: 655px; font-size: 0.85em; overflow: hidden; background: transparent url('../img/backgrounds/contents-main-trans.png') 0 0 repeat-y; }

* html #contents div#main { background: none; border-left: 1px solid #473e3c; }
#contents div#main div#main-box { width: 635px; height: 215px; margin: 22px 17px 10px; border: 1px solid #00eaff; background: #000; opacity: .50; filter: alpha(Opacity=50); -moz-opacity:0.5; }
* html #contents div#main div#main-box { ba\ckground-color: #000; filter: alpha(Opacity=100); }
#contents div#main div#main-box-contents { width: 635px; height: 215px; display: block; position: absolute; top: 268px; right: 0; margin-right: 17px; background-image: url('../img/backgrounds/contents-main-box-baby.png'); background-position: bottom right; background-repeat: no-repeat; }
* html #contents div#main div#main-box-contents { margin-right: 14px; background-image: url('../img/backgrounds/contents-main-box-baby-ie6.png'); background-position: bottom right; background-repeat: no-repeat; }
#contents div#main div#main-box-contents div#text { width: 635px; height: 215px; background: url('../img/backgrounds/contents-main-box-text.png') 10px 10px no-repeat; }
* html #contents div#main div#main-box-contents div#text { background: url('../img/backgrounds/contents-main-box-text-ie6.png') 10px 10px no-repeat; }
#contents div#main div#main-box-contents div#text p { position: relative; top: 140px; margin: 0 10px; line-height: 16px; }
#contents div#main div#main-box-contents div#text a { color: #fffc10; text-decoration: underline; }
#contents div#main div#main-box-contents div#text a:hover { color: #fffc10; text-decoration: none; }

#contents div#main div#bar { width: 635px; height: 30px; margin: 0px 17px; border: 1px solid #fefb10; background: #000; opacity: .50; filter: alpha(Opacity=50); -moz-opacity:0.5; }
* html #contents div#main div#bar { bac\kground-color: #000; fi\lter: alpha(Opacity=100); }
#contents div#main div#bar-contents { width: 635px; height: 30px; display: block; position: absolute; top: 501px; right: 17px; text-align: center; }
#contents div#main div#bar-contents ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 1.5em; }
#contents div#main div#bar-contents ul li { display: inline; height: 30px; }
#contents div#main div#bar-contents ul li a { padding: 2px 35px 2px 30px; color: #fff; text-decoration: underline; } 
#contents div#main div#bar-contents ul li a:hover { color: #fffc10; text-decoration: underline; }
#contents div#main div#bar-contents ul li a.item-01 { background: url('../img/bar/item-01.png') 0 0 no-repeat; }
* html #contents div#main div#bar-contents ul li a.item-01 { bac\kground: url('../img/bar/item-01-ie6.png') 0 0 no-repeat; }
#contents div#main div#bar-contents ul li a.item-02 { background: url('../img/bar/item-02.png') 0 0 no-repeat; }
* html #contents div#main div#bar-contents ul li a.item-02 { bac\kground: url('../img/bar/item-02-ie6.png') 0 0 no-repeat; }
#contents div#main div#bar-contents ul li a.item-03 { background: url('../img/bar/item-03.png') 0 -1px no-repeat; padding: 2px 0 2px 33px; }
* html #contents div#main div#bar-contents ul li a.item-03 { bac\kground: url('../img/bar/item-03-ie6.png') 0 -1px no-repeat; padding: 2px 0 2px 33px; }
#contents div#main div#boxes { width: 635px; height: 330px; margin: 0px 17px;}
#contents div#main div#boxes div.box { width: 190px; height: 330px; float: left; }
#contents div#main div#boxes div#box-01,
#contents div#main div#boxes div#box-02 { margin-right: 32px; }
#contents div#main div#boxes div.box div.title { width: 184px; height: 60px; padding: 3px; }
#contents div#main div#boxes div.box div.title h2,
#contents div#main div#boxes div.box div.title h2 a { font-family: Arial; font-size: 1.2em; color: #00eaff; text-decoration: none; line-height: 22px; vertical-align: text-bottom; }
#contents div#main div#boxes div.box div.image { width: 190px; height: 115px; }
#contents div#main div#boxes div.box div.image img { border: 1px solid #00eaff; }
#contents div#main div#boxes div.box div.perex { width: 180px; height: auto; overflow: hidden; padding: 5px;}
#contents div#main div#boxes div.box div.perex a { color: #00eaff; text-decoration: underline; line-height: 25px; }
#contents div#main div#boxes div.box div.perex a:hover { color: #00eaff; text-decoration: none; }

#bottom { width: 100%; height: 40px; }
#bottom div#bottom-links { background: #000; width: 1000px; height: 25px; margin: 0 auto; }
#bottom div#bottom-links ul.links { margin: 0; padding: 2px 0 0 10px; list-style-type: none; }
#bottom div#bottom-links ul.links li { font-size: 0.8em; float: left; padding: 3px 15px;  }
#bottom div#bottom-links ul.links li.first { padding: 3px 15px 0 0;  }
#bottom div#bottom-links ul.links li.last { }
#bottom div#bottom-links ul.links li.created { float: right; padding: 3px 10px 0 20px; color: #ccc; }
#bottom div#bottom-links ul.links li.created a { color: #ccc; text-decoration: underline; }
#bottom div#bottom-links ul.links a { color: #fff; text-decoration: none; }

div.menu-partner ul a { font-size: 1em; font-weight: 700; line-height: 20px; }

/* jQuery Tooltip */
#tooltip { position: absolute; z-index: 3000; font-family: Tahoma; font-size: 0.85em; border: 1px solid #000; background-color: #fff; padding: 3px; opacity: .85; filter: alpha(Opacity=85); -moz-opacity:0.85; }
#tooltip h3, #tooltip div { margin: 0; font-size: 0.85em; }