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

/* TOC
	- imports
	- barres de la capalera de la home
		- menu serveis del web
		- barra cercador
	- contenidor
		- estructura contenidor
		- menu
		- menu maco de sota
		- contingut
			- contingut principal
			- columna 3 (banners...)
	- informacio  pagina
	- cantonades
	*/

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


/* imports
--------------------------------------------------------------------------- */

@import 'basic.css';
@import 'nav-lateral.css';

/* Capsalera de la home
--------------------------------------------------------------------------- */
#capsalera {
	width: 77.8em;
	height: 15.0em;
	margin: 0;
	padding:0;
  	background:#6699ff; 
	}
	
#capsalera img{
	width: 100%;
	height: 100%;
	}

/* Div de l'Escut de l'ajuntament
--------------------------------------------------------------------------- */

#logoBlanes{
  	background:#6699ff; 
	float:left;
  	text-align:center;
  	height:15.0em; 
  	width:15.0em; 
	}
	
/* Div del document Flash
--------------------------------------------------------------------------- */
#bannerSwf{
	float:right;
  height:15.0em; 
	width: 77.8em;
  background-color: #6699ff;
	margin: 0;
	padding:0;
	}

/*- menu serveis del web
--------------------------------------------------------------------------- */

#utilitats {
	margin: 0;
	padding: 0;
	width: 70.7em;
	height: 2.2em;
	background-color: #6699FF;
	color: #fff;
	font-size: 1.1em; 
	}
	
#utilitats ul {
	margin: 0; 
	padding: 0; 
	clear:left; 
	text-align:center;
	}
	
#utilitats ul li {
	display: inline; 
	margin: 0 2.2em 0 2.2em; 
	padding: 0; 
	line-height: 2.2em;
	}
	
#utilitats a {
	color: #fff;
	font-weight: bold;
	}
	
#utilitats a:hover {
	color: #000;
	}
	
#navServeis{
	width: 57.9em;
	height: 2.2em;
	background-color: #6699FF;
	float:left;
	}
	
#utilitats #navServeis ul {
	margin-left: 0; 
	}
	
#turisme{
	width: 12.7em;
	height: 2.2em;
	background-color: #97b7f6;
	float:right;
	}

#turisme ul{
	text-align: center;
	}
	
#turisme a{
	font-size: 1.1em;
	color: #000;
	}
#turisme a:hover{
	color: #fff;
	}


/* contenidor
--------------------------------------------------------------------------- */

/*- estructura 
--------------------------------------------------------------------------- */

#contenidor { 
	border-right: 13.9em solid #E7E6E6;
/* 	margin-right: 0.1em;  */
 	padding-right: 0.1em;
	}
	
#columna0 { 
	width: 13.6em; 
	padding: 0 0 0 0; 
	margin: 0 0em 0 0; 
	float: left;
	}
	
#columna1 {
	width: 22.10em; 
	padding: 0; 
	margin: 0; 
	float: left;
	}
	
#columna2 {
	width: 22.1em; 
	padding: 0; 
	margin: 0 0 0 0;
	float: left;
	}
	
#columna3 {
	position: absolute;
	width: 13.9em;
	padding: 0 0 0 0;
	margin: 0 -13.9em 0 0;
	right:13.9em;
	z-index:1000;
	}

#columna1,
#columna2 {
	/*
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	*/
	margin-left: 0.1em;
	}
	
/* col·lumna 0
 -------------------------------------------------------------------------- */

/*- 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; 
	}
		
#menu-principal div ul li.senars {
	background-color: #eeeeee;
	}
#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; 
	width: 13.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;
	}

/*- contingut
--------------------------------------------------------------------------- */

/*-- contingut principal
--------------------------------------------------------------------------- */

#columna0, #columna1, #columna2 {
	font-size: 1.1em;
	background-color:#ffffff;
	}
	
/* ************************  */
#columna2 div {z-index: 1;}

#noticies,
#exposicions,
#agenda {
	z-index: 1;
	margin-bottom: 1.6em;
	} 
                                                       
#columna1 div h2, 
#columna2 div h2
 {
	display: block;
	padding: 0.43em 0 0.2em 0.8em;
	background-color: #dddddd;
	font-weight: normal;
	}
	
#columna1 h2,
#columna2 h2,
#columna3 h2 {
	margin: 0 0 1.3em 0;
	color: #000000;
	}
	
#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;
	}

	
