@charset "iso-8859-1";

/*
	TdC:
		- Importacions
		- Capçalera
		- Contingut
		    - Menú capçalera
		    - Entrevista
		        - Descripció
		        - Destacat
		    - Més informació
		        - Què és
		        - Informació de l'empresa
		    - Avis legal
            - Fitxes
            - Deplegable
		- Peu
        - Classes i identificadors propis
*/

/* Importacions
--------------------------*/
@import "basics.css";



/* Capçalera
--------------------------*/
#capcalera h1 {background-color: #4fa601; padding: 1em;}
#capcalera h1 img {width: 16.1em;}


/* Contingut
--------------------------*/
#contingut {padding: 1.5em 0 1em 2.2em;}
#contingut #cos {background: url(../img/bg-columna.png) repeat-y 67.5% 0;}
#contingut #cos:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut #fitxes:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut #menu-capcalera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Menú capçalera */
#contingut #menu-capcalera {border-bottom: 1px dotted #b1b0ae; margin-bottom: 1.5em;}
#contingut #menu-capcalera h2 {color: #4fa601; font-weight: normal; font-size: 2.5em; margin-bottom: .2em; float: left;}
#contingut #menu-capcalera a {color: #50A700; font-weight: bold; margin-top: 1.8em; float: right; }
/* //Menú capçalera */

/* Entrevista */
/** Descripció **/
#contingut #entrevista #descripcio {background-color: #f2f1ed; border-top: 1px dotted #b1b0ae; border-bottom: 1px dotted #b1b0ae; font-size: .9em; padding: .6em;}
#contingut #entrevista #descripcio:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut #entrevista #descripcio p {width: 31em; float: right;}
#contingut #entrevista #descripcio img {float: left; margin: 0 1.5em 0 0; width: 21.8em;}
/** //Descripció **/

#contingut #entrevista {width: 50em; float: left; font-size: 1.2em;}
#contingut #entrevista .titol-destacat {font-weight: bold; margin: .5em 0; font-size: 1.8em}
#contingut #entrevista dl {margin: 0;}
#contingut #entrevista dt {font-weight: bold; margin: 1.5em 0 .3em 0;} 
#contingut #entrevista dd {margin: 0;}

/** Destacat **/
#contingut #entrevista .destacat {background-color: #f2f1ed; border-top: 1px dotted #b1b0ae; border-bottom: 1px dotted #b1b0ae; font-size: .9em; margin: 1.5em 0;}
#contingut #entrevista .destacat:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut #entrevista .destacat p {float: left; text-align: center; font-style: italic; color: #666; width: 20em; padding: 1.5em; font-size: 1.3em;}
#contingut #entrevista .destacat img {float: right; width: 24em;}
/** //Destacat **/
/* //Entrevista */

/* Més informació */
#contingut #mes-informacio {width: 27em; padding: 1.5em; float: right;}

/** Què és **/
#contingut #mes-informacio #que-es{ background-color: #000; color: #fff; padding-bottom: .5em; margin-bottom: 1.5em;}
#contingut #mes-informacio #que-es img {width: 27em;}
#contingut #mes-informacio #que-es p {padding: .7em; font-size: 1.1em; font-weight: bold;}
#contingut #mes-informacio #que-es a {background-color: #4fa601; color: #fff; padding: .2em .5em;}
/** //Què és **/

/** Informació de l'empresa **/
#contingut #mes-informacio #info-empresa .fitxa {font-size: 1.1em}
#contingut #mes-informacio #info-empresa .fitxa {background-color: #fff; border: 1px solid #cdcdc5; border-bottom: none; padding: 1em;}
#contingut #mes-informacio #info-empresa .fitxa h4 {color: #4fa601; font-size: 1.4em; margin-bottom: .5em;}
#contingut #mes-informacio #info-empresa .fitxa dl {margin: 0;}
#contingut #mes-informacio #info-empresa .fitxa dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut #mes-informacio #info-empresa .fitxa dt {font-weight: bold; color: #666; float: left; clear: both; margin-bottom: 1em; font-size: 1.1} 
#contingut #mes-informacio #info-empresa .fitxa dd {margin: 0; float: right; width: 16.5em; margin-bottom: 1em;}
#contingut #mes-informacio #info-empresa .acces-fitxa-interior {background-color: #4fa601; padding: .5em 1em;}
#contingut #mes-informacio #info-empresa .acces-fitxa-interior a {color: #fff; font-weight: bold;}
/** Informació de l'empresa **/
/* //Més informació */

