/***********
/* Full d'estils per a la pàgina web del Projecte Beta
/***********

/**************************************************
Copyright 2009 Mònica Ramírez Arceda

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
/****************************************************



/* OBSERVACIO: Alguns dels estils definits no s'usen a la pàgina actual (com taules o acrònims) però s'han mantingut per si en un futur s'usessin */


/*****************/
/* COS DE LA WEB */
/*****************/
body{
   font-family:serif;
   font-size: 0.9em;
   margin: 0em;
   padding: 0;
   background: url("img/pb-petit-transp.png") fixed no-repeat 5% 10px ;
   background-color:#FFFADD;
}

/******************/
/* ENCAPÇALAMENTS */
/******************/
h1, h2, h3{
   font-family:sans-serif;
}

h1{
   background-color: #FFFADD;
   color:#848484;
   padding:0.2em;
   border-radius: 0.5em; 
   -moz-border-radius: 0.5em; 
}



h2{
   color: #CC6633;
   background: url("img/pb-petit.png") no-repeat 0 3em;
   padding-left: 35px;
   padding-bottom: 25px;
   padding-top: 3em;
   border-top: dotted medium;
   clear:both;
}


#menu{
   background: url("img/pb-petit.png") #EBEBEB no-repeat 5% 10px;
   height:60px;
   margin:0;
   padding:10px 5% 0 10%;
   font-size: 0.8em;
   border-bottom: #848484 dotted thick;
   font-family:sans-serif;
}

#menu span{
	display:none;
}


/************************/
/* LLISTES NO NUMERADES */
/************************/

#menu ul, #lateral ul {
   padding:0;
}

#menu ul li, #lateral ul li{
   float :left;
   list-style-type: none;
   margin: 0 15px;
   
}
#menu ul li a, #lateral ul li a {
   padding: 0.5em 1em;
   display:block;
}

#menu ul li a:hover, #lateral ul li a:hover{
   color:red;
   background-color:inherit;
}


#menu li.dreta{
   float:right;
}

#menu li#actual{
   background-color: #FFFFFF;
   border: thin #FF9900 dotted;
}

#continguts ul{
   padding:0;
}

#continguts ul li{
   float :left;
   list-style-type: none;
   margin: 0 5px 15px;
   padding:5px;
   background-color: #DCDCDC;
   border: dotted thin #FF9900;
}

#continguts ul li a{
   padding:0 10px;
}

#continguts ul li a:hover{
   color:red;
   background-color:inherit;
   padding:0 10px;
}

#continguts p{
   max-width:70em;
}


/* Fem que el primer <h2> no tingui la vora superior */
h1+h2{
 border-top: none;
 padding-top: 2em;
 background-position: 0 2em;
}

#continguts>h2:first-child{
 border-top: none;
 padding-top: 2em;
 background-position: 0 2em;
}

h3{
   color: #FF9900;
   clear: both;
	padding-top: 1.5em;
	margin:0;
}

/************/
/* ACRÒNIMS */
/************/
acronym{
   color: #5B7290;
   cursor: help;
}

/* L'acrònim del títol no el posarem amb estil diferenciat */
h1 acronym{
   color: inherit;
   cursor: inherit;
   border: inherit;
}

/*********/
/* CITES */
/*********/
blockquote{
   color: #771100;
   background-color: #DCDCDC;
   border-left: 0.2em #FFBE00 dashed;
   border-right: 0.2em #FFBE00 dashed;
   width: 70%;
   margin:auto;
   padding: 0.2em 1em 0;
   font-size: 0.8em;
}

p.autoria{
   text-align:right;
   background: url("img/estrella.png") #DCDCDC no-repeat 100% 0;
   padding:5px 25px 15px 0;
}

/************/
/* ENLLAÇOS */
/************/
a {
   text-decoration:none;
   color: #FF9900;
   font-weight: bold;
}

a:hover{
   color: red;
}


/*********************/
/* LLISTES NUMERADES */
/*********************/

ol{
	background-color: #DCDCDC;
	padding: 0 1em;
   margin:0;
}

ol li{
	list-style-type:lower-roman;
	list-style-position:inside;
}

.aaa{
	clear:both;
	background-color: #DCDCDC;
}

.rbdalt div{
	background: url("img/esquina-superior-esquerra.gif") no-repeat top left;
}

