/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

  taronjaGeneral - rgb(237,110,0)      #ED6E00
  blauEscoles - rgb(0,96,135);         #006087
  verdFamilies - rgb(31,102,36);       #1F6624
  grocEstiu - rgb(229,173,18)          #E5AD12
  vermellVoluntaiat - rgb(211,44,19);  #D32C13
  hover groc                           #FFDA42;

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}

ol,ul, li {
  list-style:none;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

html, body
{
  height:100%;
}

body {
  margin: 0;
  background: #FFFFFF;
  font: normal small Arial, Helvetica, sans-serif;
  //font: normal small "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  color: #333;
  font-size:12px;
}
#wrapper
{
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width:900px;
  margin:0 auto;
  background-color:#fdfdfd;
}
#difuminat
{
  clear:both;
  /*background: url(/images/fons/difuminat.gif) repeat-x;*/
  width:900px;
  margin:0 auto;
  padding-bottom: 40px;

}
#content {
  margin: 0 auto;
}
.clear
{
  clear:both;
}
h1, h2, h3 {
  color: #000000;
}


h2 {
  font-size:1.3em;
  font-weight:bold;

}

h3 {
  border-bottom:1px solid #ccc;;
  margin: 10px 0;
  font-size:1.2em;

}

p, blockquote, ul, ol {

}


blockquote {
  margin-left: 2em;
  padding-left: 1em;
  border-left: 1px solid #EEEEEE;
}

a.estiu:hover {
  color:#E5AD12;
}

a.escoles:hover
{
  color: #006087;
}

a.families:hover
{
  color:#1F6624;
}
a.voluntariat:hover
{
  color:#D32C13;
}

a.adhara:hover
{
  color: #006087;
}

img {

  border: none;
}


p.data
{
  color:#FAA90C;
  margin:-0.8em 0 1em 0;
  text-align:right;
}

#pager_navigator
{

}
p.resultatFotos
{
  color:#FAA90C;
  margin:5px;

}
hr
{
  color: #B1CC72;
  background-color: #B1CC72;
  height: 1px;
  margin:30px auto;
}
/* Boxed Style */

.boxed {

}

.boxed .title {
  background:#8CBEF5 url(images/img03.gif) repeat-x scroll left bottom;
  border:1px solid #4F9CEF;
  color:#FFFFFF;
  font-size:1.1em;
  min-height:23px;
  /*padding:15px 0pt 0pt 19px;*/
  padding: 15px 0pt 15px 5px;

}

.boxed .content {
  margin: 0 0 20px 0;
  padding: 10px;
  background: #FEEBC6;
  border:1px #FEEBC6 solid;
}


div#pineta.boxed h2.title
{

}


/* Post */

.post {
  padding: 10px 20px 0 20px;
  font-size:1.0em;
  font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

.post .title {
  margin-bottom: 0px;
  padding: 3px 0 15px 0;
  background: url(/images/polinate/img04.gif) repeat-x left bottom;
}
.post .title2
{
  margin-top:1.5em;
}
.post .date {
  float: left;
  width: 90px;
  padding-left: 20px;
}

.post .documents a, .post .documents {
  text-align:right;
  color:#006087;
  padding:15px 5px 0 0;

}



.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
  float: left;
  margin-bottom: 10px;
  padding-left: 20px;
  border-left: 1px solid #EEEEEE;

}

.post .meta p {
}

.post .story {
  clear: both;
  padding: 20px;
  border-top: 1px solid #EEEEEE;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
  margin-bottom: 1.5em;
  line-height: 180%;
}
.post p
{
  text-align:justify;
  line-height:1.4em;
  margin-bottom:7px;
}
.post ul
{
  margin:1em 0 1em 1em;

}
.post ul li
{
  background: transparent url(/images/ico/fletxa_dreta.gif) no-repeat scroll 0pt 0.3em;
  padding-left:0.8em;
}

.post a {
  color: #000;
  text-decoration:none;
  border-bottom:1px #ccc dashed;
}

.post a:hover {
  text-decoration: none;
  color: #FFDA42;
  border-bottom:1px #aaa dashed;
}

.caixa_avis
{
  background-color:#ffffcc;
  padding:10px;
  border:1px solid #ccc;
  font-size:1.1em;
  margin:10px 0;
  width:300px;

}
.post a.imatge
{
  border-bottom:none;
}

.post a:hover.imatge {
  border-bottom:none;
}

.post img.esquerra
{
  float:left;
}
.post img.dreta
{
  float:right;
  margin-left:10px;
}
/****** BOXED BANNER *************/

