Advertisement
Guest User

Untitled

a guest
Feb 12th, 2011
1,502
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.64 KB | None | 0 0
  1. body {
  2. background:#D3D4D6 url(../images/body_bg.jpg) repeat-x scroll 0 0;
  3. margin:0;
  4. padding:0;
  5. font:12px Arial, Helvetica, sans-serif;
  6. }
  7.  
  8. /*--------CONTAINER-------*/
  9. .container {
  10. width:910px;
  11. margin:auto;
  12. }
  13.  
  14. .topo{
  15. background-color:#FFFFFF;
  16. z-index:2;
  17. padding-top: 5px;
  18. padding-right: 0px;
  19. padding-bottom: 0px;
  20. padding-left: 10px;
  21. width:900px;
  22. }
  23.  
  24. .logo {
  25. width:290px;
  26. padding-bottom:10px;
  27. background:url(../images/logo1.png) no-repeat;
  28. }
  29.  
  30. /*---------MENU---------*/
  31. #menu {
  32. background: url(../images/bg_menu.png) repeat-x;
  33. border-radius: 5px;
  34. width: 100%;
  35. margin-top: 5px;
  36. margin-bottom: 5px;
  37. height:73px;
  38. text-align: center;
  39.  
  40. }
  41.  
  42. #menu li {
  43. float: left;
  44. list-style: none;
  45. height: 68px; line-height: 68px;
  46. width: 120px;
  47. display:inline;
  48. }
  49.  
  50. #menu a {
  51. color: #fff;
  52. display: inline-block;
  53. height: 68px; line-height: 68px;
  54. text-decoration: none;
  55. font:bold 13px Arial, Helvetica, sans-serif;
  56. }
  57.  
  58. #menu :hover{
  59. text-decoration: none;
  60. color: #FFFFFF;
  61. /*height: 40px;
  62. line-height: 40px;*/
  63. background-image: url(../images/menu_over.jpg);
  64. background-repeat: no-repeat;
  65. background-position: center top;
  66. }
  67.  
  68. /*--------SLIDER SHOW-------*/
  69.  
  70. .banner {
  71. height:270px;
  72. color:#FFF;
  73. text-align:center;
  74. padding-top: 0px;
  75. padding-right: 0px;
  76. padding-bottom: 0px;
  77. padding-left: 0px;
  78. width:910px;
  79. /*background:url(../images/banner_bg.jpg) no-repeat scroll 0 0;*/
  80. }
  81.  
  82. .boxConteudoGeral {
  83. /*width:502px;*/
  84. width:907px;
  85. padding-top: 2px;
  86. padding-right: 0px;
  87. padding-bottom: 5px;
  88. padding-left: 0px;
  89. margin-left:3px;
  90. position:relative;
  91. }
  92.  
  93. /*------- INICIO DO TEXTO BEM VINDO DO CONTEUDO --------*/
  94. .arrumaTextoConteudo {
  95. color:#000000;
  96. font:13px "Trebuchet MS";
  97. margin-left:15px;
  98. margin-right:15px;
  99. }
  100. .arrumaTextoConteudo h2 {
  101. background:url(../images/h2_welcome.jpg) no-repeat scroll left 5px;
  102. font: bold 18px Cambria;
  103. padding:35px 0 35px 50px;
  104. }
  105. .arrumaTextoConteudo p {
  106. font: 13px Arial, Helvetica, sans-serif;
  107. padding-bottom:21px;
  108. }
  109. .arrumaTextoConteudo p span {
  110. color:#237773;
  111. font-weight:bold;
  112. }
  113. .arrumaTextoConteudo p a {
  114. color:#237773;
  115. text-decoration:underline;
  116. }
  117.  
  118. .objFlutuanteEsquerda{
  119. float:left;
  120. }
  121. /*------- FIM DO TEXTO BEM VINDO DO CONTEUDO --------*/
  122.  
  123. /* INICIO Background Conteudo */
  124.  
  125. .fundo {
  126. background:url(../images/gray_tb.jpg) 0px top repeat-x #F8F8F8;
  127. }
  128. .bordaBottomDireito{
  129. background:url(../images/gray_bb.jpg) 0px bottom repeat-x;
  130. }
  131. .bordaTopDireito{
  132. background:url(../images/gray_rb.jpg) right 0px repeat-y;
  133. }
  134. .bordaBottomEsquerdo{
  135. background:url(../images/gray_lb.jpg) 0px 0px repeat-y;
  136. }
  137. .bordaTopEsquerdo {
  138. background:url(../images/gray_tlc.jpg) left top no-repeat;
  139. }
  140. .bordaLateral1{
  141. background:url(../images/gray_trc.jpg) right 0px no-repeat;
  142. }
  143. .bordaLateral2{
  144. background:url(../images/gray_blc.jpg) left bottom no-repeat;
  145. }
  146. .bordaLateral3{
  147. background:url(../images/gray_brc.jpg) right bottom no-repeat;
  148. padding:20px 22px 24px 16px;
  149. }
  150. * html .cls100_p{
  151. width:100%;
  152. }
  153. .cls100_p{
  154. height:1%;
  155. }
  156.  
  157. /* FIM background Conteudo */
  158.  
  159.  
  160. /* Inicio dos três box */
  161.  
  162. .containerBoxes {
  163. margin:10px 0 0 6px;
  164. }
  165. .arrumaBoxes:after {
  166. content: ".";
  167. display: block;
  168. clear: both;
  169. visibility: hidden;
  170. line-height: 0;
  171. height: 0;
  172. }
  173. .arrumaBoxes {
  174. display: inline-block;
  175. }
  176.  
  177. html[xmlns] .arrumaBoxes {
  178. display: block;
  179. }
  180.  
  181. * html .arrumaBoxes {
  182. height: 1%;
  183. }
  184.  
  185. .box {
  186. margin-right:17px;
  187. margin-bottom:5px;
  188. width:276px;
  189. }
  190.  
  191. .boxUltimo {
  192. width:276px;
  193. }
  194.  
  195. .inner_t {
  196. background:url(../images/inner_tb.jpg) 0px top repeat-x #ffffff;
  197. }
  198. .inner_b{
  199. background:url(../images/inner_bb.jpg) 0px bottom repeat-x;
  200. }
  201. .inner_r{
  202. background:url(../images/inner_rb.jpg) right 0px repeat-y;
  203. }
  204. .inner_l{
  205. background:url(../images/inner_lb.jpg) 0px 0px repeat-y;
  206. }
  207. .inner_tl {
  208. background:url(../images/inner_tlc.jpg) left top no-repeat;
  209. }
  210. .inner_tr{
  211. background:url(../images/inner_trc.jpg) right 0px no-repeat;
  212. }
  213. .inner_bl{
  214. background:url(../images/inner_blc.jpg) left bottom no-repeat;
  215. }
  216. .inner_br{
  217. background:url(../images/inner_brc.jpg) right bottom no-repeat;
  218. padding:26px 10px 9px 10px;
  219. }
  220. /* Fim dos três box */
  221.  
  222.  
  223. /* RODAPE - INICIO */
  224. #rodape
  225. {
  226. margin:0 0 20px 3px;
  227. padding-top:3px;
  228. color:#FFF;
  229. }
  230. .rodape_esquerdo {
  231. padding-left:5px;
  232. background:url(../images/footer_left.jpg) no-repeat scroll left;
  233. }
  234. .rodape_direito {
  235. padding-right:5px;
  236. background:url(../images/footer_right.jpg) no-repeat scroll right;
  237. }
  238. .rodape_central {
  239. height:55px;
  240. width:897px;
  241. background:url(../images/footer_center.jpg) repeat-x scroll center;
  242. }
  243. #rodape ul {
  244. padding:20px;
  245. float:right;
  246. }
  247. #rodape li {
  248. display:inline;
  249. }
  250. #rodape li a {
  251. color:#FFF;
  252. }
  253. #rodape p {
  254. padding:20px;
  255. float:left;
  256. }
  257. #rodape .barra a {
  258. background:url(../images/footer_nav_border.jpg) no-repeat right center;
  259. padding:0 5px;
  260. margin:0;
  261. }
  262. #rodape .sem_barra a {
  263. background:none;
  264. }
  265.  
  266. /* RODAPE - FIM */
  267.  
  268.  
  269.  
  270. /* Animação inicio */
  271. #slider1 {
  272. /* width: 720px; important to be same as image width */
  273. /* height: 300px; /* important to be same as image height */
  274.  
  275. /* width: 560px; important to be same as image width
  276. height: 250px; important to be same as image height */
  277.  
  278. width: 910px; /*important to be same as image width */
  279. height:270px;/* important to be same as image height */
  280.  
  281. position: relative; /* important */
  282. overflow: hidden; /* important */
  283. margin:auto;
  284. }
  285.  
  286. #slider1Content {
  287. /* width: 720px; important to be same as image width or wider */
  288. /* width: 100%;
  289. position: absolute;
  290. top: 0;
  291. margin-left: 0;*/
  292. width: 910px;
  293. position: absolute;
  294. top: 0;
  295. left: 0;
  296. }
  297. .slider1Image {
  298. /*float: left;
  299. position: relative;
  300. display: none;*/
  301.  
  302. float: none;
  303. position: relative;
  304. display: none;
  305. margin: 0px;
  306. }
  307.  
  308. ul{
  309. padding:0px;
  310. margin: 0px;
  311. }
  312. .slider1Image span {
  313. position: absolute;
  314. font: 10px/15px Arial, Helvetica, sans-serif;
  315. padding: 10px 13px;
  316. width: 910px;
  317. background-color: #000;
  318. /*filter: alpha(opacity=70);*/
  319. /* Internet Explorer Opacidade */
  320. filter: alpha(opacity=0);
  321. -moz-opacity: 0.7;
  322. -khtml-opacity: 0.7;
  323. /* Safari Opacidade */
  324. opacity: 0.0;
  325. color: #fff;
  326. display: none;
  327. }
  328. .clear {
  329. clear: both;
  330. }
  331. .slider1Image span strong {
  332. font-size: 14px;
  333. }
  334. .left {
  335. top: 0;
  336. left: 0;
  337. width: 110px !important;
  338. height: 280px;
  339. }
  340. .right {
  341. right: 0;
  342. bottom: 0;
  343. width: 120px !important;
  344. height: 40px;
  345. }
  346. /* Animação Fim */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement