Ver Mensaje Individual
  #8 (permalink)  
Antiguo 15/07/2013, 05:04
albertcla_89
 
Fecha de Ingreso: junio-2013
Mensajes: 16
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: No encuentra CSS

Código CSS:
Ver original
  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4. *   {
  5.     padding:0px;
  6.     margin:0 auto;
  7. }
  8.  
  9. body    {
  10.     background-image:url(../img/background1.jpg);
  11.     background-repeat:repeat-x;
  12. }
  13.  
  14. #contingut  {
  15.     position:relative;
  16.     width:1024px;
  17.     height:auto;
  18.     font-family:'Abel', sans-serif;
  19. }
  20.  
  21. #top    {
  22.     height:331px;
  23.     position:relative;
  24.     background-image:url(../img/backgroundtop.jpg);
  25.     background-repeat:no-repeat;
  26. }
  27.  
  28. #menu   {
  29.     background-color:#BF2C39;
  30.     font-size:18px;
  31.     height:30px;
  32.     width:350px;
  33.     left:385px;
  34.     position:absolute;
  35.     float:left;
  36.     padding-top:10px;
  37.     padding-left:25px;
  38. }
  39.  
  40. #menueng    {
  41.     background-color:#BF2C39;
  42.     font-size:18px;
  43.     height:30px;
  44.     width:350px;
  45.     left:395px;
  46.     position:absolute;
  47.     float:left;
  48.     padding-top:10px;
  49.     padding-left:30px;
  50. }
  51.  
  52. #menuidiomes    {
  53.     background-color:#6271A0;
  54.     font-size:18px;
  55.     height:30px;
  56.     width:160px;
  57.     position:absolute;
  58.     left:760px;
  59.     float:left;
  60.     padding-top:10px;
  61.     padding-left:25px;
  62. }
  63.  
  64. #menuidiomes li{
  65.     margin-right:25px;
  66.     float:left;
  67. }
  68.  
  69. #menuidiomeseng li{
  70.     margin-right:25px;
  71.     float:left;
  72. }
  73.  
  74. #menuidiomesfra li{
  75.     margin-right:25px;
  76.     float:left;
  77. }
  78.  
  79. #menu li{
  80.     margin-right:25px;
  81.     float:left;
  82. }
  83.  
  84. #menueng li{
  85.     margin-right:35px;
  86.     float:left;
  87. }
  88.  
  89. #menufra li{
  90.     margin-right:25px;
  91.     float:left;
  92. }
  93.  
  94.  
  95. li  {
  96.     list-style-type:none;
  97.     float:left;
  98. }
  99.  
  100. #idiomes li{
  101.     margin-right:10px;
  102.    
  103. }
  104.  
  105. #top{
  106.     color:white;
  107.     text-decoration:none;
  108. }
  109.  
  110. .titols {
  111.     font-size:24px;
  112.     padding-left:40px;
  113. }
  114.  
  115.  
  116. #quiensomos {
  117.     height:438px;
  118.     position:relative;
  119.     width:1024px;
  120.     text-align:justify;
  121. }
  122.  
  123. #portada    {
  124.     left:470px;
  125.     top:115px;
  126.     width:400px;
  127.     height:150px;
  128.     position:absolute;
  129.     font-size:18px;
  130.     color:#51638E;
  131.     text-align:center;
  132. }
  133.  
  134. .MyLife {
  135.     font-size:24px;
  136. }
  137.  
  138. #text1  {
  139.     padding-top:40px;
  140.     font-size:18px;
  141.     color:white;
  142.     width:415px;
  143.     position: absolute;
  144.     left:45px;
  145.     float:left;
  146. }
  147.  
  148. .espai  {
  149.     font-size:8px;
  150. }
  151.  
  152. #text1fra   {
  153.     padding-top:40px;
  154.     font-size:18px;
  155.     color:white;
  156.     width:415px;
  157.     position: absolute;
  158.     left:45px;
  159.     float:left;
  160. }
  161.  
  162. #text2  {
  163.     margin-left:80px;
  164.     padding-top:95px;
  165.     font-size:18px;
  166.     color:white;
  167.     width:415px;
  168.     position:absolute;
  169.     right:70px;
  170. }
  171.  
  172. #productos  {
  173.     height:600px;
  174.     position:relative;
  175. }
  176.  
  177. #contproductes  {
  178.     padding-top:40px;
  179.     font-size:16px;
  180.     color:white;
  181.     width:960px;
  182.     position: absolute;
  183.     left:45px;
  184.     height:562px;
  185. }
  186.  
  187. #pro1   {
  188.     left: 265px;
  189.     top: 50px;
  190.     height: 253px;
  191.     width: 253px;
  192.     background-image: url(../img/rodonaalarm.png);
  193.     position: absolute;
  194. }
  195.  
  196. #pro1:hover  {
  197.     background-image: url(../img/overalarm1.png);
  198.     width:285px;
  199.     height:285px;
  200.     left:250px;
  201.     top:35px;
  202. }
  203.  
  204. #pro2   {
  205.     left: 665px;
  206.     top: 50px;
  207.     height: 253px;
  208.     width: 253px;
  209.     background-image: url(../img/rodonahealth.png);
  210.     position: absolute;
  211. }
  212.  
  213. #pro2:hover  {
  214.     background-image: url(../img/overhealth.png);
  215.     width:285px;
  216.     height:285px;
  217.     left:650px;
  218.     top:35px;
  219. }
  220.  
  221. #pro3   {
  222.     left: 460px;
  223.     top: 315px;
  224.     height: 253px;
  225.     width: 253px;
  226.     background-image: url(../img/rodonalocation.png);
  227.     position: absolute;
  228. }
  229.  
  230. #pro3:hover  {
  231.     background-image: url(../img/overlocation.png);
  232.     width:285px;
  233.     height:285px;
  234.     left:445px;
  235.     top:300px;
  236. }
  237.  
  238. #pro5   {
  239.     left: 60px;
  240.     top: 315px;
  241.     height: 253px;
  242.     width: 253px;
  243.     background-image: url(../img/rodonafleet.png);
  244.     position: absolute;
  245. }
  246.  
  247. #pro5:hover  {
  248.     background-image: url(../img/overfleet.png);
  249.     width:285px;
  250.     height:285px;
  251.     left:45px;
  252.     top:300px;
  253. }
  254.  
  255. #pro1eng    {
  256.     left: 265px;
  257.     top: 50px;
  258.     height: 253px;
  259.     width: 253px;
  260.     background-image: url(../img/rodonaalarm.png);
  261.     position: absolute;
  262. }
  263.  
  264. #pro1eng:hover  {
  265.     background-image: url(../img/overalarmeng.png);
  266.     width:285px;
  267.     height:285px;
  268.     left:250px;
  269.     top:35px;
  270. }
  271.  
  272. #pro2eng    {
  273.     left: 665px;
  274.     top: 50px;
  275.     height: 253px;
  276.     width: 253px;
  277.     background-image: url(../img/rodonahealth.png);
  278.     position: absolute;
  279. }
  280.  
  281. #pro2eng:hover  {
  282.     background-image: url(../img/overhealtheng.png);
  283.     width:285px;
  284.     height:285px;
  285.     left:650px;
  286.     top:35px;
  287. }
  288.  
  289. #pro3eng    {
  290.     left: 460px;
  291.     top: 315px;
  292.     height: 253px;
  293.     width: 253px;
  294.     background-image: url(../img/rodonalocation.png);
  295.     position: absolute;
  296. }
  297.  
  298. #pro3eng:hover  {
  299.     background-image: url(../img/overlocationeng.png);
  300.     width:285px;
  301.     height:285px;
  302.     left:445px;
  303.     top:300px;
  304. }
  305.  
  306. #pro5eng    {
  307.     left: 60px;
  308.     top: 315px;
  309.     height: 253px;
  310.     width: 253px;
  311.     background-image: url(../img/rodonafleet.png);
  312.     position: absolute;
  313. }
  314.  
  315. #pro5eng:hover  {
  316.     background-image: url(../img/overfleeteng.png);
  317.     width:285px;
  318.     height:285px;
  319.     left:45px;
  320.     top:300px;
  321. }
  322.  
  323. #pro1fra    {
  324.     left: 265px;
  325.     top: 50px;
  326.     height: 253px;
  327.     width: 253px;
  328.     background-image: url(../img/rodonaalarm.png);
  329.     position: absolute;
  330. }
  331.  
  332. #pro1fra:hover  {
  333.     background-image: url(../img/overalarmfran.png);
  334.     width:285px;
  335.     height:285px;
  336.     left:250px;
  337.     top:35px;
  338. }
  339.  
  340. #pro2fra    {
  341.     left: 665px;
  342.     top: 50px;
  343.     height: 253px;
  344.     width: 253px;
  345.     background-image: url(../img/rodonahealth.png);
  346.     position: absolute;
  347. }
  348.  
  349. #pro2fra:hover  {
  350.     background-image: url(../img/overhealthfra.png);
  351.     width:285px;
  352.     height:285px;
  353.     left:650px;
  354.     top:35px;
  355. }
  356.  
  357. #pro3fra    {
  358.     left: 460px;
  359.     top: 315px;
  360.     height: 253px;
  361.     width: 253px;
  362.     background-image: url(../img/rodonalocation.png);
  363.     position: absolute;
  364. }
  365.  
  366. #pro3fra:hover  {
  367.     background-image: url(../img/overlocationfra.png);
  368.     width:285px;
  369.     height:285px;
  370.     left:445px;
  371.     top:300px;
  372. }
  373.  
  374.  
  375. #pro5fra    {
  376.     left: 60px;
  377.     top: 315px;
  378.     height: 253px;
  379.     width: 253px;
  380.     background-image: url(../img/rodonafleet.png);
  381.     position: absolute;
  382. }
  383.  
  384. #pro5fra:hover  {
  385.     background-image: url(../img/overfleetfran.png);
  386.     width:285px;
  387.     height:285px;
  388.     left:45px;
  389.     top:300px;
  390. }
  391.  
  392. #contacto   {
  393.     height:385px;
  394.     position:relative;
  395.     background-image:url(../img/backgroundcontacte.png);
  396.     background-repeat:no-repeat;
  397. }
  398.  
  399.  
  400. #mapa   {
  401.     right:20px;
  402.     top:60px;
  403.     width:308px;
  404.     height:286px;
  405.     position:absolute;
  406. }
  407.  
  408. #contacte   {
  409.     padding-top:40px;
  410.     font-size:16px;
  411.     color:white;
  412.     width:650px;
  413.     position: absolute;
  414.     left:45px;
  415.     float:left;
  416.     height:340px;
  417.     color:black;
  418. }
  419.  
  420. #info   {
  421.     left:290px;
  422.     top:90px;
  423.     font-size:20px;
  424.     position:absolute;
  425.     width:330px;
  426.     height:240px;
  427.     background-image:url(../img/icones.png);
  428.     background-repeat:no-repeat;
  429. }
  430.  
  431. #infodades  {
  432.     left:60px;
  433.     font-size:20px;
  434.     position:absolute;
  435.     width:265px;
  436.     height:200px;
  437.     padding-top:10px;
  438.     #contingut #quiensomos #text1fra p {
  439.     font-size: 9px;
  440. }