.boxed_banner
{
  width:400px;
  border:1px #ccc solid;
  margin:0 auto 20px auto;
}

.boxed_banner .title
{
  background:#006087 url(images/img03.gif) repeat-x scroll left bottom;
  border:1px solid #4F9CEF;
  color:#FFFFFF;
  height:23px;
  padding:10px 0 0 10px;
  font-size:1.2em;
}

#principal.boxed_banner .title
{
  background:#ED6E00;
}

.boxed_banner .content
{
  padding:10px;
  background-color: #8CBEF5;
  color:#fff;
  font-size:1em;
  font-weight:bold;
}
#principal.boxed_banner .content
{
  background-color: #FEEBC6;
  color:#666;

}

#principal.boxed_banner .fotosNoticies
{
  margin-top: 20px;
  text-decoration:none;
  border-bottom: none;
}

/* Header */

#header {

  /*height: 167px;*/
  margin: 0 auto;
  background:#146C90 url('/images/fons/top_escoles.gif');

}

#header ul
{
  text-align:right;
  padding:7px 10px 7px 0;
}
#header ul li
{
  display:inline;
  padding-left:10px;
  font-weight:bold;
  color:#fff;

}
#header ul li a
{
  color:white;
}

#header ul li a:hover
{
  color:#FFDA42
}

#header li#es
{
  /*background: transparent url('/images/ico/es.gif') no-repeat left 7px;*/

}

#header li#ca
{
  /*  background: transparent url('/images/ico/ca.gif') no-repeat left 7px;*/

}

/* Logo */

#logo {
  width: 220px;
  position: absolute;
  left:0;


}

#logo h1 {
  padding: 0px 0 0 20px;

}

#logo h2 {
  padding: 0 0 0 20px;

}

#logo a {
  text-decoration: none;
  color: #FFFFFF;
}

/* Splash */

#splash {
  margin-left:220px;
  /*width: 680px;*/
}

/******************************** menu sup */
#menu_sup
{
  /*height: 30px;*/
  margin: 0 auto;
  text-align:right;
  font-size:120%;
}

#menu_sup ul {
  margin: 0px 0;
  padding:3px 0 3px 0;
}

#menu_sup li {
  display: inline;
  margin:0 2px 0 0;
  padding: 0;
}

#menu_sup a {
  display: inline;
  /* float: left;*/
  /*background: url(/images/menu_img07.gif) no-repeat;*/
  text-decoration: none;
  color: #666666;
  border-bottom:none;
  padding: 0px 15px 0 20px;
  font-weight:bold;

}
#menu_sup li span
{
  display: inline;
  /* float: left;*/
  /*background: url(/images/menu_img07.gif) no-repeat;*/
  text-decoration: none;
  color: #666666;
  border-bottom:none;
  padding: 0px 15px 0 20px;
  font-weight:bold;
  color:#FFDA42;
}

#menu_sup a:hover {
  color: #1777B1;
  border-bottom:none;


}



#menu_sup li.active {
  /* background: #CFCECE url(/images/menu_img04.gif) repeat-x;*/
}

#menu_sup li.active a {
  /* background: url(/images/menu_img06.gif) no-repeat right top;*/
  color: #C90404;
}

#menu_sup li.active b {
  /* background: url(/images/menu_img05.gif) no-repeat;*/
}



/* Content */


#extra {
}

/* Content > Main */

#main {
  float: left;
  width: 480px;
  margin:0 10px;

}

#main a {
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
  float: left;
  width: 220px;

}

#sidebar a {
}

/* Content > Sidebar > Login */

#sidebar_dreta
{
  float:right;
  width:165px;
  padding:10px 5px;

}
#sidebar_dreta .box
{
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  background-color:#FFFFFF;
  border-color:#E8E8E8;
  border-style:solid;
  border-width:4px 1px;
  margin:0pt 0pt 12px;
  padding:4px 5px;
}

#sidebar_dreta .box h2
{

  font-size:1.5em;
  margin:0.3em 0pt 0.4em 0;
  color:#ED6E00;
}
#sidebar_dreta .box h2 a:hover
{
  padding:0; margin:0;
  color:#ED6E00;
  text-decoration:underline;
}
#sidebar_dreta .box h2 a
{
  padding:0; margin:0;
  color:#ED6E00;
  text-decoration:none;

}
#sidebar_dreta .avis{background-color: #FFFFCC}
#sidebar_dreta .box p{

  border-top:1px solid #EEEEEE;
  font-size:1em;
  padding:7px 10px 0pt;

}
#sidebar_dreta .box ul
{
  font-size:1em;
  line-height:1.8;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
  width:100%;
}
#sidebar_dreta .box li
{
  border-top:1px solid #F0F0F0;
  margin:0pt;
  padding:2px 0pt 2px 10px;
}

