home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / business_events / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-12-07  |  10.9 KB  |  132 lines
  1. /* CSS Document */
  2. body{margin:0px; padding:0px; background:url(images/main-bg.gif) 0 0 repeat-x #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
  3. div, p, ul, h2, img{margin:0px; padding:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*----TOP PANEL----*/
  7. #topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
  8. #topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
  9. #topPan ul li{float:left; width:45px; height:22px;}
  10. #topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
  11. #topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}
  12.  
  13. #topPan ul li.register{float:left; width:65px; height:22px;}
  14. #topPan ul li.register a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
  15. #topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}
  16.  
  17. #topPan img.logo{width:281px; height:56px; position:absolute; top:53px; left:29px;}
  18.  
  19. #topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
  20. #topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}
  21.  
  22. /*----/TOP PANEL----*/
  23.  
  24. /*----HEADER- PANEL----*/
  25. #headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
  26. #headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;}
  27. /*----Header Middle Panel----*/
  28. #headermiddlePan{width:686px; height:228px; float:left;}
  29.  
  30. /*----Menu Panel----*/
  31. #menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
  32. #menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
  33. #menuPan ul li{width:110px; height:28px; float:left;}
  34. #menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  35. #menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}
  36.  
  37. #menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}
  38.  
  39. #menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  40. #menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}
  41.  
  42. /*----/Menu Panel----*/
  43. #headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
  44. /*---- Header Red Panel----*/
  45. #headerleftredPan{width:478px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;}
  46. #headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
  47. #headerleftredPan h2 span{font-size:39px; line-height:30px;}
  48.  
  49. #headerleftredPan p{width:262px; height:74px; display:block; position:absolute; top:24px; left:190px; font-size:14px; line-height:17px;} 
  50. #headerleftredPan p span.largetext{font-size:18px; line-height:20px;} 
  51.  
  52. #headermiddleredPan{width:161px; height:142px; background:url(images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:478px;}
  53. /*----Header MORE Panel----*/
  54. #headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
  55. #headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
  56. #headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}
  57.  
  58. /*----/Header MORE Panel----*/
  59. /*----Header Middle Panel----*/
  60. #headerrightPan{width:46px; height:228px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;}
  61. /*----HEADER- PANEL----*/
  62.  
  63. /*----BODY PANEL----*/
  64. #bodyPan{width:686px; position:relative; margin:0 auto;}
  65. #bodyPan h2{width:300px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}
  66.  
  67. #bodyPan p{padding:10px 0 0;}
  68. #bodyPan p span{font-weight:bold;}
  69. #bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
  70. #bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
  71. #bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
  72. #bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
  73. #bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}
  74.  
  75. /*----Body Bottom Panel----*/
  76. #bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px;}
  77. /*----Bottom Left Panel----*/
  78. #bottomleftPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;}
  79. #bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
  80. #bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}
  81.  
  82. #bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
  83. #bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
  84. #bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
  85. #bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
  86.  
  87. #bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
  88. #bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
  89. #bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
  90. /*----/Bottom Left Panel----*/
  91.  
  92. /*----Bottom Right Panel----*/
  93. #bottomrightPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
  94. #bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
  95. #bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}
  96.  
  97. #bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
  98. #bottomrightPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
  99. #bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
  100. #bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
  101.  
  102. #bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
  103. #bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
  104. #bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
  105. /*----/Bottom Left Panel----*/
  106.  
  107. /*----FOOTER PANEL----*/
  108. #footermainPan{height:135px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}
  109.  
  110. #footerPan{width:700px; position:relative; margin:0 auto;}
  111.  
  112. #footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
  113. #footerPan li{float:left; }
  114. #footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
  115. #footerPan ul li a:hover{text-decoration:underline;}
  116.  
  117. #footerPan p.copyright{width:220px; position:relative; margin:0 auto; background:#3B3B3B; color:#fff;  font-size:11px;}
  118.  
  119. #footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
  120. #footerPan ul.templateworld li{height:20px;}
  121. #footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
  122. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  123.  
  124. #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
  125. #footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
  126. #footerPanhtml a:hover{background:url(images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
  127. #footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
  128. #footerPancss a{width:58px; height:24px; display:block; background:url(images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
  129. #footerPancss a:hover{background:url(images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
  130. /*----/FOOTER PANEL----*/
  131.  
  132.