@charset "utf-8";

/*
	TdC:
		- Importacions
		- Capcelera
			- Logotip
			- Pestanyes superiors
				- Pestanya accés MÉSVilaWeb
				- Pestanya entrada edicions locals
			- Menú principal
		- Contingut
		- Peu
			- Menú peu
			- RSS i segells
			- Pàgines peu
		- Banners
			- Banners capçalera
		- Components bàsics
			- Caixa
		- Planes
			- Envia'n còpia
				- Article enviat
			- Creació d'una local
			- Contacte
*/

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


/* Capçalera
--------------------------*/
#capcalera {
	position: relative;
	margin-top: 1em;
}

/* Logotip */
#capcalera h1 {
	padding: 1.6em 0 .5em .6em;
	background-color: #f60;
}	

#capcalera h1 img {
	/*margin: 0; 
   width: 192px;
   height: 62px;
   font-size: 100%; 
   overflow: hidden; */
   width: 9.9em;
}
/* //Logotip */

/* Pestanyes superiors */
#capcalera #pestanyes-superiors {
	padding-left: .3em;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
}

#capcalera #pestanyes-superiors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#capcalera #pestanyes-superiors ul li {
	background: #ff6600  url(../../../resources/img/cantonada.png) no-repeat left top;;
	float: left;
	margin-right: .8em;
	font-size: .9em;
	line-height: 2em;
}

#capcalera #pestanyes-superiors ul li.actiu {
	background-color: #3c659e;
}

#capcalera #pestanyes-superiors #vilaweb,
#capcalera #pestanyes-superiors #vilawebtv,
#capcalera #pestanyes-superiors #nosaltres {
	width: 9em;
	text-align: center;
}

#capcalera #pestanyes-superiors #acces-edicions-locals {
	margin: 0;
}

#capcalera #pestanyes-superiors ul li a {
	color: #fff;
	font-weight: bold;
}

/** Pestanya accés MÉSVilaWeb **/
#capcalera #pestanyes-superiors fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#capcalera #pestanyes-superiors #mesvilaweb input.text,
#capcalera #pestanyes-superiors #acces-edicions-locals select {
	background-color: #dbd0c8;
}

#capcalera #pestanyes-superiors #mesvilaweb a,
#capcalera #pestanyes-superiors #mesvilaweb fieldset {
	float: left;
}

#capcalera #pestanyes-superiors #mesvilaweb {
	padding: 0 .5em 0 1em;
	width: 32.5em;
}

#capcalera #pestanyes-superiors #mesvilaweb label {
	padding-left: .8em;
	color: #fff;
	font-weight: bold;
}

#capcalera #pestanyes-superiors #mesvilaweb input#correu {
	width: 9em;
}

#capcalera #pestanyes-superiors #mesvilaweb input#clau {
	width: 6em;
}
/** //Pestanya accés MÉSVilaWeb **/

/** Pestanya entrada edicions locals **/
#capcalera #pestanyes-superiors #acces-edicions-locals {
	padding: 0 .9em 0 1em;
	width: 20em;
	margin-right: 0;
}

#capcalera #pestanyes-superiors #acces-edicions-locals select {
	width: 18.5em;
}

.js #capcalera #pestanyes-superiors #acces-edicions-locals select {
	width: 20em;
}
/** //Pestanya entrada edicions locals **/

/* Menú principal */
#capcalera #menu-principal div {
	background-color: #3c659e;
	border-top: 1px solid #fff;
	line-height: 2em;
	font-size: .9em;
	padding-left: 1em;
	position: relative;
}

#capcalera #menu-principal div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#capcalera #menu-principal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#capcalera #menu-principal ul span,
#capcalera #menu-principal ul a {
	font-weight: bold;
	color: #3c659e;
	display: block;
}

#capcalera #menu-principal ul ul span {
	display: inline;
}

#capcalera #menu-principal ul ul {
	display: none;
	position: absolute;
	top: 2em;
	background-color: #f4f0eb;
	border: 1px solid #3c659e;
	border-top: none;
	padding: .2em .8em;
	width: 15em;
	z-index: 100;
}

#capcalera #menu-principal ul ul a:hover,
#capcalera #menu-principal ul ul a:hover span {
	color: #ff6600;
}

#capcalera #menu-principal ul li:hover ul,
#capcalera #menu-principal ul li.over ul {
	display: block;
}

#capcalera #menu-principal ul li {
	float: left;
}

#capcalera #menu-principal ul li li {
	float: none;
}

#capcalera #menu-principal ul li .primer-nivell {
	color: #fff;
	text-transform: uppercase;
	padding: 0 .8em;
}

#capcalera #menu-principal ul li .primer-nivell a{
	color: #fff;
}
#capcalera #menu-principal ul li:hover .primer-nivell a,
#capcalera #menu-principal ul li.over .primer-nivell a{
	background-color: #f4f0eb;
	color: #ff6600;
}

#capcalera #menu-principal ul li:hover .primer-nivell,
#capcalera #menu-principal ul li.over .primer-nivell {
	background-color: #f4f0eb;
	color: #ff6600;
	border-left: 1px solid #3c659e;
	padding-left: .7em;
}

#capcalera #menu-principal ul li:hover span.primer-nivell,
#capcalera #menu-principal ul li.over span.primer-nivell {
	cursor: default;
}

#capcalera #menu-principal #data {
	color: #fff;
	font-size: 1.1em;
	padding-right: 1em;
	float: right;
}
/* //Menú principal */


/* Contingut
--------------------------*/
#contingut {
	padding: 2em 0 2em 1.5em;
}


/* Peu
--------------------------*/
#peu {
	clear: both;
	font-size: .9em;
	font-weight: bold;
}

/* Menú peu */

