/* @override 
	http://localhost/agenda/estils.css
	http://www.lagenda.cat/estils.css
*/

/* @group generals */

body {
	text-align: center;
	color: #000;
	background: #fcefd1 url(img/degradat.png) repeat-x;
	margin: 0;
	font-family: verdana;
	font-weight: normal;
	font-style: normal;
}

a{
	color: #000;
	text-decoration: none;
	font-family: verdana;
	font-weight: normal;
	font-style: normal;
}

a img{
	border: none;
}

div#content {
	width: 950px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	position: relative;
}

div#general-dreta {
	width: 660px;
	margin-right: 20px;
	float: left;
	position: relative;
}

div#general-esquerra {
	width: 270px;
	float: left;
	position: relative;
}

div#peu {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 20px;
	background: #f79321 url(img/degradat_peu.jpg) repeat-x;
	text-align: center;
}

div#peu-content {
	width: 950px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
}

h5 {
	font-size: 12px;
	color: gray;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}

span.subrrallat{
	background-color: yellow;
}

/* @end */

/* @group titol */

div#titol {
	float: left;
	position: relative;
	top: 30px;
	margin-right: 27px;
}

img#tornar {
	float: left;
	position: relative;
	bottom: 28px;
}

div.2banner img {
	float: left;
	position: relative;
}

div.1banner img {
	float: left;
	position: relative;
}

/* @end */

/* @group barra */

div#anunci-barra {
	float: left;
	position: relative;
	width: 100%;
	background-color: #000;
	background-image: url(img/fons_barra.jpg);
	margin-top: 10px;
	margin-bottom: 20px;
}

div#anunci-barra a {
	color: #fff;
}

div#anunci-barra img {
	float: left;
	position: relative;
}

div#anunci-barra h1 {
	position: relative;
	font-size: 18px;
	background-color: #000;
	height: 25px;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

div#anunci-barra h1 a{
	list-style-type: none;
}

div#anunci-barra ul{
	padding: 7px 0 0;
	height: 18px;
	float: right;
	position: relative;
	border-bottom: 5px solid #000;
	margin: 0 0 0 10px;
}

div#anunci-barra ul li {
	float: left;
	position: relative;
	list-style-type: none;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
}

div#anunci-barra ul li a{
	list-style-type: none;
}

div#anunci-barra ul li a:hover{
	list-style-type: none;
	text-decoration: underline;
}

/*anunci barra 2*/

div#anunci-barra2 {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}

div#anunci-barra2 a {
	color: #fff;
}

div#anunci-barra2 img {
	float: left;
	position: relative;
}

div#anunci-barra2 h1 {
	position: relative;
	font-size: 18px;
	background-color: #000;
	height: 25px;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

div#anunci-barra2 h1 a{
	list-style-type: none;
}

div#anunci-barra2 ul{
	float: left;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 10px 0 10px 21px;
}

div#anunci-barra2 ul li {
	float: left;
	position: relative;
	list-style-type: none;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}

div#anunci-barra2 ul li a{
	list-style-type: none;
}

/* @end */

/* @group seccio */

div.titol-seccio{
	width: 100%;
	float: left;
	position: relative;
	border-bottom-style: solid;
	border-bottom-color: #f79321;
}

div.titol-seccio h1 {
	float: left;
	position: relative;
	padding: 0 0 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	background-color: #f79321;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

div.titol-seccio h2 {
	float: left;
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	background-color: #fec260;
}

div.titol-seccio h3 {
	float: right;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #f79321;
	margin: 0;
	padding: 6px 0 0;
}

div.titol-seccio h3 a{
	color: #f79321;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

div.seccio {
	float: left;
	position: relative;
	width: 100%;
	background-color: #fff;
}

div.pdreta {
	float: left;
	position: relative;
	width: 350px;
}

div.pdreta img{
	padding-left: 20px;
	margin-top: 10px;
	margin-left: 10px;
}

div.shared {
	font-size: 12px;
	color: gray;
	font-style: italic;
	float: left;
	position: relative;
	width: 500px;
	margin-left: 30px;
}

div.shared1 {
	float: left;
	position: relative;
}

div.shared1 img{
	float: left;
	position: relative;
	padding: 0;
	margin: 8px 0 0 10px;
}

div.shared2 {
	float: left;
	position: relative;
}

div#xarxa.text_xarxa {
	float: left;
	position: relative;
	margin-top: 8px;
	margin-left: 10px;
}

div.shared a img{
	margin: 0;
	padding: 0;
}

div.pesquerra {
	float: left;
	position: relative;
	width: 300px;
	padding-top: 130px;
}

div.pesquerra a img{
	float: left;
	position: relative;
	margin-top: 15px;
}

/* @end */

.linea{
	float: left;
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	border-bottom: 1px solid #000;
}

/* @group altres */

div#antebanner {
	width: 475px;
	float: left;
	position: relative;
	margin-right: 15px;
}

