home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 107x / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-20  |  13.8 KB  |  172 lines
  1. /* CSS Document */
  2. body{margin:0; padding:0; background:url(images/mainbg.gif) 0 0 repeat-x #414141; color:#969595; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  3. div, p, ul, ol, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*--MAIN PANEL--*/
  7. #mainPan{width:778px; position:relative; margin:0 auto;}
  8. /*--TOP PANEL--*/
  9. #topPan{width:778px; height:174px; background:url(images/header.jpg) 100% 0 no-repeat #0799E3; color:#fff; margin:0; position:relative;}
  10. #topPan img.logo{width:102px; height:91px; display:block; padding:28px 0 0;}
  11. #topPan h1{width:191px; height:74px; position:absolute; top:45px; left:122px; display:block; font:14px/14px Arial, Helvetica, sans-serif; background:url(images/companyname.gif) 0 0 no-repeat; padding:32px 0 0;}
  12. #topservicesPan{width:210px; height:168px; background:url(images/services-bg.jpg) 0 0 no-repeat; position:absolute; top:0px; right:226px;} 
  13. #topservicesPan h2{width:130px; height:20px; background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00; color:#317400; font:18px/14px Georgia, "Times New Roman", Times, serif; margin:34px 0 0 37px;}
  14. #topservicesPan ul{width:130px; height:79px; margin:0 0 0 37px;}
  15. #topservicesPan ul li{height:20px;}
  16. #topservicesPan ul li.onelink a{display:block; width:94px; height:20px; background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00; color:#01699F; font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
  17. #topservicesPan ul li.onelink a:hover{text-decoration:none;  background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00; color:#0A4767;}
  18. #topservicesPan ul li.threelink a{display:block; width:119px; height:20px; background:url(images/serviceslink3bg.gif) 30% 0 no-repeat #6DFD00; color:#01699F; font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
  19. #topservicesPan ul li.threelink a:hover{text-decoration:none;  width:119px; height:20px; background: url(images/serviceslink3bg.gif) 30% 0 no-repeat #6DFD00; color:#0A4767;}
  20.  
  21.  
  22. /*--/TOP PANEL--*/
  23.  
  24. /*--LEFT PANEL--*/
  25. #leftPan{width:352px; float:left; margin:0; background:#414141; color:#969595;}
  26. #leftPan h2{display:block; height:50px; font:24px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#66EA00; background: url(images/lefttopbg.gif) 0 0 repeat-x #404040; padding:20px 0 0 29px;}
  27. #leftPan h2 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
  28.  
  29. #leftPan h3{display:block; width:250px; height:50px; font:24px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#66EA00; background:#404040; padding:20px 0 0 29px;}
  30. #leftPan h3 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
  31.  
  32. #leftPan h4{display:block; width:250px; height:50px; font:22px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#66EA00; background: url(images/lcon4.jpg) 6% 40% no-repeat #404040; padding:20px 0 0 65px;}
  33.  
  34. #leftPan h5{display:block; width:300px; height:50px; font:24px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#66EA00; background:#404040; padding:20px 0 0 29px;}
  35. #leftPan h5 span{font:21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
  36.  
  37.  
  38. #leftPan p{padding:17px 34px 0 29px;}
  39. #leftPan p.dateone{display:block; background:url(images/date1.jpg) 0 0 no-repeat; height:54px; padding:0 0 0 118px; margin:0 0 0 29px; line-height:18px;}
  40. #leftPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
  41. #leftPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
  42. #leftPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}
  43.  
  44. #leftPan p.datetwo{display:block; background:url(images/date2.jpg) 0 0 no-repeat; height:54px; padding:0 0 0 118px; margin:20px 0 0 29px; line-height:18px;}
  45. #leftPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
  46. #leftPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
  47. #leftPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}
  48.  
  49. #leftPan p.datethree{display:block; background:url(images/date3.jpg) 0 0 no-repeat; height:54px; padding:0 0 0 118px; margin:20px 0 0 29px; line-height:18px;}
  50. #leftPan p span.blue{font-weight:bold; text-transform:uppercase; background:#414141; color:#089DEA;}
  51. #leftPan p span.white{font-weight:bold; background:#414141; color:#fff; font-size:16px;}
  52. #leftPan p span.whitenormal{font-weight:normal; background:#414141; color:#fff; font-size:14px;}
  53.  
  54.  
  55. #leftPan p.buttomshadow{width:268px; height:20px; background:url(images/buttom-shadow.jpg) 0 0 no-repeat; padding:0; margin:0 0 0 10px;}
  56. #leftPan p.topshadow{width:268px; height:20px; display:block; background:url(images/top-shadow.jpg) 0 0 no-repeat; padding:0; margin:0 0 0 20px;}
  57.  
  58. #leftPan p span.bold{font-weight:bold;}
  59.  
  60. #leftPan p.more{width:200px; margin:5px 0 35px 0;}
  61. #leftPan p.more a{display:block; background:url(images/lcon5.jpg) 0 0 no-repeat #414141; color:#fff; text-decoration:none; padding:0 0 0 28px;}
  62. #leftPan p.more a:hover{display:block; background:url(images/lcon5-hover.jpg) 0 0 no-repeat #414141; color:#fff; text-decoration:none;}
  63.  
  64. #leftlinkboxonePan{width:300px; height:50px; display:block; margin:25px 0 0 23px; padding:0px;}
  65. #leftlinkboxonePan ul{height:28px; width:318px;}
  66. #leftlinkboxonePan ul li{display:block; width:156px; height:34px; float:left;}
  67. #leftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(images/lcon2.jpg) 0 0 no-repeat #414141; color:#fff; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
  68. #leftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}
  69.  
  70. #leftlinkboxonePan ul li.continue{width:134px; height:28px; background:url(images/lcon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
  71. #leftlinkboxonePan ul li.continue a{display:block; height:18px; background:#414141; color:#66EA00; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
  72. #leftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#545353; color:#66EA00; text-decoration:none;}
  73.  
  74. #leftlinkboxtwoPan{width:300px; height:50px; display:block; margin:25px 0 0 23px; padding:0px;}
  75. #leftlinkboxtwoPan ul{height:28px; width:318px;}
  76. #leftlinkboxtwoPan ul li{display:block; width:156px; height:34px; float:left;}
  77. #leftlinkboxtwoPan ul li.comments{width:110px; height:28px; display:block; background:url(images/lcon2.jpg) 0 0 no-repeat #414141; color:#fff; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
  78. #leftlinkboxtwoPan ul li.comments span.boldtext{font-weight:bold;}
  79.  
  80. #leftlinkboxtwoPan ul li.continue{width:134px; height:28px; background:url(images/lcon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
  81. #leftlinkboxtwoPan ul li.continue a{display:block; height:18px; background:#414141; color:#66EA00; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
  82. #leftlinkboxtwoPan ul li.continue a:hover{display:block; height:18px; background:#545353; color:#66EA00; text-decoration:none;}
  83.  
  84. #leftlinkboxthreePan{width:300px; height:50px; display:block; margin:25px 0 0 23px; padding:0px;}
  85. #leftlinkboxthreePan ul{height:28px; width:318px;}
  86. #leftlinkboxthreePan ul li{display:block; width:156px; height:34px; float:left;}
  87. #leftlinkboxthreePan ul li.comments{width:110px; height:28px; display:block; background:url(images/lcon2.jpg) 0 0 no-repeat #414141; color:#fff; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
  88. #leftlinkboxthreePan ul li.comments span.boldtext{font-weight:bold;}
  89.  
  90. #leftlinkboxthreePan ul li.continue{width:134px; height:28px; background:url(images/lcon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
  91. #leftlinkboxthreePan ul li.continue a{display:block; height:18px; background:#414141; color:#66EA00; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
  92. #leftlinkboxthreePan ul li.continue a:hover{display:block; height:18px; background:#545353; color:#66EA00; text-decoration:none;}
  93.  
  94.  
  95. #leftPan ul{width:318px;}
  96. #leftPan ul li{ height:22px; padding:0 0 0 22px;}
  97. #leftPan ul li a{display:block; background:#414141; color:#969595; font-size:16px; text-decoration:underline;}
  98. #leftPan ul li a:hover{background:#414141; text-decoration:underline; color:#AFACAC;}
  99.  
  100. /*--/LEFT PANEL--*/
  101.  
  102. /*--MIDDLE PANEL--*/
  103. #middlePan{width:192px; height:1716px; float:left; background:url(images/mpanel-bg.gif) 0 0 no-repeat #2E2E2E; color:#7D7D7D;}
  104. #middlePan h2{display:block; height:70px; font:24px/20px Georgia, "Times New Roman", Times, serif; color:#39A002; background:#2E2E2E; margin:20px 0 0 18px;}
  105. #middlePan h2 span{font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#09A5F6; background:#2E2E2E;}
  106.  
  107. #middleulPan{width:130px; margin:0 18px;}
  108. #middlePan ul{width:130px;}
  109. #middlePan ul li{display:block;width:120px; height:165px; font-size:16px; font-weight:bold; background:#2E2E2E; color:#7D7D7D; padding:0 0 0 30px;}
  110. #middlePan ul li span{font-size:14px; font-weight:normal; background:#2E2E2E; color:#fff;}
  111.  
  112. #middlePan ul li.one{background:url(images/1.gif) 0 5% no-repeat;}
  113. #middlePan ul li.two{background:url(images/2.gif) 0 5% no-repeat;}
  114. #middlePan ul li.three{background:url(images/3.gif) 0 5% no-repeat;}
  115. #middlePan ul li.four{background:url(images/4.gif) 0 5% no-repeat;}
  116. #middlePan ul li.five{background:url(images/5.gif) 0 5% no-repeat;}
  117.  
  118. #middlecaptionPan{width:127px; border:1px solid #414141; background:#1B1B1B; position:relative; margin:0 auto; color:#969595; padding:14px 14px 20px; font:16px/20px Georgia, "Times New Roman", Times, serif;}
  119. #middlecaptionPan h3{display:block; height:70px; font-size:24px; color:#39A002; background:#1B1B1B; margin:0;}
  120. #middlecaptionPan h3 span{font-size:20px; text-transform:uppercase;}
  121. #middlecaptionPan p{font-style:italic;}
  122. #middlecaptionPan p span{background:#1B1B1B; color:#089DEA; font-style:normal; font-size:14px;}
  123.  
  124. /*--/MIDDLE PANEL--*/
  125.  
  126. /*--RIGHT PANEL--*/
  127. #rightPan{width:215px; position:absolute; top:158px; right:0px; margin:0; padding:0;}
  128. #rightPan h2{width:140px; height:52px; display:block; background:#414141; color:#39A002; font:24px/52px Georgia, "Times New Roman", Times, serif; margin:0;}
  129.  
  130. #rightPan ul{width:136px; height:204px; margin:26px 0 0;}
  131. #rightPan ul li{width:136px; height:27px; border-bottom:1px dashed #868686;}
  132. #rightPan ul li a{display:block; height:27px;  background:url(images/arrow1.gif) 0 50% no-repeat #414141; color:#fff; font:14px/25px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 13px;} 
  133. #rightPan ul li a:hover{background:url(images/arrow2.gif) 0 50% no-repeat; text-decoration:none;}
  134. #rightPan ul li.contact{border:none;}
  135.  
  136. #rightPan ul.userlink{width:136px; height:235px; margin:0;}
  137. #rightPan ul li.userlink{width:180px; height:25px; border:none;}
  138. #rightPan ul li.userlink a{display:block; height:25px; background:#414141; color:#969595; font:14px/25px Arial, Helvetica, sans-serif; text-decoration:underline; padding:0;} 
  139. #rightPan ul li.userlink a:hover{background:#414141; text-decoration:underline; color:#AFACAC;}
  140.  
  141. #rightPan form{width:215px; height:96px; background:url(images/search-bg.gif) 5% 0 no-repeat #414141; color:#2B2B2B;}
  142. #rightPan form.position{padding:21px 0 0;}
  143. #rightPan form input{width:100px; height:17px; margin:8px 0 0 14px; float:left;}
  144. #rightPan form input.button{width:40px; height:22px; background:url(images/button.gif) 0 0 no-repeat #C0C0C0; color:#fff; line-height:22px; margin:8px 0 0 8px; border:none; float:left;}
  145.  
  146. #rightPan form h3{width:70px; height:33px; background:url(images/lcon1.jpg) 0 0 no-repeat ;  font:15px/26px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:bold; margin:0 0 0 14px; padding:0 0 0 37px;}
  147.  
  148. /*---FOOTER PANEL--*/
  149. #footermainPan{height:178px; background:url(images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0; clear:both;}
  150. #footerPan{width:778px; position:relative; margin:0 auto;}
  151. #footerPan img{width:246px; height:74px; position:absolute; top:37px; right:30px;}
  152.  
  153. #footerPan ul{width:500px; position:absolute; top:36px; left:49px;}
  154. #footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
  155. #footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#1E1E1E; text-decoration:none;}
  156. #footerPan ul li a:hover{text-decoration:underline;}
  157.  
  158. #footerPan ul.templateworld{width:190px; background:#2C2C2C;  color:#fff; display:block; position:absolute; top:128px; left:62px;}
  159. #footerPan ul.templateworld li{font-size:10px;}
  160. #footerPan ul.templateworld li a{background:#2C2C2C; display:block; color:#fff; text-decoration:none; padding:0px; }
  161. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  162.  
  163. #footerPan p.copyright{background:#222; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px;}
  164.  
  165. #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:90px; left:61px;}
  166. #footerPanhtml a{width:70px; height:24px; background: url(images/htmlbutton-normal.gif) 0 0 no-repeat #272727; line-height:24px; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 10px; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none;}
  167. #footerPanhtml a:hover{background: url(images/htmlbutton-hover.gif) 0 0 no-repeat #272727; color:#fff; text-decoration:none;}
  168.  
  169. #footerPancss{width:59px; height:24px; position:absolute; top:90px; left:135px;}
  170. #footerPancss a{width:59px; height:24px; background:url(images/cssbutton-normal.gif) 0 0 no-repeat #2A2A2A; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 10px; color:#fff; text-transform:uppercase; text-decoration:none; line-height:24px; font-weight:bold;}
  171. #footerPancss a:hover{background:url(images/cssbutton-hover.gif) 0 0 no-repeat #2A2A2A; color:#fff; text-decoration:none;}
  172.