#peu #menu-peu ul {
	list-style: none;
	margin: 0;
	margin-left: 1.5em;
	padding: 0;
	border-bottom: 1px solid #eae3da;
	padding-bottom: .7em;
}

#peu #menu-peu ul li {
	border-right: 1px solid #eae3da;
	padding-right: .5em;
	margin-right: .5em;
	display: inline;
}

#peu #menu-peu ul li.last {
	border-right: none;
}

#peu #menu-peu ul li a {
	color: #a29587;
	white-space: nowrap;
}
/* //Menú peu */

/* RSS i segells */




#peu #rss-segells {
	clear: left;
	text-align: right;
	margin: 1em 0 1em .5em;
}

#peu #rss-segells p {
	display: inline;
	margin-left: 1em;
}

#peu #logo-rss {
	width: 2.33em;
}

#peu #logo-iqua {
	width: 2.77em;
}
/* //RSS i segells */

/* Pàgines peu */
#peu #tancament-peu {
	background-color: #ff6600;
	line-height: 4.5em;
}

#peu #tancament-peu a {
	color: #fff;
}

#peu #pagines-peu ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 2em;
	float: left;
}

#peu #pagines-peu ul li {
	float: left;
	margin-right: 1.5em;
}

#peu #tancament-peu p {
	text-align: right;
	margin-right: 1em;
}

/* //Pàgines peu */


/* Banners
--------------------------*/
/* Banners capçalera */
#banners-capcalera  {
	padding-top: 1em;
	text-align: right;
}

#banners-capcalera p {
	display: inline;
	margin-left: 1em;
}
/* //Banners capçalera */


/* Components bàsics
--------------------------*/
/* Caixa */
.caixa {
	font-size: 1.1em;
}

.caixa h2 {
	background-color: #ff6600;
	color: #fff;
	text-transform: uppercase;
	font-size: .82em;
	padding: .3em 1em;
}
/* //Caixa*/


/* Planes
--------------------------*/

#envian-copia  p {
	width: 57em;
	margin-bottom: 1em;
	position: relative;
}

#envian-copia fieldset {
	margin: 0;
	padding: 1em 3em 3em 2em;
	border: 1px solid #ede6de;
	border-top: none;
}

#envian-copia p strong {
	font-size: 1.2em;
	width: 32em;
	color: #333;
	float: left;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
}

#envian-copia p small {
	clear: left;
	display: block;
	font-size: .85em;
	margin-left: 20em;
	color: #7d7d7d;
}

#envian-copia .obligatori {
	color: #ff6600;
	position: absolute;
	left: 16em;
}

#envian-copia small .obligatori {
	position: relative;
	left: auto;
}

#envian-copia .etiqueta,
#envian-copia label {
	color: #666;
	font-weight: bold;
	display: block;
	width: 17em;
	float: left;
}

#envian-copia img.codi {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#envian-copia label.intern {
	width: 3.5em;
}

#envian-copia input.intern {
	width: 8em;
}

#envian-copia .text,
#envian-copia textarea {
	width: 38em;
}

#envian-copia textarea {
	height: 15.8em;
}

#envian-copia button{
	padding: 0;
	border: none;
	background: none;
	margin-right: 1em;
}

/** Article enviat **/
#envian-copia-article-enviat p {
	padding: 4em 2em;
	border: 1px solid #ede6de;
	border-top: none;
	font-weight: bold;
	color: #666;
	font-size: 1.1em;
}

#envian-copia-article-enviat ul {
	padding: 0;
	margin: 1em 0 4em 0;
	list-style: none;
}

#envian-copia-article-enviat ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#envian-copia-article-enviat li {
	width: 11em;
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px solid #c5c5c5;
	text-align: center;
	float: left;
}

#envian-copia-article-enviat li.last {
	border: none;
}

#envian-copia-article-enviat a {
	background-color: #3c659e;
	color: #fff;
	text-transform: uppercase;
	font-size: .82em;
	display: block;
	padding: .3em 0;
}
/** //Article enviat **/
/* //Envia'n còpia */

/* Creació d'una local */
#creacio-local {
	text-align: right;
}

#creacio-local:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#creacio-local .caixa {
	width: 38em;
	clear: left;
	float: left;
	text-align: left;
}

#creacio-local .caixa dl {
	margin: 1em .2em 1.5em .2em;
}

#creacio-local .caixa dt {
	font-weight: bold;
	background: url(../../../resources/img/bullet-coixinet.png) no-repeat left center;
	padding-left: 1em;
}

#creacio-local .caixa dd {
	margin: 0;
	margin-bottom: 2em;
	padding-left: 1em;
}

#creacio-local .caixa dd ul {
	margin-left: 1.5em;
	padding: 0;
	background-color: #fff;
}

#creacio-local .caixa li {
	padding-top: 1em;
}

#creacio-local .caixa ul {
	margin: 0;
	padding: 0;
	padding: 0 1em 2em 3em;
	background-color: #f0e9e1;
}

#creacio-local img#captura-locals {
	width: 29em;
}
/* //Creació d'una local */

/* Contacte */
#contacte {
	background-color: #efeae6;
}

#contacte h2 {
	border-bottom: 1px solid #fff;
}

#contacte #dades-contacte {
	padding: 2em;
	width: 17.35em;
}

#contacte #dades-contacte address {
	margin-bottom: 1em;
}

#contacte #dades-contacte dl {
	margin: 1em 0;
}

#contacte #dades-contacte dt {
	float: left;
	clear: left;
	width: 5em;
}

#contacte #dades-contacte dd {
	margin: 0;
	margin-right: .5em;
}

#contacte #dades-contacte,
#contacte #entrada-seu {
	float: left;
}

#contacte #entrada-seu img,
#contacte #mapa-seu img {
	display: block;
}

#contacte #entrada-seu {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* //Contacte */