home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / appleweb / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-03-31  |  11.6 KB  |  304 lines
  1. /* CSS Document */
  2. body{
  3.     padding:0; margin:0;
  4.     }
  5. div, p, h1, h2, h3, ul, img{
  6.     padding:0; margin:0;
  7.     }
  8. ul{
  9.     list-style-type:none;
  10.     }
  11. .balnk{
  12.     font-size:0px; line-height:0px; clear:both;
  13.     }
  14. /*--------------------------------header-------------------*/
  15. #main_header{
  16.     width:100%;    margin:0 auto;  background:url(images/bg.gif) repeat-x #0a2b43; color:#FFFFFF; height:216px;
  17.     }
  18. #main_header #header{
  19.     width:764px; margin:0 auto; background:url(images/header_pic.gif) no-repeat #fff6d8; color:#FFFFFF; height:216px;
  20.      position:relative;
  21.     }
  22. #main_header #header ul{
  23.     background:url(images/search_bg.gif) no-repeat #09283f; color:#FFFFFF; display:block; position:absolute; height:22px;
  24.      width:123px; margin:0; padding:6px 0 0 26px; top:10px; left:0px;
  25.     }
  26. #main_header #header ul li{
  27.     float:left; display:block; margin:0 23px 0 0;
  28.     }
  29. #main_header #header ul li a{
  30.     height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
  31.     }
  32. #main_header #header ul li a.home{
  33.     background:url(images/home.gif) no-repeat 0 0; width:16px; height:16px;
  34.     }
  35. #main_header #header ul li a.home:hover{
  36.     background:url(images/home_h.gif) no-repeat 0 0; width:16px; height:16px;
  37.     }
  38. #main_header #header ul li a.user{
  39.     background:url(images/user.gif) no-repeat 0 0; width:16px; height:16px;
  40.     }
  41. #main_header #header ul li a.user:hover{
  42.     background:url(images/user_h.gif) no-repeat 0 0; width:16px; height:16px;
  43.     }
  44. #main_header #header ul li a.contact{
  45.     background:url(images/contact.gif) no-repeat 0 0; width:19px; height:16px;
  46.     }
  47. #main_header #header ul li a.contact:hover{
  48.     background:url(images/contact_h.gif) no-repeat 0 0; width:19px; height:16px;
  49.     }
  50. #main_header #header ul.free{
  51.     background:url(images/toll_free-1.gif) no-repeat #09283f; color:#5d5024; display:block;  height:28px; width:140px;
  52.      padding:7px 0 0 43px; position:absolute; top:2px; left:580px; margin:0;
  53.     }
  54. #main_header #header ul.free li{
  55.     float:left; display:block; font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center;  color:#5D5024;
  56.     margin:0px 0px 0 0; padding:0 0 0 0 ; text-transform:uppercase; font-weight:normal; background-color:#FFF6D8;
  57.     }
  58. #main_header #header ul.free li span{
  59.      font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold; background-color:#ff0033; width:63px; height:16px;
  60.      }
  61. #main_header #header ul.free li a.call{
  62.     color:#e5f4ff; font-size:11px; font-weight:normal; text-transform:uppercase; text-indent:0px; width:72px; margin:0 0 0 0px;
  63.     padding:0 0 0 5px; background-color:#09283f;
  64.     }
  65. #main_header #header img{
  66.     position:absolute; left:40px; top:74px; display:block;
  67.     }
  68. #main_header #header ul.navi{
  69.     width:491px; display:block; position:absolute; top:189px; left:131px; padding:0; margin:0; background:none;
  70.     }
  71. #main_header #header ul.navi li{
  72.     background:url(images/saparation.gif) no-repeat right; height:22px; padding:0 14px 0 5px; margin:0;
  73.     display:block; float:left; 
  74.     }
  75. #main_header #header ul.navi li.li1{
  76.     background:none; height:22px; padding:0 14px 0 5px; margin:0;
  77.     display:block;  float:left; 
  78.     }
  79. #main_header #header ul.navi li a{
  80.     font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px; 
  81.     padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; background-color:#fff6d8; 
  82.     }
  83. #main_header #header ul.navi li a:hover{
  84.     background:url(images/navi_h.gif) no-repeat 0 2px; 
  85.     }
  86. /*------------------------------------body-------------------------*/
  87. #main_body{
  88.     width:100%;  background-color:#0a2b43;  color:#fff6d8; 
  89.     }
  90. #body{
  91.     width:764px; margin:0 auto 0 auto; padding:17px 0 0 0; 
  92.     }
  93. #body h2{
  94.     font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif    ; color:#fff6d9;  margin:0 0 15px 40px;
  95.     font-weight:normal; background-color:#0a2b43; display:block;
  96.     }
  97. #body p{
  98.     background:url(images/welcome_pic.gif) no-repeat #0a2b43; color:#799fbb; padding:0 0 0 114px; margin:0 0 0 40px; width:598px;
  99.     display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
  100.     }
  101. #body p span{
  102.     color:#fff6d8; background-color:#0a2b43;
  103.     }
  104. #body p span.bg{
  105.     color:#799fbb; background-color:#041929;
  106.     }
  107. #body p a{
  108.     width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:3px 0 42px 526px;
  109.     font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
  110.     padding:0 0 0 5px; text-decoration:none;
  111.     }
  112. #body p a:hover{
  113.     background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
  114.     }
  115. #event{
  116.     width:215px;  padding:0 0 0 40px; float:left; display:block;
  117.     }
  118. #event h2{
  119.     background:url(images/event_bg.gif) no-repeat ; font:24px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
  120.     width:142px; height:45px; padding:5px 20px 0 54px; margin:0; font-weight:normal; display:block;
  121.     }
  122. #event h2 span{
  123.     color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
  124.     display:block;
  125.     }
  126. #event p{
  127.     width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
  128.     margin:19px 0 0 23px; background:none; padding:0; 
  129.     }
  130. #event h3{
  131.     color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
  132.     margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
  133.     }
  134. #event h3 a{
  135.     width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
  136.     margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
  137.     text-decoration:none;
  138.     }
  139. #event h3 a:hover{
  140.     background:none; color:#FFFFFF; background-color:#0a2b43;
  141.     }
  142. #event p a.more{
  143.     width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:22px 0 37px 118px;
  144.     font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
  145.     padding:0 0 0 5px; text-decoration:none;
  146.     }
  147. #event p a.more:hover{
  148.     background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
  149.     }
  150. /*------------------------support-------------*/
  151. #support{
  152.     width:215px;  padding:0 0 0 25px; float:left; display:block;
  153.     }
  154. #support h2{
  155.     background:url(images/support.gif) no-repeat; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  156.     width:126px; height:45px; padding:5px 20px 0 71px; margin:0; font-weight:normal; display:block;
  157.     }
  158. #support h2 span{
  159.     color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
  160.     display:block;
  161.     }
  162. #support p{
  163.     width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
  164.     margin:19px 0 19px 16px; background:none; padding:0; 
  165.     }
  166. #support ul{
  167.     width:191px; display:block; margin:0px 0 0px 16px; padding:0;
  168.     }
  169. #support ul li{
  170.     font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fff6d8; background-color:#0a2b43; width:191px; display:block;
  171.     padding:0 0 0 0; 
  172.     }
  173. #support ul li a{
  174.     font:12px/17px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43; text-decoration:none;
  175.      display:block;    padding:5px 0 5px 0; margin:0;
  176.     }
  177. #support a.online{
  178.     width:146px; height:57px; border:#486d88 1px solid; display:block; margin:20px 0 0 16px; background-color:#051b2b;
  179.     color:#fff6d8; padding:10px 18px 0 16px; font:22px/28px Verdana, Arial, Helvetica, sans-serif;
  180.      font-weight:normal; text-transform:uppercase; text-decoration:none;
  181.     }
  182. #support a.online span{
  183.     color:#799fbb; font-size:18px; line-height:18px; padding:0 0 0 8px; background-color:#051b2b; display:block;
  184.     }
  185. #support a.online:hover{
  186.     background-color:#1c4f75; color:#fff6d8; 
  187.     }
  188. /*--------------------------------services-------------------*/
  189. #services{
  190.     width:215px;  padding:0 0 0 28px; float:left; display:block;
  191.     }
  192. #services h2{
  193.     background:url(images/services.gif) no-repeat ; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  194.     width:140px; height:45px; padding:5px 20px 0 53px; margin:0; font-weight:normal; display:block; 
  195.     }
  196. #services h2 span{
  197.     color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
  198.     display:block;
  199.     }
  200. #services p{
  201.     width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
  202.     margin:19px 0 0 16px; background:none; padding:0; 
  203.     }
  204. #services h3{
  205.     color:#fff6d8; font:14px Verdana, Arial, Helvetica, sans-serif; width:190px; display:block;
  206.     margin:19px 0 0 16px; padding:0; font-weight:bold; background-color:#0a2b43;
  207.     }
  208. #services ul{
  209.         width:191px; display:block; margin:5px 0 0 16px;
  210.         }
  211. #services ul li{
  212.     background:url(images/arrow1.gif) no-repeat 0 12px ; display:block; padding:0 0 0 14px;
  213.     }
  214. #services ul li a{
  215.     font:14px/24px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; text-decoration:underline; background-color:#0a2b43;
  216.     }
  217. #services ul li a:hover{
  218.     text-decoration:none;
  219.     }
  220. #services a.more1{
  221.     width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:39px 0 0 121px;
  222.     font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
  223.     padding:0 0 0 5px; text-decoration:none;
  224.     }
  225. #services a.more1:hover{
  226.     background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
  227.     }
  228. /*---------------------------------footer-----------------*/
  229. #main_footer{
  230.     width:100%;  float:left; background:url(images/footer_bg.gif) repeat-x #0c1d2a; color:#ffffff;
  231.     border-top:#ffffff 1px solid; margin:0px; padding:0px; 
  232.     }
  233. #footer {
  234.     width:530px; height:187px;
  235.     margin:0 auto 0 auto;
  236.     }
  237. #footer ul{
  238.     width:500px; display:block;    list-style-type:none; margin:46px 0 0 40px; position:absolute;
  239.     }
  240. #footer ul li{
  241.     display:block; float:left; 
  242.         }
  243. #footer ul li a{
  244.     font:14px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  245.     color:#ffffff; background-color:#09161f;
  246.     text-decoration:none;
  247.     margin:0 16px 0 16px;
  248.     }
  249. #footer ul li a.mg{
  250.     font:12px/11px Arial, Helvetica, sans-serif;
  251.     color:#ffffff; background-color:#09161f;
  252.     text-decoration:none;
  253.     margin:0 11px 0 0px;
  254.     }
  255. #footer ul li a.mg:hover{
  256.     text-decoration:underline;
  257.     }
  258. #footer ul li a:hover{
  259.     text-decoration:underline;
  260.     }
  261. #footer ul.ad{
  262.     width:323px; display:block;    list-style-type:none; margin:77px 0 0 90px;
  263.     }
  264. #footer ul.ad li{
  265.     height:40px;
  266.     width:96px;
  267.     display:block;
  268.     border-right:#FFFFFF 1px dashed;
  269.         }
  270. #footer ul.ad li.nobor{
  271.     height:40px; width:96px; display:block;    margin-left:10px; border-right:none;
  272.     }
  273. #footer ul.ad li.nobor1{
  274.     height:40px; width:96px; display:block;    float:left;    margin-left:10px; border-right:#FFFFFF 1px dashed;
  275.     }
  276. #footer ul.ad li a{
  277.     font:10px/12px Tahoma, Arial, Helvetica, sans-serif; color:#d1bd86; background-color:#0c1c27; font-weight:bold;
  278.     text-decoration:none; margin:0 0 0 0; display:block;
  279.     }
  280. #footer ul.ad li a span{
  281.     color:#ff0033; background-color:#0b1a24;
  282.     text-transform:uppercase; margin:0 10px 0 0; display:block;
  283.     }
  284. #footer ul.css{
  285.     width:100px;
  286.     display:block;
  287.     margin:75px 0 0 211px;
  288.     font-size:0px;
  289.     padding:0px;
  290.     }
  291. #footer p{
  292.     padding:135px 0 0 165px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#FAFAFA;
  293.     background:url(images/footer_bg.gif) repeat-x #0c1d29;    font-weight:normal;    height:14px; margin:0;
  294.     }
  295. #footer p.de{
  296.     padding:0 0  0 165px; margin:0;  line-height:12px; width:160px; text-align:center; background-color:#0c1d2a;
  297.     color:#fff; background:none;
  298.     }
  299. #footer p.de a{
  300.     color:#fff; background-color:#0c1d2a; text-decoration:underline;
  301.     }
  302. #footer p.de a:hover {    
  303.     color:#fff;    background-color:#0a5083;
  304.     }