/***************************************************************
 * TITLE: Common Stylesheet for Blue Haze                      * 
 * URI  : http://www.oswd.org/design/xxx/bluehaze/bluehaze.css *
 * MODIF: 2003-01-05 1608 +0800                                *
 ***************************************************************/


/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */



.LHS {
    margin-left: 2.5mm;
    float: left;
    clear: left;
  }


.RHS {
    margin-right: 2.5mm;
    float: right;
    clear: right;
  }

/* For Mozilla-based (CSS2-fully complaint) browsers only: */



[class~="LHS"] {
    margin-left: 5mm;
  }


[class~="RHS"] {
    margin-right: 5mm;
  }

/* ###### Body Text ###### */



body {
    background-color: white;
    color: black;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 95%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }


h1, h2, h3 {
    font-family: "trebuchet ms", tahoma, sans-serif;
  }


h1 {
    font-weight: bold;
    font-size: 150%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0.5ex;
  }


img {
    border: none;
  }


q {
    font-family: tahoma, verdana, helvetica, arial, sans-serif;
    font-weight: bold;
    border-style: dotted;
    border-width: 2px;
    margin: 0 1em 1ex 1em;
    padding: 0.5ex 0.5ex 0.5ex 1ex;
    width: 9em;
    float: left;
  }


acronym {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    cursor: help;
  }


code {
    font-family: "lucida console", monospace;
    font-size: 90%;
  }


dt {
    font-weight: bold;
  }


dd {
    padding-bottom: 1.5em;
  }


#adm_body {
    text-align: justify;
    line-height: 1.5em;
    margin: 10mm 5mm 0 14em;
    padding: 0 1em 1ex 1em;
  }


#adm_body p {
    padding-bottom: 2ex;
  }


#adm_body a {
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }


#adm_body a:hover {
    border-bottom: none;
  }


#adm_body .topOfPage {
    font-size: 90%;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
    border: none;
    padding-left: 1ex;
    padding-right: 1ex;
    float: right;
  }


.smallCaps {
    font-variant: small-caps;
  }

/* ###### Header ###### */



#adm_header {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    height: 7.5em;
    margin-bottom: 5mm;
    padding: 0 2.5mm 0 5mm;
    background-repeat: no-repeat;
  }


.headerTitle {
    font-size: 300%;
    font-weight: bold;
    line-height: 2em;
  }


.menuBar {
    float: left;
  }


.locBar {
    float: right;
  }


.menuBar *, .locBar * {
    text-decoration: none;
    font-weight: bold;
    padding-right: 1ex;
  }


.menuBar a:hover, .locBar a:hover {
    text-decoration: underline;
  }

/* ###### Side Box ###### */



.sideBox {
    border-style: solid none solid none;
    border-width: 2px 0 2px 0;
    width: 12em;
    margin-top: 5mm;
  }


.sideBox div {
    font-weight: bold;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding: 0.5ex 0.5em 0.5ex 0.75em;
  }


.sideBox a, .sideBox a:hover, .sideBox span {
    color: black;
    text-decoration: none;
    line-height: 1.25em;
    display: block;
    padding: 1.25ex 0.5em 1.25ex 0.75em;
  }


.sideBox .thisPage {
    font-weight: bold;
  }

/* ###### Footer ###### */



#footer {
    padding-top: 0.75ex;
    padding-bottom: 0.75ex;
    clear: left;
  }


#footer div {
    font-size: 85%;
    line-height: 1.25em;
    text-align: right;
    padding-right: 3mm;
  }


#footer a:hover {
    text-decoration: none;
  }


.footerLHS {
    float: left;
    clear: left;
    padding-left: 3mm;
  }

/* ############ TABLEs ############## */


.table1 {
    border: 2px solid ;
    border-collapse:collapse;
    width:100%;
  }


.table1 th {
    text-align:left;
    border: 1px solid;
  }


.table1 td {
    padding:3px;
    border: 1px solid;
  }


.table1 thead th {
    font-size:135%;
    padding: 10px 6px;
  }


.table1 tbody th {
    font-size:115%;
    padding: 6px;
  }


.table1 tbody th.sub {
    font-size:100%;
    padding: 6px;
  }


