API tools faq
paste
Advertisement
danyo

Untitled

danyo
Feb 2nd, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.74 KB | None | 0 0
raw download clone embed print report
  1. @charset "utf-8";
  2.  
  3. /* MASTER ELEMENTS -----------------------------*/
  4.  
  5. body {
  6.     background-color: #dfe0e1;
  7.     background-image: url(../img/bg.png);
  8.     background-repeat: repeat-x;
  9.     background-position: center top;
  10.     font-family: Tahoma, Geneva, sans-serif;
  11.     font-size: 13px;
  12.     color: #000;
  13.     text-align: left;
  14.     -webkit-text-size-adjust: 100%;
  15.     -webkit-font-smoothing: antialiased;
  16.     font-smooth: always;
  17.     margin: 0px;
  18. }
  19. #background {
  20.     width: 100%;
  21.     min-height: 700px;
  22.     margin: 0 auto;
  23.     background-image: url(../img/bg_photo.png);
  24.     background-position: center top;
  25.     background-repeat: no-repeat;
  26. }
  27.  
  28. #top {
  29.     width: 960px;
  30.     height: 175px;
  31.     background-image: url(../img/top_bg.png);
  32.     margin: auto;
  33.     float: left;
  34. }
  35.  
  36. #main {
  37.     width: 960px;
  38.     background-image: url(../img/main_bg.png);
  39.     background-position: center top;
  40.     background-repeat: no-repeat;
  41.     margin-top: 14px;
  42.     padding-top: 51px;
  43.     float: left;
  44. }
  45.  
  46. section {
  47.     width: 960px;
  48.     height: auto;
  49.     float: left;
  50. }
  51.  
  52. header {
  53.     width: 960px;
  54.     background-image: url(../img/header_bg.png);
  55.     height: 365px;
  56.     float: left;
  57.     position: relative;
  58.     z-index: 8;
  59. }
  60.  
  61.  
  62. span {
  63.     font-weight: bold;
  64. }
  65.  
  66. h1 {
  67.     font-family: 'Exo 2', sans-serif;
  68.     font-size: 20px;
  69.     font-weight: 700;
  70.     letter-spacing: -1px;
  71.     color: #010134;
  72.     text-shadow: #FFF -1px -1px 0px;
  73. }
  74.  
  75. h2 {
  76.     font-family: 'Exo 2', sans-serif;
  77.     font-size: 14px;
  78.     font-weight: 600;
  79.     letter-spacing: -1px;
  80.     color: #010134;
  81.     text-shadow: #FFF -1px -1px 0px;
  82. }
  83.  
  84. h3 {
  85.     font-family: 'Exo 2', sans-serif;
  86.     font-size: 14px;
  87.     font-weight: 600;
  88.     color: #333;
  89. }
  90. h6 {
  91.     font-family: 'Exo 2', sans-serif;
  92.     font-size: 21px;
  93.     font-weight: 500;
  94.     letter-spacing: -1px;
  95.     color: #ff3c01;
  96.     margin-bottom: 0px;
  97.  
  98. }
  99.  
  100. p {
  101.     color: #5f6060;
  102.     font-size: 13px;
  103.     font-weight: 500;
  104.     text-shadow: #FFF -1px -1px 0px;
  105.     line-height: 18px;
  106. }
  107.  
  108. a.second {
  109.     text-decoration: underline;
  110.     color: #ffffff;
  111. }
  112.  
  113. .round-shadow2 {
  114.     box-shadow: #039 0px 0px 6px;
  115.     border: 2px solid #fff;
  116.     border-radius: 8px;
  117.     -moz-border-radius: 6px;
  118.  
  119. }
  120.  
  121. .gal {
  122.     width: 180px;
  123.     height: 156px;
  124.     display: block;
  125.     padding: 10px;
  126.     float: left;
  127.     margin-left: 10px;
  128.     margin-bottom: 20px;
  129.     margin-right: 10px;
  130.     overflow: hidden;
  131. }
  132. .gal img {
  133.     width: 180px;
  134.     height: 156px;
  135.     display: block;
  136. }
  137.  
  138.  
  139.  
  140.  
  141. /* FOOTER ELEMENTS -----------------------------*/
  142.  
  143. #footerContact {
  144.     width: 960px;
  145.     height: 106px;
  146.     background-image: url(../img/footer_contact_bg.png);
  147.     float: left;
  148.     margin-top: 30px;
  149.     margin-bottom: 60px;
  150. }
  151. #footerContact h2 {
  152.     margin-top: -25px;
  153. }
  154. #footerContact h3 {
  155.     margin-top: 40px;
  156. }
  157. footer {
  158.     width: 100%;
  159.     height: 170px;
  160.     background-color: #000033;
  161.     background-image: url(../img/footer_bg.png);
  162.     background-repeat: no-repeat;
  163.     background-position: center top;
  164.     float: left;
  165.     margin: 0 auto;
  166. }
  167.  
  168. #footerCenter {
  169.     width: 960px;
  170.     height: 170px;
  171.     margin: 0 auto;
  172.  
  173. }
  174.  
  175.  
  176. #footerMenuBg {
  177.     width: 940px;
  178.     height: 40px;
  179.     background-color: #ffa901;
  180.     border-radius: 6px;
  181.     margin-top: -20px;
  182.     margin-left: 10px;
  183. }
  184. #footerMenu {
  185.     list-style-type: none;
  186.     color: #010134;
  187.     width: 940px;
  188.     float: left;
  189. }
  190. #footerMenu li {
  191.     float: left;
  192.     margin: 0px 10px;
  193.     font-size: 13px;
  194.     font-family: 'Exo 2', sans-serif;
  195.     font-weight: 600;
  196.     text-transform: uppercase;
  197. }
  198. #footerMenu li a {
  199.     color: #010134;
  200.     text-decoration: none;
  201. }
  202. #footerMenu li a:hover {
  203.     color: #010134;
  204.     text-decoration: underline;
  205. }
  206. #copyrights {
  207.     margin: 10px 0px 0px 10px;
  208.     color: #FFF;
  209.     font-size: 11px;
  210.     text-shadow: none;
  211. }
  212. #copyrights a {
  213.     text-decoration: none;
  214.     color: #FFF;
  215. }
  216.  
  217. /* NAVIGATION -----------------------------*/
  218.  
  219. /*--- MENU GLOBAL STYLE ---*/
  220. ul#menu {
  221.     list-style-type: none;
  222.     display: block;
  223.     background-image: url(../img/menu_bg.png);
  224.     background-repeat: no-repeat;
  225.     width: 260px;
  226.     height: 330px;
  227.     position: relative;
  228.     z-index: 20;
  229.     left: 10px;
  230.     top: 13px;
  231.     float: left;
  232. }
  233.  
  234. /*--- main button style ---*/
  235. ul#menu li:first-of-type {
  236.     margin-top: 5px;
  237. }
  238. ul#menu li {
  239.     margin-left: -30px;
  240.     width: 200px;
  241.     height: 31px;
  242.     padding-top: 15px;
  243.     float: left;
  244.     text-align: right;
  245.     position: relative;
  246.     border-radius: 6px;
  247.     font-family: 'Exo 2', sans-serif;
  248.     font-size: 15px;
  249.     font-weight: 700;
  250.     background-image: url(../img/menu_hover_arrow.png);
  251.     background-repeat: no-repeat;
  252.     background-position: -10px 20px;
  253.     transition: all 0.3s ease 0s;
  254. }
  255. ul#menu li:hover, ul#menu li#activeM{
  256.     background-position: 20px 20px;
  257. }
  258.  
  259. /*--- main button text style ---*/
  260. ul#menu li a {
  261.     color: #fff;
  262.     text-decoration: none;
  263.     text-shadow: #000b45 -1px -1px 0px;
  264.  
  265. }
  266. ul#menu li:hover a, ul#menu li#activeM a{
  267.     color: #fff;
  268. }
  269.  
  270.  
  271. /* GRIDS -----------------------------*/
  272.  
  273. .container {
  274.     width: 960px;
  275.     height: auto;
  276.     margin: 0 auto;
  277. }
  278.  
  279.  
  280. .grid_1,
  281. .grid_2,
  282. .grid_3,
  283. .grid_4,
  284. .grid_5,
  285. .grid_6,
  286. .grid_7,
  287. .grid_8,
  288. .grid_9,
  289. .grid_10,
  290. .grid_11,
  291. .grid_12 {
  292.     float: left;
  293.     margin: 0px 10px;
  294. }
  295.  
  296. .grid_1 {
  297.     width: 60px;
  298. }
  299.  
  300. .grid_2 {
  301.     width: 140px;
  302. }
  303.  
  304. .grid_3 {
  305.     width: 220px;
  306. }
  307.  
  308. .grid_4 {
  309.     width: 300px;
  310. }
  311.  
  312. .grid_5 {
  313.     width: 380px;
  314. }
  315.  
  316. .grid_6 {
  317.     width: 460px;
  318. }
  319.  
  320. .grid_7 {
  321.     width: 540px;
  322. }
  323.  
  324. .grid_8 {
  325.     width: 620px;
  326. }
  327.  
  328. .grid_9 {
  329.     width: 700px;
  330. }
  331.  
  332. .grid_10 {
  333.     width: 780px;
  334. }
  335.  
  336. .grid_11 {
  337.     width: 860px;
  338. }
  339.  
  340. .grid_12 {
  341.     width: 940px;
  342. }
  343.  
  344.  
  345.  
  346. /* SLIDER & SLIDER NAVIGATION -----------------------------*/
  347.  
  348. #anim {
  349.     width: 960px;
  350.     height: 305px;
  351.     float: left;
  352.     border-radius: 8px;
  353.     overflow: hidden;
  354.     position: relative;
  355.     z-index: 8;
  356.     top: -355px;
  357. }
  358.  
  359. #nav a {
  360.     width: 13px;
  361.     height: 13px;
  362.     background-image: url(../img/nav_off.png);
  363.     margin: 0px 2px;
  364.     top: -328px;
  365.     left: 900px;
  366.     float: left;
  367.     position: relative;
  368.     z-index: 100002;
  369.     cursor: pointer;
  370.     color: transparent;
  371. }
  372. #nav a.activeSlide {
  373.     width: 13px;
  374.     height: 13px;
  375.     margin: 0px 2px;
  376.     background-image: url(../img/nav_on.png);
  377.     float: left;
  378.     position: relative;
  379.     z-index: 100002;
  380.     cursor: pointer;
  381.     color: transparent;
  382. }
  383. #next {
  384.     width: 10px;
  385.     height: 34px;
  386.     background-image: url(../img/arrow-right.png);
  387.     position: relative;
  388.     z-index: 10;
  389.     left: 930px;
  390.     top: 135px;
  391. }
  392. #prev {
  393.     width: 10px;
  394.     height: 34px;
  395.     background-image: url(../img/arrow-left.png);
  396.     position: relative;
  397.     z-index: 11;
  398.     left: 280px;
  399.     top: 113px;
  400. }
  401.  
  402.  
  403. /* PAGES ELEMENTS -----------------------------*/
  404.  
  405. #main ul {
  406.     font-size: 13px;
  407.     font-weight: 500;
  408.     color: #5f6060;
  409.     text-shadow: #FFF -1px -1px 0px;
  410.     margin-left: -40px;
  411.     list-style-type: none;
  412. }
  413.  
  414. #main ul.b {
  415.     font-size: 13px;
  416.     font-weight: 500;
  417.     color: #5f6060;
  418.     text-shadow: #FFF -1px -1px 0px;
  419.     margin-right: 20px;
  420.     list-style-type: none;
  421.     text-align:justify;
  422.     display: block;
  423.     list-style-type: none;
  424. }
  425. #main ul.c {
  426.     font-size: 13px;
  427.     font-weight: 500;
  428.     color: #5f6060;
  429.     text-shadow: #FFF -1px -1px 0px;
  430.     margin-right: 20px;
  431.     list-style-type: none;
  432.     text-align:justify;
  433.     display:block;
  434.     list-style-type: none;
  435. }
  436. #main ul.d {
  437.     font-size: 13px;
  438.     font-weight: 500;
  439.     color: #5f6060;
  440.     text-shadow: #FFF -1px -1px 0px;
  441.     margin-right: 20px;
  442.     margin-top: 10px;
  443.     list-style-type: none;
  444.     text-align:justify;
  445.     display:block;
  446.     list-style-type: none;
  447. }
  448. #main ul.e {
  449.     font-size: 13px;
  450.     font-weight: 500;
  451.     color: #5f6060;
  452.     text-shadow: #FFF -1px -1px 0px;
  453.     margin-right: 20px;
  454.     list-style-type: none;
  455.     text-align:justify;
  456.     display:block;
  457.     list-style-type: none;
  458. }
  459. #main ul.f {
  460.     font-size: 13px;
  461.     font-weight: 500;
  462.     color: #5f6060;
  463.     text-shadow: #FFF -1px -1px 0px;
  464.     margin-right: 20px;
  465.     list-style-type: none;
  466.     text-align:justify;
  467.     display:block;
  468.     list-style-type: none;
  469. }
  470. #main ul.g{
  471.     font-size: 13px;
  472.     font-weight: 500;
  473.     color: #5f6060;
  474.     text-shadow: #FFF -1px -1px 0px;
  475.     margin-right: 20px;
  476.     list-style-type: none;
  477.     text-align:justify;
  478.     display:block;
  479.     list-style-type: none;
  480. }
  481. #main ul.h{
  482.     font-size: 13px;
  483.     font-weight: 500;
  484.     color: #5f6060;
  485.     text-shadow: #FFF -1px -1px 0px;
  486.     margin-right: 20px;
  487.     list-style-type: none;
  488.     text-align:justify;
  489.     display:block;
  490.     list-style-type: none;
  491. }
  492. #main ul.i{
  493.     font-size: 13px;
  494.     font-weight: 500;
  495.     color: #5f6060;
  496.     text-shadow: #FFF -1px -1px 0px;
  497.     margin-right: 20px;
  498.     list-style-type: none;
  499.     text-align:justify;
  500.     display:block;
  501.     list-style-type: none;
  502. }
  503. #main ul.i{
  504.     font-size: 13px;
  505.     font-weight: 500;
  506.     color: #5f6060;
  507.     text-shadow: #FFF -1px -1px 0px;
  508.     margin-right: 20px;
  509.     list-style-type: none;
  510.     text-align:justify;
  511.     display:block;
  512.     list-style-type: none;
  513. }
  514.  
  515. #main ul.j{
  516.     font-size: 13px;
  517.     font-weight: 500;
  518.     color: #5f6060;
  519.     text-shadow: #FFF -1px -1px 0px;
  520.     margin-right: 20px;
  521.     list-style-type: none;
  522.     text-align:justify;
  523.     display:block;
  524.     list-style-type: none;
  525. }
  526. #main ul.k{
  527.     font-size: 13px;
  528.     font-weight: 500;
  529.     color: #5f6060;
  530.     text-shadow: #FFF -1px -1px 0px;
  531.     margin-right: 20px;
  532.     list-style-type: none;
  533.     text-align:justify;
  534.     display:block;
  535.     list-style-type: none;
  536. }
  537. #main ul.l{
  538.     font-size: 13px;
  539.     font-weight: 500;
  540.     color: #5f6060;
  541.     text-shadow: #FFF -1px -1px 0px;
  542.     margin-right: 20px;
  543.     list-style-type: none;
  544.     text-align:justify;
  545.     display:block;
  546.     list-style-type: none;
  547. }
  548. #main ul.m{
  549.     font-size: 13px;
  550.     font-weight: 500;
  551.     color: #5f6060;
  552.     text-shadow: #FFF -1px -1px 0px;
  553.     margin-right: 20px;
  554.     list-style-type: none;
  555.     text-align:justify;
  556.     display:block;
  557.     list-style-type: none;
  558. }
  559. #main ul.n{
  560.     font-size: 13px;
  561.     font-weight: 500;
  562.     color: #5f6060;
  563.     text-shadow: #FFF -1px -1px 0px;
  564.     margin-right: 20px;
  565.     list-style-type: none;
  566.     text-align:justify;
  567.     display:block;
  568.     list-style-type: none;
  569. }
  570. #main ul.o{
  571.     font-size: 13px;
  572.     font-weight: 500;
  573.     color: #5f6060;
  574.     text-shadow: #FFF -1px -1px 0px;
  575.     margin-right: 20px;
  576.     list-style-type: none;
  577.     text-align:justify;
  578.     display:block;
  579.     list-style-type: none;
  580. }
  581. #main ul.p{
  582.     font-size: 13px;
  583.     font-weight: 500;
  584.     color: #5f6060;
  585.     text-shadow: #FFF -1px -1px 0px;
  586.     margin-right: 20px;
  587.     list-style-type: none;
  588.     text-align:justify;
  589.     display:block;
  590.     list-style-type: none;
  591. }
  592. #main ul.q{
  593.     font-size: 13px;
  594.     font-weight: 500;
  595.     color: #5f6060;
  596.     text-shadow: #FFF -1px -1px 0px;
  597.     margin-right: 20px;
  598.     list-style-type: none;
  599.     text-align:justify;
  600.     display:block;
  601.     list-style-type: none;
  602. }
  603. #main ul.r{
  604.     font-size: 13px;
  605.     font-weight: 500;
  606.     color: #5f6060;
  607.     text-shadow: #FFF -1px -1px 0px;
  608.     margin-right: 20px;
  609.     list-style-type: none;
  610.     text-align:justify;
  611.     display:block;
  612.     list-style-type: none;
  613. }
  614. #main ul.s{
  615.     font-size: 13px;
  616.     font-weight: 500;
  617.     color: #5f6060;
  618.     text-shadow: #FFF -1px -1px 0px;
  619.     margin-right: 20px;
  620.     list-style-type: none;
  621.     text-align:justify;
  622.     display:block;
  623.     list-style-type: none;
  624. }
  625. #main ul.t{
  626.     font-size: 13px;
  627.     font-weight: 500;
  628.     color: #5f6060;
  629.     text-shadow: #FFF -1px -1px 0px;
  630.     margin-right: 20px;
  631.     list-style-type: none;
  632.     text-align:justify;
  633.     display:block;
  634.     list-style-type: none;
  635. }
  636. #main ul.u{
  637.     font-size: 13px;
  638.     font-weight: 500;
  639.     color: #5f6060;
  640.     text-shadow: #FFF -1px -1px 0px;
  641.     margin-right: 20px;
  642.     list-style-type: none;
  643.     text-align:justify;
  644.     display:block;
  645.     list-style-type: none;
  646. }
  647. #main ul.v{
  648.     font-size: 13px;
  649.     font-weight: 500;
  650.     color: #5f6060;
  651.     text-shadow: #FFF -1px -1px 0px;
  652.     margin-right: 20px;
  653.     list-style-type: none;
  654.     text-align:justify;
  655.     display:block;
  656.     list-style-type: none;
  657. }
  658. #main ul.w{
  659.     font-size: 13px;
  660.     font-weight: 500;
  661.     color: #5f6060;
  662.     text-shadow: #FFF -1px -1px 0px;
  663.     margin-right: 20px;
  664.     list-style-type: none;
  665.     text-align:justify;
  666.     display:block;
  667.     list-style-type: none;
  668. }
  669. #main ul.x{
  670.     font-size: 13px;
  671.     font-weight: 500;
  672.     color: #5f6060;
  673.     text-shadow: #FFF -1px -1px 0px;
  674.     margin-right: 20px;
  675.     list-style-type: none;
  676.     text-align:justify;
  677.     display:block;
  678.     list-style-type: none;
  679. }
  680. #main ul.y{
  681.     font-size: 13px;
  682.     font-weight: 500;
  683.     color: #5f6060;
  684.     text-shadow: #FFF -1px -1px 0px;
  685.     margin-right: 20px;
  686.     list-style-type: none;
  687.     text-align:justify;
  688.     display:block;
  689.     list-style-type: none;
  690. }
  691. #main ul.z{
  692.     font-size: 13px;
  693.     font-weight: 500;
  694.     color: #5f6060;
  695.     text-shadow: #FFF -1px -1px 0px;
  696.     margin-right: 20px;
  697.     list-style-type: none;
  698.     text-align:justify;
  699.     display:block;
  700.     list-style-type: none;
  701. }
  702. #main ul.z1{
  703.     font-size: 13px;
  704.     font-weight: 500;
  705.     color: #5f6060;
  706.     text-shadow: #FFF -1px -1px 0px;
  707.     margin-right: 20px;
  708.     list-style-type: none;
  709.     text-align:justify;
  710.     display:block;
  711.     list-style-type: none;
  712. }
  713.  
  714.  
  715. /*------------- this is your old style
  716.  
  717.  
  718. #main ul.b {
  719.     font-size: 13px;
  720.     font-weight: 500;
  721.     color: #5f6060;
  722.     text-shadow: #FFF -1px -1px 0px;
  723.     margin-left: -25px;
  724.     margin-right: 20px;
  725.     list-style-type: none;
  726.     text-align:justify;
  727.     display:inline;
  728. }
  729. #main ul.c {
  730.     font-size: 13px;
  731.     font-weight: 500;
  732.     color: #5f6060;
  733.     text-shadow: #FFF -1px -1px 0px;
  734.     margin-left: -25px;
  735.     margin-right: 20px;
  736.     margin-top: -10px;
  737.     list-style-type: none;
  738.     text-align:justify;
  739.     display:inline;
  740. }
  741. #main ul.d {
  742.     font-size: 13px;
  743.     font-weight: 500;
  744.     color: #5f6060;
  745.     text-shadow: #FFF -1px -1px 0px;
  746.     margin-left: -25px;
  747.     margin-right: 20px;
  748.     margin-top: 10px;
  749.     list-style-type: none;
  750.     text-align:justify;
  751.     display:inline;
  752. }
  753. #main ul.e {
  754.     font-size: 13px;
  755.     font-weight: 500;
  756.     color: #5f6060;
  757.     text-shadow: #FFF -1px -1px 0px;
  758.     margin-left: -25px;
  759.     margin-right: 20px;
  760.     margin-top: -10px;
  761.     list-style-type: none;
  762.     text-align:justify;
  763.     display:inline;
  764. }
  765. #main ul.f {
  766.     font-size: 13px;
  767.     font-weight: 500;
  768.     color: #5f6060;
  769.     text-shadow: #FFF -1px -1px 0px;
  770.     margin-left: -25px;
  771.     margin-right: 20px;
  772.     margin-top: -10px;
  773.     list-style-type: none;
  774.     text-align:justify;
  775.     display:inline;
  776. }
  777. #main ul.g{
  778.     font-size: 13px;
  779.     font-weight: 500;
  780.     color: #5f6060;
  781.     text-shadow: #FFF -1px -1px 0px;
  782.     margin-left: -25px;
  783.     margin-right: 20px;
  784.     margin-top: -10px;
  785.     list-style-type: none;
  786.     text-align:justify;
  787.     display:inline;
  788. }
  789. #main ul.h{
  790.     font-size: 13px;
  791.     font-weight: 500;
  792.     color: #5f6060;
  793.     text-shadow: #FFF -1px -1px 0px;
  794.     margin-left: -25px;
  795.     margin-right: 20px;
  796.     margin-top: -10px;
  797.     list-style-type: none;
  798.     text-align:justify;
  799.     display:inline;
  800. }
  801. #main ul.i{
  802.     font-size: 13px;
  803.     font-weight: 500;
  804.     color: #5f6060;
  805.     text-shadow: #FFF -1px -1px 0px;
  806.     margin-left: -25px;
  807.     margin-right: 20px;
  808.     margin-top: -10px;
  809.     list-style-type: none;
  810.     text-align:justify;
  811.     display:inline;
  812. }
  813.  
  814. */
  815.  
  816. /*#main .b > li {
  817.     list-style-image: url(../img/list_arrow.png);
  818.     list-style-type: none;
  819. }
  820. #main .b ul li {
  821.     list-style-image: url(../img/list_arrow_new.png);
  822.     list-style-type: none;
  823. }
  824.  
  825. #main .b > li:before {
  826.     content: "\00BB";
  827.     color: #000;
  828.     margin-right: 3px;
  829.     font-size: 16px;
  830. }
  831. #main .b ul li:before {
  832.     content: "\2192";
  833.     color: #000;
  834.     margin-right: 3px;
  835.     font-size: 16px;
  836. }
  837. #main .c > li:before {
  838.     content: "1.1";
  839.     color: #000;
  840.     margin-right: 3px;
  841.     font-size: 13px;
  842. }
  843. #main .c ul li:before {
  844.     content: "\2022";
  845.     color: #000;
  846.     margin-right: 3px;
  847.     font-size: 13px;
  848. }
  849.  
  850. */
  851.  
  852. #main .b > li:before {
  853.     content: "1.";
  854.     color: #000;
  855.     margin-right: 10px;
  856.     font-size: 13px;
  857.     padding-right: 7px;
  858. }
  859. #main .b ul li:before {
  860.     content: "1.2";
  861.     color: #000;
  862.     margin-right: 10px;
  863.     font-size: 13px;
  864. }
  865.  
  866. #main .c > li:before {
  867.     content: "1.1";
  868.     color: #000;
  869.     margin-right: 10px;
  870.     font-size: 13px;
  871. }
  872. #main .c ul li:before {
  873.     content: "\2022";
  874.     color: #000;
  875.     margin-right: 10px;
  876.     font-size: 13px;
  877. }
  878.  
  879. #main .d > li:before {
  880.     content: "1.2";
  881.     color: #000;
  882.     margin-right: 10px;
  883.     font-size: 13px;
  884. }
  885. #main .d ul li:before {
  886.     content: "\2022";
  887.     color: #000;
  888.     margin-right: 10px;
  889.     font-size: 13px;
  890. }
  891. #main .e > li:before {
  892.     content: "1.3";
  893.     color: #000;
  894.     margin-right: 10px;
  895.     font-size: 13px;
  896. }
  897. #main .e ul li:before {
  898.     content: "\2022";
  899.     color: #000;
  900.     margin-right: 10px;
  901.     font-size: 13px;
  902. }
  903. #main .f > li:before {
  904.     content: "2.";
  905.     color: #000;
  906.     margin-right: 10px;
  907.     font-size: 13px;
  908.     padding-right: 7px;
  909. }
  910. #main .f ul li:before {
  911.     content: "\2022";
  912.     color: #000;
  913.     margin-right: 10px;
  914.     font-size: 13px;
  915. }
  916. #main .g > li:before {
  917.     content: "3.";
  918.     color: #000;
  919.     margin-right: 10px;
  920.     font-size: 13px;
  921.     padding-right: 7px;
  922. }
  923. #main .g ul li:before {
  924.     content: "\2022";
  925.     color: #000;
  926.     margin-right: 10px;
  927.     font-size: 13px;
  928. }
  929. #main .h > li:before {
  930.     content: "3.1";
  931.     color: #000;
  932.     margin-right: 10px;
  933.     font-size: 13px;
  934. }
  935. #main .h ul li:before {
  936.     content: "\2022";
  937.     color: #000;
  938.     margin-right: 10px;
  939.     font-size: 13px;
  940. }
  941. #main .i > li:before {
  942.     content: "3.2";
  943.     color: #000;
  944.     margin-right: 10px;
  945.     font-size: 13px;
  946. }
  947. #main .i ul li:before {
  948.     content: "\2022";
  949.     color: #000;
  950.     margin-right: 10px;
  951.     margin-left: 28px;
  952.     font-size: 13px;
  953. }
  954. #main .j > li:before {
  955.     content: "3.3";
  956.     color: #000;
  957.     margin-right: 10px;
  958.     font-size: 13px;
  959. }
  960. #main .j ul li:before {
  961.     content: "\2022";
  962.     color: #000;
  963.     margin-right: 10px;
  964.     margin-left: 28px;
  965.     font-size: 13px;
  966. }
  967. #main .k > li:before {
  968.     content: "3.4";
  969.     color: #000;
  970.     margin-right: 10px;
  971.     font-size: 13px;
  972. }
  973. #main .k ul li:before {
  974.     content: "\2022";
  975.     color: #000;
  976.     margin-right: 10px;
  977.     margin-left: 28px;
  978.     font-size: 13px;
  979. }
  980. #main .l > li:before {
  981.     content: "4.";
  982.     color: #000;
  983.     margin-right: 10px;
  984.     font-size: 13px;
  985.     padding-right: 7px;
  986. }
  987. #main .l ul li:before {
  988.     content: "\2022";
  989.     color: #000;
  990.     margin-right: 10px;
  991.     margin-left: 28px;
  992.     font-size: 13px;
  993.     }
  994. #main .m > li:before {
  995.     content: "4.1";
  996.     color: #000;
  997.     margin-right: 10px;
  998.     font-size: 13px;
  999. }
  1000. #main .m ul li:before {
  1001.     content: "\2022";
  1002.     color: #000;
  1003.     margin-right: 10px;
  1004.     margin-left: 28px;
  1005.     font-size: 13px;
  1006.     }
  1007. #main .n > li:before {
  1008.     content: "4.2";
  1009.     color: #000;
  1010.     margin-right: 10px;
  1011.     font-size: 13px;
  1012. }
  1013. #main .n ul li:before {
  1014.     content: "\2022";
  1015.     color: #000;
  1016.     margin-right: 10px;
  1017.     margin-left: 28px;
  1018.     font-size: 13px;
  1019.     }
  1020. #main .o > li:before {
  1021.     content: "4.3";
  1022.     color: #000;
  1023.     margin-right: 10px;
  1024.     font-size: 13px;
  1025. }
  1026. #main .o ul li:before {
  1027.     content: "\2022";
  1028.     color: #000;
  1029.     margin-right: 10px;
  1030.     margin-left: 28px;
  1031.     font-size: 13px;
  1032.     }
  1033. #main .p > li:before {
  1034.     content: "5.";
  1035.     color: #000;
  1036.     margin-right: 10px;
  1037.     font-size: 13px;
  1038.     padding-right: 7px;
  1039. }
  1040. #main .p ul li:before {
  1041.     content: "\2022";
  1042.     color: #000;
  1043.     margin-right: 10px;
  1044.     margin-left: 28px;
  1045.     font-size: 13px;
  1046.     }  
  1047. #main .q > li:before {
  1048.     content: "5.1";
  1049.     color: #000;
  1050.     margin-right: 10px;
  1051.     font-size: 13px;
  1052. }
  1053. #main .q ul li:before {
  1054.     content: "\2022";
  1055.     color: #000;
  1056.     margin-right: 10px;
  1057.     margin-left: 28px;
  1058.     font-size: 13px;
  1059.     }  
  1060. #main .r > li:before {
  1061.     content: "5.2";
  1062.     color: #000;
  1063.     margin-right: 10px;
  1064.     font-size: 13px;
  1065. }
  1066. #main .r ul li:before {
  1067.     content: "\2022";
  1068.     color: #000;
  1069.     margin-right: 10px;
  1070.     margin-left: 28px;
  1071.     font-size: 13px;
  1072.     }  
  1073. #main .s > li:before {
  1074.     content: "5.3";
  1075.     color: #000;
  1076.     margin-right: 10px;
  1077.     font-size: 13px;
  1078. }
  1079. #main .s ul li:before {
  1080.     content: "\2022";
  1081.     color: #000;
  1082.     margin-right: 10px;
  1083.     margin-left: 28px;
  1084.     font-size: 13px;
  1085.     }  
  1086. #main .t > li:before {
  1087.     content: "5.4";
  1088.     color: #000;
  1089.     margin-right: 10px;
  1090.     font-size: 13px;
  1091. }
  1092. #main .t ul li:before {
  1093.     content: "\2022";
  1094.     color: #000;
  1095.     margin-right: 10px;
  1096.     margin-left: 28px;
  1097.     font-size: 13px;
  1098.     }  
  1099. #main .u > li:before {
  1100.     content: "5.5";
  1101.     color: #000;
  1102.     margin-right: 10px;
  1103.     font-size: 13px;
  1104.     }
  1105. #main .u ul li:before {
  1106.     content: "\2022";
  1107.     color: #000;
  1108.     margin-right: 10px;
  1109.     margin-left: 28px;
  1110.     font-size: 13px;
  1111.     }  
  1112. #main .v > li:before {
  1113.     content: "5.6";
  1114.     color: #000;
  1115.     margin-right: 10px;
  1116.     font-size: 13px;
  1117. }
  1118. #main .v ul li:before {
  1119.     content: "\2022";
  1120.     color: #000;
  1121.     margin-right: 10px;
  1122.     margin-left: 28px;
  1123.     font-size: 13px;
  1124.     }  
  1125. #main .w > li:before {
  1126.     content: "6.";
  1127.     color: #000;
  1128.     margin-right: 10px;
  1129.     font-size: 13px;
  1130.     padding-right: 7px;
  1131. }
  1132. #main .w ul li:before {
  1133.     content: "\2022";
  1134.     color: #000;
  1135.     margin-right: 10px;
  1136.     margin-left: 28px;
  1137.     font-size: 13px;
  1138.     }  
  1139. #main .x > li:before {
  1140.     content: "6.1";
  1141.     color: #000;
  1142.     margin-right: 10px;
  1143.     font-size: 13px;
  1144. }
  1145. #main .x ul li:before {
  1146.     content: "\2022";
  1147.     color: #000;
  1148.     margin-right: 10px;
  1149.     margin-left: 28px;
  1150.     font-size: 13px;
  1151.     }  
  1152. #main .y > li:before {
  1153.     content: "6.2";
  1154.     color: #000;
  1155.     margin-right: 10px;
  1156.     font-size: 13px;
  1157. }
  1158. #main .y ul li:before {
  1159.     content: "\2022";
  1160.     color: #000;
  1161.     margin-right: 10px;
  1162.     margin-left: 28px;
  1163.     font-size: 13px;
  1164.     }  
  1165. #main .z > li:before {
  1166.     content: "6.3";
  1167.     color: #000;
  1168.     margin-right: 10px;
  1169.     font-size: 13px;
  1170. }
  1171. #main .z ul li:before {
  1172.     content: "\2022";
  1173.     color: #000;
  1174.     margin-right: 10px;
  1175.     margin-left: 28px;
  1176.     font-size: 13px;
  1177.     }  
  1178. #main .z1 > li:before {
  1179.     content: "6.4";
  1180.     color: #000;
  1181.     margin-right: 10px;
  1182.     font-size: 13px;
  1183. }
  1184. #main .z1 ul li:before {
  1185.     content: "\2022";
  1186.     color: #000;
  1187.     margin-right: 10px;
  1188.     margin-left: 28px;
  1189.     font-size: 13px;
  1190.     }  
  1191.    
  1192.    
  1193. #logo {
  1194.     background-image: url(../img/logo.png);
  1195.     width: 582px;
  1196.     height: 120px;
  1197.     float: left;
  1198.     margin: 30px 0px 0px 10px;
  1199. }
  1200. #fastContact {
  1201.     background-image: url(../img/fast_contact.png);
  1202.     width: 660px;
  1203.     height: 50px;
  1204.     float: left;
  1205.     color: #000;
  1206.     text-shadow: #FFF -1px -1px 0px;
  1207.     font-family: 'Exo 2', sans-serif;
  1208.     font-weight: 600;
  1209.     font-size: 14px;
  1210.     padding-top: 25px;
  1211.     padding-left: 300px;
  1212.     position: relative;
  1213.     z-index: 8;
  1214.     top: -355px;
  1215. }
  1216.  
  1217. .mehr_btn{
  1218.     background-image: url(../img/mehr_btn.png);
  1219.     width: 100px;
  1220.     height: auto;
  1221.     text-align: center;
  1222.     padding: 8px 10px;
  1223.     box-shadow: inset #21214e 0px -2px 0px;
  1224.     background-color: #2d2d58;
  1225.     border-radius: 4px;
  1226.     font-size: 13px;
  1227.     float: right;
  1228.     margin-right: 160px;
  1229.     margin-top: -5px;
  1230. }
  1231. .mehr_btn:hover{
  1232.     box-shadow: inset #21214e 0px 2px 0px;
  1233.     background-color: #2d2d58;
  1234. }
  1235. .mehr_btn a{
  1236.     color: #FFF;
  1237.     text-decoration: none;
  1238.     font-size: 12px;
  1239.     font-weight: bold;
  1240.     text-shadow: #039 -1px -1px 0px;
  1241. }
  1242. #offer {
  1243.     width: 200px;
  1244.     margin: 20px 10px 0px 10px;
  1245.     height: 327px;
  1246.     background-image: url(../img/leistungen_bg.png);
  1247.     background-position: center top;
  1248.     background-repeat: no-repeat;
  1249.     color: #FFF;
  1250.     padding: 0px 0px 0px 20px;
  1251.     float: left;
  1252.  
  1253. }
  1254. #offer h1 {
  1255.     font-family: 'Exo 2', sans-serif;
  1256.     font-size: 20px;
  1257.     font-weight: 700;
  1258.     letter-spacing: -1px;
  1259.     color: #FFF;
  1260.     text-shadow: #000b45 -1px -1px 0px;
  1261. }
  1262.  
  1263. #offer h2 {
  1264.     font-family: 'Exo 2', sans-serif;
  1265.     font-size: 15px;
  1266.     font-weight: 600;
  1267.     color: #FFF;
  1268.     text-shadow: #000b45 -1px -1px 0px;
  1269. }
  1270.  
  1271. #offer2 {
  1272.     width: 200px;
  1273.     margin: 20px 10px 0px 10px;
  1274.     height: 327px;
  1275.     background-image: url(../img/leistungen_bg.png);
  1276.     background-position: center top;
  1277.     background-repeat: no-repeat;
  1278.     color: #FFF;
  1279.     padding: 0px 0px 0px 20px;
  1280.     float: left;
  1281.  
  1282. }
  1283. #offer2 h1 {
  1284.     font-family: 'Exo 2', sans-serif;
  1285.     font-size: 20px;
  1286.     font-weight: 700;
  1287.     letter-spacing: -1px;
  1288.     color: #FFF;
  1289.     text-shadow: #000b45 -1px -1px 0px;
  1290. }
  1291.  
  1292. #offer2 h2 {
  1293.     font-family: 'Exo 2', sans-serif;
  1294.     font-size: 15px;
  1295.     font-weight: 600;
  1296.     color: #FFF;
  1297.     text-shadow: #000b45 -1px -1px 0px;
  1298. }
  1299.  
  1300.  
  1301. .center {
  1302.     margin: 0 auto;
  1303.     width: 660px;
  1304. }
  1305.  
  1306.  
  1307. #footer_logo {
  1308.     width: 180px;
  1309.     height: 80px;
  1310.     float: left;
  1311.     margin: -20px 0px 0px 390px;
  1312. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!