home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 105x / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-20  |  7.4 KB  |  87 lines
  1. /* CSS Document */
  2. body{background:url(images/main-bg.gif) 0 0 repeat-x #A8A39D; color:#1A1917; margin:84px 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;}
  3. div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5. /*--TOP PANEL--*/
  6. #topPan{width:464px; height:398px; position:relative; margin:0 auto;}
  7. #topPan ul {width:464px;}
  8. #topPan ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
  9. #topPan ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
  10. #topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
  11. #topPan ul li.menupadding{margin:0 0 0 1px;}
  12. #topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}
  13.  
  14. #topPan h1{display:block; width:464px; height:198px; background:url(images/header.jpg) 0 0 no-repeat; text-indent:-2000px; margin:0; clear:both;}
  15.  
  16. #toplinkPan{width:464px; height:159px; position:relative; margin:0 auto;}
  17. #toplinkfastPan{width:148px; height:140px; float:left; background:url(images/blog-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
  18. #toplinkfastPan a{text-decoration:none; display:block; width:148px; height:140px;}
  19. #toplinkfastPan a:hover{text-decoration:none; background:url(images/blog-hover.jpg) 0 0 no-repeat;}
  20. #toplinkfastPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px;}
  21.  
  22. #toplinksecondPan{width:148px; height:140px; float:left; background:url(images/chat-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}
  23. #toplinksecondPan a{text-decoration:none; display:block; width:148px; height:140px;}
  24. #toplinksecondPan a:hover{text-decoration:none; background:url(images/chat-hover.jpg) 0 0 no-repeat;}
  25. #toplinksecondPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }
  26.  
  27. #toplinkthirdPan{width:148px; height:140px; float:left; background:url(images/tools-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
  28. #toplinkthirdPan a{text-decoration:none; display:block; width:148px; height:140px;}
  29. #toplinkthirdPan a:hover{text-decoration:none; background:url(images/tools-hover.jpg) 0 0 no-repeat;}
  30. #toplinkthirdPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:34px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }
  31.  
  32.  
  33. /*--/TOP PANEL--*/
  34. /*--BODY PANEL--*/
  35. #bodyPan{width:352px; background:url(images/bodytopbg.jpg) 0 0 no-repeat #fff; color:#1A1917; position:relative; margin:0 auto; padding:0 56px;}
  36. #bodyPan h1{width:352px; height:32px; display:block; background:url(images/welcomebg.gif) 0 100% repeat-x; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:42px 0 0;}
  37. #bodyPan h1 span{background:#F9F9F9; color:#9A0000; font-size:26px;}
  38. #bodyPan h2{width:350px; height:32px; display:block; background:url(images/dotline.gif) 0 100% repeat-x #fff; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:42px 0 0; color:#9A0000;}
  39.  
  40. #bodyPan p{padding:18px 0 0 0;}
  41. #bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
  42. #bodyPan p.more{width:89px; height:39px;}
  43. #bodyPan p.more a{display:block; width:89px; height:39px; background:url(images/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
  44. #bodyPan p.more a:hover{text-decoration:none; background:url(images/more2.jpg) 0 0 no-repeat;}
  45. #bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
  46. #bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(images/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
  47. #bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more1.jpg) 0 0 no-repeat;}
  48.  
  49. #bodybottomPan{width:464px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }
  50.  
  51. #bodyPan ul{width:352px; height:110px; margin:20px 0 0;}
  52. #bodyPan ul li{background:url(images/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
  53. #bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
  54. #bodyPan ul li a:hover{text-decoration:underline;}
  55.  
  56. #bodyPan form{width:350px; height:162px; background:url(images/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;}
  57. #bodyPan form h2{display:block; width:310px; height:45px; background:url(images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;}
  58. #bodyPan form input{width:165px; height:18px; margin:0 0 10px 130px;}
  59. #bodyPan form input.paddingtop{margin-top:16px;}
  60. #bodyPan form input.button{width:54px; height:25px; display:block; background:url(images/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}
  61.  
  62. /*--/BODY PANEL--*/
  63. /*--FOOTER PANEL--*/
  64. #footermainPan{height:155px; background: url(images/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:43px 0 0; padding:51px 0 0;}
  65. #footerPan{width:330px; height:90px; display:block; position:relative; margin:0 auto;}
  66. #footerPan p{padding:51px 0 0;}
  67. #footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
  68. #footerPan p.copyright{ background:#1F1D1B; margin:0; display:block; position:absolute; bottom:0px; right:23px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}
  69.  
  70. #footerPan ul{width:330px; display:block; position:absolute; left:0px; top:0; padding:0; }
  71. #footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
  72. #footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#181716; text-decoration:none;}
  73. #footerPan ul li a:hover{text-decoration:underline;}
  74.  
  75. #footerPan ul.info{width:330px; height:45px; display:block; position:absolute; left:0px; top:29px; padding:0;}
  76. #footerPan ul.info li{display:block; width:109px;}
  77. #footerPan ul.info li.address{width:97px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:10px; font-weight:bold; padding:0 0 0 12px;}
  78. #footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
  79. #footerPan ul.info li.fax{width:94px; background:#1C1B19; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
  80. #footerPan ul li span{background:#1C1B19; color:#AC2626; font-size:10px; font-weight:bold; line-height:14px;}
  81.  
  82. #footerPan ul.templateworld{width:158px; background:#1C1B19; color:#fff; display:block; position:absolute; top:97px; left:152px;}
  83. #footerPan ul.templateworld li a{background:#1C1B19; display:block; color:#fff; text-decoration:none;}
  84. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  85.  
  86.  
  87.