/* Ajuntament de Vila-seca public application css file */

/* colors: */
/* Groc: #f6c119 */
/* Blau: #13358e */
/* Blau cel: #CAE1FF */

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

html, body {
  height:100%;
}
  
body {
  background:#fff;
  font-family: tahoma,verdana,arial,sans-serif;
  font-family: arial,verdana,sans-serif;
  font-size:13px;
  text-align:center;
}

hr {
  color:#ccc;
  margin-bottom:10px;
}

/* =tipo */
.petit {
  margin-top:5px;
  font-size:11px;
  color:#555;
  text-align:left;
}
.petit_vermell {
  margin-top:5px;
  font-size:11px;
  color:red;
  text-align:left;
}

.less {
  font-size:11px;
  color:#999;
}

.taronja {
  color:#FF8C00;
}

.red {
  color:red;
}

.warning_gris {
  color:#555;
}

h1 {
  font-family: arial,verdana,sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#004175;
  color:#004fbb;
  margin-bottom:5px;
}

h2 {
  font-size:22px;
  margin-bottom:20px;
}

h3 {
  font-size:14px;
  font-weight:bold;
  color:#555;
  background:#ffd537;
  padding:2px;
  padding-left:5px;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
}

h1.static {
  font-size:16px;
  border-bottom:2px solid #ccc;
  padding:3px;
  margin-bottom:10px;
}

h2.static {
  font-size:14px;
  margin-bottom:10px;
  background:#fff;
  color:#555;
  border-bottom:1px dotted #ccc;
}

h3.static {
  font-size:14px;
  margin-bottom:10px;
  background:#fff;
  color:#000;
  border-bottom:1px dashed #ccc;
}

span.r_over_w {
  color:#fff;
  background:#d0082f;
  padding:2px;
}
span.gris {
  color:#ccc;
}

/* =links */
a:link, a:visited {
  color:#1874CD;
  text-decoration:none;
}

a:active, a:hover {
  color:#1874CD;
  text-decoration:underline;
}

a img {
  border:0px;
}

h2 a:link, h2 a:visited {
  color:#87CEFA;
  color:#aaa;
}

.print {
  background-image:url(../images/icon_print.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:35px;
  padding-top:4px;
  padding-bottom:4px;
}

.boto_gris {
}
.boto_gris:hover {
  border:1px solid #777;
  background:#ddd;
}

.boto_blau {
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  color:#13358e;
  background:#f6c119;
  cursor:pointer;
}
.boto_blau:hover {
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  background:#13358e;
  color:#f6c119;
  text-decoration:none;
}

/* =expedient */
#expedient {
  border:1px solid #ccc;
  background:#eee;
  padding:10px;
  margin-top:10px;
  margin-bottom:20px;
  line-height:20px;
}

.adjudicacio {
  border:1px solid #ccc;
  background:#eee;
  padding:10px;
  margin-top:10px;
  margin-bottom:20px;
  line-height:20px;
}

.info {
  border:1px solid #ccc;
  padding:10px;
  /*margin-top:10px;
  margin-bottom:20px;
  line-height:20px;*/
}

/* =taules */
table.list {
  border-collapse:collapse;
  font-size:13px;
  width:100%;
  text-align:left;
  border:1px solid #ccc;
  margin-bottom:20px;
}

table.list th {
  background:#fff3b2;
  padding:5px;
  font-weight:bold;
}

table.list th.sortup {
  background:#deb724;
  background-image:url(../images/arrow_up.png);
  background-repeat: no-repeat;
  background-position: right center;
}
table.list th.sortdown {
  background:#deb724;
  background-image:url(../images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: right center;
}

table.list th a:link, table.list th a:visited {
  color:#000;
}

table.list td {
  padding:5px;
}

table.list tr {
  background:#e4f2fc;
}

table.list_productos th {
  background:#CD950C;
  border:1px solid #ccc;
}

/* =status de los productos */
tr.over {
  background:#ddd;
  cursor:pointer;
}
tr.status_comercial_Libre {
  background:#CAE1FF;
}
tr.status_comercial_Reservado {
  background:#FEF5CA;
}
tr.status_comercial_Pagado {
  background:#A2CD5A;
}

/* =utils de les taules */
#utils {
  margin-bottom:5px;
}

/* =llistes */
#main ul {
  list-style-type:none;
}

/* =layout */
#global_wrapper {
  width:775px;
  border:1px solid #ccc;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -1.5em;
}

