*{margin: 0;padding: 0}
body, html{height:100%;}
body{background: transparent url(/imgfiles/Observatori/bgBody.gif) top repeat-x;}

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

#global{
        width: 975px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        position:relative;
        margin: 0 auto 0 auto;
        font-family: Verdana, Arial, Geneva, sans-serif;
}

/*--------------- top -----------------*/

#star ul.star { 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   width: 85px; 
   height: 20px; 
   float: left; 
   background: url('/imgfiles/Observatori/stars.gif') repeat-x; 
   cursor: pointer; 
}

#star li { 
   padding: 0; 
   margin: 0; 
   float: left; 
   display: block; 
   width: 85px; 
   height: 20px; 
   text-decoration: none; 
   text-indent: -9000px;
   z-index: 20; 
 }
#star li.curr { 
   background: url('/imgfiles/Observatori/stars.gif') left 25px; 
   font-size: 1px; 
}
#star div.user { 
   float: right; 
   font-size: 11px; 
   color: #888; 
   margin-top:-1px
}
.small{font-size:11px}
#accesibilitat{
	height: 32px;
	color: #fff;
	font-size: 11px;
}
#accesibilitat a,#accesibilitat a:visited{color: #fff;text-decoration: none}
#accesibilitat a:hover{color: #fff;text-decoration: underline}
.idioma,.accs_menu{float: left;padding: 9px 0 0 0}
.idioma{
        /*width: 345px;*/
        /*text-align: right;*/
        padding-top: 5px;
        width: 100%;
        float: left; 
}
.accs_menu{text-align: right;width: 430px;}

.AAA{}
.A1{font-size: 9px;}
.A2{font-size: 12px;}
.A3{font-size: 15px;}