#sidebar_dreta .box a:hover
{
  color:#444444;
  display:block;
  padding:2px 0pt 2px 2px;
  text-align:center;
  border-bottom: 1px dashed #444;
}
#sidebar_dreta .box a
{
  color:#444444;
  border-bottom: 1px dashed #AAAAAA;
  display:block;
  padding:2px 0pt 2px 2px;
  text-decoration:none;
  text-align:center;
}

#sidebar_dreta .box dl
{
  margin-left:10px;
}
#sidebar_dreta .box dd
{
  margin-left:15px;
}
#login {
}

#login form {
}

#login fieldset {
  border: none;
}

#login legend {
  display: none;
}

#login label {

  font-weight: bold;
}

#login input {
  margin-bottom: 5px;
  padding: 2px 5px;
  border: 1px solid #385B88;
  font-family: Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
  width: 185px;
  color: #385B88;
}

#inputsubmit1 {
  background: #4F9CEF url(/images/polinate/img03.gif) repeat-x left bottom;
  color: #FFFFFF;
}

/* Content > Sidebar > Menu */

#menu
{
  padding:5px 0 10px;
}

#menu ul
{
  margin: 0;
  padding:0;
  font-size:1.2em;
  text-transform:uppercase;
}

#menu a
{
  display: block;
  padding: 10px 20px;
  border-top: 1px solid #FAA90C;
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  border-bottom:1px solid #FAA90C;
}

#menu ul ul a {
  width:208px;
}

#menu a:hover {
  background: #FEEBC6;
  color: #000000;
}
#menu a:hover span
{
  color:#000;
}
#menu a span
{
  font-size:0.75em;
  color:#777;
  display:block;
}

#menu  li#adhara a:hover span
{
  color:#777;
}
#menu li#adhara a span { color: #eee}
#menu .active a {
  background: #D1F0A6;
  color: #000000;
}

#menu  a.first {
  border: none;
}
#menu .nou
{
  float:right;
  background-color: red;
  color:white;
  padding:2px;
  border:1px #000 solid;
}
#menu a {
  color: #000;
  text-decoration: none;
}
#menu a.destacat { color: #bb0000}
#menu ul li a
{
  display:block;
}

#menu ul ul {
  /* make the list elements a containing block for the nested lists */
  position:relative;
  display:block;
  font-size:1em;
}

#menu ul ul li a
{
  background-color:#F0FBFF;
  display:block;
}
#menu ul ul ul li a {
  background-color:#F0FBFF;
}


#menu ul ul ul, #menu ul ul li ul
{
  position: absolute;
  left: 210px;
  top: 0;
  display: none;
  z-index:50;
}

#menu ul ul li a
{
  display: block;
  text-decoration: none;
  color: #777;
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  border-bottom: 0;
}


#menu ul li ul li:hover ul, #menu ul ul li.sfhover ul {
  display: block;

}

/** DETALLS MENU HOME ********/


#menu li#estiu a:hover
{
  background:#E5AD12 url('/images/logos/sol_estiu.gif') no-repeat scroll 100% 0px;
  color:#fff;
}
#menu li#escoles a:hover
{
  background:#006087 url('/images/logos/sol_escoles.gif') no-repeat scroll 0 0;
  color:#fff;
}
#menu li#families a:hover
{
  background:#1F6624 url('/images/logos/sol_families.gif') no-repeat scroll 150px 10px;
  color:#fff;
}
#menu li#voluntariat a:hover
{
  background:#D32C13 url('/images/logos/sol_voluntariat.gif') no-repeat scroll 100% 0px;
  color:#fff;
}
#menu li#adhara a
{
  background-color:#856685;
  color:#fff;
}
#menu li#adhara a:hover
{
  background-color:#ddd;
  color:#000;
}

/**** MENU ESTIU SOTA MENU PRINCIPAL ***/
#menu  ul.submenu { margin-top:60px;}
/***************LLISTAT DE LA HOME*******************/

ul.home li
{
  margin:10px 0 ;
}


/************ Content > Sidebar > Updates */

#updates {
}

#updates ul {
  margin: 0;

}

#updates h3 {
  margin: 0;

}

#updates p {
  margin-bottom: 1.4em;

  line-height: normal;
}

/* Footer */

#footer {

  margin: 0 auto;
  /*padding: 10px 20px;*/
  background-color: #ed6e00;
  width: 900px;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px;
  height: 40px;
}