/* =header */
#header {
  background:#004175;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px; /* Added because tab menu is not shown */
  padding-left:30px;
  padding-right:30px;
}

#header h1 {
  border:0px;
  color:#ffd537;
  margin-bottom:0px;
}

#header h1 a {
  color:#FFD700;
  font-size:24px;
}

#header h1 a:hover {
  text-decoration:none;
}

#header a {
  color:#fff;
}

#header_left {
  float:left;
}

#header_right {
  float:right;
}

#header_right a{
  color:#FFD700;
  font-weight: bold;
}

/* =topmenu */
.topmenu {
  background:#004175;
  color:#fff;
  padding-top:10px;
  padding-left:30px;
  padding-right:30px;
}

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

.topmenu ul.utilsmenu {
  float:right;
}

.topmenu ul li {
  float:left;
  padding-left:3px;
}

.topmenu ul a {
  display:block;
  width:110px;
  height:30px;
  line-height:30px;
  background:#246495;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.topmenu ul a:hover, .topmenu ul a.selected {
  background:#eee;
  color:red;
}

/* =canvas */
#canvas {
  text-align:left;
}

#filariadna {
  background:#ddd;
  background-image:url(../images/left_grad.png);
  background-repeat: repeat-y;
  background-position:right;
  width:650px;
}

#filariadna p {
  padding:5px;
}

#main {
  padding:10px;
}

#lateral_wrapper {
  float:left;
  width:200px;
  margin-left:20px;
  border:1px dashed #ccc;
  background:#fff;
}
#lateral {
  padding:20px;
}

#lateral p {
  font-size:11px;
  margin-bottom:10px;
}

#lateral p span {
  font-weight:bold;
  color:red;
}

/* =bottons */
.boto_new, a.boto_new {
  padding:4px;
  padding-right:5px;
  border:1px solid #ccc;
  color:#555;
  background:#A2CD5A;
  background-image:url(../images/new.png);
  background-repeat: no-repeat;
  background-position:5px center;
  padding-left:30px;
}

a.boto_new:hover {
  border:1px solid #6E8B3D;
  text-decoration:none;
}

.boto_cancel, a.boto_cancel {
  padding:4px;
  padding-right:5px;
  border:1px solid #ccc;
  color:#000; /* #fff; */
  background:#ffd5d5; /* #FE7C72; */
  background-image:url(../images/error.png);
  background-repeat: no-repeat;
  background-position:5px center;
  padding-left:30px;
}

a.boto_cancel:hover {
  border:1px solid red; /* #8A0C25; */
  text-decoration:none;
}

.boto_groc {
  border:1px solid #eee;
  cursor:pointer;
  background:#FFD700 ;
}

.boto_groc:hover {
  border:1px solid #ccc;
}

a.boto_groc {
  padding:4px;
  color:#555;
  text-decoration:none;
}

.boto_vermell {
  color:#fff;
  cursor:pointer;
  border:1px solid #eee;
  background:#DC143C;
}

.boto_vermell:hover {
  border:1px solid red;
}

a.boto_vermell {
  padding:4px;
  color:#fff;
  text-decoration:none;
}

.boto_verd, a.boto_verd {
  font-size:13px;
  font-weight:bold;
  color:#333;
  padding:3px;
  cursor:pointer;
  border:1px solid #eee;
  background:#A2CD5A;
}

.boto_verd:hover, a.boto_verd:hover {
  border:1px solid #6E8B3D;
  text-decoration:none;
}

/* =footer */
#footer {
  width:775px;
  margin: 0 auto;
  background: #f6c119;
  border-top:5px solid #555;
}
#footer, .push {
  height: 1.5em;
}

/* =missatges */
.error_message {
  margin-top:3px;
  text-align:left;
  padding:3px;
  background:#ffd5d5;
  border:1px solid red;
  background-image: url(../images/error.png);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left:30px;
}
.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;
}

/* =error screens (404, etc.) */
.error_panel {
  margin:20px auto;
  background:#fff;
  text-align:center;
  padding-top:100px;
  padding-bottom:100px;
  border:1px solid #ccc;
}

.error_panel h1 {
  font-size:20px;
  color:#555;
  border:0px;
}

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

.center {
  text-align:center;
}

.right {
  float:right;
}

.left {
  float:left;
}

.w150 {
  width:150px;
}

.w200 {
  width:200px;
}
.segell {
   color: #666;
}
.vertical-img {
  vertical-align:middle;
}