body { position: relative; margin: 0; width: 100%; color: #444; font: 13px/1.231 "Trebuchet MS", helvetica, sans-serif; background: #f5f5f5; }
img { border: 0; }
table { width: 100%; }
a:active { text-decoration: none; color: #444; }
a:link { text-decoration: none; color: #444; }
a:focus { outline: none; box-shadow: none; }
a:visited { text-decoration: none; color: #444; }
a:hover { text-decoration: underline; color: #444; }
.fixed {
	top: 75px;
	position: fixed;
	padding: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #444;
	color: white;
	border-radius: 5px;
	border: 1px solid black;
	width: 400px;
	text-align: center;
}
.estret { color: white; margin-top: 13px; margin-bottom: 13px; font-size: 26px; font-weight: bold; }
.list_background4 {
  padding: 5px;
  border-radius: 5px;
  width: 1112px;
  overflow-x: auto;
}
.list_background3 {
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
  padding: 5px;
  border-radius: 5px;
  width: 1000px;
  overflow-x: auto;
}
h1, .logo { margin-bottom: 20px; font-size: 22px; color: #444; line-height: 22px; font-weight: normal; }
h2 { margin-bottom: 20px; font-size: 18px; color: #444; line-height: 22px; font-weight: normal; }
.btn { display: inline-block; border: 1px solid #a3afb7; border-radius: 3px; margin: 0 10px 0 0; min-width: 80px; white-space: nowrap; text-align: center; border-color: #a3afb7; font-weight: 400; color: #5d6973; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; background-clip: padding-box; display: inline-block; box-shadow: inset 0 0 1px #fff, 0 1px 2px #d6d6d6; }
.btn:hover, .m-btn:hover { border-color: #808287; color: #555; background-color: #ebf1f4; background-position: 0 -30px; box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0 3px #fff; }
.btn button, .btn input, .ui-widget button { font-family: "Trebuchet MS", helvetica, sans-serif; border: 0; margin: 0; padding: 0px 15px; background: none; height: 28px; outline: 0; vertical-align: top; background: none; font-weight: 400; color: #444; cursor: pointer; }
input[type='text'], input[type='email'], input[type='password'], input[type='number'], textarea { outline: none; box-shadow: none;  border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; width: 90%; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
input[type='number'] { step: any; }
.info { height: 20px; border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
select { margin-left: 0px; outline: none; box-shadow: none; -webkit-appearance: menulist; text-align: left; border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
select.llistat, .ui-dropdownchecklist { background-color: white; outline: none; box-shadow: none; text-align: left; border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; width: 150px; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
select.llistat_mesures { background-color: white; outline: none; box-shadow: none; -webkit-appearance: menulist; text-align: left; border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; width: 290px; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
.ui-autocomplete { border: 1px solid #bbbec0; }
.ui-combobox-input{ 
border: 1px solid #cccccc;
background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4; width: 80%;
outline: none; box-shadow: none; text-align: left; border: 1px solid #bbbec0; border-radius: 3px; padding: 5px; background: #fff; background-clip: padding-box; color: #444; vertical-align: middle; font: 13px "trebuchet ms", helvetica, sans-serif; }
.ui-button-icon-only { -webkit-appearance: menulist; width: 20px; height: 30px; top: 12px; }
.ui-dropdownchecklist-selector, .ui-dropdownchecklist-text { width: 150px; }
div#notice-container { position: absolute; top: 20px; width: 100%; height: 50px; text-align: center; vertical-align: center; box-shadow: 1px; border-radius: 2px; }
div#notice-container-message span { display: none; width: 240px !important; padding: 10px 20px 10px 20px; background-color: rgb(196, 236, 169); border: 1px solid rgb(143, 219, 92); border-radius: 10px; text-align: center; color: rgb(34, 34, 34); }
.error{ background-color: #CC0000!important; border: 1px solid #8B0000!important; color: white!important; }
#expedient td { padding-right: 20px; }

input:focus, select:focus, .ui-dropdownchecklist-selector:focus { outline: none; box-shadow: none; }
input:required:invalid { /*background-image: url(../images/invalid.png); background-position: right center; background-repeat: no-repeat;*/ border: 1px solid red; }
input:required:valid { /*background-image: url(../images/valid.png); background-position: right center; background-repeat: no-repeat;*/ }
input[type='number']:required:valid { background-image: none; }
input[type='number']:required:invalid { background-image: none; }

#top-wrapper { border-bottom: 4px solid #c6d3d9; min-width: 1200px; background: #646464 url(../images/top.png?11.0) 0 100% repeat-x; }
#content-wrapper { border-top: 1px solid #a1aeb6; }
#top, .top-panel, #content, #navbar { margin: auto; width: 1300px; }
#bottom-wrapper {text-align: center;}
#header .languages { float: right; display: inline; }
.languages .languages-list { position: relative; float: left; margin-top: 10px; padding: 0; list-style: none; }
.languages .languages-item { float: left; margin: 0 0 0 5px; color: #fff; text-shadow: 0 -1px 0 #000; }
#header .shortcuts { float: right; display: inline; }
.shortcuts .shortcuts-list { position: relative; float: left; margin: 0; padding: 0; list-style: none; }
.shortcuts .shortcuts-item { float: left; margin: 0 0 0 15px; color: #fff; text-shadow: 0 -1px 0 #000; }
#search { position: relative; margin-top: 4px }
#search fieldset.search { border: 1px solid #787878; border-radius: 3px; padding: 1px 30px 0 8px; width: 162px; height: 21px; background: #fff; background-clip: padding-box; box-shadow: inset 0 1px 3px #d1d1d1; }
#search .search-input { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 20px; line-height: 18px; font-size: 13px; background: none; }
#search .search-button { position: absolute; top: 4px; left: 177px; padding: 0; width: 16px; height: 16px; cursor: default; background: none; }
#search input:focus { outline: none; box-shadow: none; }
#search .search-empty { font-style: italic; color: #999; }
#navbar, #navbar ul { height: 32px; }
#navbar ul { margin: 0; padding: 0 0 0 1px; list-style: none; white-space: nowrap; font-size: 1px; letter-spacing: -1em; }
#navbar li { display: inline-block; margin: 0; padding: 0; height: 30px; font-weight: 700; font-size: 13px; letter-spacing: 0; vertical-align: top; }
#navbar a, #navbar span { display: inline; float: left; height: 30px; }
#navbar a, #navbar a:visited { border: 1px solid #000; border-radius: 5px 5px 0 0; margin: 0 0 0 -1px; padding: 0 1px; height: 30px; line-height: 30px; text-decoration: none; color: #e6e6e6; text-shadow: 0 -1px 0 #000; background-color: #444; background-clip: padding-box; }
#navbar a:hover, #navbar a:active { color: #fff; text-decoration: none; background-color: #666; background-position: 0 -50px; }
#navbar .active, #navbar .active a { height: 31px; }
#navbar .active a, #navbar .active a:visited, #navbar .active a:hover { border-bottom: 0; color: #3b4652; text-shadow: 0 1px 0 #fff; background-color: #c6d3d9; background-position: 0 -100px; }
#navbar span { padding: 0 10px; line-height: 30px; cursor: pointer; }
#content-wrapper { border-top: 1px solid #a1aeb6; }
#content { padding: 10px 0 0; }
#content-body {  border: 1px solid #cbd0d3; border-radius: 5px; padding: 10px; padding-bottom: 1em; background: #fff; background-clip: padding-box; box-shadow: inset 0 1px 0 #fff, 0 1px 0 #e2e2e2, 0 1px 1px #edeeef; }
#content { margin-top: 5px; width: 1200px; margin-left: auto; margin-right: auto; }

{ border-right: 1px solid #e0e3e4; padding: 10px; vertical-align: top; }
.enllac { color: black!important; text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
.enllac:hover { font-weight: bold; }
.ui-tooltip { position: absolute; z-index: 1030; padding: 3px 8px; font-family: "Trebuchet MS"; line-height: 20px;  font-size: 11px; color: #ffffff; text-align: left; text-decoration: none; background-color: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: none; border-width: 2px; }
.button { cursor: pointer; }
/*#panell_resum td { padding: 15px }*/

/* calendar */
table.calendar    { border-left:1px solid #999; }
tr.calendar-row  {  }
td.calendar-day  { min-height:80px; font-size:10px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover  { background:#eceff5; }
td.calendar-day-np  { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head {background:#ccc; font-weight:bold; text-align:center; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
.day-number    { color:#444; font-size: 16px; font-weight:bold; margin:-5px -5px 0 0; }
/* shared */
td.calendar-day, td.calendar-day-np { background-color: white; vertical-align: top; height: 80px; width:100px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

/* calendar2 */
table.calendar    { border-left:1px solid #999; }
tr.calendar-row  {  }
td.calendar-day2  { min-height:35px; font-size:10px; position:relative; } * html div.calendar-day2 { height:35px; }
td.calendar-day2:hover  { background:#eceff5; }
td.calendar-day-np2  { background:#eee; min-height:35px; } * html div.calendar-day-np2 { height:35px; }
td.calendar-day-head2 {background:#666; color:white; font-weight:bold; text-align:center; padding:1px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
.day-number2    { color:#444; font-size: 10px; font-weight:bold; margin:-2px -2px 0 0; }
/* shared */
td.calendar-day2, td.calendar-day-np2 { background-color: white; vertical-align: top; height: 15px; width:35px; padding:2px; border-bottom:1px solid #999; border-right:1px solid #999; }

#informe5 td { padding-right: 5px; }
#informe5 tr:hover { background-color: #E1EBEB; }
#expedients tr:hover { background-color: #E1EBEB; }
#informe5 thead tr:hover { background-color: white; }
#informe5 thead h3 { background-color: white; font-size: 9px!important; }
/*#informe5 th {
  min-width: 3em;
  width: 3em;
  max-width: 3em; 
}*/

.sortable {margin:0 auto 15px; font-size: 11px; }
.sortable th h3 {font-size:12px;cursor:pointer;}
.sortable2 th {cursor:pointer; text-align: left;}
.sortable .desc, .sortable .asc {text-decoration: underline;}
.sortable2 .desc, .sortable2 .asc {text-decoration: underline;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {text-decoration: underline; }
.sortable2 .head:hover, .sortable2 .desc:hover, .sortable2 .asc:hover {text-decoration: underline; }
.rotate {
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.proposta td { padding-right: 0px!important; }
.resum td { padding-right: 0px!important; }
#informe11 {font-size:12px;}
#informe11 th h3 {font-size:10px;cursor:pointer;}
#informe16 th {cursor:pointer;}
#informe16 th:hover {text-decoration: underline;}
.inicial {
	background-color: #FFE4C4;
	font-weight: bold;
	padding: 3px;
	cursor: default;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 15px;
	cursor: pointer;
	display: inline-block;
}
.inicial2 {
	font-weight: bold;
	padding: 3px;
	cursor: default;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 15px;
	cursor: pointer;
	display: inline-block;
}

input[disabled='disabled'] { background: #EBEBEB; }
.facebook {
	background: url(../images/pendents.png);
	background-size: 25px 25px;
	background-repeat:no-repeat;
	width: 25px;
	height: 25px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding-left: 8px;
	padding-top: 3px;
	cursor: pointer;
	font-family: tahoma;
}
a.no:hover { text-decoration: none; }
th:hover { text-decoration: underline; cursor: pointer; }
.reserves_dia { border-spacing:0; border-collapse: collapse; }
.reserves_dia .hora {
	height: 30px;
	border-bottom: 1px solid #444;
	cursor: pointer;
}
.reserves_dia .hora2 {
	height: 30px;
	border-bottom: 1px solid #444;
}
.reserves_dia .fila:hover td { background: #FFEF99;}
.horari td { padding-left: 10px; }



/*****/
.tg-timedevents { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 100%; }
.tg-time { border-bottom: 1px solid #ddd; text-align: right; vertical-align: top; width: 59px; }
.tg-time-pri { border-bottom: 1px solid #ddd; text-align: right; vertical-align: top; }
.tg-time-sec { border-bottom: 1px dotted #ddd; padding: 0px; text-align: right; vertical-align: top; }
.tg-col { border-left: 1px solid #ddd; vertical-align: top; }
.chip { position: absolute; cursor: default; color: #222; -moz-user-select: none; }
.chip dl {
margin: 0;
padding: 0 0 1px;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
overflow: hidden;
padding-top: 5px;
padding-left: 5px;
}
.chip dt {
margin-top: -1px;
font: bold 10px Arial,sans-serif;
white-space: nowrap;
overflow: hidden;
padding: 0 0 1px;
text-align: left;
padding: 0 2px 0 1px;
}
.chip dd {
line-height: 1.1;
margin: 0;
overflow: hidden;
padding: 0 1px;
font: 12px Arial,sans-serif;
text-align: left;
word-wrap: break-word;
}

#map {
width: 50%;
height: 300px;
border: 1px solid #000;
/*margin-left: 500px;*/
}

.list_background {
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	margin-right: 10px;
	padding: 5px;
	padding-bottom: 0px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.list_background2 {
    -webkit-box-shadow: 0px 0px 2px 0px #4a4a4a;
    -moz-box-shadow: 0px 0px 2px 0px #4a4a4a;
    box-shadow: 0px 0px 2px 0px #4a4a4a;
	margin-right: 10px;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.picture {
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.item td { vertical-align: top; }
.item .item_picture { border-left: 8px solid red;}
.item .item_description { padding-left: 10px; }
.item .name { font-size: 12px; font-weight: bold; padding-bottom: 3px; overflow: hidden; }
.item .name:hover { text-decoration: underline; }
.price { display: inline-block; table-layout: fixed; width: 140px; font-size: 27px; line-height: 27px; padding-bottom: 5px;}
.price strong { font-style: normal; font-weight: normal; float: left; }
.price b { float: left; font-size: 16px; line-height: 20px; font-style: normal; font-weight: normal; }
.price i { float: left; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; }

.grafic svg {
	margin-left: -7px;
	margin-top: -6px;
}

.titol {
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.valor {
	color: #222;
	font-size: 14px;
	max-width: 160px;
	min-width: 65px;
	word-wrap: break-word;
}

.valor2 {
	color: #222;
	font-size: 24px;
	max-width: 160px;
	min-width: 65px;
	word-wrap: break-word;
}

.button-link {
	font-size: 12px;
	font-family: "Trebuchet MS", helvetica, sans-serif; 
    padding: 5px 10px;
    background: #444;
	cursor: pointer;
	margin-left: 10px;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px black;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #c6d3d9;
    color: black;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.button-link2 {
	font-size: 14px;
	font-family: "Trebuchet MS", helvetica, sans-serif; 
    padding: 7px 12px;
    background: #444;
	cursor: pointer;
	margin-left: 10px;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px black;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link2:hover {
    background: #c6d3d9;
    color: black;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link2:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.slide-out-div {
	padding: 20px;
	padding-top: 10px;
	padding-right: 10px;
	width: 350px;
	height: 450px;
	background: black;
	border: 1px solid #29216d;
	z-index:3;
}

.slide-out-div2 {
	padding: 20px;
	padding-top: 10px;
	padding-right: 10px;
	width: 350px;
	height: 450px;
	background: black;
	border: 1px solid #29216d;
	z-index:3;
}

.auditoria { cursor: pointer; }
.rodona {
	width: 20px;
	font-weight: bold;
	padding: 1px;
	border-radius:10px 10px 10px 10px;
	-o-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-mz-border-radius:10px 10px 10px 10px;
}