#columna2 div h3,
#columna1 div h3,
#columna2 div h3 a,
#columna1 div h3 a{
	display: block; 
	min-height: 16px; 
	color: #6699ff;
	}
	
#columna2 div h3 a:hover,
#columna1 div h3 a:hover{
	color: #6699ff;
	text-decoration: underline;
	}
	
#columna1 h2 span, 
#columna2 h2 span {
	position: relative; 
	z-index: -1; 
	color: #fff; 
	background:#43719F; 
	display: block; 
	padding: 0.2em 1em;
	}
	
#columna2 h3 span {
	position: relative; 
	z-index: -1; 
	padding: 0 1.4em;
	}
	
#agenda {
	width: 22.1em;
	overflow: visible;
	}
/* *********************** */

/*--- Promo ---*/

#columna2 div.promo {
	background: #ccc; 
	padding:0;
	height:14em;
	width:22.1em;
	text-align: center;
	overflow: hidden;
	}
	
#columna2 .promo-flash {
	background: #eee; 
	padding:0;
	height:14em;
	width: 100%;
	overflow: hidden;
	}
	
#columna2 div.promo img { 
	display: inline; 
	margin:0 auto; 
	width:21.9em;
	height:14em;
	}
	
#columna2 div.promo p.promo1,
#columna2 div.promo p.promo2 {
	display: inline;
	width:10.9em;
	margin:0;
	padding:0;
	}
	
#columna2 div.promo p.promo1 img,
#columna2 div.promo p.promo2 img {
	width:10.8em;
	}
	
#columna2 div.promo h2{
	padding:0.35em 0 0.15em 0.8em;
	color:#fff;
	background-color: #3366ff;
	font-size: 1.6em;
	text-align: left;
	margin:0 0 1.3em;
} 

#columna2 div.destacat{
	background: #fff; 
	width:22.1em;
	height:100%;
	/* background-color: #e1e8fd; */
	/* border: 1px solid #3366ff; */
	border-bottom: 10px solid #3366ff;
	/* border-top-color: #ccc; */
} 

#columna2 div.destacat p{
	color:#666;
	font-size: 1.2em;
	text-align: left;
	padding:0.6em 0.6em 0 0.6em;
} 

#columna2 div.destacat ul{
	color:black;
	font-size: 1.1em;
	padding:0 0 0 0;
	margin:0 0 6em 0;
	text-align: left;
} 
#columna2 div.destacat ul li{
	margin:6em 0 0 0 ;
	padding:0 0 0 0;
} 
	
/*------*/
	
div time, .time{
	/* 	font-weight: bold; */
	color: #000;
	}
	
#noticies h3, 
#agenda h3,
#exposicions h3 {
	display: block; 
	clear: left; 
	margin: 0.5em 1em 0.5em 0; 
	padding: 0 0 0 1.3em; 
	font-size:1.15em;
	}
	
#noticies p, 
#agenda p,
#exposicions p{
	margin: 0.5em 1em 0.5em 1.7em;
	}

#noticies p.video a { 
	font-weight:bold; font-size:.9em; 
	padding-left: 16px; 
	display: block; 
	height:1%; 
	margin-top: .3em;
	}
	
#noticies p img, 
#agenda p img,
#exposicions p img {
	float: left; 
	margin: 0 1em 0 0; 
	}

#noticies div, 
#agenda div,
#exposicions div,
div#historic { 
	margin: 0 1em 0 1.7em;
	padding: 0 0 0.5em 0;
	border-bottom: 2px dotted #999;
	}
	
div#historic { 
	padding: 0.5em 0 0 0;
	border:none;
	}
	
#noticies div img,
#agenda div img,
#exposicions img{
	float: left; 
	margin: 0 1em 0 0; 
	/* 	width:4.5em;  */
	/* 	height:4.5em; */
	}
	
#noticies div p,
#agenda div p,
#exposicions div p{
	margin:0 0 3px 0; 
	padding:0;
	}

#noticies p:after,
#agenda p:after,
#exposicions p:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
#columna1 ul, #columna2 ul {
	margin: 0.8em 0 0.6em 1em;
	padding: 0px;
	list-style-type: none;
	color: #000000;
	font-weight: bold;
	}
	
/*-- columna 3 (banners...)
--------------------------------------------------------------------------- */

#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;
	}
	
/*
#destacats ul span  {
	padding: 0.4em 0 0.2em 0.8em; 
	margin: 0 0 0 0em;
	color:#000;
	background-color:#ccc;
	font-size: 1.6em;
	display: block;
	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; 
	}
	
#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;}