home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / rainbow_consultant / style.css < prev    next >
Cascading Style Sheet File  |  2007-01-05  |  11KB  |  406 lines
  1. /* CSS Document */
  2.  
  3. body{padding:0px; margin:0px; background:url(images/bg.gif) repeat-x #FFFFFF; font:14px/17px Arial, Helvetica, sans-serif; color:#919191;}
  4. div, ul, h1, h2, h3, li, p, img, a{margin:0; padding:0;}
  5. ul{list-style-type:none;}
  6.  
  7. /*-----------------main pan---------*/
  8. #mainPan{width:778px; position:relative; margin:0 auto;}
  9. /*-------------------header pan------*/
  10. #headerPan{
  11.     width:778px;
  12.      height:223px;
  13.     }
  14. /*----------------left pan--------*/
  15. #leftPan{
  16.     width:189px;
  17.     height:223px;
  18.     background:url(images/left_side.gif) no-repeat 0 0 #FFFFFF; color:#7F7F7F;
  19.     float:left;
  20.     }
  21. #leftPan ul{
  22.     width:100px;
  23.     display:block;
  24.     padding:80px 0 0 86px;
  25.     font-size:0px;
  26.     float:left;
  27.     }
  28. #leftPan ul li{
  29.     float:left;
  30.     display:block;
  31.     }
  32. #leftPan ul li a{
  33.     height:20px;
  34.     display:block;
  35.     text-indent:-2222px;
  36.     }
  37. #leftPan ul li a.home{
  38.     background:url(images/home_icon.gif) no-repeat 0 0; width:23px; margin:7px 0 0 8px;
  39.     }
  40. #leftPan ul li a.home:hover{
  41.     background:url(images/home_icon_h.gif) no-repeat 0 0; width:23px;
  42.     }
  43. #leftPan ul li a.user{
  44.     background:url(images/user.gif) no-repeat 0 0; width:23px; margin:9px 0 0 11px;
  45.     }
  46. #leftPan ul li a.user:hover{
  47.     background:url(images/user_h.gif) no-repeat 0 0; width:23px;
  48.     }
  49. #leftPan ul li a.email{
  50.     background:url(images/email.gif) no-repeat 0 0; width:23px; margin:12px 0 0 10px;
  51.     }
  52. #leftPan ul li a.email:hover{
  53.     background:url(images/email_h.gif) no-repeat 0 0; width:23px;
  54.     }
  55. #leftPan ul.new{
  56.     width:147px;
  57.     display:block;
  58.     padding:90px 0 0 38px;
  59.     }
  60. #leftPan ul.new li{
  61.     display:block;
  62.     height:14px;
  63.     float:left;
  64.     width:73px;
  65.     }
  66. #leftPan ul.new li a{
  67.     font-family:Verdana, Arial, Helvetica, sans-serif;    font-size:11px;    line-height:12px; font-weight:bold;    text-decoration:none;
  68.     color:#7F7F7F; background-color:#FFFFFF; width:18px; display:block;    text-indent:0px; margin:3px 0 0 22px;
  69.     }
  70. #leftPan ul.new li a:hover{
  71.     color:#050505; background-color:#FFFFFF;
  72.     }
  73. /*------------------header middle-----------------------*/
  74. #middlePan{
  75.     background:url(images/header_pic.jpg) no-repeat 33px 73px #FFFFFF; color:#333333;
  76.     width:400px;
  77.     height:223px;
  78.     float:left;
  79.     }
  80. #middlePan img{
  81.     margin:13px 0 0 44px;
  82.     }
  83. /*----------------right side------------*/
  84. #right{
  85.     width:186px;
  86.     height:223px;
  87.     float:left;
  88.     background:url(images/right_side.gif) no-repeat 0 0;
  89.     }
  90. #right ul{
  91.     width:125px;
  92.     display:block;
  93.     float:left;
  94.     padding:85px 0 0 10px;
  95.     }
  96. #right ul li{
  97.     display:block;
  98.     background:url(images/tell.gif) no-repeat 0 0;
  99.     height:25px;
  100.     }
  101. #right ul li a{
  102.     font:11px/12px Arial, Helvetica, sans-serif;
  103.     color:#626262; background-color:#FFFFFF;
  104.     text-decoration:none;
  105.     margin:0 0 0 45px;
  106.     display:block;
  107.     text-transform:uppercase;
  108.     }
  109. #right ul.solu{
  110.     width:147px;
  111.     display:block;
  112.     padding:90px 0 0 2px;
  113.     }
  114. #right ul.solu li{
  115.     display:block;
  116.     height:14px;
  117.     float:left;
  118.     width:70px;
  119.     background:none;
  120.     margin:0 0 0 2px;
  121.     }
  122. #right ul.solu li a{
  123.     font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF;
  124.     font-size:11px;    line-height:12px; font-weight:bold;    text-decoration:none; color:#7F7F7F;
  125.     width:18px;    display:block;    text-indent:0px; margin:2px 0 0 8px; 
  126.     text-transform:none;
  127.     }
  128. #right ul.solu li a:hover{
  129.     color:#050505; background-color:#FFFFFF;
  130.     }
  131. /*----------------------body---------------*/
  132. #body1{
  133.     width:778px;
  134.     }
  135. #body_leftbg{
  136.     background:url(images/body_leftbg.gif) repeat-y right top;
  137.     width:189px;
  138.     float:left;
  139.     height:480px;
  140.     }
  141. #body_leftbg h2{
  142.     height:31px; width:91px;
  143.     display:block;
  144.     font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
  145.     font-size:27px;
  146.     line-height:26px;
  147.     font-weight:normal;
  148.     color:#A68A33; background-color:#FFFFFF;
  149.     margin:20px 0 0 94px;
  150.     }
  151. #body_leftbg h3{
  152.     font:16px/18px Georgia, "Times New Roman", Times, serif;
  153.     font-weight:bold;
  154.     color:#272727; background-color:#FFFFFF;
  155.     height:18px;
  156.     margin: 13px 0 10px 50px;
  157.     display:block;
  158.     }
  159. #body_leftbg p{
  160.     width:112px;
  161.     margin:0 14px 0 63px;
  162.     font:14px/18px Arial, Helvetica, sans-serif;
  163.     color:#6D6D6D; background-color:#FFFFFF;
  164.     text-align:right;
  165.     }
  166. #body_leftbg a{
  167.     width:72px;
  168.     color:#538D00; background-color:#FFFFFF;
  169.     font:12px/17px Arial, Helvetica, sans-serif;
  170.     text-decoration:none;
  171.     font-weight:bold;
  172.     margin:4px 14px 0 102px;
  173.     display:block;
  174.     }
  175. #body_leftbg a:hover{
  176.     text-decoration:underline;
  177.     }
  178. /*----------------body middle-------------*/
  179. #body_middle{
  180.     width:400px;
  181.     background:url(images/middle_bg.gif) no-repeat bottom #fff;
  182.     float:left; color:#919191;
  183.     height:483px;
  184.     }
  185. #body_middle h2{
  186.     height:30px;
  187.     display:block;
  188.     font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
  189.     font-size:27px;
  190.     line-height:17px;
  191.     font-weight:normal;
  192.     color:#A68A33; background-color:#FFFFFF; 
  193.     margin:21px 0 0px 33px;
  194.     }
  195. #body_middle p{
  196.     width:348px;
  197.     margin:20px 20px 0px 32px;
  198.     font-size:14px;
  199.     line-height:17px;
  200.     }
  201. #body_middle a{
  202.     width:72px;
  203.     color:#538D00; background-color:#FFFFFF;
  204.     font:12px/17px Arial, Helvetica, sans-serif;
  205.     text-decoration:none;
  206.     font-weight:bold;
  207.     margin:0px 14px 0 293px;
  208.     display:block;
  209.     }
  210. #body_middle a:hover{
  211.     text-decoration:underline;
  212.     }
  213. #body_middle ul{
  214.     width:332px;  margin:16px 0 0 34px;
  215.     }
  216. #body_middle ul li{
  217.     background:url(images/01.gif) no-repeat #fff; border-bottom:#B7B7B7 1px dashed; border-top:#B7B7B7 1px dashed;
  218.     height:65px; padding:10px 0 0 0px; font:14px/17px Arial, Helvetica, sans-serif; color:#6C6C6C;
  219.     }
  220. #body_middle ul li strong{
  221.     color:#538D00; padding-left:8px; background-color:#FFFFFF;
  222.     }
  223. #body_middle ul li span{
  224.     width:56px; height:45px; display:block; background-color:#F3F3F3; float:left; margin:4px 10px 0 0px;
  225.     font:40px/45px Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic;
  226.     color:#979797;
  227.     }    
  228. #body_middle ul li a{
  229.     margin:0px 0 0 10px; font:11px/17px Arial, Helvetica, sans-serif; display:block; height:17px;
  230.     font-weight:bold; color:#A68A33; background:url(images/more_bg.gif) no-repeat center #FFFFFF;
  231.     text-decoration:none;  float:left; width:105px; padding-left:76px;
  232.     }
  233. #body_middle ul li a:hover{
  234.     text-decoration:underline;
  235.     }
  236. #body_middle ul li.li1{
  237.     background:url(images/02.gif) no-repeat #fff; border-bottom:#B7B7B7 1px dashed; 
  238.     height:65px; padding:10px 0 0 0px; font:14px/17px Arial, Helvetica, sans-serif; color:#6C6C6C;
  239.     }
  240. #body_middle ul li.li1 strong{
  241.     color:#538D00; padding-left:8px; background-color:#FFFFFF;
  242.     }
  243. #body_middle ul li.li1 span{
  244.     width:56px; height:45px; display:block; background-color:#F3F3F3; float:left; margin:4px 10px 0 0px;
  245.     font:40px/45px Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic; color:#979797; 
  246.     }    
  247. #body_middle ul li.li1 a{
  248.     margin:0px 0 0 10px;    font:11px/17px Arial, Helvetica, sans-serif; display:block; height:17px;
  249.     font-weight:bold; color:#A68A33; background:url(images/more_bg.gif) no-repeat center #FFFFFF;
  250.     text-decoration:none;  float:left; width:105px; padding-left:76px;
  251.     }
  252. #body_middle ul li.li1 a:hover{
  253.     text-decoration:underline;
  254.     }
  255.  
  256. /*------------------------right----------------------*/
  257. #right_bg{
  258.     width:186px;
  259.     float:left;
  260.     height:480px;
  261.     background:url(images/right_bg.gif) repeat-y left;
  262.     }
  263. #right_bg h2{
  264.     height:31px; background-color:#FFFFFF;
  265.     display:block; width:118px;
  266.     font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
  267.     font-size:27px;    line-height:26px; font-weight:normal; color:#A68A33; margin:20px 0 0px 17px;
  268.     }
  269. #right_bg h3{
  270.     font:18px/17px Arial, Helvetica, sans-serif;
  271.     color:#538D00; background-color:#FFFFFF;
  272.     height:22px;
  273.     margin: 13px 0 0px 18px;
  274.     display:block;
  275.     font-weight:normal;
  276.     }
  277. #right_bg ul{
  278.     width:120px;
  279.     display:block;
  280.     font-size:0px;
  281.     margin:10px 0 0 17px;
  282.     }
  283. #right_bg ul li{
  284.     display:block;
  285.     height:24px;
  286.     background:url(images/arrow.gif) no-repeat 0 8px; padding:0 0 0 12px;
  287.     }
  288. #right_bg ul li a{
  289.     font:14px/24px Arial, Helvetica, sans-serif;
  290.     color:#6D6D6D; background-color:#FFFFFF;
  291.     text-decoration:underline;
  292.     }
  293. #right_bg ul li a:hover{
  294.     text-decoration:none;
  295.     }
  296. /*----------------------project-----------*/
  297. #project{
  298.     width:100%;
  299.     height:132px;
  300.     margin:0 auto 0 auto;
  301.     float:left;
  302.     background:url(images/project_bg.gif) repeat-x #FFFFFF; color:#A68A33;
  303.     }
  304. #project h2{
  305.     width:218px;
  306.     margin:24px auto 0 auto;
  307.     display:block;
  308.     background:url(images/project_h2.gif) no-repeat #FFFFFF;
  309.     font:27px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
  310.     color:#A68A33;
  311.     height:30px;
  312.     font-weight:normal;
  313.     padding-left:116px;
  314.     }
  315. #project ul{
  316.     width:320px;
  317.     height:43px;
  318.     display:block;
  319.     margin:0 auto 0 auto;
  320.     background-color:#FFFFFF; color:#362900;
  321.     padding:7px 0 0 14px;
  322.     }
  323. #project ul li{
  324.     display:block;
  325.     float:left;
  326.     margin-right:3px;
  327.     }
  328. #project ul.next{
  329.     height:28px; width:224px; display:block; margin:0 auto 0 auto;  padding:0 0 0 0; font-size:0px;
  330.     }
  331. #project ul.next li{
  332.     display:block;
  333.     float:left;
  334.     font:10px/17px Arial, Helvetica, sans-serif;
  335.     font-weight:bold;
  336.     }
  337. #project ul.next a{
  338.     color:#362900; margin:0 4px 0 4px;    text-decoration:none; background-color:#FFFFFF;
  339.     }
  340. #project ul.next a:hover{
  341.     color:#A68A33; background-color:#FFFFFF;
  342.     }
  343. /*------------------------footer---------------*/
  344. #footer{
  345.     width:100%;
  346.     height:163px;
  347.     margin:0 auto 0 auto;
  348.     background:url(images/footer_bg.gif) repeat-x #979797;
  349.     float:left;
  350.     color:#FFFFFF;
  351.     font:11px/16px Arial, Helvetica, sans-serif;
  352.     }
  353. #footer ul{
  354.     width:472px;
  355.     margin:41px auto 0 auto;
  356.     display:block;
  357.     font-size:0px;
  358.     height:20px;
  359.     }
  360. #footer ul li{
  361.     display:block;
  362.     float:left;
  363.     height:16px;
  364.     font:13px/16px Arial, Helvetica, sans-serif;
  365.     }
  366. #footer ul li a{
  367.     margin:0 10px 0 10px; text-decoration:none;    color:#FCFCFC; background-color:#979797;
  368.     }
  369. #footer ul li a:hover{
  370.     text-decoration:underline;
  371.     }
  372. #footer ul.ad{
  373.     width:335px; margin:17px auto 0 auto; display:block; height:50px;
  374.     }
  375. #footer ul.ad li{
  376.     display:block;    float:left;    margin:0px 0 0 0; border-right:#FFFFFF 1px dashed;    height:37px;
  377.     }
  378. #footer ul.ad li.li1{
  379.     display:block;    float:left;    margin:0px 0 0 0; border-right:none; height:37px;
  380.     }
  381. #footer ul.ad li a.add{
  382.     font:10px/14px Tahoma, Arial, Helvetica, sans-serif; color:#353535;    text-decoration:none; font-weight:bold;
  383.     margin:0 10px 0 10px; background-color:#979797;
  384.     display:block;
  385.     }
  386. #footer ul.ad li a.add:hover{
  387.     text-decoration:none;
  388.     }
  389. #footer ul.ad li a.add span{
  390.     color:#FFDB5D; background-color:#979797; text-transform:uppercase;
  391.     }
  392. #footer p{
  393.     width:203px; margin:0 auto 0 auto;    display:block;
  394.     }
  395. #footer p.lk {
  396.     margin:0 auto; text-align:center;
  397.     }
  398. #footer p.lk a {
  399.     color:#fff; background-color:#979797; text-decoration:underline;
  400.     
  401.     
  402.     }
  403. #footer p a:hover {    
  404.     color:#000;
  405.     background-color:#C6C6C6;
  406.     }