/*
	Ajuntament de Blanes
	www.blanes.cat | www.blanes.org | www.blanes.info
	
*/	

/* TOC
	- imports
	- barres de la capalera de la home
		- banner
		- menu serveis del web
	- contenidor
		- Estructura contenidor
		- Columna 0
			- Menu
			- Permanents
		- Columna 1
			- central-2cols
		- Columna 3
			-Destacats
	- Peu
	
	*/

/* COLORS
	
	Blau Blanes: #6699ff;
	Gris suau fons: #eeeeee;


/* imports
--------------------------------------------------------------------------- */
@import 'basic.css';
@import 'nav-lateral.css';

/* Capsalera de la home
--------------------------------------------------------------------------- */
#barra-corporativa a{
	color: #fff;
	}

#barra-corporativa a:hover{
	color: #ccc;
	}
	
#capsalera {
	width: 77.8em;
	height: 8.0em;
	margin: 0;
	padding:0;
  background:#6699ff; 
	}
	
#capsalera img{
	width: 100%;
	height: 100%;
	}
	
/* Div del banner amb la foto i titol
--------------------------------------------------------------------------- */
#banner{
	float:right;
  height:8.0em; 
	width: 77.8em;
  background-color: #6699ff;
	margin: 0;
	padding:0;
	}

/*- Menu serveis del web
--------------------------------------------------------------------------- */

#utilitats {
	margin: 0;
	padding: 0;
/* 	width: 70.7em; */
	height: 1.6em;
	background-color: #6699FF;
	color: #fff;
	font-size: 1.1em; 
	}
	
#utilitats a {
	color: #fff;
	font-weight: bold;
	}
	
#utilitats a:hover {
	color: #000;
	}
	
#breadcrumb {
	padding: 0.2em 0 0 0.8em;
	height: 2.2em;
	}

#breadcrumb a {
	font-weight: normal;
	}

/* Contenidor central
--------------------------------------------------------------------------- */

/*- Estructura 
--------------------------------------------------------------------------- */

#marc-web{
/* 	border: 1px solid #000; */
	}
	
#contenidor { 
 	padding-right: 0.1em;
	}
	
#columna0 { 
	width: 13.6em; 
	padding: 0 0 0 0; 
	margin: 0 0em 0 0; 
	float: left;
	}
	
#columna1 {
	width: 44.25em; 
	padding: 0; 
	margin: 0; 
	float: left;
	margin-left: 0.1em;
	}

#columna1-ample {
	width: 57.0em; 
	padding: 0; 
	margin: 0; 
	float: right;
	}
	
#columna3 {
	width: 13.9em;
	padding: 0 0 0 0;
	float: right;
	}

/* columna 0
 -------------------------------------------------------------------------- */
 
 #columna0, #columna1, #columna1-ample{
	font-size: 1.1em;
	background-color:#ffffff;
	}
	
/*- menu
--------------------------------------------------------------------------- */

#menu-principal div {
	color: #666666;
	background-color: #FFFFFF;
	}
	
#menu-principal div ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
	
#menu-principal div ul span{
	padding: 0.3em 0 0.1em 0.6em; 
	margin: 0 0 0 0em;
	color:#FFFFFF;
	background-color:#000000;
	font-size: 1.4em;
	display: block;
	width: 9.15em;
	height: 1.5em;
	}
	
#menu-principal div ul li.primer-li  {
	padding-top: 0em;
/* 	border-bottom: 1px #ffffff solid; */
}

#menu-principal div ul li {
	padding: 0 0; 
	}
	
/* #e3e3e3 */
#menu-principal div ul li.senars {
	background-color: #DFE8FD;
	}
#menu-principal div ul li.node {
	padding: 0;
	}
	
#menu-principal div ul li ul a,
#menu-principal div ul li ul span {
	padding: 0.4em 0 0.4em 0.6em; 
	margin: 0 0 0 0em; 
	height: 1.3em;
	display: block;
	color: #555555;
}
	
#menu-principal div ul li ul a:hover {
	color: #ffffff;
	background-color: #6699FF;
}


/* Permanents
 -------------------------------------------------------------------------- */
#permanents {
	margin:0em; 
	position: relative; 
	z-index: 1;
	}
	
