/* #edf89a; claret */
/* #b9d300; intermig */
/* #08635b; fosc */
/* padding: top right bottom left */
/* ================================== Basics ================================== */

body {text-align: center; font: 12px arial, sans-serif; line-height: 1.2em; color: #545454; margin: 0; padding: 0; min-width: 780px; background-color: #f3f3f3;}
img {border: 0;}
hr {border: 1px solid #f3f3f3; margin: 15px 0 15px 0;}
hr.resum {margin: 0 0 15px 0;}
abbr {border-bottom: dotted 1px #545454; cursor: help;}
input, select, textarea {background-color: #f8f8f8; border: solid 1px #9c9c9c;}
input:focus, select:focus, textarea:focus {border: solid 1px #303030;}
.siteRelated {font-family: verdana, sans-serif; font-size: 75%; color: #f3ff9b;}
.siteRelated a {text-decoration: none; color: #f3ff9b;}
.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;}
.imgLink {border: 0; padding: 0 5px 0 5px; background: transparent url(/AjGra/images/icoLink.gif) center no-repeat;}
.mainTit {text-decoration: none; color: #08635b;}
.mainTit:hover {text-decoration: underline;}
.descripcio {margin: 0 0 15px;}
input.button {padding: 2px 10px 2px 10px; margin: 0 0 0 15px; font-family: Verdana, sans-serif; font-size: 85%; font-weight: bold; color: #fff; text-decoration: none; background-color: #96958c; border: 1px solid #717171;}
input.button:focus {background-color: #fff; color: #96958c;}
th, td {font-size: 12px;}
h4 {font-size: 100%; font-weight: bold; margin: 15px 0 0 0;}

#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: #fff url(/AjGra/images/bgHome.gif) repeat-y;}
#pageFrameUtils {background-color: #fff;}
		#innerBarraColor {background: transparent url(../images/bgBarraColor.gif) repeat-x;}
		#innerImgRow {background-color: #08635b;}
		#innerImgRowUtils {background: #08635b url(../images/cap3,1.jpg) no-repeat; border-bottom: 2px solid #aec700;}
		#innerMainNavRow {background-color: #b9d300;}
	#utilitiesRow {border-bottom: solid 1px #ebebeb; background-color: #fff;}
		#websAj, #news, #topTen, #annexes, #contRel {background-color: #f3f3f3;}
	#filAriadna, #blanckSpcTop, #blanckSpcBottom, #footerBlock {background-color: #fff;}
	#footer {border-top: 1px solid #ebebeb;}
	
	
/* ================================== Main Menu ================================== */

ul.subnavlist {display: none; padding: 0; margin: 0;}
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_notes.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#temes {background-image: url(/AjGra/images/ca/btnTematic.gif); background-repeat: no-repeat;}

div#navContainer ul#navlist li#coneix.notes {background-image: url(/AjGra/images/ca/btnConeixCiutat_notes.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#ajuntament.notes {background-image: url(/AjGra/images/ca/btnAjuntament_notes.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#tramits.notes {background-image: url(/AjGra/images/ca/btnTramits_notes.gif); background-repeat: no-repeat;}
div#navContainer ul#navlist li#temes.notes {background-image: url(/AjGra/images/ca/btnTematic_notes.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;}

/* 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;}
#langBarHome a {font-family: verdana, sans-serif; font-size: 75%;text-decoration: none; color: #545454;}
#langBarHome a:hover {text-decoration: underline;}

/* ================================== Home page ================================== */

/*  Content  */
#innerLeft h2.destacats {width: 265px; height: 17px; margin: 0; padding: 0; border-bottom: 1px #b9d300 solid; background-image: url(/AjGra/images/ca/titHomeDestaquem.gif); background-repeat: no-repeat;}
#innerRight h2.noticies {width: 265px; height: 17px; margin: 0; padding: 0; background-image: url(/AjGra/images/ca/titHomeNoticies.gif); background-repeat: no-repeat; border-bottom: 1px #b9d300 solid;}
#innerRight h2.agenda {width: 263px; height: 25px; padding: 0; margin: 15px 0 0 0; background: transparent url(/AjGra/images/ca/titAgenda.gif) center left no-repeat; border: 1px #e8e8e8 solid;}

#innerLeft h3, #innerRight h3 {display: block; width: 265px; padding: 0; margin: 0; font-size: 100%; color: #08635b; font-weight: bold;}
#innerLeft h3 span.portada, #innerRight h3 span.portada, #resum h3 span.portada, #contentNotes 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, #innerLeft 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; white-space: nowrap;}
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;}

/*  enllac totes  */
h2.noticies a {width: 100px; 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;}


/* ================================== LVL2 ================================== */

/*  content  */
div#paddingContent h2 {width: 550px; height: 40px; padding: 40px 0 0 0; margin: 0 0 4px 0; font-size: 100%; font-weight: bold;}
div#pageNav dl {display: block; height: 17px; padding: 0; margin: 0; border-bottom: 1px solid #ebebeb;}
div#pageNav dd.lft {width: 200px; margin: 0;}
div#pageNav dd.rgt {width: 75px; margin: 0; text-align: right;}
div#pageNav dl {font-size: 90%;}
div#pageNav dl a {margin: 0; text-decoration: none; color: #08635b;}
div#pageNav 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#resum div.lft img {margin-top: 15px; margin-right: 15px;border: 1px solid #08635b}
div#resum div.lft p {float:none; margin-top: 1px; margin-bottom: 1px;font-style: normal;}
div#resum div.lft a {text-align: center;float:none;width: 75px; text-decoration: none; font-size: 11px; color: #b9d300; background: transparent url(/AjGra/images/icoAllTopicsGreen.gif) center right no-repeat;}
div#resum div.lft a:hover {text-decoration: underline;}

div#innerRight p.ampliar {clear:none;float:right}
div#innerRight a.ampliar {text-align: center; float: none;width: 75px; text-decoration: none; font-size: 11px; color: #b9d300; background: transparent url(/AjGra/images/icoAllTopicsGreen.gif) center right no-repeat;}
div#innerRight a.ampliar :hover {text-decoration: underline;}
div#innerLeft p.ampliar {clear:none;float:right}
div#innerLeft a.ampliar {text-align: center; float: none;width: 75px; text-decoration: none; font-size: 11px; color: #b9d300; background: transparent url(/AjGra/images/icoAllTopicsGreen.gif) center right no-repeat;}
div#innerLeft a.ampliar :hover {text-decoration: underline;}
div#bloqueHTML {padding: 0; margin-top: 15px;}
div#bloqueHTML p {padding-bottom: 15px; margin: 0;}
div#content ul, div#siteMapContent ul, div#websAj ul, div#annexes ul, div#contRel ul {list-style-type: none; padding: 8px; margin: 0;}
div#contentNotes ul {list-style-type: none; padding: 0 0 0 15px; margin: 0;}
div#content ul li, div#contentNotes ul li, div#siteMapContent ul 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, div#contentNotes ul li a:hover, div#contentNotes ul.nivell02Notes a:hover {text-decoration: underline;}
div#contentNotes ul li a {text-decoration: none; font-weight: bold; color: #08635b;}
div#contentNotes ul.nivell02Notes, div#contentNotes ul.nivell03Notes, div#contentNotes ul.nivell04Notes {padding: 0; margin: 2px 0 2px 10px;}
div#contentNotes ul.nivell04Notes {padding: 0; margin: 2px 0 2px 33px;}
div#contentNotes ul.nivell02Notes li a, div#contentNotes ul.nivell04Notes li a {font-weight: normal;}
div#contentNotes dt {padding: 0; margin: 8px 0 0 0;}


/* Sidebar Right */
div#annexes li {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);}
li.icoDocGeneric {background-image: url(/AjGra/images/icoDocGeneric.gif);}
li.imagen {background-image: url(/AjGra/images/imagen.gif);}
li.zip {background-image: url(/AjGra/images/zip.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;}