#footer p {
  padding:2px;
  margin: 0;
  text-align: right;
  color: #fff;
  font-weight:bold;
}
#footer a
{
  color:#fff;
}


/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

div .destacat
{
  width:80%;
  margin:10px auto 20px auto;
  padding:10px;
  background-color:#FFEED6;
  border:1px solid #FFEE00;
  -moz-border-radius: 15px;
}

div .destacat p{  padding:0;  margin:15px 10px;font-size:1.2em}

.form_contacte { width:90%; margin:10px auto; padding:10px; background-color:#FFEED6;
                 border:1px solid #FFEE00;-moz-border-radius: 15px;}
.form_contacte p { padding:0; margin:5px; font-size: 1.2em;}
/************** FOTOS DE CASES ***********************************/

ul#fotos
{

  margin:0 0 0 10px;
}

ul#fotos li
{
  float:left;
  margin:0 2px;

}

/*************************** RECUADRES **************************/
/* de moment fora de servei */




.caixes
{

  width: 500px;
  padding:10px;
  margin:0 0 0 15px;

}
.caixes_over
{

  width: 500px;
  padding:10px;
  margin:0 0 0 15px;
  background-color:#ffd;

}


#mosaic .contingut
{
  border:1px solid #ccc;

}
#mosaic .title
{

  padding:10px;
  color:#000;

}

#mosaic .contingut p
{
  border-bottom: 5px solid #F6F6F6;
  padding: 5px;
  /*background-color: #FEEBC6;*/
}


/********* LLISTAT ACTIVITATS ****************************/

ul.llistat
{
  padding-left:40px;
  margin-bottom:30px;
  border-bottom:1px #ccc solid;
  line-height:1.5em;
}


/********** LLISTAT CASES AMB COLORS *****************************/
table#cases
{
  margin:10px;
  line-height:1.5em;

}

table#cases tr.senar
{
  background-color:#F0FBFF;

}
table#cases td
{
  padding:4px 10px;
}
table#cases tr.parell
{
  background-color:#9CBAC6;
}

/* CAIXA ACTIVITATS ******************************/

.caixa_activitat
{
  width:90%;
  margin:0 auto;

  /*width:80%;
  margin:10px auto 20px auto;
  padding:5px;
  background-color:#FFEED6;

  border:1px solid #FFEE00;*/
  background: transparent url(/images/ico/ltCurve.gif) no-repeat 0% 0;

}

.caixa_activitat .title
{
  color:#fff;
  font-size:1.5em;
  padding:10px 0pt 10px 19px;
  background: #ee0000 url(/images/fons/top_caixa_blau.png) repeat-x 0 0;
  border-bottom:5px #006087 solid;
}

.caixa_activitat .accions
{
  text-align:right;
  padding:5px 5px 5px 0;
  background-color:#E4F7FE;

}
.caixa_activitat .accions ul
{
  margin:0;
}
.caixa_activitat .accions ul li
{
  display:inline;
  padding:0 15px 0 20px;
  background:none;
}

.caixa_activitat .accions ul li.mail
{
  background: transparent url(/images/ico/email_go.png) no-repeat 0% 50%;
}
.caixa_activitat .accions ul li.pdf
{
  background: transparent url(/images/ico/pdf.gif) no-repeat 0% 50%;
}
.caixa_activitat .content
{
  margin: 0px 0 20px 0;
  padding: 10px 20px;
  border:2px #E4F7FE solid;
  /*background-color:#E4F7FE;*/
}

.caixa_activitat .descripcio
{
  padding:5px;
  color:#333;
}
.caixa_activitat .sub_caixa_activitat
{
  background-color:#E4F7FE;
  border-top:1px solid #006087;
  border-bottom:1px solid #006087;

  padding:10px;
  margin:10px  0;
  color:#000;

}

.caixa_activitat .sub_caixa_activitat h3
{
  margin:0 0 10px 0;
  color:#006087;
  font-weight:bold;
  border:none;
}
.caixa_activitat .preu
{
  background-color:#E4F7FE;
  border:1px solid #006087;
  padding:10px;
  margin:10px  0;
  color:#000;
}
.caixa_activitat p.casa
{
  background: transparent url(/images/ico/house.png) no-repeat 0% 50%;
  padding:0 15px 0 20px;

}
.tornar
{
  text-align:right;
  margin:10px;
  background:#fff url(/images/ico/fletxa_adalt.gif) no-repeat scroll 100% 50%;
  padding-right:10px;
}

#map /*de google maps*/
{
  width:420px;
  height: 300px;
  border:1px #ccc solid;
  margin:30px auto 50px auto;
  padding:0;
  text-align:center;

}

/*******CAIXA NOTICIES ****************/

.caixa_noticies
{
  /*width:80%;*/
  margin:0 auto;
}

.caixa_noticies .title
{
  font-size:1.5em;
  /*height:23px;*/
}

.caixa_noticies .data
{
  text-align:right;
  color:#006087;
  padding:5px 5px 0 0;

}
.caixa_noticies .content
{
  margin: 0 auto;
  padding: 0 20px;
  border-left:1px #FEEBC6 solid;
  border-right:1px #FEEBC6 solid;



}

.caixa_noticies .descarrega
{
  background-color:#E4F7FE;
  border:1px solid #006087;
  padding:10px;
  margin:10px  0;
  color:#000;

}


/***** TAULA DE FOTOS *****************/

table#fotos td
{
  padding:3px;
}


/* VARIS **********/

div.atencio
{
  background: #fff url(/images/ico/cancel.png) no-repeat 0% 5%;
  padding: 10px 10px 10px 40px;
  border:2px #ccc solid;
  border-bottom:3px #000 solid;
  border-right:3px #000 solid;
  width:60%;
  margin:10px auto;
}

div.atencio ul
{
  margin:1em 0.5em 0.5em 2em;
}

div.atencio ul li
{
  color:red;
  font-weight:bold;
  background:#fff url(/images/ico/fletxa_dreta.gif) no-repeat 0% 50%;
  padding-left:10px;
}

span.rebaixat
{
  color:#000;
}
/******** FORM CONTACTA **************/

ul#contacta li
{
  list-style:none;
  background:none;
  position:relative;
  line-height:2em;
}

ul#contacta li label {text-align:right;font-size:1.2em}
ul#contacta li input  { position:absolute;left:10em;font-size:1.2em}
.requerit
{
  font-weight:bold;
  color:red;
  font-size:1.2em;
}
/************ FORM LLOGUER ***************/

ul#lloguer li
{
  list-style:none;
  background:none;

  margin-bottom:5px;
}

ul#lloguer li label
{


}

ul#lloguer li input
{
  display:block;
}

a.imatges_costat
{
  display:block;
  margin:0;
  padding:0;
}


/******* ERRORS DE FORM *****************/
div .form_error
{
  background: #ffffcc;
  padding: 0px;
  width:90%;
  margin:2px auto;
  color:red;
}

.form-errors {
  -moz-box-shadow:1px 1px 10px;-web-kit-box-shadow: 1px 1px 10px;
  background:url("/sf/sf_default/images/icons/disabled48.png") no-repeat scroll 10px 50% #E1EFEF;
  border:1px solid #CCCCCC;
  margin-bottom:10px;
  padding:10px 10px 10px 65px;
}
.form-errors p { margin-bottom:0px !important;}

.form-errors h2
{
  padding: 5px 20px 5px 25px;
  font-size: 1.3em;
  color: #fff;
  background: #f33 url(/sf/sf_admin/images/error.png) no-repeat 5px 2px;
}

.save-ok
{
  margin-bottom: 10px;
  border: 1px solid #73B65A;
}

.save-ok h2
{
  margin: 0 !important;
  padding: 5px 20px 5px 25px;
  font-size: 1.3em;
  color: #fff !important;
  background:  #73B65A url(/sf/sf_admin/images/ok.png) no-repeat 5px 2px;
}
/********* NOTA LEGAL *********************/
.nota_legal
{
  font-size:0.8em;
  font-family:arial;
  width:100%;
}

/********OVERLAY******************/
#overlay
{
  background-image:url(/images/fons/overlay.png);
  display:block;
  height:1000px;
  left:0pt;
  position:absolute;
  top:0pt;
  width:100%;
  z-index:90;
  visibility:visible;
}

#capa_fons
{

  display:block;
  left:310px;
  padding:10px;
  position:absolute;
  top:59px;
  z-index:100;
  visibility:visible;
}
#capa_text
{
  position:relative;
  background:#000000 none repeat scroll 0% 50%;
  padding:10px;
  position:relative;
  text-align:right;
  color:#fff;
}

#caixa_tandes h2
{
  color:#ED6E00;
  font-size:1.5em;
  margin:0.3em 0pt 0em 0px;
}
#caixa_tandes h3
{
  color:#EA6900;
  font-size:1.3em;
  margin:0em;
}
#caixa_tandes ul li
{
  background: none;
}
#caixa_tandes ul li.titol
{
  font-weight:bold;
  font-size:1.1em;
}