/* Avís legal */
.avis-legal #contingut {font-size: 1.2em;}
.avis-legal #contingut h2 {color: #4fa601; font-weight: normal; font-size: 2em; margin-bottom: .6em;}
.avis-legal #contingut p {margin-bottom: 1em;}
/* //Avís legal */

/* Fitxes */
#contingut #fitxes:after {float: left; content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut .cap-fitxa:after {float: left; content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.fitxax {height: 14.9em;}


#contingut .fitxa-entr:after {float: left; content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contingut .fitxa-entr {background: #F2F1ED url(../img/llegirmes.png) repeat-x bottom; height: 18em; width: 30.2%; float: left; font-size: 1.2em; margin: .3em .6em .3em 0; padding: .8em .8em;}

#contingut .cap-fitxa {border-bottom: 1px dotted #b1b0ae; padding-bottom: .2em;}
#contingut .cap-fitxa h3 {color: #4fa601; font-weight: normal; float: left;}
#contingut .cap-fitxa small {color: #6D6C6A; float: right; font-weight: bold; margin-top: .5em;}

#contingut .frase {height: 13.2em;display: inline;}
#contingut .frase h4 {float: left; width: 13em; color: #333; font-style: italic; line-height: 1.3em; font-size: 1.2em; margin-top: .8em;  margin-bottom:.6em;}
#contingut .frase img {float: right; margin-top: .8em;}
#contingut .frase small.entrevistat {float: left; text-align: left; color: #6D6C6A; font-size: 1em; font-weight: bold; clear: left; width: 190px;}
#contingut .frase small.carrec {color: #6D6C6A; float: left; font-size: .8em; font-weight: normal; margin-top:.5em;clear: left; width: 190px;}

#contingut .fitxa-entr a {color: #fff; font-weight: bold; background-color: #50A700; padding:.3em; margin-top:0em; margin-bottom: -.5em; text-decoration: none; float: left; clear: left;}

#contingut .llegir-mes { margin: 0 -.8em -.8em -.8em; padding: .8em; position: relative; top: 1em;}
#contingut .llegir-mes a {color: #fff; font-weight: bold; background-color: #50A700; padding:.3em; text-decoration: none; float: right;}


#paginacio {margin-left: 2.2em; border-top: 1px dotted #b1b0ae; margin-bottom: 4em; padding-top: .6em; margin-top: .6em; color: #8f8f8f; font-weight: bold; clear: left; text-align: center;}
#paginacio a.pag {text-decoration: underline; font-size: 1.1em;}
/* //Fitxes */

/* Deplegable */
/*
#contingut #menu-capcalera form {margin-top: -2.8em; float: right;}
#contingut #menu-capcalera fieldset {border: 0;}
#contingut #menu-capcalera select {width: 18em;}
#contingut #menu-capcalera form a {background-color: #50A700; color: #fff; font-weight: bold; padding: .2em;}
#contingut #menu-capcalera a {color: #50A700; font-weight: bold; padding: .2em; float: right;}
*/
/* //Deplegable */

/* Peu
--------------------------*/
#peu {border-top: 1px dotted #b1b0ae; padding-top: .3em; margin-top: .6em; color: #8f8f8f; font-weight: bold; clear: left; margin-left: 2.2em;}
#peu .logo-gencat {float: right;}
#peu a {color: #8f8f8f;}
#peu .logo-gencat img {width: 11em;}

/* Classes i identificadors propis
----------------------------------------*/
.access {
	display: none;
}