home *** CD-ROM | disk | FTP | other *** search
/ Orthodox Religion Class (2nd Semester) / ReligieCls1Sem2.iso / css / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2015-03-12  |  18.6 KB  |  956 lines
  1. @CHARSET "ISO-8859-1";
  2.  
  3. /* .ui-dialog-background */
  4. /* { */
  5. /* opacity: 0.5; */
  6. /* display: block !important; */
  7. /* -webkit-transition: opacity 0.5s ease-in; */
  8. /* } */
  9. /* .ui-dialog-background.pop.in */
  10. /* { */
  11. /* opacity: 1; */
  12. /* -webkit-transition: opacity 0.5s ease-in; */
  13. /* } */
  14. /* .ui-dialog */
  15. /* { */
  16. /* background: transparent !important; */
  17.  
  18. /* } */
  19. *:focus {
  20.     outline: 0;
  21. }
  22. .ui-tabs .status1 {
  23.     background: blue-light;font-size: 20px;font-weight:bold;
  24. }
  25. .ui-tabs .status2 {
  26.     background: blue-light;
  27.     font-size: 20px;font-weight:bold;
  28. }
  29.  
  30. .ui-tabs .ui-tabs-nav
  31. {
  32. background: rgb(230,152,83);
  33. }
  34. .btn_login {
  35.   background: #fdedaa;
  36.   background-image: -webkit-linear-gradient(top, #fdedaa,#c16215);/*#faf3c3, #d1bf77*/
  37.   background-image: -moz-linear-gradient(top,#fdedaa, #c16215);
  38.   background-image: -ms-linear-gradient(top, #fdedaa,  #c16215);
  39.   background-image: -o-linear-gradient(top, #fdedaa,  #c16215);
  40.   background-image: linear-gradient(to bottom, #fdedaa,  #c16215);
  41.   -webkit-border-radius: 6;
  42.   -moz-border-radius: 6;
  43.   border-radius: 6px;
  44.   text-shadow: 1px 2px 1px #d1d1b3;
  45.   -webkit-box-shadow: 0px 2px 2px #000000;
  46.   -moz-box-shadow: 0px 2px 2px #000000;
  47.   box-shadow: 0px 2px 2px #000000;
  48.   font-family: Arial;
  49.   color: #000000;
  50.   font-size: 20px;
  51.   padding: 5px 30px 5px 30px;
  52.   border: solid #e57334 1px;
  53.   text-decoration: none;
  54.     cursor:pointer;
  55. }
  56.  
  57. .btn_login:hover {
  58.   background: #c16215;
  59.   background-image: -webkit-linear-gradient(top,#c16215, #fdedaa);
  60.   background-image: -moz-linear-gradient(top, #c16215, #fdedaa);
  61.   background-image: -ms-linear-gradient(top, #c16215, #fdedaa);
  62.   background-image: -o-linear-gradient(top, #c16215, #fdedaa);
  63.   background-image: linear-gradient(to bottom, #c16215, #fdedaa);
  64.   text-decoration: none;
  65.   cursor:pointer;
  66. }
  67.  
  68.  
  69. .inputName {
  70.   background: #f5f4f0;
  71.  -webkit-border-radius: 2;
  72.   -moz-border-radius: 2;
  73.   border-radius: 2px;
  74.   text-shadow: 1px 2px 1px #d1d1b3;
  75.   -webkit-box-shadow: 0px 2px 2px #000000;
  76.   -moz-box-shadow: 0px 2px 2px #000000;
  77.   box-shadow: 0px 1px 1px #000000;
  78.   font-family: Arial;
  79.   color: #000000;
  80.   font-size: 20px;
  81.   padding: 5px 30px 5px 30px;
  82.   border: solid #e57334 1px;
  83.   text-decoration: none;
  84.  
  85. }
  86.  
  87.  
  88. img,td,div{
  89. -webkit-user-select: none;
  90. -khtml-user-select: none;
  91. -moz-user-select: none;
  92. -o-user-select: none;
  93. user-select: none;
  94. }
  95. .background_book {
  96.     font-family: 'Times New Roman', serif, 'Arial', 'Georgia'; 
  97.       background-color: #d39d5f;
  98. /*  background: url("../images/butoane_main/fundal_background.jpg");  */
  99.  
  100. }
  101. #background_buttons{
  102.     
  103.     position:absolute;
  104.     background: url("../images/butoane_main/bara.png") no-repeat;
  105.     margin:0;
  106.     padding:0px;
  107.     margin:0px;
  108.     top:0px; 
  109.     left:0px;
  110.     
  111.     width:1000px;
  112.     height:63px;
  113. }
  114.  
  115. .imgSel{
  116.     padding-top:10px;position:absolute;
  117.     left:10px;bottom:15px;width:20px
  118. }
  119.  
  120.  
  121. .imgTick{
  122.     padding-top:10px;position:absolute;
  123.     left:0px;width:20px
  124. }
  125.  
  126. .imgTick:hover{
  127.     padding-top:10px;
  128.     left:1px;width:20px
  129. }
  130.  
  131. .imgCross{
  132.     padding-top:10px;position:absolute;
  133.     left:25px;width:20px
  134. }
  135.  
  136. .imgCross:hover{
  137.     padding-top:10px;
  138.     left:26px;width:20px
  139. }
  140. #headerDiv{
  141.     position:relative;
  142.     padding:0px;
  143.     margin:0px;
  144.     top:0px; 
  145.     left:0px;
  146. }
  147.  
  148.  
  149. #potentiometer {
  150.     z-index: 2000;
  151.     position: absolute;
  152.     margin: 0;
  153.     background: url("../images/butoane_main/backgroundPotentiometer.png") no-repeat;
  154.     background-position:bottom; 
  155.     width: 164px;
  156.     height: 44px;
  157.     top:10px;
  158.     line-height:44px;
  159.     white-space: nowrap;
  160.     left:0px;
  161.     
  162. }
  163.  
  164. .controlRemove {
  165.     z-index:2000;
  166.     position: absolute;
  167.     background: url("../images/butoane_main/minus.png") no-repeat;
  168.     margin: 0;
  169.     display: inline-block;
  170.     border: 0;
  171.     width: 17px;
  172.     height: 4px;
  173.     line-height:4px;
  174.     white-space: nowrap;
  175.     left:10px;
  176.     top:20px;
  177. }
  178.  
  179. .controlRemove:hover {
  180.     z-index:2000;
  181.     position: absolute;
  182.     background: url("../images/butoane_main/minus2.png") no-repeat;
  183.     margin: 0;
  184.     width: 17px;
  185.     height: 4px;
  186.     
  187. }
  188.  
  189. .controlRemove:active {
  190.     position: absolute;
  191.     margin: 0;
  192. }
  193.  
  194. #mySlider {
  195.     z-index:2000;
  196.     position: absolute;
  197.     margin: 0;
  198.     width: 100px;
  199.     height:0px;
  200.     color:  #ed882d;
  201.     font-size: 40px;
  202.     font-weight: bold;
  203.     left:30px;
  204.     top:-5px;
  205. }
  206.  
  207.  
  208.  
  209. .controlAdd {
  210.     z-index:2000;
  211.     position: absolute;
  212.     background: url("../images/butoane_main/plus.png") no-repeat;
  213.     margin: 0;
  214.     display: inline-block;
  215.     border: 0;
  216.     width: 17px;
  217.     height: 15px;
  218.     line-height:15px;
  219.     white-space: nowrap;
  220.     right:5px;
  221.     top:14px;
  222. }
  223.  
  224. .controlAdd:hover {
  225.     position: absolute;
  226.     background: url("../images/butoane_main/plus2.png") no-repeat;
  227.     margin: 0;
  228.     width: 17px;
  229.     height: 15px;
  230.     
  231. }
  232.  
  233. .controlAdd:active {
  234.     position: absolute;
  235. }
  236.  
  237. #pagination {
  238.     z-index: 2000;
  239.     margin: 0;
  240.     position: absolute;
  241.     background: url("../images/butoane_main/backgroundPagination.png") no-repeat;
  242.     width: 442px;
  243.     height: 61px;
  244.     line-height:61px;
  245.     white-space: nowrap;
  246.     left:165px;
  247. }
  248.  
  249. .pagination .first {
  250.     z-index:2001;
  251.     position: absolute;
  252.     background: url("../images/butoane_main/dubla_sageata1.png") no-repeat;
  253.     margin: 0;
  254.     display: inline-block;
  255.     border: 0;
  256.     width: 44px;
  257.     height: 32px;
  258.     top: 13px;
  259.     line-height:32px;
  260.     white-space: nowrap;
  261.     left:40px
  262. }
  263.  
  264. .pagination .first:hover {
  265.     position: absolute;
  266.     background: url("../images/butoane_main/dubla_sageata2.png") no-repeat;
  267.     width: 44px;
  268.     height: 32px;
  269.     line-height:32px;
  270.     
  271. }
  272.  
  273. .pagination .first:active {
  274.     position: absolute;
  275.     top: 14px;
  276. }
  277.  
  278. .prev {
  279.     z-index:2001;
  280.     position: absolute;
  281.     background: url("../images/butoane_main/sageata1.png") no-repeat;
  282.     margin: 0;
  283.     display: inline-block;
  284.     border: 0;
  285.     width: 25px;
  286.     height: 32px;
  287.     top: 13px;
  288.     line-height:32px;
  289.     white-space: nowrap;
  290.     left:100px;
  291. }
  292.  
  293. .prev:hover {
  294.     position: absolute;
  295.     background: url("../images/butoane_main/sageata2.png") no-repeat;
  296.     width: 25px;
  297.     height: 32px;
  298.  
  299. }
  300.  
  301. .prev:active {
  302.     position: absolute;
  303.     top: 14px;
  304. }
  305. #text_span{
  306.     position:absolute;
  307.     white-space: nowrap;
  308.     left:140px;
  309.     color:black;
  310.     
  311. }
  312. .text_pagination {
  313.     z-index:2000;
  314.     position: absolute;
  315.     background: url("../images/butoane_main/inputPagination.png") no-repeat;
  316.     border: 0;
  317.     width: 48px;
  318.     height: 44px;
  319.     color:black;
  320.     font-weight:bold;
  321.     font: Times New Roman;
  322.     font-size:18px;
  323.     text-align: center;
  324.     top:7px;
  325.     line-height:20px;
  326.     /*cursor:pointer;*/
  327.     white-space: nowrap;
  328.     left:240px;
  329. }
  330.  
  331. #spanMaxPage{
  332.     position:absolute;
  333.     white-space: nowrap;
  334.     left:290px;
  335.     color:black;
  336. }
  337.  
  338. .pagination .next {
  339.     z-index:2000;
  340.     position: absolute;
  341.     background: url("../images/butoane_main/sageata3.png") no-repeat;
  342.     margin: 0;
  343. /*     display: inline-block; */
  344.     border: 0;
  345.     width: 25px;
  346.     height: 32px;
  347.     top: 13px;
  348.     line-height:32px;
  349.     white-space: nowrap;
  350.     left:320px;
  351. }
  352.  
  353. pagination .next:hover {
  354.     position: absolute;
  355.     background: url("../images/butoane_main/sageata4.png") no-repeat;
  356.     width: 25px;
  357.     height: 32px;
  358. }
  359.  
  360. pagination .next:active {
  361.     position: absolute;
  362.     top: 14px;
  363.     
  364. }
  365.  
  366. .pagination .last {
  367.     z-index:2000;
  368.     position: absolute;
  369.     background: url("../images/butoane_main/dubla_sageata4.png") no-repeat;
  370.     width: 44px;
  371.     height: 32px;
  372.     margin: 0;
  373.     display: inline-block;
  374.     border: 0;
  375.     top: 13px;
  376.     line-height:32px;
  377.     white-space: nowrap;
  378.     left:360px;
  379. }
  380.  
  381. .pagination .last:hover {
  382.     position: absolute;
  383.     background: url("../images/butoane_main/dubla_sageata3.png") no-repeat;
  384.     width: 44px;
  385.     height: 32px;
  386.     top: 13px;
  387.     line-height:32px;
  388. }
  389.  
  390. .pagination .last:active {
  391.     position: absolute;
  392.     top: 14px;
  393.     line-height:32px;
  394. }
  395.  
  396. .cuprins {
  397.     z-index: 2000;
  398.     position: absolute;
  399.     background: url("../images/butoane_main/cuprins1.png") no-repeat;
  400.     width: 116px;
  401.     height: 44px;
  402.     margin: 0;
  403.     display: inline-block;
  404.     border: 0;
  405.     top:10px;
  406.     left:605px;
  407. }
  408.  
  409. .cuprins:hover {
  410.     position: absolute;
  411.     background: url("../images/butoane_main/cuprins2.png") no-repeat;
  412.     width: 116px;
  413.     height: 44px;
  414.     top: 10px;
  415.     
  416. }
  417.  
  418. .cuprins:active {
  419.     position: absolute;
  420.     top: 11px;
  421. }
  422. .portofoliu {
  423.     z-index: 2000;
  424.     position: absolute;
  425.     background: url("../images/butoane_main/ajutor1.png") no-repeat;
  426.     width: 116px;
  427.     height: 44px;
  428.     margin: 0;
  429.     display: inline-block;
  430.     border: 0;
  431.     top: 10px;
  432.     left:725px;
  433. }
  434.  
  435. .portofoliu:hover {
  436.     position: absolute;
  437.     background: url("../images/butoane_main/ajutor2.png") no-repeat;
  438.     width: 116px;
  439.     height: 44px;
  440.     top: 10px;
  441. }
  442.  
  443. .portofoliu:active {
  444.     position: absolute;
  445.     top: 11px;
  446. }
  447.  
  448.  
  449. .rezultate {
  450.     z-index:2000;
  451.     position: absolute;
  452.     background: url("../images/butoane_main/rezultate1.png") no-repeat;
  453.     width: 116px;
  454.     height: 44px;
  455.     margin: 0;
  456.     display: inline-block;
  457.     border: 0;
  458.     top: 10px;top: 10px;
  459.     left:725px;left:845px
  460. }
  461.  
  462. .rezultate:hover {
  463.     position: absolute;
  464.     background: url("../images/butoane_main/rezultate2.png") no-repeat;
  465.     width: 116px;
  466.     height: 44px;
  467.     top: 10px; top: 10px;
  468.     left:725px;left:845px
  469. }
  470. .rezultate:active {
  471.     position: absolute;
  472.     top: 11px;top: 10px;
  473.     left:725px;left:845px
  474. }
  475. .coperta {
  476.     z-index: 2;
  477.     position: fixed;
  478.     cursor:pointer;
  479.     left:5%;
  480.     top: 50%;
  481. /*    background: url("../images/pagina/copertaE1.png") no-repeat;*/
  482.     width: 495px;
  483.     height: 622px;
  484.     margin-top:-311px;
  485.     margin-left:-297.5px;
  486.     
  487. }
  488.  
  489.     
  490. .btn_information {/*casti*/
  491.     z-index: 2;
  492.      background: url("../images/butoane_main/casti.png") no-repeat; 
  493.     background-size: cover;
  494.     margin: 0;
  495.     display: inline-block;
  496.     border: 0;
  497.     width: 50px;
  498.     height: 50px;
  499.     position: relative;
  500.     cursor:pointer;
  501. }
  502. .btn_information1 {/*casti*/
  503.     z-index: 2;
  504.      background: url("../images/butoane_main/casti.png") no-repeat; 
  505.     background-size: cover;
  506.     margin: 0;
  507.     display: inline-block;
  508.     border: 0;
  509.     width: 50px;
  510.     height: 50px;
  511.     position: relative;
  512.     cursor:pointer;
  513. }
  514. .btn_information:hover {
  515.     z-index: 2;
  516.     background: url("../images/butoane_main/casti.png") no-repeat;
  517.     margin: 0;
  518.     width: 50px;
  519.     height: 50px;
  520.     position: relative;
  521.     cursor:pointer;
  522. }
  523.  
  524. .btn_information:active {
  525.     z-index: 2;
  526.     margin: 0;
  527.     width: 50px;
  528.     height: 50px;
  529.     position: relative;
  530. }
  531.  
  532. .corner_left_down{
  533.     z-index: 3; 
  534.     position: absolute;
  535.     left:39px;
  536.     bottom:17px;
  537.     background: url("../images/butoane_main/corner_left_down2.png") no-repeat;
  538.     margin: 0;
  539.     display: inline-block;
  540.     width: 129px;
  541.     height: 233px;
  542.     
  543.     cursor:pointer;
  544. }
  545.  
  546. .corner_left_down:hover {
  547.     z-index: 3;
  548.     left:39px;
  549.     bottom:17px;
  550.     background: url("../images/butoane_main/corner_left_down1.png") no-repeat;
  551.     margin: 0;
  552.     width: 129px;
  553.     height: 233px;
  554.     position: absolute;
  555.     cursor:pointer;
  556. }
  557.  
  558. .corner_left_down:active {
  559.     z-index: 3;
  560.     left:39px;
  561.     bottom:17px;
  562.     margin: 0;
  563.     width: 129px;
  564.     height: 233px;
  565.     position: absolute;
  566.     cursor:pointer;
  567. }
  568.  
  569. .corner_left_up{
  570.     z-index: 3; 
  571.     position: absolute;
  572.     left:39px;
  573.     top:18px;
  574.     background: url("../images/butoane_main/corner_left_up2.png") no-repeat;
  575.     margin: 0;
  576.     display: inline-block;
  577.     width: 129px;
  578.     height: 233px;
  579.     cursor:pointer;
  580. }
  581.  
  582. .corner_left_up:hover {
  583.     z-index: 3; 
  584.     position: absolute;
  585.     left:39px;
  586.     top:18px;
  587.     background: url("../images/butoane_main/corner_left_up1.png") no-repeat;
  588.     margin: 0;
  589.     width: 129px;
  590.     height: 233px;
  591.     cursor:pointer;
  592. }
  593.  
  594. .corner_left_up:active {
  595.     z-index: 3;
  596.     left:39px;
  597.     top:18px;
  598.     position: absolute;
  599.     margin: 0;
  600.     width: 129px;
  601.     height: 233px;
  602.     cursor:pointer;
  603. }
  604.  
  605. .corner_right_up{
  606.     z-index: 3; 
  607.     position: absolute;
  608.     right:43px;
  609.     top:18px;
  610.     background: url("../images/butoane_main/corner_right_up2.png") no-repeat;
  611.     margin: 0;
  612.     display: inline-block;
  613.     width: 129px;
  614.     height: 233px;
  615.     cursor:pointer;
  616. }
  617.  
  618. .corner_right_up:hover {
  619.     z-index: 3; 
  620.     position: absolute;
  621.     right:43px;
  622.     top:18px;
  623.     background: url("../images/butoane_main/corner_right_up1.png") no-repeat;
  624.     margin: 0;
  625.     width: 129px;
  626.     height: 233px;
  627.     cursor:pointer;
  628. }
  629.  
  630. .corner_right_up:active {
  631.     z-index: 3;
  632.     position: absolute;
  633.     right:43px;
  634.     top:18px;
  635.     margin: 0;
  636.     width: 129px;
  637.     height: 233px;
  638.     cursor:pointer;
  639.         
  640. }
  641. .corner_right_down{
  642.     z-index: 3;
  643.     position: absolute;
  644.     right:43px;
  645.     bottom:17px;
  646.     background: url("../images/butoane_main/corner_right_down2.png") no-repeat;
  647.     margin: 0;
  648.     display: inline-block;
  649.     width: 129px;
  650.     height: 233px;
  651.     cursor:pointer;
  652. }
  653.  
  654. .corner_right_down:hover {
  655.     z-index: 3;
  656.     position: absolute;
  657.     right:43px;
  658.     bottom:17px;
  659.     background: url("../images/butoane_main/corner_right_down1.png") no-repeat;
  660.     margin: 0;
  661.     width: 129px;
  662.     height: 233px;
  663.     cursor:pointer;
  664.     
  665. }
  666.  
  667. .corner_right_down:active {
  668.     z-index: 3;
  669.     position: absolute;
  670.     right:43px;
  671.     bottom:17px;
  672.     margin: 0;
  673.     width: 129px;
  674.     height: 233px;
  675.     cursor:pointer;
  676. }
  677.  
  678.  
  679.  
  680. .play {
  681.     z-index: 3;
  682.      background: url("../images/litera_a/pause.png") no-repeat; 
  683.     margin: 0;
  684.     display: inline-block;
  685.     border: 0;
  686.     width: 29px;
  687.     height: 29px;
  688.     position: absolute;
  689. }
  690.  
  691.  
  692. .play:active {
  693.     position: absolute;
  694. }
  695.  
  696. .stop {
  697.     z-index: 2;
  698.      background: url("../images/litera_a/stop1.png") no-repeat; 
  699.     margin: 0;
  700.     display: inline-block;
  701.     border: 0;
  702.     width: 29px;
  703.     height: 29px;
  704.     position: absolute;
  705. }
  706.  
  707. .stop:hover {
  708.      background: url("../images/litera_a/stop2.png") no-repeat; 
  709.     width: 29px;
  710.     height: 29px;
  711.     position: absolute;
  712. }
  713.  
  714. .stop:active {
  715.     position: absolute;
  716.     top: 501px;
  717. }
  718.  
  719. .ui-dialog {
  720.     left: 0;
  721.     outline: 0 none;
  722.     padding: 0 !important;
  723.     margin: 0;
  724.     position: absolute;
  725.     top: 0;
  726. }
  727. .ui-dialog .ui-dialog-content .ui-widget-content{
  728.     padding: 0;margin: 0;
  729. }
  730.  
  731. #success {
  732.     padding: 0px;
  733.     margin: 0px; 
  734. }
  735.  
  736. .pagini{
  737.     opacity:0.5;
  738.     filter:alpha(opacity=40); /* For IE8 and earlier */
  739. }
  740.  
  741. .pagini:hover {
  742.     opacity:1.0;
  743.     filter:alpha(opacity=100); /* For IE8 and earlier */
  744. }
  745.  
  746. /* background-position: 0 0;error unchecked */
  747. /* background-position: 0px -49px;ok unchecked */
  748. /* background-position: 0px -97px;error checked */
  749. /* background-position: 0px -145px;ok checked */
  750. /* background-position: 0px -193px;hover unchecked */
  751. /* background-position: 0px -241px;checked */
  752. /* background-position: 0px -289px;unchecked */
  753.  
  754. .btn_games{
  755.  z-index:4000;
  756.  position:absolute;
  757.  cursor:pointer;
  758.  border-color:#E9646E;
  759.  border-color: rgba(233,100,110, 1);
  760.  -webkit-border-top-left-radius:10px;
  761.     -moz-border-radius-topleft:10px;
  762.     border-top-left-radius:10px;
  763.     -webkit-border-top-right-radius:10px;
  764.     -moz-border-radius-topright:10px;
  765.     border-top-right-radius:10px;
  766.     -webkit-border-bottom-right-radius:10px;
  767.     -moz-border-radius-bottomright:10px;
  768.     border-bottom-right-radius:10px;
  769.     -webkit-border-bottom-left-radius:10px;
  770.     -moz-border-radius-bottomleft:10px;
  771.     border-bottom-left-radius:10px;
  772.  background-color:#D96E31; 
  773.   background: rgba(217, 110, 49, 0.2); 
  774.  opacity:0.2;
  775.  border:2px solid;
  776.  padding:0; 
  777.  border-radius:20%20%20%20%20%; border-color:#E9646E;border-style:solid;
  778. }
  779. .btn_games:hover{
  780.     
  781.  z-index:4000;
  782.  position:absolute;
  783.  cursor:pointer;
  784.  border-color:#E9646E;
  785.  border-color: rgba(233,100,110, 0,5);
  786.  -webkit-border-top-left-radius:10px;
  787.     -moz-border-radius-topleft:10px;
  788.     border-top-left-radius:10px;
  789.     -webkit-border-top-right-radius:10px;
  790.     -moz-border-radius-topright:10px;
  791.     border-top-right-radius:10px;
  792.     -webkit-border-bottom-right-radius:10px;
  793.     -moz-border-radius-bottomright:10px;
  794.     border-bottom-right-radius:10px;
  795.     -webkit-border-bottom-left-radius:10px;
  796.     -moz-border-radius-bottomleft:10px;
  797.     border-bottom-left-radius:10px;
  798.  background-color:#D96E31;
  799.  background: rgba(217, 110, 49,0.3); 
  800.  opacity:0.3;
  801.  border:6px solid;
  802.  padding:0;
  803. border-radius:20%20%20%20%20%;border-color:#E9646E;border-style:solid;
  804. }
  805.  
  806.  
  807. .btn_games:active {
  808.  z-index:4000;
  809.  position:absolute;
  810.  cursor:pointer;
  811. border-color:#E9646E;
  812.  border-color: rgba(233,100,110, 1);
  813.  -webkit-border-top-left-radius:20px;
  814.  -webkit-border-top-left-radius:20px;
  815.  -moz-border-radius-topleft:20px;
  816.  border-top-left-radius:20px;
  817.  -webkit-border-top-right-radius:20px;
  818.  -moz-border-radius-topright:20px;
  819.  border-top-right-radius:20px;
  820.  -webkit-border-bottom-right-radius:20px;
  821.  -moz-border-radius-bottomright:20px;
  822.  border-bottom-right-radius:20px;
  823.  -webkit-border-bottom-left-radius:20px;
  824.  -moz-border-radius-bottomleft:20px;
  825.  border-bottom-left-radius:20px;
  826. background-color:#D96E31; 
  827.   background: rgba(217, 110, 49, 0.4); 
  828.  opacity:0.4;
  829.  border:4px solid;
  830.  padding:0;
  831.  border-radius:20%20%20%20%20%; border-color:#E9646E;border-style:solid;
  832. }
  833.  
  834. .btn_complex {
  835.     z-index: 4;
  836.     position:absolute;
  837.     width: 110px; height: 69px; 
  838.     background: url("../images/logo/comlex.gif") no-repeat;
  839.     margin: 0;
  840.     display: inline-block;
  841.     border:0;
  842. }
  843. .btn_interactiv {
  844.     z-index: 4;
  845.     position:absolute;
  846.     width: 110px; height: 69px; 
  847.     background: url("../images/logo/interactiv.gif") no-repeat;
  848.     margin: 0;
  849.     display: inline-block;
  850.     border:0;
  851. }
  852.  
  853. .btn_audio {
  854.     z-index: 4;
  855.     position:absolute;
  856.     width: 110px; height: 69px; 
  857.     background: url("../images/logo/audio.gif") no-repeat;
  858.     margin: 0;
  859.     display: inline-block;
  860.     border:0;
  861. }
  862.  
  863.  
  864. .btn_puzzle {
  865.     z-index:4;
  866.     position:absolute;
  867.     width: 110px; height: 69px; 
  868.     background: url("../images/logo/puzzle.gif") no-repeat;
  869.     margin: 0;
  870.     display: inline-block;
  871.     border:0;
  872. }
  873.  
  874. .btn_bifeaza {
  875.     z-index:4;
  876.     position:absolute;
  877.     width: 110px; height: 69px; 
  878.     background: url("../images/logo/bifeaza.gif") no-repeat;
  879.     margin: 0;
  880.     display: inline-block;
  881.     border:0;
  882.     
  883. }
  884.  
  885. .btn_coloreaza {
  886.     z-index:4;
  887.     position:absolute;
  888.     width: 110px; height: 69px; 
  889.     background: url("../images/logo/coloreaza.gif") no-repeat;
  890.     margin: 0;
  891.     display: inline-block;
  892.     border:0;
  893. }
  894.  
  895. .btn_incercuieste {
  896.     z-index:4;
  897.     position:absolute;
  898.     width: 110px; height: 69px;  
  899.     background: url("../images/logo/incercuieste.gif") no-repeat;
  900.     margin: 0;
  901.     display: inline-block;
  902.     border:0;
  903.     }
  904.  
  905. .btn_observa {
  906.     z-index:4;
  907.     position:absolute;
  908.     width: 110px; height: 69px;  
  909.     background: url("../images/logo/observa.gif") no-repeat;
  910.     margin: 0;
  911.     display: inline-block;
  912.     border:0;
  913. }
  914.  
  915. .btn_save {
  916.     z-index:4;
  917.     position:absolute;
  918.     width: 110px; height: 69px;  
  919.     background: url("../images/logo/active.gif") no-repeat;
  920.     margin: 0;
  921.     display: inline-block;
  922.     border:0;
  923. }
  924.  
  925. .btn_scrie {
  926.     z-index:4;
  927.     position:absolute;
  928.     width: 110px; height: 69px;  
  929.     background: url("../images/logo/scrie.gif") no-repeat;
  930.     margin: 0;
  931.     display: inline-block;
  932.     border:0;
  933. }
  934.  
  935. .btn_subliniaza {
  936.     z-index:4;
  937.     position:absolute;
  938.     width: 110px; height: 69px;  
  939.     background: url("../images/logo/subliniaza.gif") no-repeat;
  940.     margin: 0;
  941.     display: inline-block;
  942.     border:0;
  943.     cursor:pointer;
  944. }
  945.  
  946. .btn_video {
  947.     z-index:4;
  948.     position:absolute;
  949.     width: 110px; height: 69px;  
  950.     background: url("../images/logo/video.gif") no-repeat;
  951.     margin: 0;
  952.     display: inline-block;
  953.     border:0;
  954. }
  955.  
  956.