* { margin:0; padding:0; outline:none; font:12px Verdana, Arial, Helvetica, sans-serif; }
body { margin:0; padding:0; border:0 none; background:#000; color:#333; }
strong { font-weight:bold }

#loading { position:absolute; width:100%; left:0; top:0; height:7550px; z-index:300000; background:#000; padding:50px 0 0 0; text-align:center; color:#ccc }
a img { border:0 none }

#main { overflow:hidden }
#bg1 { height:1145px; background:url(../images/bg1.jpg) no-repeat center top; }
#bg1 #work_index { width:336px; position:absolute; top:118px; left:50%; margin:0 0 0 -501px }
#bg2 { height:1131px; background:url(../images/bg2.jpg) no-repeat center top; }
#bg2 .content { width:990px; margin:0 auto; padding:57px 0 0 0 }
#bg3 { height:1131px; background:url(../images/bg3.jpg) no-repeat center top; }
#bg3 .content { width:1000px; margin:0 auto; padding:24px 0 0 0; }
#bg4 { height:1141px; background:url(../images/bg4.jpg) no-repeat center top; }
#bg4 .content { width:1000px; margin:0 auto; padding:74px 0 0 0; }
#bg5 { height:1133px; background:url(../images/bg5.jpg) no-repeat center top; }
#bg5 .content { width:990px; margin:0 auto; padding:20px 0 0 0 }
#bg6 { height:1151px; background:url(../images/bg6.jpg) no-repeat center top; }
#bg6 .content { width:590px; position:absolute; left:50%; margin:10px 0 0 -100px }
#bg6 .content h2 { padding:10px 0 7px 3px; font-size:17px; font-weight:normal; color:#fff }
#bg6 .content h2 .left { border:5px solid #ccc; margin:0 10px 50px 0 }
#bg6 .content p.small { font-size:11px }
#bg6 .content p span.date { background:#fff; color:#999 }
#bg6 .content p { padding:3px 0; color:#fff; font-size:13px }
#bg6 .content p a { color:#fff }
#bg6 .content p a:hover { text-decoration:none; }
#bg6 .meniu { width:270px; position:absolute; left:50%; margin:20px 0 0 -400px; }
#bg6 .meniu a { text-decoration:none; display:block; padding:3px 5px; color:#fff; clear:both; height:63px; overflow:hidden; margin:0 0 4px 0 }
#bg6 .meniu a strong { display:block }
#bg6 .meniu a.selb,
#bg6 .meniu a:hover { color:#777; background:#fff }
#bg7 { height:688px; background:url(../images/bg7.jpg) no-repeat center top; }
#bg7 .content { width:985px; text-align:center; padding:250px 0 0 0; margin:0 auto; }

.menu { width:1003px; margin:0 auto; text-align:right; padding:10px 0 0 0; }

#tooltip { position:absolute; border:1px solid #eee; background:#fff; padding:4px 10px; color:#036; display:none; }
#tooltip em { color:#f30; font-style:normal }
#tooltip big { text-decoration:none; font-size:16px }

#barajos { background:#000; padding:2px 0 0 0; height:18px; width:100%; /* overflow:hidden */ }
#barajos .content { width:990px; margin:0 auto }
#barajos .content p { font-size:11px;; color:#fff; height:68px; background:url(../images/icos_01.jpg) no-repeat; }
#barajos .content p span.right { width:145px; float:right }
#barajos .content p a { color:#ccc; text-decoration:none }
#barajos .content p a:hover { color:#fff }
#barajos #facebookBar { position:absolute; width:200px; padding:7px; height:350px; margin:-450px 0 0 -500px; z-index:30000; background:#fff; left:50%; border:5px solid #000; display:none; color:#333 }
#barajos #facebookBar a { color:#036; text-decoration: none; }
#barajos #facebookBar a:hover { color:#06c; text-decoration: none; }
#barajos #twitterBar { position:absolute; width:200px; padding:7px; height:350px; margin:-450px 0 0 -500px; z-index:30000; background:#333; left:50%; border:5px solid #000; display:none; color:#ccc }
#barajos #twitterBar a { color:#def; text-decoration: none; }
#barajos #twitterBar a:hover { color:#09c; text-decoration: none; }
#barajos #just2resize { position:absolute; width:3px; margin:0; }

.hidden { display:none }
img.left { width:auto; height:auto; float:left }
img.lt { margin:0 7px 0 0; display:inline }
img.right { width:auto; height:auto; float:right }
img.rt { margin:0 0 0 7px; display:inline }