home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 110x / style.css < prev   
Cascading Style Sheet File  |  2006-12-09  |  9KB  |  105 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x; font:14px/20px Arial, Helvetica, sans-serif;}
  3. div, p, ul, h1, h2, h3, form, label{margin:0px; padding:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*---Top Panel---*/
  7. #topPan{width:729px; height:317px; position:relative; margin:0 auto;}
  8.  
  9. #topPan ul{width:729px; height:44px; background:url(images/topmenubg.jpg) 0 0 no-repeat; font-size:13px; position:absolute; top:0px; left:0px;}
  10. #topPan ul li{width:114px; float:left;}
  11. #topPan ul li.leftpadding{padding:0 0 0 59px; width:86px; background: url(images/homebg.gif) 100% 0 no-repeat #fff; color:#674E00; text-decoration:none; text-align:center; line-height:44px;}
  12. #topPan ul li a{width:114px; height:44px; display:block; background:url(images/menubg-normal.gif) 0 0 repeat-x #F2F2F2; color:#674E00; text-decoration:none; text-align:center; line-height:44px;}
  13. #topPan ul li a:hover{width:114px; background:#fff; color:#674E00; text-decoration:none;}
  14.  
  15. #topPan #logo{width:63px; height:73px; position:absolute; top:108px; left:46px;}
  16. #topPan h2{width:160px; height:40px; display:block; background:url(images/companyname.gif) 0 0 no-repeat #FFFCF2; color:#B38800; position:absolute; top:108px; left:114px; font-size:12px; line-height:16px; padding:41px 0 0; font-weight:normal;}
  17.  
  18. #topPan h1{width:315px; height:239px; background:url(images/header.jpg) 0 0 no-repeat; position:absolute; top:77px; right:0px; text-indent:-20000px;}
  19.  
  20. #topPan form{width:380px; height:46px; background:url(images/formarea.gif) 0 0 no-repeat #fff;  color:#6E6E6E; position:absolute; top:242px; left:31px; font:18px/46px Georgia, "Times New Roman", Times, serif;}
  21. #topPan form label{float:left; width:104px; display:block; padding:0 0 0 72px;}
  22. #topPan form input{width:112px; height:18px; float:left; display:block; margin:12px 14px 0 0;}
  23. #topPan form input.button{width:50px; height:19px; float:left; display:block; border:none; background:url(images/button.gif) 0 0 no-repeat #F2F2F2; font-size:14px; line-height:19px; font-weight:bold; color:#fff; text-align:center; margin:12px 0 0;}
  24. /*---/Top Panel---*/
  25.  
  26. /*---Middle Panel---*/
  27. #middlePan{width:683px; background:url(images/middlebg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:38px 0 0 46px;}
  28.  
  29. #middletopPan{width:682px; position:relative; top:0px; left:0px;}
  30. #middletopPan p.captiontext{font:17px/22px Georgia, "Times New Roman", Times, serif; font-style:italic; background:#fff; color:#989898; padding:0 310px 0 0;} 
  31. #middletopPan p.name{width:77px; background:#fff; color:#000; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 0 300px;}
  32. #middletopPan p.border{background:url(images/dot-line.gif) 0% 50% repeat-x; height:74px; padding:0px; margin:0px;}
  33. #middletopPan #services{width:254px; height:101px; background:url(images/servicesbg.jpg) 0 0 no-repeat #DFCC97; color:#fff; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; right:0px;}
  34. #middletopPan #services p.largeone{font-size:24px; padding:18px 0 0 100px;}
  35. #middletopPan #services p.largetwo{font-size:30px; padding:5px 0 0 100px;}
  36. #middletopPan #services p.click{width:51px;}
  37. #middletopPan #services p.click a{width:36px; height:18px; display:block; font-size:16px; background:url(images/arrow.gif) 0% 50% no-repeat #AC9248; line-height:14px; color:#fff; text-decoration:none; margin:14px 0 0 166px; padding:0 0 0 15px;}
  38. #middletopPan #services p.click a:hover{text-decoration:underline;}
  39. /*---/Middle Panel---*/
  40.  
  41. /*---Left Panel---*/
  42. #leftPan{width:428px; float:left;}
  43. #leftPan h2{width:200px; font:22px/28px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
  44. #leftPan h3{width:300px; height:70px; background:url(images/icon1.jpg) 0% 50% no-repeat #fff; color:#B38800; font:18px/70px Georgia, "Times New Roman", Times, serif; padding:0 0 0 65px;}
  45.  
  46. #leftPan p.redtext{font-size:18px; background:#fff; color:#D20039; padding:0 61px 0 0;}
  47. #leftPan p.more{width:66px; height:25px;}
  48. #leftPan p.more a{width:60px; height:25px; display:block; background:url(images/arrow1.gif) 85% 50% no-repeat #AC9145; color:#fff; font:14px/25px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; margin:0 0 0 300px; padding:0 0 0 6px;}
  49. #leftPan p.more a:hover{background:url(images/arrow1.gif) 85% 50% no-repeat #D20039; color:#fff; text-decoration:none;}
  50.  
  51. #leftPan ul{padding:20px 62px 10px 0;}
  52. #leftPan ul li{height:20px;}
  53. #leftPan ul li.top-lipadding{padding:24px 0 0;}
  54.  
  55. #leftPan ul li a{background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#3D3C2C; font-size:14px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
  56. #leftPan ul li a:hover{ background:url(images/bullet2.gif) 0 6px no-repeat #fff; color:#7A7A77; text-decoration:none;}
  57.  
  58. #leftPan #blog{width:367px; height:167px; background:url(images/image1.jpg) 0 0 no-repeat #fff; color:#3D3C2C; margin:39px 0 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
  59. #leftPan #blog p.smalltext{font-size:20px; padding:16px 0 0 137px;}
  60. #leftPan #blog p.bigtext{font-size:24px; padding:5px 0 0 137px;}
  61. #leftPan #blog p.link{font:14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:35px 19px 0 137px;}
  62. #leftPan #blog p.link a{display:block; width:132px; height:54px; background:url(images/click-normal.gif) 100% 0% no-repeat #C4C4C4; color:#fff; font-weight:bold; text-decoration:none; padding:0 77px 0 0;}
  63. #leftPan #blog p.link a:hover{text-decoration:none; background:url(images/click-hover.gif) 100% 0% no-repeat #C4C4C4; color:#fff;}
  64.  
  65. /*---/Left Panel---*/
  66. /*---Right Panel---*/
  67. #rightPan{width:254px; float:left;}
  68. #rightPan h2{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
  69. #rightPan h3{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
  70.  
  71. #rightPan ul{padding:0 0 25px 0;}
  72. #rightPan ul li{width:220px; height:25px;}
  73. #rightPan ul li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#3D3C2C; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
  74. #rightPan ul li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}
  75.  
  76. #rightPan ul.nextone{padding:0 0 25px 0;}
  77. #rightPan ul.nextone li{width:220px; height:25px;}
  78. #rightPan ul.nextone li a{background:url(images/arrow2.gif) 0 7px no-repeat #fff; color:#D20039; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
  79. #rightPan ul.nextone li a:hover{background:url(images/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}
  80. /*---/Right Panel---*/
  81. /*---Footer Panel---*/
  82. #footermainPan{height:117px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#6F5D2B; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:105px 0 0;}
  83. #footerPan{width:729px; position:relative; margin:0 auto;}
  84. #footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; right:0px;}
  85.  
  86. #footerPan ul{width:546px; position:absolute; top:0px; left:42px;}
  87. #footerPan li{float:left; }
  88. #footerPan ul li a{padding:0 10px 0; color:#6F5D2B; background: url(images/footermenubg.gif) 0 0 repeat-x #FFFBEE; text-decoration:none;}
  89. #footerPan ul li a:hover{text-decoration:underline;}
  90.  
  91. #footerPan ul.templateworld{width:250px; background:#FFF; color:#444; display:block; position:absolute; top:80px; left:50px;}
  92. #footerPan ul.templateworld li{widows:150;}
  93. #footerPan ul.templateworld li a{background:#FFF; display:block; color:#444; text-decoration:none;}
  94. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  95.  
  96. #footerPan p.copyright{width:204px; background: url(images/copyrightbg.gif) 0 0 repeat-x #FFFDF6; color:#D20039; position:absolute; top:23px; left:50px;}
  97.  
  98. #footerPanhtml{width:58px; height:19px; display:block; position:absolute; top:47px; left:46px;}
  99. #footerPanhtml a{width:53px; height:19px; background:url(images/button1-normal.gif) 0 0 no-repeat #fff; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
  100. #footerPanhtml a:hover{background:url(images/button1-hover.gif) 0 0 no-repeat #fff; color:#353427; text-decoration:none;}
  101.  
  102. #footerPancss{width:58px; height:19px; display:block; position:absolute; top:47px; left:108px;}
  103. #footerPancss a{width:53px; height:19px; background:url(images/button1-hover.gif) 0 0 no-repeat #fff; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 10px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
  104. #footerPancss a:hover{background:url(images/button1-normal.gif) 0 0 no-repeat #fff; color:#353427; text-decoration:none;}
  105.