home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 104x / style.css < prev   
Cascading Style Sheet File  |  2006-11-20  |  8KB  |  74 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0 auto; position:relative; background: url(images/header-bg.jpg) 0 0 repeat-x #EFEFEF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
  3. div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /* TOP PANEL */
  7. #topPan{width:700px; height:252px; position:relative; margin:0 auto; padding:0;}
  8. #topPan h1{width:311px; height:215px; background:url(images/header-img1.jpg) 0 0 no-repeat #FEEBB0; color:#fff; text-indent:-2000px;}
  9. #topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}
  10. #topPan ul{width:376px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff;}
  11. #topPan ul li{float:left; display:block; width:75px; height:32px; background:url(images/menu-devider.gif) right top no-repeat;}
  12. #topPan ul li span{display:block; width:73px; height:32px; background:url(images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  13. #topPan ul li a{display:block; width:73px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  14. #topPan ul li a:hover{display:block; width:73px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
  15. #topPan ul li.contact{display:block; width:75px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  16. #topPan ul li.contact:hover{display:block; width:75px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
  17.  
  18. /* /TOP PANEL */
  19.  
  20. /* BODY PANEL */
  21. #bodyPan{width:700px; position:relative; margin:0 auto;}
  22. /* Left Panel */
  23. #leftPan{width:247px; height:727px; display:block; float:left; margin:0; padding:27px 45px 0 44px;}
  24. #leftPan h2{width:177px; height:83px; float:left; display:block; background:url(images/image1.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0;}
  25. #leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
  26. #leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
  27. #leftPan p{display:block; padding:0 0 24px 0;}
  28. #leftPan p.more{height:20px; display:block; margin:0 0 13px 146px; padding:0;} 
  29. #leftPan p.more a{display:block; width:100px; height:20px; background:#EFEFEF; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
  30. #leftPan p.more a:hover{ background:#EFEFEF; color:#FF6500; text-decoration:none;}
  31. #leftPan h4{ width:177px; height:70px; float:left; display:block; background:url(images/image2.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0; }
  32. #leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
  33. #leftPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
  34. #leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
  35. #leftPan ul li{width:109px; height:122px; display:block; float:left; background: url(images/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
  36. #leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
  37. #leftPan ul li a{ width:70px; height:20px; display:block; background:url(images/arrow.gif) no-repeat 100% 50% #EFEFEF; color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
  38. #leftPan ul li a:hover{text-decoration:underline; display:block;}
  39. #leftworkPan{width:241px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
  40. /* /Left Panel */
  41.  
  42. /* Right Panel */
  43. #rightPan{width:359px; height:760px; float:left; display:block; background:#FFF; margin:0 auto; padding:0; color:#666;}
  44. #rightPan p{padding:0 63px 0 52px;}
  45. #rightPan p.paddingtop{padding:26px 63px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
  46. #rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
  47. #rightPan p.name{background:#fff; display:block; color:#AC8101; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 63px 16px  0;}
  48. #rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
  49. #rightPan h2{display:block; width:160px; height:64px; background:url(images/icon1.jpg) 0 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:1px 0 0 69px; margin:8px 0 0 52px;}
  50. #rightPan h2 span{background:#fff; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
  51. #rightPan p.bottompadding{padding:0 63px 22px 52px;}
  52. #rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 0 38px 200px;} 
  53. #rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
  54. #rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
  55. #rightPan img{width:278px; height:154px; padding:0; margin:0 0 62px 40px;}
  56. /* /Right Panel */
  57.  
  58. /* footer Panel */
  59. #mainfooterbody{height:114px; background:url(images/footer-bg.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:90px 0 0 0; position:relative; margin:0 auto; clear:both;}
  60. #footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
  61. #footerPan ul{width:330px; display:block; position:absolute; right:0px; top:26px; padding:0; }
  62. #footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
  63. #footerPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
  64. #footerPan ul li a:hover{text-decoration:underline;}
  65. #footerPan ul li a.padl{padding:0 0 0 14px;}
  66.  
  67. #footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
  68. #footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
  69. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  70.  
  71. #footerPan p{ background:#484848; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
  72. #footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
  73. #footerPanleft img{width:260px; height:35px; margin:22px 0 0 0;}
  74.