/* CSS Document */

/* Estils CSS per pàgines de www.meteoalmoster.net */

/* Estils específics per la pàgina index.asp */

html,body{padding:0}

body{text-align:center;background-color:rgb(42,56,65);background: linear-gradient(to right, #2A3841,#355465,#ffffff,#355465,#2A3841);margin: 5px 0px 0px;
     font-family:Roboto,Verdana,Trebuchet MS,Helvetica,Arial;}  
a{display:inline;padding:20px}
a:link{color:rgb(191,182,207);}
a:visited{color:rgb(171,162,187);}
a:hover{color:rgb(131,122,147);}
hr{height:1px;color:rgb(45,48,67);background-color:rgb(25,28,47);}
td{font-size:1em;}

div#header{font-family:Roboto,Helvetica,Arial;text-align:center;color:rgb(240,210,93);width:100%;
           background-color:rgb(10,30,40);border:1px solid rgb(255,255,255)}
div#container{text-align:center;margin:0 auto;border:3px ridge rgb(255,255,255);color:rgb(255,255,255);padding:0px;
              width:100%;margin:auto;min-width:600px;max-width:1024px;background:rgb(12,27,42);overflow:hidden;}
div#dades{text-align:center;margin:0 auto;border:1px solid rgb(255,255,255);padding:0px;
              width:100%;background:rgb(2,18,19);overflow:hidden}
div#mesencurs{text-align:center;margin:0 auto;border:2px ridge rgb(255,255,255);color:rgb(255,255,255);padding:0px;
              width:100%;background:rgb(5,35,46);overflow:hidden}              
div#links{text-align:center;margin:0 auto;border:1px solid rgb(255,255,255);padding:0px;
              width:100%;background:rgb(12,27,42);overflow:hidden;margin-right:0px;}
div#middle{text-align:center;margin:0 auto;border:1px solid rgb(255,255,255);padding:0px;
              width:100%;background:rgb(12,27,42);overflow:hidden;margin-right:0px;}
div#middler{float:right;background-image:none;width:49.5%;background:rgb(12,27,42);
            overflow:hidden;margin-bottom:-2000px;padding-bottom:2000px;border:1px solid rgb(255,255,255)}
div#middlel{background:rgb(12,27,42);overflow:hidden;color:rgb(255,255,255);border:1px solid rgb(255,255,255);
               text-align:center;float:left;width:49.5%;margin-bottom:-2000px;padding-bottom:2000px;
               margin-left:0px;}
div#extra{text-align:center;background:rgb(16,20,30);color:rgb(218,210,230);padding:0px;
          width:100%;margin:0 auto;border:1px solid rgb(255,255,255);overflow:hidden;}
div#footer{text-align:center;background:rgb(16,20,30);color:rgb(248,248,248);padding:0px;
          width:100%;margin:0 auto;border:1px solid rgb(255,255,255);overflow:hidden;}
          
img.float{float:left;clear:left;margin:1px;}

      
/* Enllaços usats per fons foscos */

a.clar{display:inline;padding:20px;color:rgb(221,212,217);}
a.clar:link{color:rgb(191,182,187);}
a.clar:visited{color:rgb(171,162,167);}
a.clar:hover{color:rgb(161,152,77);}
a.clar:active{color:rgb(151,142,67);}

/* Enllaços usats per fons clars */
      
a.fosc{display:inline;padding:20px;color:rgb(21,12,17);}
a.fosc:link{color:rgb(51,42,47);}
a.fosc:visited{color:rgb(41,32,37);}
a.fosc:hover{color:rgb(31,22,27);}
a.fosc:active{color:rgb(21,12,17);}

/* Formats per taules */

table{border-collapse:collapse;
      border:1px ridge rgb(190,190,224);margin:auto;empty-cells:show;font-size:1em}

table.noborder{border-collapse:collapse;border:0px ridge rgb(190,190,224);empty-cells:show;color:rgb(212,209,255);}

table.treal{padding:0px;width:100%;text-align:center;
            border-collapse:collapse;border:1px ridge rgb(190,190,224);}

table.treal tr{background-color:transparent;border:0px ridge rgb(190,190,224);}

table.treal td{font-family:Open Sans Condensed,Arial Narrow,Helvetica,Trebuchet MS,Verdana;font-weight:200;}

table.treal td.titol1{text-align:center;font-size:0.8em;height:20px;background-color:rgb(28,51,62);
                       border-top:1px ridge rgb(190,190,224);
                       border-left:0px ridge rgb(190,190,224);                      
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}
table.treal td.titol2{text-align:center;color:rgb(232,239,255);height:25px;
                       font-size:0.75em;background-color:rgb(28,51,62);
                       font-family:Roboto,Arial Narrow,Arial,Helvetica,Trebuchet MS,Verdana;
                       border-top:1px ridge rgb(190,190,224);
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}
table.treal td.titol3{text-align:center;color:rgb(212,239,255);height:40px;
                       font-size:0.8em;background-color:rgb(10,20,27);
                       font-family:Roboto,Arial Narrow,Arial,Helvetica,Trebuchet MS,Verdana;
                       border-top:1px ridge rgb(190,190,224);
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}                       
table.treal td.params6{color:rgb(255,255,255);height:40px;
                       font-size:1.4em;background-color:transparent;font-weight:lighter;font-stretch:condensed;
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}
table.treal td.params5{color:rgb(255,255,255);height:40px;
                       font-size:1.25em;background-color:transparent;font-weight:lighter;font-stretch:condensed;
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}                                             
table.treal td.params4{color:rgb(255,255,255);height:30px;
                       font-size:1.2em;background-color:transparent;font-weight:lighter;font-stretch:condensed;
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:0px solid rgb(190,190,224);}
table.treal td.params3{color:rgb(255,255,255);height:30px;
                       font-size:1.1em;background-color:transparent;font-weight:lighter;font-stretch:condensed;
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}
table.treal td.params2{color:rgb(255,255,255);height:20px;
                       font-size:1.025em;background-color:transparent;font-weight:lighter;font-stretch:condensed;
                       border-left:0px ridge rgb(190,190,224);
                       border-right:1px solid rgb(190,190,224);
                       border-bottom:1px solid rgb(190,190,224);}                                         
