/* TuAdjudes public css file */

/* vermell tuajudes:d0082f */

* {
  margin:0px;
  padding:0px;
} 

html {
  overflow-y:auto;
}

html, body {
  height:100%;
}
  
body {
  font-family: arial,verdana,sans-serif;
  font-size:12px;
  text-align:center;
}

a:link, a:visited {
  color:#009ACD;
  text-decoration:none;
}

a:active, a:hover {
  color:#009ACD;
  text-decoration:underline;
}

a.vermell {
  color:#ff0000;
  font-weight:bold;
}


ul, ol {
  padding:20px;
  padding-left:40px;
}

/* =tipo */
.gris_petit {
  font-size:11px;
  font-style:italic;
  color:#777;
}

/* =layout */
#global_wrapper {
  min-height: 100%;
  width:985px;
  height: auto !important;
  height:100%;
  margin: 0 auto -106px;
  text-align:left;
}

#footer, .push {
  height:106px;
}

#votar_left {
  width:785px;
  float:left;
}

#show_projecte {
  margin-top:27px;
  width:785px;
  float:left;
  margin-bottom:10px;
  border:1px solid #ccc;
  background:#d6d6d6;
  background-image: url(../images/votar_back.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

#votar_right {
  width:190px;
  float:right;
  padding-top:10px;
}

/* =header */
#header {
  margin-top:10px;
  margin-bottom:10px;
}

#header_left {
  float:left;
}

#header_right {
  float:right;
  background-image:url(../images/back_login.png);
  background-repeat: repeat-x;
  background-position:top;
  border:1px solid #ccc;
  padding-bottom:10px;
  padding-top:10px;
  padding-left:15px;
  padding-right:15px;
}

#header_right table td {
  padding-right:10px;
}

#header h1 {
  color:#d0082f;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:10px;
  margin-top:3px;
}

#header h1 span {
  color:#555;
  font-size:11px;
  font-weight:normal;
  text-transform:none;
  margin-bottom:10px;
}

#header label {
  margin-bottom:0px;
}

#header_right div {
  padding-right:10px;
}

/* =area_entitats */
#box_entitat {
  border:1px solid #0a85d5;
  padding:10px;
  margin-top:15px;
  background:#d7f3fc;
}

#box_entitat h2 {
  font-size:14px;
  font-weight:normal;
  color:#0a85d5;
  margin-bottom:10px;
}

#box_entitat form p {
  margin:0px;
}

/* =forms */ 
#form_wrapper {
  border:1px solid #ccc;
  margin-top:10px;
  padding:20px;
  background-image:url(../images/back_form.png);
  background-repeat: repeat-x;
  background-position:top;
}

#form_wrapper h1 {
  display:inline;
  padding-left:40px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:16px;
  color:#d0082f;
  text-transform:uppercase;
}