.usuari{
	width:100%;
	text-align:right;
	margin-top:10px;
	font-size:12px
}
.usuari a{color:#000000;	text-decoration:none}

.skyline{text-align: center;}
.skyline img{width: 123px;height: 70px;}

.options{width:19%;float:right}
.options div{padding:20px}
.options div p{padding-bottom:3px}
.options div p a{color:#000000;text-decoration:none}
.options div p img{margin: 0px 10px 0px 0px; width: 16px; height: 16px;}

.cicle{color:#FF8000;font-weight:bold;text-decoration:none}

#notiMas {border:0px; height: 16px;margin:10px 5px 0px 0px}
#notiMenys{border: 0px none ; height: 16px; margin-top:10px}

img{border: 0px;}

.subcategoria{
	width:100%;
	margin:10px 10px 0px 10px;
	font-weight:bold
}
.subcategoria ul{list-style:none;font-size:12px;}
.subcategoria ul li{float:left;margin-right:10px;padding:1px 3px 1px 3px;}
.subcategoria ul li img{border:0px;margin-right:1px;float:left}
.subcategoria ul li a{text-decoration:none;color:#126F89}
#sub_activa a{color:#000000}

.puntuacio{
	color:#126F89;
	border:1px solid #126F89;
	float:left;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	margin-top:7px;
	margin-right:5px
}
.punts{float:left;margin-right:3px}

.comentari{margin-bottom:20px}

.link_extern{color:#000000;text-decoration:none}

.usercomment{
	color:#FFFFFF;
	background-color:#126F89;
	padding:5px;
	text-align:justify
}
.comment{
	border:1px solid #126F89;
	padding:10px;
	text-align:justify
}

.seccion_noti ul{font-size:12px;margin-left:30px}
.seccion_noti ul li a{color:#000000;text-decoration:none}

#enviarcomentari{
	color:#FFFFFF;
	background-color:#126F89;
	padding:3px;
	font-size:12px;
	text-decoration:none;
}

#guardarperfil{
	color:#FFFFFF;
	background-color:#126F89;
	padding:3px;
	font-size:12px;
	margin-left:150px
}

.listaAgenda{font-size: 12px;margin:20px 0px 0px 50px;}
.listaAgenda ul{font-size:12px;}
.listaAgenda ul li a{color:#000000;text-decoration:none}

.listaPubli{font-size:11px;list-style:none;margin-left:25px}
.listaPubli li{float:left;margin-right:15px;}
.listaPubli li img{border:0px;float:left;margin-right:3px;}

.login_col1{
	float:left;
	width:35%;
	margin-left:100px;
	border-right:1px solid #126F89;
}
.login_col2{float:right;width:45%}

.publi_home{width:80%;float:left;}
#columna_esquerra{width:70%;float:left;}
#columna_esquerra2{width:100%;float:left;}
#columna_dreta{width:29%;float:right;margin-top:20px}

.menu_azul{list-style:none;}
.menu_azul li{float:left;margin: 0 0 0 10px;}
.menu_azul li h2{padding-right:10px;}
#menu_actiu{padding-right:300px;}

.menu_edicio{font-size:12px;list-style:none;}
.menu_edicio li{float:left;margin-right:5px;padding:5px;color:#126F89;}
.menu_edicio li a{color:#126F89;text-decoration:none}
#edicio_actiu{background-color:#126F89;color:#FFFFFF;font-weight:bold;width:300px}

#contactar{margin:20px 50px 0px 50px;}
.documents{margin-top:20px;padding-bottom:20px}
.listado{margin-left:0px;margin-right:-30px;}
.listado_acts{margin-top:-20px;margin-bottom:20px}
.listado ul, .listado_docs ul, .listado_acts ul, #contactar ul{list-style:none;font-size:12px}
.listado ul li{float:left;margin-right:10px;}
.listado_docs ul li, .listado_acts ul li{margin-bottom:10px}
.listado_docs ul li a, .listado_acts ul li a{text-decoration:none;color:#000000;}
.listado ul li img, .listado_docs ul li img{border: 0px none;margin-right:5px;float:left}
.listado ul li a{text-decoration:none;color:#126F89}
#doc_activo{background-color:#126F89}
#doc_activo a{color:#FFFFFF}
#document_sel, #act_sel{font-weight:bold}
.bold{font-weight:bold}
.formulari_publicacio{border:1px solid #126F89;padding:50px 0 50px 90px;}
#formulari{width:80%}

.galeria{list-style:none}
.galeria li{float:left;margin-right:10px}

#foto_perfil{width:24%;float:left;margin-left:70px;margin-top:20px}
#info_perfil{width:50%;float:left;margin:20px 0px 0px 0px}

/* border */
.t {background: url(/imgfiles/Observatori/dot.gif) 0 0 repeat-x;}
.b {background: url(/imgfiles/Observatori/dot.gif) 0 100% repeat-x}
.l {background: url(/imgfiles/Observatori/dot.gif) 0 0 repeat-y}
.r {background: url(/imgfiles/Observatori/dot.gif) 100% 0 repeat-y}
.bl {background: url(/imgfiles/Observatori/bl.gif) 0 100% no-repeat}
.br {background: url(/imgfiles/Observatori/br.gif) 100% 100% no-repeat}
.tl {background: url(/imgfiles/Observatori/tl.gif) 0 0 no-repeat}
.tr {background: url(/imgfiles/Observatori/tr.gif) 100% 0 no-repeat; padding:30px} 

.cornerBox { position: relative; background: #cfcfcf; float:left;width:145px;margin-top:10px;margin-right:10px;}
.corner { position: absolute; width: 10px; height: 10px; background: url(/imgfiles/Observatori/corners.gif) no-repeat; font-size: 0%; }
.corner2 { position: absolute; width: 10px; height: 10px; background: url(/imgfiles/Observatori/corners2.gif) no-repeat; font-size: 0%; }
.cornerBoxInner { padding:5px 10px 5px 10px;font-size:11px;font-weight:bold }
.cTL { top: 0; left: 0; background-position: 0 0; }
.cTR { top: 0; right: 0; background-position: -10px 0; }
.cBL { bottom: 0; left: 0; background-position: 0 -10px; }
.cBR { bottom: 0; right: 0; background-position: -10px -10px; }
	
/*--------------- capcalera -----------------*/	
	
#cabcelera{clear: both;}
.logo{padding: 20px 30px;}
.logo img{border: none}

.cercador{
        float: right;
        padding: 40px 0 0 0;
        overflow: hidden
}
.cercar{
        display: block;
        float: left;
        margin: 0 9px 0 0
}
.textarea1{
        background: url(/imgfiles/Observatori/textarea_cercador.gif) top left no-repeat;
        border: none;
        padding: 0;
        margin:0 0 10px 0;
        height: 21px;
        width: 201px;
        display:block;
        float: left;
        font-size: 12px;
        color: #333;
}
.select_cercador{
        display: block;
        float: left;
        width: 221px;
        height: 21px;
        font-size: 12px;
        color: #333;
        border: 1px solid #8e8c8c
}

/*--------------- menu -----------------*/	

#navegacio{clear: both;height: 50px;}
#home_menu{
        width: 61px;
		height: 48px;
        margin: 8px 0;
        float: left
}
#menu{
	width: 914px;
	height: 48px;
	background: url(/imgfiles/Observatori/fons_menu.gif) top left no-repeat;
	padding:0;
    margin: 8px 0;
    float: left
}
#menu ul{padding: 3px 0 0 0px;margin: 0;}
#menu li{
	padding: 0;
	list-style: none;
	font: 13px Verdana, Arial,sans-serif;
	color: #126f89;
	float: left;
	text-transform: uppercase;
}
#menu li a, #menu li a:active, #menu li a:link{
	color: #126f89;
	background: url(/imgfiles/Observatori/menu_li.gif) bottom right no-repeat;
	padding: 13px 15px 12px 15px;
	float: left;
	display: block;
	text-decoration: none;
}
#menu li.activo a,#menu li a:hover{background: url(/imgfiles/Observatori/menu_hover.gif) bottom left repeat-x;}
/*#menu li.activo a{color: #691B25}*/

/*-------------- COS ---------------*/

#cos{clear: both;position: relative}

/*--------------- Headings seccions -----------------*/

.hd_seccio{
		height: 25px;
        color: #fff;
        background:#126f89 url(/imgfiles/Observatori/borde_left.gif) top left no-repeat;
}
.hd_seccio h2{
        font-size: 14px;
        background: transparent url(/imgfiles/Observatori/borde_right.gif) top right no-repeat;
        margin: 0 0 0 10px;
        padding: 3px 0 5px 0;
        color: #fff
}
.boto{
	    height: 24px;
        color: #fff;
        background:#126f89 url(/imgfiles/Observatori/borde_left.gif) top left no-repeat;
		width:150px;
}
.boto h3{
        font-size: 12px;
        background: transparent url(/imgfiles/Observatori/borde_right.gif) top right no-repeat;
        margin: 0 0 0 10px;
        padding: 5px 0 5px 0;
        color: #fff
}

.hd_seccio h2 a{color:#FFFFFF;text-decoration:none}
.boto h3 a{color:#FFFFFF;text-decoration:none;font-size:12px}

/*-------------- noticias -------------*/

a h3,h3 a,h3{
        color: #126f89;
        font-size: 13px;
        padding: 15px 0px 10px 0;        
}
h3 a:hover{text-decoration: none}
.noti_cos{font-size: 12px;}
.noticia img{
        border: 3px solid #ccc;
        float: left;
        margin: 0 9px 2px 0;
}
.img{
        border: 3px solid #ccc;
        margin: 0 9px 2px 0;
        display: block;
}
.noti_data{
        font-size: 11px;
        color: #d47f0f;
        display: block;
        padding-bottom: 3px
}

/*--------------- text -----------------*/

p{
        font-size: 12px;
        line-height: 19px;
        padding: 0 0 10px 0;
        color: #494949
}

/*--------------- peu -----------------*/

#peu{
	background: url(peu.gif) top left repeat-x;
	height: 42px;
	width:100%;
    z-index:1
}

/*--------------- select  -----------------*/

.select{
	width: 223px;
	height: 21px;
	font: 11px Verdana, Arial, sans-serif;
	color: #ababab;
}

/*------------- Sticky Footer ------------- */

#global{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px auto;
    z-index:0
}
#peu, .empenye{height: 45px;}
#peu{
        font:11px/15px Verdana, Arial, sans-serif;
        background: #e4e4e4 url(/imgfiles/Observatori/peu.gif) top repeat-x;
        color: #333;
        position:relative;
        z-index:1
}
#peu .cont{
        width: 975px;
        padding: 15px 0;
        margin: 0 auto 0 auto;
}
.legal{width: 100%;float: left;}

/*------------- COS ------------- */

#cos{overflow:hidden}

/*------------ detall -------------*/

h1{font-size: 18px;color: #333;}
h2{
        font-size: 14px;
        color: #126f89;
        margin-top: 20px;
}