menu.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. * {
  2. outline: none;
  3. }
  4. html, body {
  5. height: 100%;
  6. margin: 0;
  7. padding: 0;
  8. overflow-y: hidden;
  9. }
  10. body {
  11. background: #FFFFFF;
  12. font-family: 'Open Sans', sans-serif;
  13. font-size: 11px;
  14. }
  15. b, strong {
  16. font-weight: 700;
  17. }
  18. span {
  19. border: 0;
  20. }
  21. #header {
  22. top: 0px;
  23. height: 85px;
  24. width: 100%;
  25. position: absolute;
  26. overflow: hidden;
  27. }
  28. #header_container{
  29. margin-left: auto;
  30. margin-right: auto;
  31. min-width: 320px;
  32. width: auto;
  33. max-width: 1156px;
  34. height: 100%;
  35. padding: 0px 15px 0px 15px;
  36. position: relative;
  37. }
  38. #header_inner {
  39. margin-left: -15px;
  40. margin-right: -15px;
  41. line-height: 24px;
  42. }
  43. /* Estilos para IE11+ */
  44. @media screen and (-ms-high-contrast: none) {
  45. #header_inner {
  46. margin-left: -7px;
  47. margin-right: -7px;
  48. line-height: 24px;
  49. }
  50. }
  51. #header_inner_l1 {
  52. top: 8px;
  53. left: 15px;
  54. background:url(layout/global/header_logo_1.png) no-repeat;
  55. height: 70px;
  56. width: 260px;
  57. display: inline-block;
  58. clear: none;
  59. position: relative;
  60. }
  61. #header_inner_l2 {
  62. top: 7px;
  63. left: 33px;
  64. background: none;
  65. height: 32px;
  66. width: 127px;
  67. display: inline-block;
  68. clear: none;
  69. position: relative;
  70. }
  71. #header_user_container {
  72. right: 0px;
  73. margin-top: -78px;
  74. margin-left: -15px;
  75. margin-right: 15px;
  76. background: none;
  77. height: 78px;
  78. width: 100%;
  79. text-align: right;
  80. line-height: 24px;
  81. display: block;
  82. clear: none;
  83. position: absolute;
  84. }
  85. #header_inner_user_container_table {
  86. top: 30px;
  87. background: none;
  88. height: 40px;
  89. width: auto;
  90. color: #5C5C5C;
  91. font-family: Poppins, ​Helvetica, ​sans-serif;
  92. font-size: 14px;
  93. font-weight: 200;
  94. line-height: 20px;
  95. display: inline-block;
  96. clear: none;
  97. float:right;
  98. position: relative;
  99. }
  100. #header_inner_user_container_table strong {
  101. font-weight: 300;
  102. margin-right: 5px;
  103. }
  104. #header_inner_user_container_table span.salir {
  105. margin-bottom: -2px;
  106. background: url(layout/site/menu_salir.gif) no-repeat;
  107. min-height: 16px;
  108. min-width: 16px;
  109. display: inline-block;
  110. cursor: pointer;
  111. }
  112. #header_inner_user_container_table span.division {
  113. margin-left: 5px;
  114. margin-right: 5px;
  115. }
  116. #header_inner_user_container_table span.l2 {
  117. color: #8B8B8B;
  118. font-size: 12px;
  119. }
  120. #header_inner_user_container_table span.l2 a {
  121. background: none;
  122. color: #8B8B8B;
  123. text-decoration: none;
  124. }
  125. #header_inner_user_container_table span.l2 a:hover {
  126. text-decoration: underline;
  127. }
  128. #wrapper_bg {
  129. top: 87px;
  130. background:url(layout/site/wrapper_bg.gif) repeat-x;
  131. height: 81px;
  132. width: 100%;
  133. position:absolute;
  134. }
  135. #wrapper_bg_container {
  136. margin-left: auto;
  137. margin-right: auto;
  138. min-width: 320px;
  139. width: auto;
  140. max-width: 1156px;
  141. height: 100%;
  142. padding: 0px 15px 0px 15px;
  143. position: relative;
  144. }
  145. #wrapper_bg_container_title {
  146. padding-top: 5px;
  147. padding-bottom: 5px;
  148. right: 15px;
  149. height: 27px;
  150. width: 100%;
  151. color: #636363;
  152. font-family: Poppins, ​Helvetica, ​sans-serif;
  153. font-size: 30px;
  154. font-weight: 200;
  155. line-height: 40px;
  156. text-align: right;
  157. overflow: hidden;
  158. position: absolute;
  159. clear: none;
  160. margin-right: 25px;
  161. }
  162. @media only screen and (min-width: 1200px) {
  163. #wrapper_container
  164. ,#header_container
  165. ,#wrapper_bg_container{
  166. margin-left: 0;
  167. margin-right: 0;
  168. max-width: 100%;
  169. }
  170. }