#form_wrapper h1.pas1 {
  background-image:url(../images/bola_1.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.pas2 {
  background-image:url(../images/bola_2.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.pas3 {
  background-image:url(../images/bola_3.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.pas4 {
  background-image:url(../images/bola_4.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.pas5 {
  background-image:url(../images/bola_5.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.pas6 {
  background-image:url(../images/bola_6.png);
  background-repeat: no-repeat;
  background-position:left center;
}
#form_wrapper h1.gracies {
  padding-left:0px;
}

#form_box {
  margin-top:20px;
}

label {
  display:block;
  text-align:left;
  margin-bottom:5px;
}

label.radio {
  float:none;
}

input, textarea {
  border:1px solid #ccc;
  padding:1px;
}

input[type='text']:focus, textarea:focus {
  border:1px solid #d0082f;
  background:#FEF5CA;
}
input.noborder {
  border:0px;
}

form p, form fieldset {
  margin-bottom:15px;
}

fieldset {
  padding:10px;
  padding-top:15px;
  border:1px solid #ccc;
}

legend {
  font-weight:bold;
  padding-left:5px;
  padding-right:5px;
}

form.centrats label {
  clear:left;
  float:left;
  text-align:right;
  padding-right:10px;
  margin-bottom:0px;
  width:300px;
}

form.centrats input {
  margin-bottom:0px;
}


form.centrats .fieldWithErrors input,
form.centrats .fieldWithErrors textarea {
  border:1px solid red;
  background:#FFC1C1;
  margin-bottom:0px;
}

label span {
  font-size:10px;
  color:#555;
  color:green;
}

.error {
  font-size:10px;
  color:#555;
  color:#d0082f;
}

.moneda {
  text-align:right;
}

.boto_gris {
  padding:5px;
  background-image:url(../images/back_form.png);
  background-repeat: repeat-x;
  background-position:top;
}
.boto_gris:hover {
  border:1px solid #777;
  background:#ddd;
  cursor:pointer;
}

.boto_vermell {
  background:#ff0000;
  color:#fff;
}

.boto_vermell:hover {
  background:#d0082f;
  cursor:pointer;
  color:#ccc;
}

.boto_vermell_votacio {
  padding-top:5px;
  padding-bottom:5px;
  background:#ff0000;
  color:#fff;
}

.boto_vermell_votacio:hover {
  background:#d0082f;
  cursor:pointer;
  color:#ccc;
}

.boto_vermell_gros {
  padding:10px;
  font-size:18px;
  background:#ff0000;
  color:#fff;
}

.boto_vermell_gros:hover {
  background:#d0082f;
  cursor:pointer;
  color:#ccc;
}

.boto_vermell_mitja {
  padding:5px;
  font-size:13px;
  background:#ff0000;
  color:#fff;
}

.boto_vermell_mitja:hover {
  background:#d0082f;
  cursor:pointer;
  color:#ccc;
}

.boto_vermell_intro:link, .boto_vermell_intro:visited, .boto_vermell_intro:active {
  text-decoration: none;
  padding:5px 3px 5px;
  background:#ff0000;
  color:#fff;
  float: right;
  margin-right: 6px;
}

.boto_vermell_intro:hover {
  text-decoration: none;
  padding:5px 3px 5px;
  background:#d0082f;
  color:#ccc;
  float: right;
  margin-right: 6px;
}

#votar_left p.intro {
  float:left;
  width: 675px;
}

table.old_entitats td {
  border:1px solid #ccc;
  padding:10px;
}

table.old_entitats_error td {
  border:1px solid #d0082f;
  padding:10px;
}

/* =login */
#login_wrapper {
  width:500px;
  margin: 100px auto;
  text-align:left;
}


/* =votar */
#votar_left h1, #resum h1 {
  color:#ff0000;
  font-size:18px;
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom: 2px solid #ccc;
}

#votar_left h2 {
  color:#ff0000;
  font-size:13px;
  padding-bottom:5px;
}

#votar_left p {
  font-size:12px;
  color:#666;
}

#votar_left input {
}

#box_filtre {
  margin-top:20px;
  float:left;
  width:465px;
  height:130px;
  border:1px solid #ccc;
  background:#d6d6d6;
  background-image: url(../images/votar_back.jpg);
  background-repeat: repeat-x;
  background-position: top;
  margin-right:20px;
}

/* IE hack */
#box_filtre select {
  _width:150px;
}

.wrapper_10 {
  padding:10px;
}

#box_cerca {
  margin-top:20px;
  float:left;
  width:290px;
  height:130px;
  border:1px solid #ccc;
  background:#d6d6d6;
  background-image: url(../images/votar_back.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

ul.llistat_projectes {
  list-style-type:none;
  margin:0px;
  padding:0px;
  margin-top:15px;
}
ul.llistat_projectes li {
  margin-bottom:10px;
  border:1px solid #ccc;
  background:#d6d6d6;
  background-image: url(../images/votar_back.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

ul.llistat_projectes li.selected {
  margin-bottom:10px;
  border:1px solid #ccc;
  background:#FFF68F;
}
.selected {
  background:#FFF68F;
}

.titol a:link, .titol a:visited {
  color:#fff;
}
.titol a:hover, .titol a:active {
  color:#ddd;
}
.titol h3 {
  position:relative;
  width:500px;
  float:left;
  font-size:14px;
  letter-spacing:0.5px;
  padding-left:5px;
}
.titol h4 {
  position:relative;
  /*width:150px;*/
  float:right;
  text-align:right;
  font-size:12px;
  letter-spacing:1px;
  padding-right:5px;
}

.titol {
  position:relative;
  background:#ff0000;
  color:#fff;
  border-bottom:1px solid #ccc;
  font-weight:normal;
  font-size:14px;
  letter-spacing:1px;
  padding:5px;
  line-height:1.1em;
}

.projecte_left {
  width:110px;
  padding:10px;
  float:left;
}
.projecte_right {
  width:620px;
  padding:10px;
  line-height:20px;
  float:left;
}
.projecte_left img {
  padding:5px;
  background:#fff;
  border:1px solid #ccc;
}

span.vermell {
  font-weight:bold;
  color:#ff0000;
}

.projecte_footer {
  padding:4px;
  background:#a8a9ab;
  background:#888;
  border:1px solid #999;
}

#votar_left .projecte_footer p {
  color:#fff;
}

.projecte_footer a:link, .projecte_footer a:visited {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.projecte_footer a:active, .projecte_footer a:hover {
  color:#ff0000;
  font-weight:bold;
}

.projecte_footer .social {
  background-image: url(../images/social.png);
  background-repeat: no-repeat;
  background-position: right ;
  padding-right:45px;
}

.projecte_footer img {
  border:0px;
}

.mes {
  float:right;
  margin-right:14px;
  padding-right:20px;
  background-image: url(../images/more_down.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}

.menys {
  float:right;
  margin-right:14px;
  padding-right:20px;
  background-image: url(../images/more_up.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}

#paginacio_votar .pagination {
  font-size:14px;
  color:#fff;
  padding:4px;
  margin-top:20px;
  margin-bottom:10px;
  background:#a8a9ab;
  text-align:center;
}

#paginacio_votar a:link, #paginacio_votar a:visited {
  color:#ff0000;
  font-weight:bold;
  text-decoration:none;
}

#paginacio_votar a:active, #paginacio_votar a:hover {
  color:#ff0000;
  font-weight:bold;
  text-decoration:underline;
}


/* =pot */
#pot_off {
  position:fixed;
  top:100px;
  width:190px;
  background-image: url(../images/banner_ajuda.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  color:#fff;
}

#pot_on {
  position:fixed;
  top:100px;
  width:190px;
}

#pot_on #pot_projectes {
  border:1px solid #ccc;
  background:#eee;
  margin-bottom:3px;
}

