home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 5801 / style.css < prev   
Cascading Style Sheet File  |  2008-01-15  |  3KB  |  213 lines
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. body {
  7.     margin: 0;
  8.     padding: 0;
  9.     background: #859C78;
  10.     font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
  11.     text-align: center;
  12.     color: #655F52;
  13. }
  14.  
  15. h1 {
  16.     padding: 20px 30px 0 0;
  17.     font: 26px Verdana, Geneva, Arial, Helvetica, sans-serif;
  18.     color: #E0D591;
  19. }
  20.  
  21. h2 {
  22.     padding: 0 30px 0 0;
  23.     font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  24.     color: #E0D591;
  25. }
  26.  
  27. h3 {
  28.     padding: 0 0 6px 0;
  29.     width: 200px;
  30.     font: bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
  31.     text-align: left;
  32.     text-indent: 55px;
  33.     color: #655F52;
  34.     background: url(images/h3.gif) no-repeat bottom;
  35. }
  36.  
  37. h4 {
  38.     padding: 30px 0 15px 15px;
  39.     font: bold 14px/26px Verdana, Geneva, Arial, Helvetica, sans-serif;
  40.     color: #FFC47B;    
  41. }
  42.  
  43. h4.firsth4 {
  44.     padding-top: 0;
  45. }
  46.  
  47. p {
  48.     padding: 5px 0;
  49. }
  50.  
  51. a {
  52.     color: #AA9ADA;
  53.     text-decoration: underline;
  54. }
  55.  
  56. a:hover {
  57.     color: #AA9ADA;
  58.     text-decoration: none;
  59. }
  60.  
  61. #bg_1 {
  62.     position: absolute;
  63.     top: 0;
  64.     left: 0;
  65.     width: 100%;
  66.     height: 292px;
  67.     background: url(images/bg_1.gif) repeat-x top;
  68. }
  69.  
  70. #bg_2 {
  71.     position: absolute;
  72.     top: 0;
  73.     left: 0;
  74.     width: 50%;
  75.     height: 292px;
  76.     background: url(images/bg_2.gif) repeat-x top;
  77. }
  78.  
  79. #main_1 {
  80.    position: relative;
  81.    margin: 0 auto;
  82.     width: 950px;    
  83. }
  84.  
  85. #main_1r {
  86.     position: absolute;
  87.     top: 0;
  88.     left: 0;
  89.     width: 950px;
  90.     height: 255px;
  91.     background: url(images/main_1r.gif) no-repeat top right;
  92. }
  93.  
  94. #main_1l {
  95.     position: absolute;
  96.     top: 0;
  97.     left: 0;
  98.     width: 475px;
  99.     height: 255px;
  100.     background: url(images/main_1l.gif) no-repeat top left;
  101. }
  102.  
  103. #main_2 {
  104.     position: relative;
  105.     margin: 0 auto;
  106.     width: 900px;
  107.     text-align: left;
  108.     background: White;
  109. }
  110.  
  111. #top {
  112.     height: 255px;
  113.     text-align: right;
  114.     background: url(images/top.jpg) no-repeat bottom;
  115. }
  116.  
  117. #menu {
  118.     width: 100%;
  119.     height: 37px;
  120.     background: #593274 url(images/menu.gif) repeat-x;
  121. }
  122.  
  123. #menu ul {
  124.     list-style: none;
  125. }
  126.  
  127. #menu ul li{    
  128.     float: left;
  129. }
  130.  
  131. #menu ul li a {
  132.     display: block;
  133.     float: left;
  134.     padding: 0 25px 3px 25px;
  135.     font: bold 11px/34px Arial, Helvetica, sans-serif;
  136.     text-decoration: none;
  137.     text-transform: uppercase;
  138.     color: #DDDEE2;    
  139. }
  140.  
  141. #menu ul li a:hover {
  142.     text-decoration: none;
  143.     color: White;    
  144. }
  145.  
  146. #menu ul li a.active, #menu ul li a.active:hover {
  147.     text-decoration: none;
  148.     color: #DDDEE2;    
  149.     background: url(images/menu_act.gif) no-repeat bottom;
  150. }
  151.  
  152. #middle {
  153.     padding: 30px 20px 0 20px;
  154. }
  155.  
  156. #left {
  157.     float: left;
  158.     width: 200px;    
  159. }
  160.  
  161. #left ul {
  162.     list-style: none;
  163. }
  164.  
  165. #left ul li {    
  166.    margin-bottom: 30px;
  167. }
  168.  
  169. #left ul li ul {
  170.     margin: 0;
  171.     padding: 10px 0;
  172.     width: 200px;
  173.     color: #99A6B9;    
  174. }
  175.  
  176. #left ul li ul li {
  177.     margin: 0;
  178.     padding: 0 0 0 22px;
  179.     border-bottom: 1px solid #E0E5DF;
  180. }
  181.  
  182. #left ul li ul li a {
  183.     font: bold 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
  184.     text-decoration: none;
  185.     color: #836DC7;
  186. }
  187.  
  188. #left ul li ul li a:hover {
  189.     text-decoration: none;
  190.     color: #43307F;
  191. }
  192.  
  193. #right {
  194.     float: right;
  195.     width: 630px;
  196.     font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
  197.     text-align: justify;
  198.     color: #655F52;
  199. }
  200.  
  201. #bottom {
  202.     clear: both;
  203.     height: 119px;
  204.     padding: 0 20px;
  205.     background: url(images/bottom.jpg) no-repeat bottom;
  206. }
  207.  
  208. #bottom p {
  209.     padding-top: 90px;
  210.     font: 10px Arial, Helvetica, sans-serif;
  211.     text-align: left;    
  212.     color: #859C78;
  213. }