/* Contingut */
	#LyDocument {position: absolute; left: 210px; top: 148px; width: 515px; height: 235;clip:rect(0,515,235,0); z-index: 100;}
	
	#LyscrollDocument {position: absolute; left: 0px; top: 0px; width: 515px; height: auto; z-index: 100;}
	#LyEquipaments {position: absolute; left: 248px; top: 148px; width: 515px; height: 235;clip:rect(0,515,235,0); z-index: 100;}
	
	#LyscrollEquipaments {position: absolute; left: 0px; top: 0px; width: 515px; height: auto; z-index: 100;}
	#LyCont01Inner {position: absolute ;left: 0px; top: 50px; width: 550; height: 18px; z-index: 1;}
	#LyCont01 {position: absolute;left: 178px; top: 48px; width: 550; height: 18px; z-index: 1;}
	#LyCont02 {position: absolute;left: 700px; top: 59px; width: auto; height: auto; z-index: 1;}
	#LyCont02Activitats {position: absolute;left: 600px; top: 59px; width: auto; height: auto; z-index: 1;}
	#BackTransparent {position:absolute; left:178px; top:128px; width:150px; height:250px; z-index: 100;}
	#LyicoScroll2 {position: absolute; left: 725px; top: 112px; width: 11px; height: 275px; z-index: 100;}
	#LySeleccioEquipaments {position: absolute;left: 330px; top: 88px; width: 574px; height: 350px; z-index: 1;}
	#LyCercaEquipaments {position: absolute;left: 330px; top: 250px; width: 574px; height: 350px; z-index: 1;}
	#LyPerParaula {position: absolute;left: 330px; top: 320px; width: 350px; height: 100px; visibility:hidden; z-index: 1;}
	#LyPerData {position: absolute;left: 330px; top: 320px; width: 350px; height: 100px; visibility:hidden; z-index: 1;}
	#LySearchResults {position: absolute; left: 330px; top: 135px; width: 375px; height: 248;clip:rect(0,375,248,0); z-index: 100;}
	#LyscrollSearchResults {position: absolute; left: 0px; top: 0px; width: 375px; height: auto; z-index: 100;visibility:hiden}
	#LyVeureDates {position: absolute;top:0px;z-index: 900;visibility:hidden}
	#LySelSubTipusServei {position: absolute;left: 178px; top: 90px; width: 375px; height: auto; z-index: 100;}
	.lnkActivitat {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:red;
	line-height : 13px;
	text-decoration:none;
	}
	.lnkProva {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	color:blue;
	line-height : 13px;
	text-decoration:none;
	}
