Advertisement
Guest User

Untitled

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