home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / integral / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-12-02  |  3.4 KB  |  245 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. /* Elements */
  8.  
  9. body {
  10.     margin: 20px 0;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 11px;
  13.     color: #A1A1A1;
  14. }
  15.  
  16. h1 {
  17. }
  18.  
  19. h2, h3, h4, h5, h6 {
  20.     color: #2582A4;
  21. }
  22.  
  23. p, ol, ul {
  24.     text-align: justify;
  25. }
  26.  
  27. strong {
  28.     font-weight: bold;
  29.     color: #808080;
  30. }
  31.  
  32. a {
  33.     color: #87A019;
  34. }
  35.  
  36. a:hover {
  37.     text-decoration: none;
  38.     color: #2582A4;
  39. }
  40.  
  41. .box {
  42.     margin-bottom: 0;
  43.     padding-bottom: 0;
  44.     background: url(images/img07.gif) repeat-x left bottom;
  45. }
  46.  
  47. .bottom {
  48.     display: block;
  49.     margin-bottom: 0;
  50.     padding-bottom: 10px;
  51.     background: url(images/img08.gif) no-repeat left bottom;
  52. }
  53.  
  54. .image {
  55.     float: left;
  56.     margin: 3px 0 0 0;
  57.     padding: 0;
  58. }
  59.  
  60. .indent {
  61.     margin-left: 125px;
  62. }
  63.  
  64. /* Header */
  65.  
  66. #header {
  67.     width: 928px;
  68.     height: 37px;
  69.     margin: 0 auto;
  70.     background: #BECF74 url(images/img01.gif) repeat-x;
  71.     border-bottom: 3px solid #FFFFFF;
  72. }
  73.  
  74. /* Menu */
  75.  
  76. #menu {
  77.     float: left;
  78.     width: 600px;
  79.     height: 37px;
  80.     margin: 0;
  81.     padding: 0 0 0 10px;
  82.     list-style: none;
  83.     background: url(images/img02.gif) no-repeat;
  84. }
  85.  
  86. #menu li {
  87.     display: inline;
  88. }
  89.  
  90. #menu a {
  91.     display: block;
  92.     float: left;
  93.     height: 27px;
  94.     padding: 10px 15px 0px 15px;
  95.     text-transform: lowercase;
  96.     text-decoration: none;
  97.     font-size: 12px;
  98.     font-weight: bold;
  99.     color: #FFFFFF;
  100. }
  101.  
  102. #menu a:hover {
  103.     background: #A4B74C url(images/img04.gif) repeat-x;
  104. }
  105.  
  106. /* Search */
  107.  
  108. #search {
  109.     float: right;
  110.     height: 28px;
  111.     margin: 0;
  112.     padding: 9px 25px 0 0;
  113.     background: url(images/img03.gif) no-repeat right top;
  114. }
  115.  
  116. #search fieldset {
  117.     display: inline;
  118.     margin: 0;
  119.     padding: 0;
  120.     border: none;
  121. }
  122.  
  123. #input1 {
  124.     width: 164px;
  125.     padding: 2px 5px;
  126.     background: #FFFFFF;
  127.     border: none;
  128. }
  129.  
  130. #input2 {
  131.     height: 20px;
  132.     background: #87C4DB;
  133.     border: none;
  134.     text-transform: lowercase;
  135.     font-size: 10px;
  136.     font-weight: bold;
  137.     color: #FFFFFF;
  138. }
  139.  
  140. /* Content */
  141.  
  142. #content {
  143.     width: 928px;
  144.     margin: 0 auto;
  145. }
  146.  
  147. #colOne {
  148.     float: left;
  149.     width: 238px;
  150.     background: url(images/img05.gif) repeat-x;
  151. }
  152.  
  153. #colOne h3 {
  154.     padding: 0 20px;
  155. }
  156.  
  157. #colOne ul {
  158.     margin-left: 0;
  159.     padding-left: 20px;
  160.     padding-right: 20px;
  161.     list-style: none;
  162. }
  163.  
  164. #colOne li {
  165.     padding: 5px 0;
  166.     border-top: 1px solid #EFEFEF;
  167. }
  168.  
  169. #colOne li.first {
  170.     border: none;
  171. }
  172.  
  173. #colTwo {
  174.     float: right;
  175.     width: 617px;
  176.     padding: 30px 40px 0 30px;
  177.     background: url(images/img09.gif) repeat-x;
  178. }
  179.  
  180. #colTwo h2 {
  181.     margin-top: 0;
  182.     font-size: 26px;
  183. }
  184.  
  185. #colTwo h3 {
  186.     margin-bottom: 0;
  187.     font-size: 18px;
  188. }
  189.  
  190. #colTwo h4 {
  191.     margin-top: 0;
  192.     font-size: 11px;
  193.     font-weight: normal;
  194. }
  195.  
  196. #colTwo .box {
  197.     margin: 0 -30px 30px -20px;
  198.     padding: 0 30px 0 20px;
  199. }
  200.  
  201. #colTwo .bottom {
  202.     margin: 0 0 20px -20px;
  203.     padding: 0 0 20px 20px;
  204. }
  205.  
  206. /* Logo */
  207.  
  208. #logo {
  209.     height: 150px;
  210.     background: url(images/img06.gif) no-repeat;
  211. }
  212.  
  213. #logo h1, #logo h2, #logo a {
  214.     margin: 0;
  215.     padding: 0;
  216.     text-decoration: none;
  217.     text-transform: lowercase;
  218.     text-align: center;
  219.     color: #FFFFFF;
  220. }
  221.  
  222. #logo h1 {
  223.     padding-top: 25px;
  224.     font-size: 34px;
  225. }
  226.  
  227. #logo h2 {
  228.     margin-top: -5px;
  229.     font-size: 12px;
  230. }
  231.  
  232. /* Footer */
  233.  
  234. #footer {
  235.     clear: both;
  236.     width: 928px;
  237.     margin: 0 auto;
  238.     padding-top: 40px;
  239.     background: url(images/img11.gif) repeat-x;
  240. }
  241.  
  242. #footer p {
  243.     margin: 0;
  244.     text-align: center;
  245. }