/* ================================== Nuevos ================================== */
/* #edf89a; claret */
/* #b9d300; intermig */
/* #08635b; fosc */
/* ================================== Basics ================================== */
body {font: 12px arial, sans-serif; line-height: 1.2em; color: #545454; margin: 0; padding: 0; min-width: 780px; background-color: #f3f3f3;}
img {border: 0;}
.siteRelated {font-family: verdana, sans-serif; font-size: 75%; color: #edf89a;}
.siteRelated a {text-decoration: none; color: #edf89a;}
.siteRelated a:hover {text-decoration: underline;}
.filAriadna {font-family: verdana, sans-serif; font-size: 75%;}
.filAriadna a {color: #08635b;}
.print {padding: 0 0 0 15px; background: transparent url(/AjGra/images/icoPrinter.gif) center left no-repeat;}
.access {display: none;}
.lft {float: left;}
.rgt {float: right;}
#footerBlock {font-family: verdana, sans-serif; font-size: 75%; text-align: center;}
#footer p {padding-top: 8px; padding-bottom: 8px; margin: 0;}
#footer a {text-decoration: none; font-weight: bold; color: #545454;}
#footer a:hover {text-decoration: underline;}
#pageFrame {background-image: url(/AjGra/images/bgHome.gif); background-repeat: repeat-y;}
		#innerBarraColor {background-image: url(/AjGra/images/bgBarraColor.gif); background-repeat: repeat-x;}
		#innerImgRow {background-color: #08635b;}
		#innerMainNavRow {background-color: #b9d300;}
	#utilitiesRow {border-bottom: solid 1px #ebebeb; background-color: #fff;}
		#websAj, #news, #topTen, #annexes, #contRel {background-color: #f3f3f3;}
		#lvl2Nav {border: 1px solid black;}
	#filAriadna, #blanckSpcTop, #blanckSpcBottom, #footerBlock {background-color: #fff;}
	#footer {border-top: 1px solid #ebebeb;}
	
	
/* ================================== Main Menu ================================== */
ul.subnavlist {display: none; padding: 0; margin: 0;} /* visibility: hidden; */
ul.subnavlist li {float: none;}
/* caixa menu horitzontal LVL1 */
ul#navlist {margin: 0; padding: 0; list-style-type: none;}
/* items horitzontals LVL1 */
div#navContainer ul#navlist li#coneix, div#navContainer ul#navlist li#ajuntament, div#navContainer ul#navlist li#tramits, div#navContainer ul#navlist li#temes {display: inline; float: left; width:  135px; height: 28px;}
div#navContainer ul#navlist li#coneix {background-image: url(/AjGra/images/ca/btnConeixCiutat.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#ajuntament {background-image: url(/AjGra/images/ca/btnAjuntament.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#tramits {background-image: url(/AjGra/images/ca/btnTramits.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#temes {background-image: url(/AjGra/images/ca/btnTematic.gif); background-repeat: no-repeat;}
/* necessari perque aparegui el cursor link en els items horitzontala LVL1 */
div#navContainer ul#navlist li#coneix a.main, div#navContainer ul#navlist li#ajuntament a.main, div#navContainer ul#navlist li#tramits a.main, div#navContainer ul#navlist li#temes a.main {display: block; float: left; width: 135px; height: 28px;}
/* fa que es desplegui el menu LVL2 */
ul#navlist li:hover ul.subnavlist {display: block; position: absolute; padding-top: 0;} /* visibility: visible;  */
/* caixa que conte menu vertical LVL2 */
ul#navlist ul {margin-top: 27px; list-style-type: none; padding: 0; background-color: #edf89a; border-top: 1px #b9d300 solid;  border-left: 1px #b9d300 solid;  border-right: 1px #b9d300 solid;}
/* items verticals LVL2 desplegats */
ul#navlist li:hover {display: block;}
ul.subnavlist li a {width: auto; min-width: 125px; height: auto; font-size: 90%; color: #08635b; text-decoration: none; border-bottom: 1px #b9d300 solid; padding: 2px 5px 2px 5px; display: block;}
/* efecte mouseover sobre items LVL2 */
ul.subnavlist li a:hover {color: #edf89a; background-color: #08635b;}
/* ================================ Sidebar Right ================================ */
#rightNav h2 {width: 170px; height: 15px; margin: 0;}
div#rightNav ul li a {text-decoration: none; font-size: 90%; color: #545454;}
div#rightNav ul li a:hover {text-decoration: underline;}
/* ================================== Content ================================== */
h2.destacats {width: 265px; height: 17px; margin: 0; border-bottom: 1px #b9d300 solid; background-image: url(/AjGra/images/ca/titHomeDestaquem.gif); background-repeat: no-repeat;}
h2.noticies {width: 265px; height: 17px; margin: 0; background-image: url(/AjGra/images/ca/titHomeNoticies.gif); background-repeat: no-repeat; border-bottom: 1px #b9d300 solid;}
h2.agenda {width: 263px; height: 25px; padding: 0 0 0 0; margin: 15px 0 0 0; background: transparent url(/AjGra/images/ca/titAgenda.gif) center left no-repeat; border: 1px #e8e8e8 solid;}
/* enllaç totes */
h2.noticies a {width: 90px; text-align: right; float: right; text-decoration: none; font-size: 11px; color: #b9d300; font-weight: normal; padding-right: 15px; margin: 0; background: transparent url(/AjGra/images/icoAllTopicsGreen.gif) center right no-repeat;}
h2.noticies a:hover {text-decoration: underline;}
#innerLeft h3, #innerRight h3 {width: 265px; padding: 0; margin: 0; font-size: 100%; color: #08635b; font-weight: bold;}
#innerLeft h3 a, #innerRight h3 a {display: block; margin: 0; text-decoration: none; color: #08635b;}
#innerLeft h3 a:hover, #innerRight h3 a:hover {text-decoration: underline;}
#innerLeft h3 span.portada, #innerRight h3 span.portada, #resum h3 span.portada {display: block; margin: 15px 0 0 0; color: #b9d300; font-size: 11px; font-weight: normal;}
#innerLeft p, #innerRight p {width: 265px; padding: 0; margin: 8px 0 0 0;}
#innerLeft h3 img {border: 1px solid #b9d300;}
#innerRight p img {float: left; padding: 0; margin-right: 8px; border: 1px solid #b9d300;}
div#agenda ul {width: 263px; height: 14px; padding: 7px 0 7px 0; margin: -1px 0 0 0; list-style-type: none; border: 1px solid #e8e8e8; background: transparent url(/AjGra/images/bgAgenda.gif) center center no-repeat;}
div#agenda ul li {display: inline; margin: 0; list-style-type: none; }
div#agenda ul li a {padding-left: 20px; font-size: 90%; text-decoration: none; color: #545454; background: transparent url(/AjGra/images/btnGoAgenda.gif) center left no-repeat;}
div#agenda ul li a.lft {width: 95px; margin-left: 4px;}
div#agenda ul li a.rgt {width: 95px; margin-right: 4px;}
div#agenda ul li a:hover {text-decoration: underline;}
div#agenda p {width: 263px; padding: 4px 0 4px 0; margin: -1px 0 0 0; text-align: right; border: 1px solid #e8e8e8;}
div#agenda p a {padding: 0 15px 0 0; margin: 0 4px 0 0; text-decoration: none; font-size: 11px; color: #b9d300; background: transparent url(/AjGra/images/icoAllTopicsGreen.gif) center right no-repeat;}
div#agenda p a:hover {text-decoration: underline;}
/* ================================== LVL2 ================================== */
/*  basics  */
div#paddingContent h2 {font-size: 100%; font-weight: bold;}
div#paddingContent dl {display: block; height: 17px; padding: 0; margin: 0; border-bottom: 1px solid #ebebeb;}
div#paddingContent dd.lft {width: 200px; margin: 0;}
div#paddingContent dd.rgt {width: 75px; margin: 0; text-align: right;}
div#paddingContent dl {font-size: 90%;}
div#paddingContent dl a {margin: 0; text-decoration: none; color: #08635b;}
div#paddingContent dl a:hover {text-decoration: underline;}
div#resum h3 {padding: 0; margin: 0; font-size: 120%; color: #08635b; font-weight: bold;}
div#resum p {padding: 0; margin-top: 15px; font-size: 110%; font-style: italic;}
div#resum div.lft {margin-top: 15px; margin-right: 15px; border: 1px solid #08635b}
div#bloqueHTML {padding: 0; margin-top: 15px;}
div#bloqueHTML p {padding-bottom: 15px; margin: 0;}
div#content ul, div#siteMapContent ul.nivell01, div#siteMapContent ul.nivell02, div#websAj ul, div#annexes ul, div#contRel ul {list-style-type: none; padding: 8px; margin: 0;}
div#content ul li, div#siteMapContent ul.nivell01 li, div#websAj ul li, div#contRel ul li {padding-left: 1em; background-image: url(/AjGra/images/imgBulletGreen.gif); background-repeat: no-repeat; background-position: 0 .4em;}
div#content ul li a {text-decoration: none; color: #545454;}
div#content ul li a:hover {text-decoration: underline;}
/* Sidebar Right */
li.pdf, li.word, li.ppt, li.excel {padding: 2px 0 0 20px; margin: 0 0 3px 0; background-repeat: no-repeat; background-position: left top;}
li.pdf {background-image: url(/AjGra/images/icoPdf.gif);}
li.word {background-image: url(/AjGra/images/icoWord.gif);}
li.ppt {background-image: url(/AjGra/images/icoPowerPoint.gif);}
li.excel {background-image: url(/AjGra/images/icoExcel.gif);}
div#websAj p {padding: 8px 8px 0 8px; margin: 0; text-align: center;}
/*  llista resultats amb data  */
#newsList h3 {padding: 0; margin: 0; font-size: 100%; color: #08635b; font-weight: bold;}
#newsList h3 a {display: block; padding: 0; margin: 0 0 0 60px; text-decoration: none; color: #08635b;}
#newsList h3 a:hover {background-color: #edf89a;}
#newsList h3 span.data {float: left; width: 60px; padding: 0; margin: 0; color: #b9d300; font-size: 100%; font-weight: normal;}
#newsList p {padding: 0; margin: 5px 0 15px 60px;}