ul.altres {
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0 10px;
}

ul.altres li{
	margin-bottom: 14px;
	width: 100%;
	float: left;
	position: relative;
}

ul.altres li img{
	margin-right: 5px;
	float: left;
	position: relative;
}

span.text-altres {
	float: left;
	position: relative;
	margin-top: 35px;
}

div.paginador {
	float: left;
	position: relative;
	width: 90%;
	text-align: center;
	border-top: 1px solid #000;
	font-weight: bold;
	margin: 0 0 12px 22px;
}

div.paginador2 {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin: 0 0 12px 22px;
}

div.paginador a{
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
}

div.paginador2 a{
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
}

span.pagina-actual{
	color: #f89321;
}

/* @end */

/* @group Anuncis per paraules */

div.contratitol {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.contratitol h1{
	float: left;
	position: relative;
	width: 100%;
	background-color: #f79321;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
}

div.contratitol h1 a{
	color: white;
}

div.contratitol h1 img {
	float: left;
	position: relative;
}

div.contratitol h2 {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	background-color: #fec260;
	font-size: 14px;
	text-align: right;
	padding: 3px 0;
}

div.contratitol h2 a{
	text-decoration: underline;
}

input#login {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	float: left;
	position: relative;}

input#correu {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;}

input#password {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	}

div.seccio-paraules {
	float: left;
	position: relative;
	background-color: white;
}

ul.per-paraules {
	list-style-type: none;
	margin: 0;
	float: left;
	position: relative;
	padding: 0;
}

li.sifondo {
	background-image: url(img/penjada.jpg);
}

ul.per-paraules li {
	float: left;
	position: relative;
	margin: 0;
	border: 1px solid #000;
	padding: 0 10px;
	height: 220px;
	width: 248px;
}

ul.per-paraules li h1 {
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	width: 100%;
	margin: 0 0 15px;
}

ul.per-paraules li h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	margin: 0;
}

ul.per-paraules li h4 {
	font-size: 12px;
	margin: 0 0 10px;
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	font-weight: normal;
	font-style: normal;
}

ul.per-paraules li h6 {
	margin: 0;
}

ul.per-paraules li h6 img {
	width: 245px;
}

span.vermell {
	color: #e26021;
}

div.contratitol h2 a img {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

/* @end */


/* @group peu */

div#peu-esquerra {
	float: left;
	position: relative;
}

div#peu-centre {
	float: left;
	position: relative;
	width: 60%;
	text-align: center;
}

div#peu-centre a{
	color: white;
	font-size: 14px;
	text-decoration: underline;
}

div#peu-dret {
	float: right;
	position: relative;
	text-align: right;
	color: white;
	font-size: 14px;
}
div#peu-dret a{
	color: white;
	font-size: 14px;
	text-decoration: underline;
}

/* @end */

/* @group anuncis per paraules pagina */

div#anunciat {
	background: url(img/fonsbanner.jpg) no-repeat;
	float: left;
	position: relative;
	width: 100%;
}

#anunciat h1 {
	float: left;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	width: 550px;
	padding-top: 10px;
}

#anunciat h1 a {
	color: #f79321;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	float: right;
}

#anunciat img {
	float: left;
	position: relative;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 5px;
}

div#cercar {
	width: 100%;
	margin-top: 30px;
	float: left;
	position: relative;
}

div#cercar img {
	float: left;
	position: relative;
	margin-right: 20px;
	bottom: 5px;
}

div#cercar form input.textample {
	width: 440px;
}

div.pparaules {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

div.pparaules-centrat {
	text-align: center;
	width: 100%;
}

/* @end */

/* @group intranet */



div.opcio-intranet {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	border-bottom: 2px solid gray;
}

div.opcio-intranet h1{
	margin: 0;
	padding: 0;
}

div.opcio-intranet h1 a{
	color: #f79321;
	font-size: 20px;
	text-decoration: underline;
	position: relative;
	top: 0;
	float: left;
	margin-top: 30px;
}

span.lletra.petita {
	color: gray;
	font-style: italic;
	font-size: 14px;
}

span.lletra.petita a {
	text-decoration: underline;
}

div.opcio-intranet h2 {
	float: left;
	position: relative;
	font-size: 18px;
	bottom: 0;
	font-weight: normal;
	font-style: normal;
	margin: -20px 20px 10px;
	width: 870px;
}

div.opcio-intranet h1 img {
	float: left;
	position: relative;
	margin-right: 10px;
}

#content div.seccio h3 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

label#labelcondicions {
	color: gray;
	font-size: 12px;
	font-style: italic;
}