.table1 tbody tr td ul {
    display:inline;
    list-style-type:none;
    margin: 0px;
  }


.table1 tbody tr td ul li {
    display:inline;
    list-style-type:none;
    margin: 0px;
    padding-right: 6px;
  }

/* ################# FORMS ################### */




form {
    margin: 0 0 1.5em;
  }


input {
    font-family: arial,tahoma,verdana,sans-serif;
    margin: 2px 0;
  }


fieldset {
    border: none;
	width:650px;
  }


label {
    display:block;
    padding: 5px 0;
	
  }


label br {
    clear:left;
  }

/* FORMS - general classes */



input.f-submit {
    padding: 1px 3px;
    background:#666;
    color:#fff;
    font-weight:bold;
    font-size:96%;
  }

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */



form.f-wrap-1 {
    width:100%;
    padding: .5em 0;
    background: #f6f6f6 ;
    border-top: 1px solid #d7d7d7;
    position:relative;
  }


form.f-wrap-1 fieldset {
    width:auto;
    margin: 0 1em;
  }


form.f-wrap-1 h3 {
    margin:0 0 .6em;
    font: bold 155% arial;
    color:#c00;
  }

/* hide from IE mac \*/



form.f-wrap-1 label {
    float:none;
  }

/* end hiding from IE5 mac */





form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
    width:15em;
    float:left;
    margin-left:10px;
  }


form.f-wrap-1 label b {
    float:left;
    width:21em;
    line-height: 1.7;
    display:block;
    position:relative;
  }


form.f-wrap-1 label b .req {
    font-size:150%;
    font-weight:normal;
    position:absolute;
    top:-.1em;
    line-height:1;
    left:-.4em;
    width:.3em;
    height:.3em;
  }


form.f-wrap-1 div.req {
    font-size:80%;
    font-weight:normal;
    position:absolute;
    top:.4em;
    right:.4em;
    left:auto;
    width:15.5em;
    text-align:left;
  }


form.f-wrap-1 div.req b {
    font-size:140%;
  }


form.f-wrap-1 label select {
    width: 11.5em;
  }


form.f-wrap-1 label textarea {
    width: 90%;
    height: 10em;
  }


#ifimatges {
    width: 90%;
    height: 220px;
  }


form.f-wrap-1 div.f-submit-wrap {
    padding: 5px 0 5px 8em;
  }


form.f-wrap-1 input.f-submit {
    margin: 0 0 0 10px;
  }


form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
    clear:left;
    float:left;
    width:32em;
    border:1px solid ;
    margin:0;
    padding-bottom:.7em;
  }


form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
    float:left;
    width:8em;
    line-height: 1.7;
    display:block;
    position:relative;
    padding-top:.3em;
  }


form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
    float:left;
    width:13em;
    margin: 3px 0 0 10px;
  }


form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
    float:left;
    width:13em;
    border:none;
    margin:0;
    padding:2px 0;
    margin-right:-3px;
  }


form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
    width:auto;
    float:none;
    margin:0;
    padding:1px;
  }


form.f-wrap-1 label input.f-checkbox {
    margin-left: 10px;
  }


form.f-wrap-1 label span.errormsg {
    position:absolute;
    top:0;
    right:-10em;
    left:auto;
    display:block;
    width:16em;
    background: transparent;
  }


form.f-wrap-1 label span.errormsg b {
    padding: 10px 0;
    margin: 0 10px 0 30px;
    font-weight:bold;
    display:block;
    width:auto;
    float:none;
    line-height:1.3;
  }


.elem_formul, .elem_formul b {
    display: block;
	clear:both;
  }


#link_np {
    display: block;
    width: auto;
    font-size: 70%;
  }


#link_np input {
	display: block;
	position: relative;
	
  }


#nova_poblacio {
    width: 15em;
    font-size: 120%;
  }


.pujar {
    margin: 0px;
    padding: 3px;
    width: 100%;
    display: block;
    border: solid 1px;
    font-size: 80%;
  }




.thumb {
    display : block;
    padding: 5px;
    width: 110px;
	float:left;
	margin: 0 15px 15px 0;
	text-decoration: none;
	border: 1px solid #000;

  }
  
.thumb a {
	margin: auto;
	
}