home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / architecture2 / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-03-07  |  4.0 KB  |  233 lines
  1. html, body, h1, h2, h3, h4, ul, li {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. h1 img {
  6.     display: block;
  7. }
  8. img {
  9.     border: 0;
  10. }
  11. a {
  12.     color: #464544;
  13. }
  14. a:hover {
  15.     color: #FFA405;
  16. }
  17. .left {
  18.     float: left;
  19. }
  20. .right {
  21.     float: right;
  22. }
  23. .more {
  24.     text-align: right;
  25. }
  26. .clear {
  27.     clear: both;
  28. }
  29.  
  30. body {
  31.     background: #E0D5B7 url(images/page_bg.jpg) repeat-x;
  32.     text-align: center;
  33.     font: 11px verdana, arial, sans-serif;
  34.     color: #74653D;
  35.     padding-bottom: 10px;
  36.     padding-top: 31px;
  37. }
  38.  
  39. /** layout **/
  40. #wrapper {
  41.     text-align: left;
  42.     margin: auto;
  43.     width: 778px;
  44.   position: relative;
  45.   background: url(images/body_bg.gif) repeat-y;
  46. }
  47.  
  48. #header {
  49.   position: absolute;
  50.   top: 0;
  51.   left: 243px;
  52.   width: 535px;
  53.   height: 279px;
  54.   background: url(images/header_2.jpg) no-repeat;
  55. }
  56. #left {
  57.   float: left;
  58.   width: 243px;
  59. }
  60. #logo {
  61.   width: 244px;
  62.   height: 152px;
  63.   background: url(images/header_1.jpg) no-repeat;
  64.   text-align: center;
  65.   color: #595959;
  66. }
  67. #logo h1 {
  68.   padding-top: 30px;
  69.   font: 24px "arial narrow", arial, sans-serif;
  70. }
  71. #logo p {
  72.   margin: 8px 25px 4px 25px;
  73.   border-top: 1px solid #B8B8B8;
  74.   border-bottom: 1px solid #B8B8B8;
  75.   padding: 3px;
  76.   letter-spacing: 0.2em;
  77.   font-weight: bold;
  78. }
  79.  
  80. #nav {
  81.   background: url(images/nav_left.jpg) no-repeat;
  82. }
  83. #nav ul {
  84.   margin-left: 9px;
  85.   padding-left: 1px;
  86.   padding-bottom: 29px;
  87.   background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;
  88. }
  89. #nav li {
  90.   list-style: none;
  91.   font: 14px "arial narrow", arial, sans-serif;
  92.   border-top: 1px solid #959595;
  93.   background: 188px 10px url(images/arr_white.gif) no-repeat;
  94.   padding: 7px 0 0 31px;
  95. }
  96. #nav a {
  97.   color: #fff;
  98.   text-decoration: none;
  99.   border-left: 1px solid #959595;
  100.   padding-left: 10px;
  101.   display: block;
  102.   width: 90%;
  103.   padding: 2px 0 6px 8px;
  104. }
  105. #nav a:hover {
  106.   text-decoration: underline;
  107. }
  108. #nav .important {
  109.   border: none;
  110.   background: 188px 10px url(images/arr_orange.gif) no-repeat;
  111. }
  112. #nav .important a {
  113.   color: #E9C379;
  114. }
  115.  
  116. #news {
  117.   background: url(images/news_bg.jpg) repeat-y;
  118.   padding-left: 37px;
  119.   padding-right: 22px;
  120.   padding-bottom: 3px;
  121.   text-align: justify;
  122. }
  123. #news h2 {
  124.   font-size: 12px;
  125.   color: #BE8B06;
  126. }
  127. #news h3, #news p {
  128.   font-size: 11px;
  129.   margin: 1em 8px 1em 0;
  130. }
  131. #news a {
  132.   color: #74653D;
  133.   font-weight: bold;
  134.   text-decoration: underline;
  135. }
  136. #news a:hover {
  137.   color: #38301A;
  138. }
  139. #news .more {
  140.   font-size: 9px;
  141. }
  142. #news .hr-dots {
  143.   background: center url(images/dots.gif) repeat-x;
  144.   height: 10px;
  145. }
  146.  
  147. #support {
  148.   background: url(images/support.jpg) no-repeat;
  149.   padding: 1px;
  150.   height: 97px;
  151.   color: #1A1A18;
  152. }
  153. #support p {
  154.   margin: 0.7em 2.6em;
  155. }
  156.  
  157. #right {
  158.   float: right;
  159.   width: 490px;
  160.   padding-right: 9px;
  161.   padding-top: 301px;
  162. }
  163. #right h2 {
  164.   font: 18px arial, sans-serif;
  165.   color: #BE8B06;
  166.   border-bottom: 1px solid #C4AE7C;
  167.   padding-bottom: 6px;
  168.   margin-bottom: 1em;
  169. }
  170. #right h3 {
  171.   font: 14px arial, sans-serif;
  172.   color: #BE8B06;
  173.   border-bottom: 1px solid #C4AE7C;
  174.   padding-bottom: 6px;
  175.   margin-bottom: 1em;
  176.   margin-top: 2em;
  177. }
  178. #welcome {
  179.   margin-right: 20px;
  180. }
  181. #profile {
  182.   margin-right: 16px;
  183. }
  184. #right .left {
  185.   margin-right: 18px;
  186. }
  187. #right .more {
  188.   font-weight: bold;
  189.   font-size: 10px;
  190. }
  191.  
  192. #corp, #indu {
  193.   float: left;
  194.   width: 49%;
  195. }
  196. #corp {
  197.   margin-right: 1%;
  198. }
  199. #corp-img, #indu-img {
  200.   background: url(images/pic_2.jpg) no-repeat;
  201.   width: 112px;
  202.   height: 23px;
  203.   float: left;
  204.   margin-right: 18px;
  205.   text-align: center;
  206.   padding-top: 90px;
  207.   font-size: 9px;
  208.   font-weight: bold;
  209. }
  210. #indu-img {
  211.   background: url(images/pic_3.jpg) no-repeat;
  212. }
  213. #spacer {
  214.   height: 2em;
  215. }
  216.  
  217. #footer {
  218.   background: url(images/footer_bg.gif) repeat-y;
  219. }
  220. #copyright {
  221.   text-align: center;
  222.   padding: 22px 0px 30px 00px;
  223.   font-size: 9px;
  224.   color: #715F36;
  225.   font-weight: bold;
  226. }
  227. #footerline{
  228.     background: url(images/footerline.gif) no-repeat;
  229.     height:10px;
  230.     margin-top:0px;
  231.     display:block;
  232.     font-size:1px;
  233. }