home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / total_management / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-12-16  |  9.4 KB  |  113 lines
  1. /* CSS Document */
  2. body{background-color:#3B3B3B; color:#A4A4A4; padding:0px; margin:0px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
  3. div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*----TOP PANEL----*/
  7. #header_container{height:299px; position:relative; margin:0 auto; padding:0px; background-image:url(images/header_slice.gif); background-repeat:repeat-x; background-position:top;}
  8.  
  9. #header{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;}
  10.  
  11. #header img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px;}
  12.  
  13. #header ul{width:94px; height:145px; padding:23px 29px 20px 40px; position:absolute; top:103px; left:0px; background:url(images/ul.gif) 0 0 no-repeat;}
  14.  
  15. #header ul li{background:url(images/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}
  16.  
  17. #header ul li.contact{border:none;}
  18.  
  19. #header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#ccc; color:#212121;
  20. }
  21. #header ul li a:hover{background:#ccc; color:#B53332; text-decoration:none;}
  22. #header h1{padding:137px 0px 0px 33px; background:url(images/banner.jpg) 0 0 no-repeat #fff; width:547px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3B3B3B; position:absolute; top:103px; left:175px;}
  23.  
  24. /*----BODY1 PANEL----*/
  25. #body1{width:778px; height:77px; position:relative; margin:0 auto; background:url(images/from_shadow.jpg) 0 100% no-repeat;}
  26.  
  27. #body1 form{width:690px; height:77px; margin:0; padding:0 0 0 88px;}
  28.  
  29. #body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(images/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;}
  30.  
  31. #body1 form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;}
  32. #body1 form input.botton{width:56px; height:28px; float:left; background:url(images/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;}
  33.  
  34. /*----/BODY1 PANEL----*/
  35.  
  36. /*----BODY MIDDLE PANEL----*/
  37. #bodymiddlePan{width:602px; position:relative; margin:0 auto; padding:0 88px; clear:both;}
  38. #bodymiddlePan h2{width:400px; height:68px; display:block; background:#3B3B3B; color:#FBD61A; font:28px/68px Georgia, "Times New Roman", Times, serif; font-weight:normal;}
  39. #bodymiddlePan p.lasttext{padding:0 0 25px 0;}
  40. #bodymiddlePan p span{background:#3B3B3B; color:#fff;}
  41. /*----BODY MIDDLE PANEL----*/
  42.  
  43. /*----BODY BOTTOM PANEL----*/
  44. #bodyBottomPan{width:690px; background:url(images/body_shadow.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:54px 0 0 88px; clear:both;}
  45. /*----Info Panel----*/
  46. #infoPan{width:187px; height:192px; background:url(images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 28px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
  47. #infoPan h2{width:163px; height:40px; background:url(images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
  48. #infoPan p{padding:10px 0 0 24px; line-height:17px;}
  49. #infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
  50. #infoPan p.view a{width:66px; height:18px; display:block; background:url(images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  51. #infoPan p.view a:hover{background:url(images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;}
  52. /*----/Info Panel----*/
  53.  
  54. /*----Services Panel----*/
  55. #servicesPan{width:187px; height:192px; background:url(images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
  56. #servicesPan h2{width:163px; height:40px; background:url(images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
  57. #servicesPan p{padding:10px 0 0 24px; line-height:17px;}
  58. #servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
  59. #servicesPan p.view a{width:66px; height:18px; display:block; background:url(images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  60. #servicesPan p.view a:hover{background:url(images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;}
  61. /*----/Services Panel----*/
  62.  
  63. /*----Schedule Panel----*/
  64. #schedulePan{width:187px; height:192px; background:url(images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
  65. #schedulePan h2{width:163px; height:40px; background:url(images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
  66. #schedulePan p{padding:10px 0 0 24px; line-height:17px;}
  67. #schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
  68. #schedulePan p.view a{width:66px; height:18px; display:block; background:url(images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
  69. #schedulePan p.view a:hover{background:url(images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
  70. /*----/Schedule Panel----*/
  71.  
  72. /*----BOTOM PANEL----*/
  73. #bottomPan{height:282px; background:url(images/bottombg.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:65px 0 0; clear:both;}
  74.  
  75. #bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
  76. #bottomBorderPan{width:778px; float:left; background:url(images/bottomborder-bg1.gif) 0 0 repeat-y;}
  77. #bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
  78. #bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:259px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
  79. #bottomBorderPan h4{width:210px; height:40px; position:absolute; top:28px; left:517px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
  80.  
  81. #bottomBorderPan ul{float:left; width:258px; padding:25px 0 0;}
  82. #bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
  83. #bottomBorderPan ul li a{width:200px; height:22px; display:block; background:url(images/arrow-normal.gif) 0 8px no-repeat #ccc; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
  84. #bottomBorderPan ul li a:hover{background:url(images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}
  85. /*----/BOTOM PANEL----*/
  86.  
  87. /*----FOOTER PANEL----*/
  88. #footermainPan{height:144px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto;  color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;}
  89.  
  90. #footerPan{width:778px; position:relative; margin:0 auto;}
  91.  
  92. #footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;}
  93.  
  94. #footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
  95. #footerPan li{float:left; }
  96. #footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;}
  97. #footerPan ul li a:hover{text-decoration:underline;}
  98.  
  99. #footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
  100. #footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
  101. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  102.  
  103. #footerPan p.copyright{width:300px; background: url(images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; position:absolute; top:23px; left:10px;}
  104.  
  105. #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
  106. #footerPanhtml a{width:65px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
  107. #footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
  108. #footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
  109. #footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
  110. #footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}
  111.  
  112.  
  113.