home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 December / Chip_2003-12_cd1.bin / tema / 602 / html / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-10-30  |  5.7 KB  |  312 lines
  1. /* ---- general ---- */
  2. body {
  3.     margin : 0px;
  4.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  5.     font-size : 11px;
  6. }
  7. img {
  8.     border : 0px;
  9. }
  10. p {
  11.     margin : 3px 10px 5px 10px;
  12.     line-height: 15px;
  13.     text-align: justify;
  14. }
  15. .align_center {
  16.     text-align : center;
  17. }
  18. .align_right {
  19.     text-align : right;
  20. }
  21. h1, h2, h3, h4 {
  22.     font-family: Verdana, "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
  23.     clear : both;
  24. }
  25. h1 {
  26.     font-size : 18px;
  27.     color : #1C79B6;
  28.     margin : 10px 0px 5px 10px;
  29. }
  30.  
  31. h2 {
  32.     font-size : 15px;
  33.     color : #1C79B6;
  34.     margin : 10px 0px 3px 10px;
  35. }
  36. h3 {
  37.     font-size : 12px;
  38.     color : #1C79B6;
  39.     margin : 10px 0px 3px 10px;
  40. }
  41. h4 {
  42.     font-size : 12px;
  43.     margin : 10px 0px 3px 10px;
  44. }    
  45.  
  46. a {
  47.     color : #004C7F;
  48.     text-decoration : underline;
  49.     font-weight : bold;
  50. }
  51. a:hover {
  52.     color : #999999;
  53. }
  54. ul {
  55.     padding : 0px;
  56.     margin : 0em 1em 1.2em 2.6em;
  57.     line-height: 15px;
  58. }
  59. ol {
  60.     padding : 0px;
  61.     margin : 0em 1em 1.2em 3.3em;
  62.     line-height: 15px;
  63.     
  64. }
  65. ol ul {
  66.     list-style-type: disc;
  67.     margin-left: 1.5em;
  68.     
  69. }
  70. ol ol {
  71.     margin-left: 2.3em;
  72.  
  73. }
  74.  
  75. ul.right_menu {
  76.         margin : 0px 0px 25px 5px; /* moje zmena bylo 0 5 25 10*/
  77.     list-style : none;
  78.     /*border-top : 1px dotted Black;*/
  79.     background-image: url(horizontal_bar.gif);
  80.     background-position: top left;
  81.     background-repeat: repeat-x;
  82. }
  83. #left ul.right_menu {
  84.     margin : 0px 5px 25px 0px; 
  85. }
  86. ul.right_submenu {
  87.     margin : 0px 0px 0px 0px;
  88.     list-style : none;
  89. }
  90. ul.right_menu li {
  91.     /*border-bottom : 1px dotted Black;*/
  92.     background-image: url(horizontal_bar.gif);
  93.     background-position: bottom left;
  94.     background-repeat: repeat-x;
  95.     line-height : 18px;
  96.     font-weight : bold;
  97.     font-size: 10px;
  98. }
  99. ul.right_submenu li {
  100.     /*border-top : 1px dotted Black;*/
  101.     background-image: url(horizontal_bar.gif);
  102.     background-position: top left;
  103.     background-repeat: repeat-x;
  104.     border-bottom : 0px;
  105.         /*    text-indent : 15px; */
  106.         margin-left:10px;  /*    moje pridano */
  107.     font-size: 10px;
  108. }
  109. ul.right_menu li a {
  110.     color : #4091BE;
  111.     text-decoration : none;
  112. }
  113. ul.right_menu li a:hover {
  114.     color : #4091BE;
  115.     text-decoration : underline;
  116. }
  117. ul.right_submenu li a {
  118.     color : #C24C28;
  119. }
  120. ul.right_submenu li a:hover {
  121.     color : #C24C28;
  122. }
  123. p#s602_copy {
  124.     width : 140px;
  125.     float : left;
  126.     text-align : center;
  127.     color : #999999;
  128.     margin : 5px 0px 5px 0px;
  129. }
  130. p#bottom_menu_center {
  131.     width : 460px;
  132.     float : left;
  133.     text-align : center;
  134.     margin : 5px 0px 5px 0px;
  135. }
  136. p#bottom_menu_right {
  137.     width : 140px;
  138.     float : left;
  139.     text-align : center;
  140.     margin : 5px 0px 5px 0px;
  141. }
  142. p#bottom_menu_center a, p#bottom_menu_right a {
  143.     font-weight : normal;
  144. }
  145. .clear_both {
  146.     clear: both;
  147. }
  148. /* ---- /general ---- */
  149.  
  150. /* ---- page layout ---- */
  151. #page_box {
  152.     width : 740px;
  153.     position : relative;
  154.             top : 0px; /* moje bylo 8px */
  155.     left : 50%;
  156.     margin-left : -370px;
  157. }
  158. #page_header {
  159.     width : 740px;
  160.     height : 105px;
  161.     /*border-bottom : 1px dotted Black;*/
  162.     background-image : url(menu_bg.gif); 
  163.     background-repeat : no-repeat;
  164.     background-position : top right;
  165.     margin-bottom: 10px;
  166. }
  167. #left {
  168.     width : 150px;
  169.     float : left;
  170. }
  171. #main {
  172.     width : 428px; /* bylo 545 */
  173.     margin-left : 5px;
  174.     float : left;
  175.     /* border-left : 1px dotted Black;
  176.     border-right : 1px dotted Black; */
  177.  background-image: url(vertical_bar.gif); */
  178.     background-position: top;
  179.     background-repeat: repeat-y;
  180. }
  181. #main_wide {
  182.     width : 583px;
  183.     float : left;
  184.     background-image: url(vertical_bar_left.gif);
  185.     background-position: top left;
  186.     background-repeat: repeat-y;
  187. }
  188. #right {
  189.     width : 150px;
  190.     margin-left : 5px;
  191.     float : right;
  192. }
  193. #page_footer {
  194.     width : 740px;
  195.     height: 30px;
  196.     clear : both;
  197.     margin-top : 5px;
  198.     /*border-top : 1px dotted Black;*/
  199.     background-image: url(horizontal_bar.gif);
  200.     background-position: top left;
  201.     background-repeat: repeat-x;
  202. }
  203. #logo {
  204.     position : absolute;
  205.     top : 6px;
  206.     left : 48px;
  207. }
  208.     
  209. #path {
  210.     position : absolute;
  211.     top : 84px;
  212.     left : 90px;
  213.     line-height : 16px;
  214. }
  215. #path a {
  216.     font-weight : bold;
  217. }
  218.  
  219. h2.menu_title {
  220.     margin : 10px 0px 5px 5px;
  221.     color : black;
  222.     font-size : 11px;
  223. }
  224. #left h2.menu_title {
  225.     margin : 10px 10px 5px 0px;
  226. }
  227.  
  228.     
  229. /*---------------------------------------------------------------------- LAYOUT---*/
  230. #container {
  231. /*    border: 1px solid gray; */
  232.     width: 712px;
  233.     margin: 10px;
  234.     margin-top: 0px;
  235.     margin-left: auto;
  236.     margin-right: auto;
  237. }
  238. #menu {
  239.     font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  240.     font-size: 10px;
  241.     font-weight: bold;    
  242.     height: 70px;
  243.     text-align:left;
  244.     background : url(back_menu.gif);
  245. }
  246.  
  247.  
  248. /*----------------------------------------------------------------------MENU ---*/
  249.  
  250. #menu ul, #menu ol, #menu li, img {
  251.     margin: 0;    padding: 0;
  252.     border: none;
  253. }
  254.  
  255. #menu  ul.menu {
  256. /*    border: 1px solid gray; */
  257.     font-weight: bold;
  258.     line-height: normal;
  259.     margin-left: 65px;
  260.     margin-top:45px;
  261.     float: left;
  262. }
  263. #menu  ul.menu li {
  264.     font-weight: bold;
  265.     display : inline;
  266.     list-style : none;
  267.     font-size: 110%;
  268.     color: #FFF;
  269.     text-transform : uppercase;
  270. }
  271. #menu  ul.menu li a, #menu  ul.menu li a:visited {
  272.     color: #FFF;
  273.     font-weight: bold;
  274.     text-decoration : none;
  275. }
  276. #menu  ul.menu li a:hover {
  277.     color: #FF6600;
  278.     font-weight: bold;
  279.     text-decoration : none;
  280. }
  281. #menu .tel {
  282.     width:184px;
  283.     height:34px;
  284.     float: right;
  285.     margin-top:35px;
  286. }
  287.  
  288. /*----------------------------------------------------------------------OTHERS ---*/
  289. .left {
  290.     float : left;
  291. }
  292. .right {
  293.     float : right;
  294. }
  295.  
  296. #footer {
  297.     clear: both;
  298.     height:34px;
  299.     padding: 0 20px;
  300.     background : url(back_footer.gif) no-repeat bottom;
  301. }
  302.  
  303. #footer a, #footer p {
  304.     margin-top:15px;
  305.     color:white;
  306.     font-weight:normal;
  307.     }
  308.     
  309. #srovnani td 
  310. {
  311. padding: 3px;
  312. }