home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / guideline / style.css < prev   
Cascading Style Sheet File  |  2006-12-19  |  10KB  |  145 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; font:13px/14px Arial, Helvetica, sans-serif;}
  3. div, p, ul, h2, h3, form, label, select, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*----TOP PANEL----*/
  7. #TopMainPan{height:229px; background:url(images/topbg.gif) 0 0 repeat-x #FFFAEE; color:#8D6C1B; border-bottom:1px solid #F1E4C6; position:relative; margin:0 auto;}
  8.  
  9. #topPan{width:749px; position:relative; margin:0 auto;}
  10.  
  11. /*----Top Header Panel----*/
  12. #topheaderPan{width:749px; height:55px; position:relative; margin:0 auto;}
  13. #topheaderPan{width:749px; height:55px; position:relative; margin:0 auto;}
  14. #topheaderPan img.logo{width:228px; height:54px;}
  15.  
  16. #topheaderPan p.captiontext{width:122px; background:#FCE5AF; color:#8D6C1B; font-size:12px; font-weight:bold; position:absolute; top:13px; left:238px;}
  17. #topheaderPan p.contact{width:60px; background:#FCE5AF; color:#5D460C; font-size:14px; font-weight:bold; position:absolute; top:13px; left:441px; text-transform:uppercase;}
  18.  
  19. #topheaderPan p.tollfree{width:60px; height:15px; background:#9C0174; color:#fff; font:10px/15px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:26px; left:441px; text-transform:uppercase;}
  20.  
  21. #topheaderPan p.phoneno{width:178px; height:28px; background:#fff; color:#8D6C1B; font:18px/28px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:13px; right:62px; text-transform:uppercase;}
  22.  
  23. /*----/Top Header Panel----*/
  24.  
  25. /*----Top Body Panel----*/
  26. /*----Top Body Left----*/
  27. #topbodyleftPan{width:139px; float:left; padding:14px 64px 0 0;}
  28. #topbodyleftPan ul{width:115px; height:125px; background:#fff; color:#7C5904; border:1px solid #F2EAD5; padding:17px 0 0 22px;}
  29. #topbodyleftPan ul li{width:94px; height:18px; border-bottom:1px dashed #DCD0B3;}
  30. #topbodyleftPan ul li a{width:87px; height:18px; display:block; background:#fff; color:#7C5904; font:10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; padding:0 0 0 7px;}
  31.  
  32. #topbodyleftPan ul li a:hover{background:#AC0481; color:#fff; text-decoration:none;}
  33.  
  34. #topbodyleftPan ul li.home{width:87px; height:18px; display:block; background:#AC0481; color:#fff; font:10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; padding:0 0 0 7px;}
  35.  
  36. #topbodyleftPan ul li.contact{border:none;}
  37.  
  38. /*----Top Body Left----*/
  39. /*----Top Body Right----*/
  40. #topbodyrightPan{width:266px; height:150px; float:left; background:url(images/image1.jpg) 328px 21px no-repeat #FFFAEE; color:#8D6C1B; padding:18px 280px 0 0;}
  41.  
  42. #topbodyrightPan h2{ height:28px; display:block; background:url(images/topheading-dottedline.gif) 111px 21px no-repeat #FFFAEE; color:#BE8A0A; font:24px/28px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0 150px 0 0;}
  43.  
  44. #topbodyrightPan p{padding:3px 0;}
  45. #topbodyrightPan p span{font-weight:bold;}
  46. #topbodyrightPan p.more{width:40px; height:13px; margin:0 0 0 222px;}
  47. #topbodyrightPan p.more a{width:40px; height:13px; display:block; background:#AC0481; color:#fff; font-size:11px; font-weight:bold; text-align:center; line-height:12px; text-decoration:none;}
  48.  
  49. #topbodyrightPan p.more a:hover{background:#BE8A0A; color:#fff; text-decoration:none;}
  50. /*----Top Header Panel----*/
  51. /*----/TOP PANEL----*/
  52. /*----BODY PANEL----*/
  53. #bodyMainPan{background:#fff; color:#8D6C1B; position:relative; margin:0 auto; clear:both; padding:25px 0 0;}
  54. /*----Body Panel----*/
  55. #bodyPan{width:749px; position:relative; margin:0 auto;}
  56. /*--------Body Left Panel----------*/
  57. #bodyleftPan{width:485px; float:left;}
  58.  
  59. #bodyleftPan p.more{font-weight:bold; font-size:11px; margin:12px 0 0;}
  60. #bodyleftPan p.more a{width:40px; height:13px; display:block; background:#BE8A0A; color:#fff; text-decoration:none; text-align:center; line-height:12px; margin:0 0 0 393px;}
  61. #bodyleftPan p.more a:hover{background:#7F035F; color:#fff; text-decoration:none;}
  62.  
  63. /*----------------Link Panel--------------*/
  64. #linkPan{width:196px; float:left; padding:0 42px 0 0;}
  65. #linkPan h2{width:176px; height:25px; background:#BE8A0A; color:#fff; font:20px/25px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0 0 0 20px;}
  66.  
  67. #linkPan ul{width:176px; padding:20px 0 0 20px;}
  68. #linkPan ul li{width:176px; height:18px;}
  69. #linkPan ul li a{width:160px; height:18px; background:url(images/bullet-normal.gif) 0 4px no-repeat #fff; color:#4D4D4D; line-height:18px; text-decoration:none; padding:0 0 0 16px;} 
  70. #linkPan ul li a:hover{background:url(images/bullet-hover.gif) 0 4px no-repeat #fff; color:#111; text-decoration:none;} 
  71.  
  72. #linkPan p.more{width:196px; height:13px; background:#FFFAEE; color:#fff; font-weight:bold; font-size:11px; margin:12px 0;}
  73. #linkPan p.more a{width:40px; height:13px; display:block; background:#BE8A0A; color:#fff; text-decoration:none; text-align:center; line-height:12px; margin:0 0 0 154px;}
  74. #linkPan p.more a:hover{background:#7F035F; color:#fff; text-decoration:none;}
  75.  
  76. /*----------------/Link Panel--------------*/
  77. /*----------------Seminner Panel--------------*/
  78. #seminnerPan{width:196px; float:left; padding:0 42px 18px 0;}
  79. #seminnerPan h2{width:176px; height:25px; background:#BE8A0A; color:#fff; font:20px/25px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0 0 0 20px;}
  80.  
  81. #seminnerPan ul{width:176px; padding:20px 0 0 20px;}
  82. #seminnerPan ul li{width:176px; height:18px;}
  83. #seminnerPan ul li a{width:160px; height:18px; background:url(images/bullet-normal.gif) 0 4px no-repeat #fff; color:#4D4D4D; line-height:18px; text-decoration:none; padding:0 0 0 16px;} 
  84. #seminnerPan ul li a:hover{background:url(images/bullet-hover.gif) 0 4px no-repeat #fff; color:#111; text-decoration:none;} 
  85.  
  86. #seminnerPan p.more{width:196px; height:13px; background:#FFFAEE; color:#fff; font-weight:bold; font-size:11px; margin:12px 0 0;}
  87. #seminnerPan p.more a{width:40px; height:13px; display:block; background:#7F035F; color:#fff; text-decoration:none; text-align:center; line-height:12px; margin:0 0 0 154px;}
  88. #seminnerPan p.more a:hover{background:#BE8A0A; color:#fff; text-decoration:none;}
  89. /*----------------/Seminner Panel--------------*/
  90. #bodyleftPan h3{ height:28px; display:block; background:url(images/dotline2.gif) 106px 21px no-repeat #fff; color:#BE8A0A; font:24px/28px Georgia, "Times New Roman", Times, serif; font-weight:bold; clear:both;}
  91.  
  92. #bodyleftPan p.one{background:url(images/1.gif) 0 5px no-repeat; padding:5px 34px 0 34px;}
  93. #bodyleftPan p.one span{font-weight:bold;}
  94.  
  95. #bodyleftPan p.two{background:url(images/2.gif) 0 5px no-repeat; padding:5px 34px 0 34px;}
  96. #bodyleftPan p.two span{font-weight:bold;}
  97.  
  98. #bodyleftPan p.three{background:url(images/3.gif) 0 5px no-repeat; padding:5px 34px 0 34px;}
  99. #bodyleftPan p.three span{font-weight:bold;}
  100. /*--------/Body Left Panel----------*/
  101. /*--------Body Right Panel----------*/
  102. #bodyrightPan{width:264px; float:left;}
  103. #bodyrightPan form{width:264px; height:162px; background:#FFF0CC; color:#000; font:11px/14px Verdana, Arial, Helvetica, sans-serif;}
  104. #bodyrightPan form h2{width:253px; height:25px; background:#8D6C1B; color:#fff; font:20px/25px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0 0 0 11px; margin:0 0 6px 0;}
  105.  
  106. #formPan{width:238px; height:21px; display:block; padding:9px 15px 0 11px;}
  107. #formPantwo{width:238px; height:21px;display:block; padding:9px 15px 0 11px;}
  108. #formPanthree{width:238px; height:21px;display:block; padding:9px 15px 0 11px;}
  109. form label{width:82px; height:21px; display:block; float:left; background:#FFFAEE; color:#000; text-align:center; line-height:21px; margin:0 16px 0 0;}
  110. form select{width:133px; height:18px; display:block; float:left; line-height:21px; font-size:12px;}
  111. form input{width:55px; height:15px; background:#8D6C1B; color:#fff; font-weight:bold; border:none; font-size:11px; margin:10px 0 0 185px; padding:0px;}
  112.  
  113. #bodyrightPan h3{background:#fff; color:#BE8A0A; font:27px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; margin:15px 0;}
  114.  
  115. #bodyrightPan ul{width:240px;}
  116. #bodyrightPan ul li{width:240px; height:20px;}
  117. #bodyrightPan ul li a{width:224px; height:20px; background:url(images/bullet-normal.gif) 0 6px no-repeat #fff; color:#4D4D4D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;} 
  118. #bodyrightPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#111; text-decoration:underline;} 
  119.  
  120. /*----FOOTER PANEL----*/
  121. #footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #8D6C1B; color:#fff; clear:both; padding:52px 0 0;}
  122.  
  123. #footerPan{width:749px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
  124.  
  125. #footerPan ul{width:560px; height:20px; position:relative; margin:0 auto;}
  126. #footerPan li{float:left; }
  127. #footerPan ul li a{padding:0 10px 0; color:#fff; background:#8D6C1B; text-decoration:none; font-size:12px;}
  128. #footerPan ul li a:hover{text-decoration:underline;}
  129.  
  130. #footerPan p.copyright{width:204px; position:relative; margin:0 auto; background:#8D6C1B; color:#fff;  font-size:11px;}
  131.  
  132. #footerPan ul.templateworld{width:250px; background:#8D6C1B; color:#fff; display:block; position:absolute; top:60px; left:300px; font-size:10px;}
  133. #footerPan ul.templateworld li{height:20px;}
  134. #footerPan ul.templateworld li a{background:#8D6C1B; display:block; color:#fff; text-decoration:none;}
  135. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  136.  
  137. #footerPanhtml{width:60px; height:16px; display:block; position:absolute; top:40px; left:320px;}
  138. #footerPanhtml a{width:58px; height:16px; display:block; background:#7F035F; color:#fff; font-size:11px; line-height:16px; font-weight:bold; text-align:center; text-decoration:none;}
  139. #footerPanhtml a:hover{background:#E0AA27; color:#fff;}
  140.  
  141. #footerPancss{width:48px; height:16px; display:block; position:absolute; top:40px; left:380px;}
  142. #footerPancss a{width:48px; height:16px; display:block; background:#E0AA27; color:#fff; font-size:11px; line-height:15px; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center;}
  143. #footerPancss a:hover{background:#7F035F; color:#fff; text-decoration:none;}
  144.  
  145.