#permanents ul span {
	padding: 0.3em 0 0.1em 0.6em; 
	margin: 0 0 0 0em;
	color:#FFFFFF;
	background-color:#000000;
	font-size: 1.4em;
	display: block;
	width: 9.15em;
	height: 1.5em;
	}
	
#permanents li img {
	display: block; 
	width: 13.6em;
	}
	
#permanents ul {
	margin:0; 
	padding:0.3em 0 0.1em 0; 
	list-style-type:none; 
	/* text-align: center; */
	background-color: #EEE;
	}
	
#permanents li {
	margin:0 0 0.3em 0; 
	padding:0;
	}

#permanents a { display:block; background:#ddd;}
#permanents h2 {display: block; min-height: 27px;}

#permanents h2 span, 
#permanents h2 span {
	position: relative; 
	z-index: -1; 
	color: #fff; 
	background:#43719F; 
	display: block; 
	padding: 0.2em 0.2em 0.2em 1em; 
	overflow:hidden;
	}

/* Columna 1
 -------------------------------------------------------------------------- */
 
		
#columna1 h2 span {
	position: relative; 
	z-index: -1; 
	color: #fff; 
	background:#43719F; 
	display: block; 
	padding: 0.2em 1em;
	}
	
div time, .time{
	color: #000;
	}
	
	
	#columna1 img {
	margin: 1em 0;
	}

/*- central-2cols i central-3cols
--------------------------------------------------------------------------- */

#central-2cols, 
#central-3cols{
	z-index: 1;
	margin-bottom: 1.6em;
	padding: 0 3em 0 3em;
	} 

#central-forms{
	z-index: 1;
	margin-bottom: 1.6em;
	padding: 0 0.6em 0 0.6em;
	} 

#central-2cols div, 
#central-3cols div{ 
	padding: 0 0 0.5em 0;
/* 	ATENCIÓ: COMENTAR LA SEGUENT LINIA -------------------------LLUIS!!*/
/* 	border-bottom: 2px dotted #999; */
	}
	
#central-2cols h1, 
#central-3cols h1,
#central-forms h1{
	margin: 0.5em 0em 1em 0em;
	font-weight: normal;
	color: #6699ff;
	}

#central-2cols h3, 
#central-3cols h3 {
	display: block; 
	clear: left; 
	margin: 0.5em 0em 0.5em 0; 
	font-size:1.15em;
	
	/* CODI MODIFICAT SEGUNT LINIA ES POT ESBORRAR----------------------- ------------------------- LLUIS!!*/
	padding: 0 0 0 0; 
	
	}
	
#central-3cols h4 {
	color: #6699ff;
	margin: 0 0 0.5em 0;
	}

#central-2cols p.destacat, 
#central-3cols p.destacat{
	font-size: 1.25em;
	font-weight: bold;
	}
	
#central-2cols p, 
#central-3cols p{
	margin: 0.5em 0em 1em 0em;
	padding:0;
	font-size:1.15em;
	line-height: 1.35em;}

#central-3cols div p.destacat, 
#central-3cols div p{
	margin: 0.5em 3em 1em 3em;
	padding:0;
	}

#central-2cols img{
	float: left; 
	margin: 0 1em 0 0; 
	}
	
 #central-3cols img{
	float: none; 
	margin:  0 1em 1em 0; 
	}
	
div#historic { 
	padding: 0.5em 0 0 0;
	border:none;
	}
	
#columna1 ul, #columna2 ul {
	margin: 0.8em 0 0.6em 1em;
	padding: 0px;
	list-style-type: none;
	color: #000000;
	font-weight: bold;
	}
	
/* CODI NOU----------------------- ------------------------------------------------ LLUIS!!*/
/* columnes de l'central-3cols --*/

#central-3cols h3 {
	font-weight: normal;
	margin: 0 0 0.3em 0;
	font-size: 1.5em;
	}

#central-3cols h4 {
	color: #6699ff;
	margin: 0 0 0.3em 0;
	font-size: 1.3em;
	}

#central-3cols h5 {
	margin: 0 0 0.3em 0;
	font-size: 1.1em;
	}

#central-3cols  #coldreta,
#central-3cols  #colesquerra{
	width:27.8em;
	padding: 0  0 0 1em;
	float:left;
	
	}
	
