/* 
      Fulla d'estils de www.laportadelcel.com
      Creat per mberamendi.cat
*/
  body {font-family: Tahoma, Arial; font-size: 12px; color: #000000; background: url("imagenes/Nuvol-10-25.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
  h1, h3 {margin: 0px; padding: 0px 4px;}
  .cap   {width:90%; margin: 8px auto; padding: 0px; background: rgba(255,255,255,0.75); border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .menu  {width:90%; height:27px; margin: 8px auto 0px; padding: 0px; font-size: 16px; border: 0px; margin-bottom: 0px;}
  .cos   {width:90%; margin: 2px auto 8px; padding: 2px 0px; background: rgba(255,255,255,0.75); border: solid 1px #BBBBBB; border-top:none; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .promo {width:90%; margin: 8px auto; padding: 0px; background: rgba(255,255,255,0.75); border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .peu   {width:90%; margin: 8px auto; padding: 0px; background: rgba(255,255,255,0.75); border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .barra {width:30%; min-width:250px; max-width:375px; float:right; text-align:right; margin: 0px 10px;}
  .bamenu{width:25%; min-width:220px; max-width:275px; float:left; text-align:left; margin: 5px 10px 10px 5px;}
  .nunci {margin: 5px 0px; background: white; border: solid 5px rgba(25,25,25,0.5); border-radius: 10px 10px; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .promo .nunci {float:left; margin: 5px 5px; background: white; border: solid 5px rgba(25,25,25,0.5); border-radius: 10px 10px; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .barra p, .promo p {font-style: Tahoma, Arial; font-size: 16px; text-align: justify; margin: 2px; clear:both; padding: 0px 4px;}
  .barra h3, .promo h3 {font-style: Tahoma, Arial; font-size: 18px; text-align: justify; margin: 2px;}
  .presen h3 {font-style: Tahoma, Arial; font-size: 20px; text-align: justify; margin: 8px 2px;}
  .presen p {font-style: Tahoma, Arial; font-size: 16px; text-align: justify; margin: 2px 2px 4px; padding: 0px 5px;}
  .menu table {width:100%; height:27px; border: 0px;}
  .menu td {height:27px; background: rgba(25,25,25,0.5); padding: 2px 5px; text-align:center; font-weight:bold; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;}  
  .menu td.actiu {height:27px; background: rgba(255,255,255,0.75); padding: 2px 5px; border: solid 2px rgba(25,25,25,0.5); border-bottom: none; text-align:center; font-weight:bold;}  
  .menu a {color:white; text-decoration:none;}
  .menu a:hover {color:white; text-decoration:underline;}
  .bamenu td {height:28px; font-size:18px; text-align:left; color: black;}
  .bamenu td.actiu {height:28px; font-size:18px; text-align:left; color: #BBBBBB;}
  .bamenu a {color:black; text-decoration:none;}
  .bamenu a:hover {color:#444444; text-decoration:underline;}
  .bamenu .nunci {float:left; width:95%; padding: 2px; background: white; border: solid 5px rgba(25,25,25,0.5); border-radius: 10px 10px; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .bamenu p {margin: 2px 2px 4px; text-align: justify; font-size: 14px;}
  .promo img {float:left; margin: 3px; margin-right: 0px; border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .nunci img {margin: 3px; margin-right: 0px; border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .presen {text-align: center;}
  .presen p {font-style: Tahoma, Arial; font-size: 16px; text-align: justify; margin: 2px; padding: 2px 4px;}
  .presen li {font-style: Tahoma, Arial; font-size: 16px; text-align: justify; margin: 2px 2px 2px 4px; padding: 2px 4px;}
  .promo li {font-style: Tahoma, Arial; font-size: 16px; text-align: justify; margin: 2px 2px 2px 4px; padding: 2px 4px;}
  table.etapes  {width: 96%; margin: 8px 20px; border-collapse: collapse; border: none; empty-cells: hide;}
  .etapes td {border: solid 2px rgba(25,25,25,0.5); vertical-align: top; padding: 2px 3px;}
  .etapes .tit {background: rgba(25,25,25,0.5); color: white; text-align: center; font-weight: bold;}
  .etapes .tit2 {background: rgba(25,25,25,0.5); color: white; text-align: left; vertical-align: middle;}
  .sat {width: 48%; min-width:415px; max-width:500px; display:block; float:left; margin: 5px; text-align: justify;}
  .sat td {max-width:500px;}
  .sat img {width:100%; max-width:500px; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .carac {margin: 4px 10px; background: rgba(255,255,255,0.5); border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  .peu table {width:100%; font-size: 12px;}

  a {color:blue; text-decoration:none;}  
  a:hover {color: rgba(25,25,25,0.5); text-decoration: undeline;}
  
   /*Estils de les pàgines d'accessos */
  .tit2 {text-align:left; padding-left:4px; text-decoration: underline;}
  .tit3 {color:red; text-align:left; padding-left: 2px; font-size:18px;}
  .mapa {width:320px; height: 240px; border: none;}
  div.ruta {float:left; width:65%; min-width:780px; max-width:1055px; min-height:240px; text-align:justify; margin: 5px 10px; margin-right:0px; background: rgba(255,255,255,0.5); border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}
  div.mapa {float:left; width: 325px; text-align:right; margin:5px 8px; box-shadow: 3px 3px 3px rgba(30,30,30,0.5);}

  .blau {color:white; background: blue; padding:0px 4px; font-weight:bold;}
  .verm {color:white; background: red; padding:0px 4px; font-weight:bold;}
  .vert {color:white; background: green; padding:0px 4px; font-weight:bold;}
  .groc {color:black; background: yellow; padding:0px 4px; font-weight:bold; border:solid 1px black;}