/* Full d'estil, projecte, curs D27 */


 

/* Resetejar estils ul il */
 ul, li{
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;    
}

/* estils per als textos */

body {
width: 1280px;
margin: 0 auto;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
background-color: #fff; 
color: #333;
font-size: 1em; 
line-height: 2;
background-repeat: repeat;
}

h1 {  
     color: #0080FF;  
     margin: 10px;  
     padding: 5px;  
     padding-left: 5px;  
     } 
 
h2 {  
   color: #FF8000;  
   padding-left: 5px;  
   padding-top: 5px;  
   padding-bottom: 5px;  
    }
   
h3 {  
     color: #8A0886;  
     margin: 0;  
     padding: 0px;  
     line-height: 1;  
     padding-left: 0px;  
}
 
p {  
     text-decoration: none;  
     text-indent: 0em;  
     text-align: left;  
 }

/* estils per als enllaços */

a:link {  
   color: #0080FF;  
   text-decoration:none; 
   border: 0px;
   }  
  
a:visited {  
   color: #ff0000;  
   }  
  
a:hover {  
   color: #04B404;  
   font-weight: bold;
   }  

a:focus {  
   color: #FF0000;  
}  
 
a:active{  
   color: #0080FF;  
}  


/* estils per les imatges */


.img {
border:1px solid #FFFFFF;
margin-top:10px;
}

/* estils per les llistes */

ul {
     margin: 0;
     padding-left: 20px;
     list-style-type: circle;
     font-size: 100%;
   }

ol {
     margin: 0;
     padding-left: 30px;
     list-style-type: decimal;
     font-size: 105%;
   }


/* navegació de la pàgina */

ul#nav {
height:32px;
background: url(img/cappeu.jpg);
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
font-size:100%;
font-weight:bold;
margin:0px;
padding:10px;
width: 100%;
}
ul#nav li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:20px;
}
ul#nav li a {
color:#000000;
padding:10px 14px;
text-decoration:none;
}
ul#nav li a:hover {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #333333;
color:#000000;
}
ul#nav li a.active {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #333333;
color:#333333;
}


/* organització del document */

#pagina {
background-color:#fff;
border-left: 0px solid #666;
border-right: 0px solid #666;
border-bottom: 0px solid #666;
margin-bottom: 10px;
}


#cap {
margin-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
color: #000;
text-align: left;
background-color: #FFF;
}


#continguts {
   float: left;
   padding-top: 20px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 20px;
   background-color: #FFFFFF;
   color: #333;
   width: 70%;
   
}

#lateral {
width: 20%;
float: right;
padding: 10px; 
color: #333;
background-color: #FFFFFF;
}


#lateral ul li{
list-style-type: none;
font-size: 1em;
background: url(img/link.gif) no-repeat 0 50%;
padding-left: 15px;
}


#lateral ol li{
   list-style-type: none;
}


#lateral dl{
   list-style-type: none;
   font-size: 0.7em;

}


#peu {
padding:10px;
height: 32px;
float: left;
background: url(img/cappeu.jpg);
color: #fff;
width: 100%;
text-align: center;
border: 1px solid #000000;
margin-top: 10px;
}

#peu ul li {
list-style-type: none;
display: inline;
}


/* Estil per al formulari*/

#formulari form {
   font-size: 10pt;

   }
        
#formulari fieldset {
   padding: 20px;
   border: 1px solid #ccc;
   width: 70%;
   }
        
#formulari legend {
   padding: 10px ;
   font-weight: bold;
   color: #FF9900;
   font-size: 11pt;
   letter-spacing: 1px;
   }
		
#formulari input {
   background: #FFFFE0;
   padding-left:10px ;
   border-top: 1px solid #333;
   border-left: 1px solid #333;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   font-size: 13px;
   margin-bottom: 10px;
   color: 	#333333;
    }
		
#formulari label {
   display: block;
   width: 300px;
   float: left;
   color: #000;
   border-bottom: 1px solid #f1f1f1;
   }
        
#formulari .enviar{
   font-size: 13px;
   background: #FF9900;
   margin: 15px 0px 0px 0px;
   border: 1px solid #333333;
   }

.fons {      
   background: #FFFFE0;  
   }

#formulari textarea {
   padding:10px  10px 10px 10px;
   }


.centrar-imagen {
text-align: center;
} 

/* Estil per a la taula */

table {
   border-collapse:collapse;
   background:#EFF4FB;
   margin:20px;
   border-left:1px solid #686868;
   border-right:1px solid #686868;
   border-top:1px solid #686868;
   border-bottom:1px solid #686868;
   font:1.1em/145% 'Trebuchet MS',helvetica,arial,verdana;
   color: #333;
   }

td, th {
   padding:5px;
   }

caption {
   padding: 0 0 .5em 0;
   text-align: left;
   font-size: 1.4em;
   font-weight: bold;
   text-transform: uppercase;
   color: #333;
   background: transparent;
   }

table a {
   color:#950000;
   text-decoration:none;
   }

table a:link {}

table a:visited {
   font-weight:normal;
   color:#666;
   text-decoration: line-through;
   }

table a:hover {
   border-bottom: 1px dashed #bbb;
   }

thead th, tfoot th, tfoot td {
   background:#333 repeat-x;
   color:#fff
   }

tfoot td {
   text-align:center;
   
   }

tbody th, tbody td {
   border-bottom: dotted 1px #333;
   border: 1px solid #bebebe;
   }

tbody th {
   white-space: nowrap;
   }

tbody th a {
   color:#333;
   }

.odd {}

tbody tr:hover {
   background:#FFCC00;
}