#central-3cols  #colesquerra{
	width:21.1em;
	padding: 0 1em 0 0 ;
	}
	
#central-3cols  #coldreta img,
#central-3cols  #colesquerra img{
	margin:0;
	}

/* llistes de definició -*/

#central-3cols dt{
	font-weight: bold;
	}
#central-3cols dd{
	margin:0 0 0.8em 0em;
	padding-left: 0.0em;
/* 	border-left: 2px dotted #6699ff; */
	}

#central-3cols .peu{
	font-style: italic;
	font-size: 1em;
	color: #6699ff;
	}

/* llistes ul -*/

#central-3cols ul{
	list-style: none;
	margin: 1.2em;
	padding:0;
	}
	
#central-3cols ul li{
	margin:0 0 0.8em 0;
/* 	border-left: 2px dotted #6699ff; */
	padding-left: 0.7em;
	}

/* ACABA CODI NOU----------------------- ------------------------- LLUIS!!*/



/*-- columna 3 (banners...)
--------------------------------------------------------------------------- */

#columna3 h2 {
	font-size: 1.6em;
	color:#fff;
	background-color: #000;
	padding: 0.43em 0 0.2em 0em;
	font-weight: normal;
	text-align: center;
	margin:0;
	}

#columna1 div h3,
#columna1 div h3 a{
	display: block; 
	min-height: 16px; 
	color: #6699ff;
	}
	
#destacats ul span  {
	padding: 0.3em 0 0.1em 0.6em; 
	margin: 0 0 0 0em;
	color:#FFFFFF;
	background-color:#000000;
	font-size: 1.4em;
	display: block;
	width: 9.35em;
	height: 1.5em;
	text-align: left;
	}
	
*/
.data { 
	font-weight: normal; 
	margin: 0 0 0.7em 0; 
	padding: 0 0 0.9em 0; 
	border-bottom: 1px solid #fff; 
	text-align: center;
	}

#novetats, #destacats {
	margin:0em; 
	position: relative; 
	z-index: 1;
	}
	
#novetats li img, #destacats li img {
	display: block; 
	width: 13.9em;
	}
	
#novetats ul, #destacats ul {
	margin:0; 
	padding:0em 0 0.5em 0; 
	list-style-type:none; 
	text-align: center;
	}
	
#novetats li, #destacats li {
	margin:0 0 0.8em 0; 
	padding:0;
	}

#novetats a, #destacats a { display:block; background:#ddd;}
#novetats h2, #destacats h2 {display: block;/*  min-height: 27px; */}

#novetats h2 span, 
#destacats h2 span {
	position: relative; 
	z-index: -1; 
	color: #fff; 
	background:#43719F; 
	display: block; 
	padding: 0.2em 0.2em 0.2em 1em; 
	overflow:hidden;
	}

/* peu superior de pàgina
--------------------------------------------------------------------------- */
#copy a{ font-weight:bold;}

#sobre-blanes, 
#info-aj-blanes {
	padding: 0.5em 0; 
	font-size: 1.1em; 
	text-align: center;  
	margin:0;
	}

#sobre-blanes h2 {
	font-size: 1em; 
	text-transform: uppercase; 
	color: #ffffff;
	}
	
#sobre-blanes {
	background-color: #6699ff; 
	color: #ffffff;
	}
	
#sobre-blanes a {
	color: #fff; 
	}
	
#sobre-blanes a:hover {
	color: #000; 
	}
	
#sobre-blanes img {vertical-align: middle;}
	
#sobre-blanes ul{ list-style-type:none; margin:0; padding:0;}

#sobre-blanes ul li{ 
	display: inline; 
	padding: 0 0.6em; 
	border-right: 1px solid #fff;
	}
	
#sobre-blanes ul li.last{ border: none;}

/* peu inferior de pàgina
----------------------------------------------------------------- */

#info-aj-blanes strong {
	line-height: 1.5em; 
	text-transform: uppercase;
	}
	
#info-aj-blanes, 
#info-aj-blanes a {
	color: #6699ff; 
	background-color: #000;
	}
	
#info-aj-blanes a:visited {color: #6699ff; }
#info-aj-blanes a:hover {color: #fff; }
#info-aj-blanes address{ font-style: normal;}