#pot_off h1 {
  font-size:23px;
  font-weight:normal;
  padding-left:15px;
  padding-top:10px;
}

#pot_on h1 {
  font-size:15px;
  font-weight:normal;
  color:#fff;
  background:#ff0000;
  padding-left:15px;
  padding-top:5px;
  padding-bottom:5px;
}

#pot_off h2 {
  font-size:11px;
  font-weight:normal;
  padding-left:20px;
  padding-top:130px;
}

#pot_off h3 {
  font-size:11px;
  font-weight:normal;
  padding-left:20px;
  padding-top:20px;
  padding-bottom:100px;
}

#pot_off h3 span {
  font-size:20px;
  font-weight:bold;
}

#pot_on .left {
  width:15px;
  padding-top:5px;
  padding-bottom:5px;
}

#pot_on .right {
  width:160px;
  padding-top:5px;
  padding-bottom:5px;
}

.seleccio_1 {
  background:#eee;
  background-image: url(../images/1.png);
  background-repeat: no-repeat;
  background-position: 12px top;
  padding:5px;
  font-size: 11px;
}
.seleccio_2 {
  background:#eee;
  background-image: url(../images/2.png);
  background-repeat: no-repeat;
  background-position: 13px top;
  padding:5px;
  font-size: 11px;
}
.seleccio_3 {
  background:#eee;
  background-image: url(../images/3.png);
  background-repeat: no-repeat;
  background-position: 13px top;
  padding:5px;
  font-size: 11px;
}
.seleccio_all {
  background:#eee;
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
}

#send_projectes {
  width:190px;
  margin-top:10px;
  text-align:right;
}

.pot_bar {
  background:#ccc;
  height:1px;
  margin-left:5px;
  margin-right:5px;
}

.pot_bar_ampla {
  background:#ccc;
  height:3px;
  margin-left:5px;
  margin-right:5px;
}

#pot_on .res_seleccionat {
  padding-left:20px;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}

/* =resum */
#resum {
  width:800px;
}

#box_resum {
  border: 1px solid #ccc;
  border-top:20px solid #ff0000;
  margin-bottom:10px;
} 

#resum h1 {
  margin-top:20px;
}

#box_resum .seleccio_1, #box_resum .seleccio_2, #box_resum .seleccio_3, #box_resum .seleccio_all {
  padding:15px;
  padding-left:60px;
  text-align:left;
}
#box_resum .res_seleccionat {
  padding-top:20px;
  padding-bottom:20px;
}

/* =generic */
.clear {
  clear:both;
}

.center {
  text-align:center;
}

.right {
  float:right;
}

.left {
  float:left;
}

/* =missatges */
.notice {
  margin-bottom:15px;
  text-align:left;
  padding:3px;
  background:#A2CD5A;
  border:1px solid #eee;
  background-image: url(../images/info.png);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left:30px;
}
.warning_message {
  margin-top:3px;
  text-align:left;
  padding:10px;
  background:#fff3b2;
  border:1px solid #FFD700;
}

select.max {
	width:340px;
}

#errorExplanation {
  border:1px solid #d0082f;
  margin-bottom:10px;
  background:#FFC1C1;
}

#errorExplanation h2, .error_message {
  font-size:15px;
  font-weight:bold;
  padding:3px;
  margin:0px;
  padding-left:10px;
  background:#d0082f;
  color:#fff;
}

#errorExplanation p {
  font-weight:bold;
  margin-bottom:0px;
  padding:5px;
  padding-bottom:0px;
  padding-left:7px;
}

#errorExplanation ul {
  list-style-type:disc;
  margin-left:20px;
  padding:10px;
}

.fieldWithErrors input {
  border:1px solid #d0082f;
  background:#FFC1C1;
  margin-bottom:0px;
}

.checkbox-table td {
  vertical-align: top;
  border-spacing: 10px; 
}

ul.checkbox-list {
  list-style-type: none;
}