div.intranet-dreta {
	float: left;
	position: relative;
	margin-right: 20px;
	width: 660px;
}

div.intranet-dreta div span.predis {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

div.intranet-esquerra {
	width: 260px;
	float: left;
	position: relative;
}

.explicacio-intranet {
	color: gray;
	font-size: 12px;
	font-style: italic;
	float: left;
	position: relative;
	margin-bottom: 10px;
}

div.intranet-dreta p {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 2px solid gray;
	margin: 10px 0;
	padding-bottom: 10px;
}

div.intranet-dreta p label {
	float: left;
	position: relative;
	margin-top: 0;
	width: 650px;
}

div.intranet-dreta p label label {
	float: left;
	position: relative;
	width: 200px;
	font-size: 14px;
	margin-top: 3px;
}

h1#lloch1 {
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	width: 100%;
	margin: 0 0 15px;}

h2#lloch2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	margin: 0;
}

h4#lloch4 {
	font-size: 12px;
	margin: 0 0 10px;
	width: 100%;
	float: left;
	position: relative;
	bottom: 0;
	font-weight: normal;
	font-style: normal;
}

h6#lloch6 {
	font-size: 12px;
	margin: 0px;
	width: 100%;
	float: left;
	position: relative;
	bottom: 0;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	display: none;
}
h6#lloch6 img {
	width: 245px;
}

div.fondo-verd {
	height: 220px;
	width: 248px;
	border: 3px dashed #04e029;
	position: absolute;
	float: left;
}

div.fondo-vermell {
	height: 220px;
	width: 248px;
	border: 3px dashed #e52e23;
	position: absolute;
	float: left;
}

div#casella {
	width: 231px;
	padding-right: 10px;
	padding-left: 10px;
}

#content div.seccio h6 {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	margin: 0;
}

#content div.seccio h6 img {
	width: 245px;
}

#content div.seccio h6 a {
	color: #f79321;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 0;
}

#formlogin {
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

div#lloclogin {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}

#formlogin p label {
	float: left;
	position: relative;
	width: 100px;
	top: 10px;
}

#lloclogin h6 {
	float: left;
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#lloclogin h6 a {
	text-decoration: underline;
	color: #f79321;
}

#formlogin p.centraboto input {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

#formlogin p.centraboto {
	position: relative;
	width: 100%;
	text-align: center;
}

#lloclogin p.incorrecte {
	color: #f22615;
}

#dinsesquerra {
	width: 100%;
	margin-right: auto;
	margin-left: 20px;
	text-align: center;
	border: 3px solid #f79321;
}

#dinsesquerra h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
/*div.intranet-dreta p label .text-input {
	float: left;
	position: relative;
	margin-left: 20px;
	width: 350px;
}

div.intranet-dreta p label .text-area {
	float: left;
	position: relative;
	height: 150px;
	margin-left: 20px;
	margin-top: 8px;
	width: 350px;
}*/

ul.per-paraules-intranet {
	list-style-type: none;
	margin: 0;
	float: left;
	position: relative;
	padding: 0;
}

ul.per-paraules-intranet li {
	float: left;
	position: relative;
	margin: 0;
	border: 1px solid #000;
	height: 220px;
	width: 100%;
}

ul.per-paraules-intranet li div.prevalidador {
	width: 248px;
	height: 220px;
	margin: 0;
	float: left;
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #000;
}
ul.per-paraules-intranet li .validador {
	float: left;
	position: relative;
	margin: 0;
	height: 220px;
	width: 650px;
	padding: 80px 10px 0;
}

ul.per-paraules-intranet .validador a {
	text-decoration: underline;
	color: #f79321;
}

span.in-verd {
	color: #6fcd22;
}

span.in-taronja {
	color: #f79321;
}

span.in-vermell {
	color: #fd292c;
}

span.in-marro {
	color: #a76913;
}

ul.per-paraules-intranet li h1 {
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	width: 100%;
	margin: 0 0 15px;
}

ul.per-paraules-intranet li h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	margin: 0;
}

ul.per-paraules-intranet li h4 {
	font-size: 12px;
	margin: 0 0 10px;
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	font-weight: normal;
	font-style: normal;
}

/* @end */

div.intranet-dreta p label a {
	color: #f79321;
	text-decoration: underline;
}

div.button {
	height: 29px;	
	width: 133px;
	background: url(img/button.png) 0 0;
	
	font-size: 14px;
	color: #f79321;
	text-align: center;
	padding-top: 15px;
	margin: 10px;
}

div.button.hover {
	background: url(img/button.png) 0 56px;
	color: #fde28d;	
}

#llocfotos3 {
	color: #e33d44;
	font-style: italic;
	font-size: 14px;
}

#preu {
	margin-left: 20px;
}