table.treal td.elems{color:rgb(255,255,255);height:25px;
                     font-size:1em;background-color:transparent;font-weight:lighter;
                     border:1px solid rgb(190,190,224);}
table.treal td.max{color:rgb(229,112,83);
                   font-size:1.05em;background-color:transparent;height:20px;vertical-align:text-bottom;font-weight:lighter;font-stretch:condensed;
                   border-left:1px solid rgb(190,190,224);
                   border-right:0px ridge rgb(190,190,224);
                   border-top:1px solid rgb(190,190,224);
                   border-bottom:0px ridge rgb(190,190,224);text-align:center;} 
table.treal td.min{font-weight:lighter;font-stretch:condensed;
                   color:rgb(183,212,229);text-align:center;vertical-align:text-bottom;
                   font-size:1.05em;background-color:transparent;height:20px;
                   border-left:1px solid rgb(190,190,224);
                   border-right:0px ridge rgb(190,190,224);
                   border-bottom:1px solid rgb(190,190,224);}
table.treal td.at{color:rgb(183,212,229);
                  font-size:0.95em;background-color:transparent;height:20px;vertical-align:text-bottom;font-weight:lighter;font-stretch:condensed;
                  border-left:0px ridge rgb(190,190,224);
                  border-right:1px solid rgb(190,190,224);
                  border-bottom:1px solid rgb(190,190,224);text-align:center;}
table.treal td.atmax{color:rgb(229,112,83);
                  font-size:0.95em;background-color:transparent;height:20px;vertical-align:text-bottom;font-weight:lighter;font-stretch:condensed;
                  border-left:0px ridge rgb(190,190,224);
                  border-right:1px solid rgb(190,190,224);
                  border-bottom:0px ridge rgb(190,190,224);text-align:center;}
table.treal td.atmax2{color:rgb(229,112,83);
                  font-size:0.95em;background-color:transparent;height:20px;vertical-align:text-bottom;font-weight:lighter;font-stretch:condensed;
                  border-left:0px ridge rgb(190,190,224);
                  border-right:1px solid rgb(190,190,224);
                  border-bottom:1px solid rgb(190,190,224);text-align:center;}                    
table.treal td.max2{color:rgb(229,112,83);
                   font-size:1.05em;background-color:transparent;height:20px;vertical-align:text-bottom;font-weight:lighter;font-stretch:condensed;
                   border-left:1px solid rgb(190,190,224);
                   border-right:0px ridge rgb(190,190,224);
                   border-top:1px solid rgb(190,190,224);
                   border-bottom:1px solid rgb(190,190,224);text-align:center;}                   

table.links{width:100%;text-align:center;padding:0px;
            border-collapse:collapse;border:1px solid rgb(190,190,224);}
table.links td{padding:0px;text-align:center;font-size:1em;height:20px;color:rgb(212,209,255);
               border-collapse:collapse;border:1px solid rgb(190,190,224);vertical-align:middle;overflow:visible;}
table.links td.encap{padding:0px;text-align:center;font-size:0.8em;height:20px;color:rgb(212,209,255);
               border-collapse:collapse;border:1px solid rgb(190,190,224);vertical-align:middle;}
table.links td.elems{font-family:Roboto,Verdana,Helvetica,Arial;
               padding:0px;text-align:center;font-size:0.8em;height:60px;vertical-align:middle;
               border-collapse:collapse;border:1px solid rgb(190,190,224);}
table.links td.links{font-family:Roboto,Verdana,Helvetica,Arial;
               padding:0px;text-align:center;font-size:0.8em;height:50px;vertical-align:middle;
               border-collapse:collapse;border:1px solid rgb(90,90,124);background-color:rgb(170,184,234)}                       

table#sapsque{font-size:1em;margin-left:2px;margin-right:2px;}
table#sapsque p{text-align:justify;}
table#sapsque td{padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;
                      text-align:center;font-size:0.9em;color:rgb(16,20,30);
                      border-collapse:collapse;border:1px solid rgb(100,100,124);vertical-align:middle;
                      font-family:Georgia,Century Schoolbook,Times New Roman;
                      background-color:rgb(240,235,225)}          

p#noticia{font-size:1em;font-family:Georgia,Century Schoolbook,Times New Roman;
          margin-left:20px;margin-right:20px;margin-bottom:10px}
td{padding:0px}

/* Format ticker */

div.ticker1 {border-top: 1px solid rgb(213,190,181);
            border-left: 1px solid rgb(213,190,181);
            border-right: 1px solid rgb(213,190,181);
            border-bottom: 0px solid rgb(213,190,181);
            padding: 5px;
            margin-bottom: 0px;
		    font: 1.5em Cutive Mono, Courier New, Verdana, Arial, sans-serif;
            font-weight:400;
		    background: rgb(28,51,62);
		    color: rgb(250,250,255);}
            
div.ticker2 {border-top: 1px solid rgb(213,190,181);
             border-left: 1px solid rgb(213,190,181);
             border-right: 1px solid rgb(213,190,181);
             border-bottom: 1px solid rgb(213,190,181);
             padding: 5px;
             margin-bottom: 0px;
		     font: 1.5em Cutive Mono, Courier New, Verdana, Arial, sans-serif;
             font-weight:400;
		     background: rgb(28,51,62);
		     color: rgb(250,250,255);}