.rbdalt{
	background: url("img/esquina-superior-dreta.gif") no-repeat top right;
}
   
.rbdalt div, .rbdalt {
	width: 100%;
	height: 16px;
}

.rbbaix div{
	background: url("img/esquina-inferior-esquerra.gif") no-repeat bottom left;
}
.rbbaix{
	background: url("img/esquina-inferior-dreta.gif") no-repeat bottom right;
}
   
.rbbaix div, .rbbaix {
	width: 100%;
	height: 16px;
}

.rbdalt div, .rbdalt, .rbbaix div, .rbbaix {
	width: 100%;
	height: 16px;
}

/**************************/
/* LLISTES DE DEFINICIONS */
/**************************/


dt{
	color: #FFF;
   background-color: #FFBE00;
   font-weight:bold;
	margin-left:0;
   padding:0.1em 1em;
   border-bottom: none;
   display:inline;
}

dd{
	margin:0 0 2em 0;
	border: 0.1em #FFBE00 dashed;
}

dd p{
	margin:1em;
}

/***********/
/* IMATGES */
/***********/
img {
	border: none;
}

/**********/
/* TAULES */
/**********/
table{
   border-collapse: collapse;
   border: #771100 dashed 1px;
}

caption, tfoot tr td{
   color: #771100;
   padding: 1em;
   border: #771100 dashed 1px;
   
}

caption{
   font-size: x-large;
   background-color: #ffbe00;
}

thead, tfoot{
   color: #771100;
   background-color:#FFFBAA;
}

td, th {
   border: #771100 dashed 1px;
   padding: 1em;
}

/*************/
/* FORMULARI */
/*************/

fieldset {
   border: #ffbe00 dashed 1px;
   margin-bottom: 1em;
   padding-bottom: 1em;
}

legend {
   background-color:#ffbe00;
   padding: 0.5em;
   color: #fff;
   font-weight: bold;
   font-variant: small-caps;
}

fieldset#dades div, fieldset#enviament div{
   padding-top: 0.5em;
   width: 32em;
   clear: both;
   
}

fieldset#dades div label, fieldset#enviament div label{
   float: left;
   text-align: right;
   width: 16em;
}

fieldset#dades div input, fieldset#enviament div input{
   float: right;
   text-align: left;
   width: 16em;
}

input{
   border: #dcdcdc 1px solid;
   background-color:#fff;
   font-weight: bold;
}

#infoserv, #mesinfo{
   width: 32em;
}

#infoserv label, #mesinfo label{
   float: left;
   width:16em;
}

textarea{
   text-align: left;
   width: 16em;
   border: #dcdcdc 1px solid;
   float:right;
}

input:focus, textarea:focus{
    background-color:#fffbaa;
}

#boto{
   text-align:center;
}

#boto input{
   background-color: #ffbe00;
   color: white;
   padding:0.5em;
   border-style:outset;
}

#boto input:active{
   border-style:inset;
}

/************/
/*MAQUETACIÓ*/
/************/

#lateral{
   width:10%;
   float:left;
   font-size:xx-small;
   margin-right:5%;
}

#continguts{
   width:75%;
   float:right;
   padding:0 5%;
   background-color:#FFFFFF;
}

#peu{
   clear:both;
   opacity:0.5;
   text-align:center;
   padding: 1em 0;
   font-size:0.6em;
}

/****************/
/* ESTILS BLOCK */
/****************/
.top{
   text-align:right;
   clear:both;
}

.clear{
   clear:both;
}

/*****************/
/* ESTILS INLINE */
/*****************/

strong{
   color:#CC6633;
   font-variant:small-caps;
}

#peu img{
   border: none;
   height: 25px;
}

.url{
   color: #CC6633;
   font-family: sans-serif;
}

/**********/
/* PLANET */
/**********/

div.rss { 
	float:left; 
	height: 4em; 
	border: 1px solid gray; 
	background-color: #fffadd; 
	margin: 1em; 
	padding: 1em; 
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em; 
}

div.rss a:hover { 	
	font-weight:normal; 
}

div.title { 
	border-bottom: 1px solid gray; 
	margin-bottom: 0.5em; 
	
}

div.title a { 
	color: #CC6633;
}

div.item { 
	font-size: x-small; 
	font-family:monospace;
}