/* Això es tot el que ocupa la pagina tot el que veiem amb la finestra max, tmb el fons*/

BODY {
background : #030303;
font : 12pt , sans-serif, Arial, Helvetica Verdana, Geneva,;
color : #000;
text-align: center;
margin : 5px 0px 20px 0px;
padding : 0px;
} 

/* ho conté tot menú, encapçalament, banner...*/
#contenidor{
text-align: left;
width: 900px;
background-color: #E7E7E7;
margin: auto;
} 


#menu {width: 900px;
height:100px;
display:block;
}


#topnav

{width: 900px;
height:80px;
background-color: #E7E7E7

}

#topnav ul li {text-decoration: none;
    list-style: none;
    text-align: center;
     border: 2px solid red;
    padding-right: 5px;
    margin-top: 5px;
    font-size: 16px;
    width: 100px;
    float: right;
    height: 30px;
   padding-top: 15px;
   margin-right: 100px;
}

#topnav li a {text-decoration: none}

#espaimenu
{width: 900px;
height:15px;
background-color: black}


#cap{
background-color: #3C00ff;
height:255px;
text-align:center;
width: 900px;

} 


#mapaweb

{width:900px;
background-color: #E7E7E7;
}

.fila1 {
    border-collapse: collapse;
    width: 900px;
    color: black;
    height:265px;
    
}
 

.fila1 td, .fila1 tr {
    border: 2px;
    width: 225px;
    padding: 10px;
    vertical-align: text-top;
	height:265px;}


.graf {color: black;
        border-collapse: collapse;}

.graf td, .graf tr { border: 2px solid;
}




td.cela1
{background-image: url("../img/fons1.png");
	background-repeat: no-repeat;
 text-align: center;
 width: 225px;

}


 

#fila2 td, tr {
    border: none;
    width: 225px;
    padding: 10px;
    vertical-align: text-top;}



#cosweb {width:900px;
		background-color: #E7E7E7;	}

.contcos { margin: 25px 5px 10px 20px;
        text-align: justify;
        width: 860px;
        clear: both;
        font-size: 13pt;
        font-family: Arial, Helvetica Verdana, Geneva,;

    }


.h3 {color:black;
		font-size: 16pt;
		text-align: center;}

#sapsq {width: 300px;
         background-color: #FFD36A;
         height: 400px;
         float: left;
     }

#cont {width: 600px;
        height: 400px;
       
       float: left; }

.cam {color: black;
        border-collapse: collapse;
    }

.cam td {width:400px;}
.cam td, .cam tr { border: 1px solid;
    padding: 5px 5px 5px 5px;
    text-align: left;



}

.hora {color: black;
        border-collapse: collapse;
    }

.hora td {width:425px;}

.hora td, .hora tr { border: 1px solid;
    border-style: solid;
    
    padding: 5px 5px 5px 5px;
    text-align: left;}


.ext {border-collapse: collapse;
    }
.ext td, .ext tr { border: 1px solid;
    padding: 5px 5px 5px 5px;
    text-align: left;
}


.font {font-style: italic;
        font-size: 11px}

.autor {
        float: right;
        background-color: #0404B4;
        font-size: 42px;
        height:50px;
        
        margin-top: 20px;
        margin-right: 25px;}

.autor a  {text-decoration: none;
            color:white;

                }
.autor a:visited{text-decoration: none;
}

.autor a:hover{background-color: #E7E7E7;
                color: #0404B4;
                border:none;}

h1{color:#0404B4;}

h2{color:#0080FF;}

p {text-align: justify;}

#pie {
    width:900px;
    height:50px;
    background:#000;
    margin:0;
    padding: 20px 0px 0px 0px;
    clear:both;
    display:block;
    text-align: right;
    color: #fff;
}