/**
 * INFO SUBVERSION
 * FILE: $Header: svn://subversion/JAVA-FASE2/BRANCHES/MyEclipse/OAC_GWT/branches/SDENOU_F18/OAC_GWT/war/styles/CdS.css 148392 2019-04-02 14:49:58Z amitjavila $ 
 * REV:  $Revision: 148392 $
 */ 
 
#CONTINGUT {
	width: 100%;
	height: 100%;
	/* margin-left: 5%;
	margin-right: 5%; */
}

#CAPCALERA {
	border: solid 2px;
	height: 150px;
	width: 100%;
	top: 0px;
}

#CERCA {
	border: solid 2px;
	height: 50px;
	width: 300PX;
	top: 151px;
	right: 20px;
	float: left;
}

#IDENTIFICACIO {
	border: solid 2px;
	height: 50px;
	width: 275px;
	top: 151px;
	right: 20px;
	float: right;
}

#AGRUPACIO {
	border: solid 2px;
	height: 50px;
	width: 100%;
	top: 232px;
	display: table;
}

.GRUP {
	position: relative;
	text-align: center;
	border: grey solid 1px;
	height: 50px;
	width: 170px;
	display: table-cell;
	/*	float:left;*/
}

#INFORMACIO {
	align: left;
	border: solid 2px;
	left: 0px;
	float: left;
	width: 20%;
	height: 400px;
	background-color: #CCCCCC;
}

#ARBRE {
	align: left;
	border: solid 2px;
	float: left;
	width: 30%;
	height: 400px;
	/*overflow: scroll;*/
	position: relative;
	background-color: #CCCCCC;
}

#TRAMITS {
	border: solid 2px;
	align: left;
	float: right;
	width: 48%;
	height: 400px;
	background-color: #CCCCCC;
}

#PEU {
	border: solid 2px;
	clear: both;
	width: 100%;
	height: 40px;
	background-color: #CCCCCC;
}
/**Panell Cerca */
#cdt_Panellcerca_LabelCerca {
	display: inline-block;
	margin-top: 1%;
	/*margin-left: 3%;*/
	margin-right: 3%;
	font: 15px Arial;
}

/**Panell Login  */
#cdt_PanellIdentificacio_lblLogin {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	font: 15px Arial;
}

#cdt_PanellIdentificacio_pbLogout, #cdt_PanellIdentificacio_pbLogin {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	font: 15px Arial;
}
/** Panell Login (part Logout)*/
#cdt_PanellIdentificacio_lblUser {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	width: 20%;
	font: 15px Arial;
}

#cdt_Panellidentificacio_lblUsername {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	width: 65%;
	font: 15px Arial;
}

#cdt_PanellIdentificacio_lblLogout {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	font: 15px Arial;
	width: 60%;
	display: inline-block;
}

#cdt_PanellIdentificacio_pbLogout {
	display: inline-block;
	margin-top: 1%;
	margin-left: 3%;
	margin-right: 3%;
	font: 15px Arial;
	/*width: 25%;*/
	display: inline-block;
}

/**Panell Arbre Classificacions */
.lblArbre_panellClassificacio {
	
}

/** -------- **/
h1 {
	/* width: 90%;*/ /* margin: 0 5%;*/
	color: white;
	padding: 14px 0;
	font-size: 11px;
	max-width: 960px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
}

div#CONTINGUT {
	padding-bottom: 55px;
	/* margin: 0 auto;
    padding: 0px 20% 0px 20%; */
}

div#CAPCALERA {
	background: transparent;
	border: none;
	height: auto !important;
	display: inline-block;
    padding: 0px 20%;
}

/*
div#AGRUPACIO {
    margin-top: 165px;
    border: none;
    border-radius: 10px;
    background: none;
    margin-bottom: 30px;
}
*/
/*
div#AGRUPACIO {
	margin-top: 142px;
	border: none;
	border-radius: 10px;
	background: none;
	margin-bottom: 30px;
	width: 525px;
}
*/
div#AGRUPACIO {
	margin-top: 14px;
	border: none;
	border-radius: 10px;
	background: none;
	/* box-shadow: 0px 0px 9px 1px grey; */
	margin-bottom: 30px;
	/* cursor: pointer; */ /*width: 525px;*/
	width: 633px;
}

div#AGRUPACIO div.GRUP:hover {
	opacity: 0.6;
}

/*
div#CERCA {
	margin-left: 165px;
    background: transparent;
    border: none;
	float: left;
	width: 445px;
}
*/
div#CERCA {
	background: transparent;
	border: none;
	float: left;
	width: 325px;
	margin-top: 25px;
   	padding: 0px 20%;
}

/*
div#IDENTIFICACIO {
	margin-left: 35px;
	background: transparent;
	border: none;
	float: right;
}
*/
div#IDENTIFICACIO {
	/* margin-left: 165px; */
	margin-left: 35px;
	background: transparent;
	border: none;
	float: right;
	margin-top: -131px;
	text-align: right;
}

/* --- FONTFACEKIT --- */
@font-face {
	font-family: 'jrhandRegular';
	src: url('fonts/jr!ha___-webfont.eot');
	src: url('fonts/jr!ha___-webfont.eot?#iefix')
		format('embedded-opentype'), url('fonts/jr!ha___-webfont.woff')
		format('woff'), url('fonts/jr!ha___-webfont.ttf') format('truetype'),
		url('fonts/jr!ha___-webfont.svg#jrhandRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSansRegular';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
		url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSansBold';
	src: url('fonts/OpenSans-Bold-webfont.eot');
	src: url('fonts/OpenSans-Bold-webfont.eot?#iefix')
		format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff')
		format('woff'), url('fonts/OpenSans-Bold-webfont.ttf')
		format('truetype'),
		url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

div#IDENTIFICACIO div#cdt_PanellIdentificacio_lblLogin {
	color: white;
	margin-top: 0;
	/*text-shadow: 0 2px #0C172A;*/ /*float: left;*/
	/*font-family: 'jrhandRegular';*/
	font-size: 15px;
	letter-spacing: 2px;
	margin-right: 0px;
	margin-top: -11px;
}

div#CERCA div#cdt_Panellcerca_LabelCerca {
	color: #223459;
	font: 12pt/18px OpenSans, Arial, sans-serif !important;
	text-transform: uppercase;
	text-shadow: none;
	margin-top: 7px;
	text-shadow: 1px 1px black;
}

div#CERCA div, div#CERCA input {
	float: left;
}

div#cdt_Panellcerca_PushButtonCerca {
	cursor: pointer;
	background: url("../images/cdt/search.png") no-repeat;
	border: none;
	margin-top: 7px;
	margin-left: 7px;
	min-height: 18px;
	min-width: 18px;
}

div.GRUP {
	border: none;
	font-weight: bold;
	float: left;
	background: white;
	margin-right: 8px;
	border-top: 4px solid #335aa5;
	cursor: pointer;
	color: #223459;
	font: 12pt/18px OpenSansBold, Arial, sans-serif !important;
	padding: 15px 5px;
	/*width: 165px;*/
	width: 150px;
}

div#INFORMACIO, div#TRAMITS, div#ARBRE {
	background: white;
	/*box-shadow: 0px 0px 9px 1px grey;*/
	/*box-shadow: 0px -7px 19px -6px grey;*/
	border: none;
	margin-bottom: 50px;
	min-height: 545px;
	height: auto;
}

div#PEU {
	height: auto;
	padding: 10px 20px 30px;
	border: none;
	/* margin-top: 20px; */
}

div#cdt_PanellIdentificacio_pbLogout, div#cdt_PanellIdentificacio_pbLogin
	{
	border-radius: 3px;
	margin-top: 10px;
	padding: 2px 3px 0px 2px;
	min-width: 23px;
	min-height: 22px;
	background: none;
	border: 0;
}

div#cdt_PanellIdentificacio_pbLogout img, div#cdt_PanellIdentificacio_pbLogin img
	{
	max-width: 16px;
	max-height: 16px;
}

input#cdt_Panellcerca_TextBoxCerca {
	color: #728CBF;
	font-size: 12px;
	border-radius: 3px 3px 3px 3px;
	padding: 7px;
	height: auto;
}

div#CERCA div div {
	padding: 5px;
	font-size: 11px !important;
}

table#desplegableTramit_PanellTramits {
	border: 2px solid transparent;
}

a.header {
	background-color: white !important;
}

.lblArbre_panellClassificacio, .gwt-DisclosurePanel .header,
	.gwt-DisclosurePanel .header a, .gwt-DisclosurePanel .header td {
	color: #335aa5;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 3px;
}

.lblArbre_panellClassificacio {
	/* margin-top: -33px;
	margin-left: -10px;*/ /*margin-top: -14px;*/
	margin-left: 5px;
}

.gwt-DisclosurePanel .content b {
	font-weight: 100;
	color: #335aa5;
}

.ARBRE img {
	cursor: pointer;
}

div#ARBRE {
	float: left;
	width: 25%;
	overflow: initial;
}

div#ARBRE div.ARBRE {
	overflow: initial !important;
}

div#TRAMITS {
	float: left;
	width: 75%;
}

div#INFORMACIO {
	border-radius: 10px 0 0 0;
	padding: 15px;
}

div#TRAMITS {
	border-radius: 0 10px 0 0;
}

table#desplegableTramit_PanellTramits {
	border-bottom: 1px #335aa5 dotted;
	margin: 2%;
	width: 96% !important;
}

.gwt-DisclosurePanel .content {
	margin-bottom: 5px;
}

div.gwt-Tree>div {
	border-bottom: 1px #335aa5 dotted;
	margin: 8px 2% 5px 2% !important;
	min-height: 26px;
}

table#desplegableTramit_PanellTramits tr td table tr>td {
	padding-right: 10px;
}

div#cdt_Panellcerca_PushButtonCerca:hover {
	opacity: 0.7;
}

.gwt-TreeItem {
	display: inline;
	color: rgb(51, 90, 165);
	font-weight: bold;
	font-size: 12px;
	margin-left: 13px !important
}

.labelInfo1 {
	color: rgb(34, 52, 89);
	font-size: 17px;
	font-weight: bold;
}

.labelInfo2 {
	border-bottom: 1px dashed #DEDBD7;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 2px;
	color: #223459;
	margin-top: 25px;
}

.labelInfo3, .labelInfo3 div {
	color: #223459;
	font-size: 13px !important;
	margin-left: 5px;
	margin-top: 5px;
	width: auto;
	float: left;
}
.panelInfoImageLabelContainer{
	width: 100%;
	height: 35px;
}
div#ARBRE div.ARBRE div {
	padding: 0 !important;
}

div#ARBRE div.ARBRE div.branca {
	margin-left: 20px !important;
	/*padding-left: 15px !important;*/
	margin-top: -4px;
	/*max-height: 35px;*/
	padding-bottom: 10px !important;
}

div#ARBRE div.ARBRE div.branca.last {
	background-position: 0px -1766px !important;
}

div#ARBRE div.ARBRE div.tree {
	border: none !important;
	margin-bottom: -8px !important;
	padding-bottom: 1px !important;
}

div#ARBRE div.ARBRE div.gwt-TreeItem .lblArbre_panellClassificacio {
	padding-left: 16px !important;
	min-height: 25px;
	white-space: initial;
	height: auto;
}

div#ARBRE div.ARBRE table div.gwt-TreeItem .lblArbre_panellClassificacio
	{
	padding: 0 !important;
}

div#ARBRE div.ARBRE div.tree.last {
	background-position: 0px -1763px !important;
}

.resultatsLlistat {
	border-bottom: 1px solid #D0CCC7;
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 20px 10px;
	color: #223459;
	display: inline-block;
	width: 100%;
}

.tramitstree {
	margin: 2%;
	width: 96% !important;
	border-bottom: 1px dashed rgb(222, 219, 215);
}

.tramitstree div {
	color: rgb(51, 90, 165);
	font-weight: bold;
	font-size: 12px;
	margin-top: 2px;
	min-height: 50px;
	white-space: initial;
}

.tramitstree img {
	margin-top: -2px;
	margin-left: 5px;
	float: right;
}

.tramitstree td {
	float: right;
	min-height: 50px;
	/*max-width: 30px;*/
}

.tramitstree td:first-child {
	float: left !important;
	width: 100%;
}

#SUPERIOR {
	padding: 16px 20% 0px 20%;
	display: inline-block;
	width: 100%;
	margin-top: 1px;
}

#AQUI {
	border-bottom: 1px dotted rgb(215, 215, 215);
	padding: 5px 0;
	margin: 0 1%;
	display: inline-block;
	width: 98%;
	background: rgb(215, 215, 215);
	border-radius: 5px;
}

#AQUI div, #AQUI a {
	font-size: 12px !important;
	margin-left: 5px;
	float: left;
}

#AQUI div {
	color: rgb(34, 52, 89);
}

#CONTENIDORTRAMITS {
	float: left;
	width: 80%;
}

#TEXTTRAMITS {
	width: 100%;
	float: left;
	margin-top: 5px;
}

#TEXTTRAMITS .textTramits1, #TEXTTRAMITS .textTramits2, #TEXTTRAMITS .textTramits3
	{
	float: left;
	width: 99%;
	height: auto;
	white-space: initial;
}

#TEXTTRAMITS .textTramits1 {
	border-bottom: 1px solid rgb(190, 204, 219);
	color: rgb(34, 52, 89);
	font: 20pt/40px OpenSansBold, Arial, sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#TEXTTRAMITS .textTramits2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: rgb(51, 90, 165);
	text-transform: uppercase;
	line-height: 1.5em;
}

#TEXTTRAMITS .textTramits3 {
	color: rgb(34, 52, 89);
	font-size: 13px !important;
	padding: 5px 0px 15px;
}

.tramitstree div.gwt-Label:hover {
	opacity: 0.7;
	cursor: pointer;
}

#COSTRAMIT {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.ARBRE td {
	vertical-align: top !important;
}

div.dataTramit {
	float: left;
	margin-right: 3px;
	font-size: 13px !important;
	font-weight: bold;
}

.urlTramit, a.urlTramit {
	border-radius: 4px 4px 4px 4px;
	color: rgb(255, 255, 255) !important;
	font-size: 12px;
	padding: 7px 10px 6px 29px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	float: left;
	margin-top: 20px;
	height: auto !important;
	cursor: pointer;
}

.lblArbre_panellClassificacio:hover, .afegir:hover, .urlTramit:hover, a.urlTramit:hover
	{
	opacity: 0.7;
	/*text-transform: uppercase !important;*/
}

div.seccioTramit {
	width: 100%;
	display: inline-block;
	white-space: initial;
	margin-top: 20px;
}

div.seccioTramit div {
	float: left;
	width: 100%;
	height: auto;
	white-space: initial;
}

div.seccioTramit .titolSeccioTramit {
	border-bottom: 1px solid rgb(190, 204, 219);
	color: rgb(34, 52, 89);
	font: 20pt/40px OpenSansBold, Arial, sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-top: 0px;
}

div.seccioTramit div.gwt-HTML, div.seccioTramit div.gwt-HTML a {
	font-size: 13px !important;
}

a {
	font-size: 13px !important;
	text-decoration: none;
	color: rgb(51, 90, 165);
}

a:hover {
	text-decoration: underline;
	color: rgb(34, 52, 89);
}

.seccioDocTramit {
	width: 100%;
	margin-bottom: 20px;
}

.seccioDocTramit a {
	color: #335aa5;
}

.seccioDocTramit a:hover {
	color: #213359;
}

#dialegLogin.gwt-dialogBox .Caption {
	background: none repeat scroll 0 0 #7F9DB9;
	border-bottom: 1px solid #7F9DB9;
	border-top: 0 solid #D0E4F6;
	color: #F5F5F5;
	font-stretch: expanded;
	height: 30px;
	padding: 2px 2px 3px 4px;
}

#dialegLogin.gwt-DialogBox .dialogBottomCenter {
	background: none repeat-x scroll 0 -4px #FFFFFF;
}

#dialegLogin.gwt-DialogBox .dialogMiddleLeft {
	background: none repeat-x scroll 0 -4px #FFFFFF;
}

#dialegLogin.gwt-DialogBox .dialogMiddleRight {
	background: none repeat-x scroll 0 -4px #FFFFFF;
}

#dialegLogin.gwt-DialogBox .dialogMiddleLeft {
	background: none repeat-x scroll 0 -4px #FFFFFF;
}

#dialegLogin.gwt-DialogBox .dialogTopLeft {
	background: rgb(34, 52, 89);
	border-bottom: 1px solid #7F9DB9;
	border-top-left-radius: 10px;
}

.gwt-DialogBox .Caption {
	background: rgb(34, 52, 89) !important;
	border-top: 0;
	color: white;
}

#dialegLogin.gwt-DialogBox .dialogTopRight {
	background: rgb(34, 52, 89);
	border-bottom: 1px solid #7F9DB9;
	border-top-right-radius: 10px;
}

#dialegLogin.gwt-DialogBox .dialogBottomLeft {
	background: none no-repeat scroll 0 -15px #FFFFFF;
	border-bottom-left-radius: 10px;
}

#dialegLogin.gwt-DialogBox .dialogBottomRight {
	background: none no-repeat scroll -5px -15px #FFFFFF;
	border-bottom-right-radius: 10px;
}

#dialegLogin.gwt-DialogBox {
	/*border: 0 solid #7F9DB9;*/
	border: 2px solid rgb(34, 52, 89);
	border-radius: 10px 10px 10px 10px;
}

.CaptionCloseImage {
	padding: 0;
}

#DialegLoginEntrar {
	background: rgb(34, 52, 89) !important;
	border: 0 solid;
	border-radius: 6px 6px 6px 6px;
	height: 40px;
	text-align: center;
	vertical-align: middle !important;
	width: 73% !important;
	font-size: 14px !important;
}

#DialegLoginEntrar:hover {
	opacity: 0.7;
}

#dialegLogin_formPanel {
	height: 68px !important;
}

#dialegLogin_absUsuari {
	height: 23px !important;
}

#dialegLogin_absContra {
	height: 30px !important;
}

#dialegLogin_vertPanel {
	height: 100% !important;
}

#dialegLogin_contralabel {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	font-size: 13px;
	height: 25px !important;
	margin-left: 10px;
}

#dialegLogin_userTbox {
	border-radius: 4px 4px 4px 4px;
	height: 23px !important;
	width: 171px !important;
}

#dialegLogin_contraTbox {
	border: 1px solid #7F9DB9;
	border-radius: 4px 4px 4px 4px;
	height: 23px !important;
	width: 171px !important;
}

.div_text_boto div, #dialegLogin_userLabel, #dialegLogin_contraLabel {
	font-size: 13px;
	margin-left: 10px;
}

#DialegLoginEntrar .gwt-Image {
	display: none;
}

#DialegLoginEntrar .html-face {
	color: #FFFFFF;
	font-size: 14px !important;
	font-weight: bold;
	height: 40px;
	padding-top: 8px;
	vertical-align: middle !important;
}

#DialegLoginEntrar .gwt-label {
	font-size: 14px !important;
}

#dialegLogin_absPanel {
	height: 307px !important;
}

.CaptionCloseImage {
	padding: 0;
}

#dialogLogin_vpEntrar {
	width: 100% !important;
}

#dialegLogin_hpEntrar {
	margin-left: -72px !important;
	width: 100% !important;
}

#dialegLoginNou_vpAtencio {
	border-top: 1px solid rgb(34, 52, 89);
	margin-left: 0;
}

#dialegloginnou_labelcorreu {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
}

#dialegloginnou_numtel {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
}

#dialegLoginNou_labelTel {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
}

#dialegLoginNou_labelAtencio {
	color: rgb(34, 52, 89);
	font-size: 14px;
	font-weight: bold;
	height: 25px;
}

#dialegloginnou_labeldircorreu {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
}

.blue-date-box, .CaptionClose, .CaptionCloseImage, input[type='checkbox'],
	.gwt-PushButton, #cdt_PanellIdentificacio_pbLogout,
	#cdt_PanellIdentificacio_pbLogin, #DialegLoginEntrar {
	cursor: pointer;
}
/*
#cdt_PanellIdentificacio_pbLogout {
	display: inline;
}
*/
.imageEdit:hover {
	opacity: 0.5;
	cursor: pointer;
}

.editLabelTextBox {
	width: 18%;
	float: left;
	font-size: 13px !important;
	font-weight: bold;
	margin-bottom: 10px;
	height: 24px !important;
	color: rgb(34, 52, 89);
}

.editTextBox {
	width: 81%;
	float: left;
	font-size: 13px !important;
	height: auto !important;
	margin-bottom: 10px;
	min-height: 24px;
}

.width100 {
	width: 100% !important;
	float: left;
}

.width99 {
	width: 99% !important;
	float: left;
}

.width50 {
	width: 50% !important;
	float: left;
}
.guardarok {
	color: rgb(0, 162, 0);
	border: 2px solid rgb(0, 162, 0);
	background: rgb(205, 245, 205);
	padding: 4px;
	font-size: 13px !important;
	height: auto;
	font-weight: bold;
	margin-bottom: 15px;
	width: 99%;
	margin-top: -28px;
}

.propTram div {
	width: 78%;
}

.propTram div, .propTram span {
	float: left;
}

.propTram span {
	border-bottom: 1px dashed rgb(222, 219, 215) !important;
	/* 	width: 98%; */
	padding: 2px 0;
}

.propTram label {
	/*border-bottom: 1px dashed rgb(222, 219, 215);*/
	color: rgb(34, 52, 89);
	font-size: 12px !important;
}

.labelPropTram {
	color: rgb(34, 52, 89);
	font-size: 12px !important;
	margin-left: 5px;
	margin-bottom: 10px;
	font-style: italic;
	width: auto !important;
	border-bottom: none !important;
	float: right !important;
}

/*.editLabelTextBox div {
	width: 100%;
}*/

div.editLabelTextBox > .gwt-Label {
    width: Calc( 100% - 30px );
    float: left;
}

.afegir {
	width: 100%;
	float: left;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	/*background: rgb(80, 118, 193);*/
	background: rgb(34, 52, 89);
	color: white;
	border-radius: 4px;
	padding: 3px 9px;
	height: auto;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.propTram .noopcions {
	border-bottom: 1px dashed rgb(222, 219, 215) !important;
	font-weight: bold;
	color: rgb(34, 52, 89);
	font-size: 12px !important;
}

.propTram .labelInfo3 label {
	width: 95% !important;
	display: inline-block;
}

.labelInfo3 input {
	vertical-align: top;
}

.dialegEdit {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dashed rgb(222, 219, 215);
	padding-top: 10px;
}

.dialegEdit .dialegEditLabel {
	font-size: 12px !important;
	font-weight: bold;
	margin-right: 1%;
	width: 19%;
	float: left;
	margin-bottom: 10px;
}

.dialegEdit select {
	font-size: 12px !important;
	margin-right: 1%;
	/*width: 64%;*/
	width: 79%;
	float: left;
	height: auto;
	margin-bottom: 11px;
}

.dialegEdit .dialegEditButton1 {
	width: 12%;
	float: right;
	height: auto;
	margin-bottom: 10px;
	text-align: center;
	min-width: 60px;
}

.dialegEdit .dialegEditButton1 div {
	font-size: 12px !important;
	padding: 0 5px;
}

.dialegEdit input {
	float: left;
	width: 79%;
	font-size: 12px !important;
	margin-bottom: 10px;
	height: auto;
}

.heighauto {
	height: auto !important;
}

.margintop10 {
	margin-top: 10px;
}

.dialegEdit input[type='checkbox'] {
	width: auto !important;
}

.onesfaservir div {
	width: 100% !important;
	float: left;
	margin-bottom: 0 !important;
}

.bold {
	font-weight: bold;
}

.margintop0 {
	margin-top: 0px !important;
}

.marginbottom10 {
	margin-bottom: 10px !important;
}

.marginright10 {
	margin-right: 10px !important;
}

.dialogTopLeft, .dialogTopRight, .dialogMiddleLeft, .dialogMiddleRight,
	.dialogBottomLeft, .dialogBottomCenter, .dialogBottomRight {
	background: rgb(34, 52, 89) !important;
}

.dialogTopLeft {
	border-top-left-radius: 10px;
}

.dialogTopRight {
	border-top-right-radius: 10px;
}

.dialogBottomLeft {
	border-bottom-left-radius: 10px;
}

.dialogBottomRight {
	border-bottom-right-radius: 10px;
}

div.seccioTramit .titolSubSeccioTramit {
	color: rgb(34, 52, 89);
	font: 13pt/20px OpenSansBold, Arial, sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 0px;
}

div.seccioTramit .titolSubSubSeccioTramit {
	color: rgb(34, 52, 89);
	font: 12pt/20px OpenSans, Arial, sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 0px;
}

.mt15 {
	margin-top: 15px !important;
}

.lblArbre_panellClassificacio#activefulla {
	/*opacity: 0.7;*/
	font-weight: bold;
}

.GRUP#grupactive {
	opacity: 0.7;
}

.gwt-taulaBotonsNavegacioComposite {
	margin-left: 10px;
}

#SEL_TAULANAV_NUM_BLAU_PAGINA, #SEL_TAULANAV_NUM_PAGINA {
	font-size: 13px;
	font-weight: bold;
	color: rgb(34, 52, 89);
	margin-left: 5px;
}

.botopaginacio {
	background: none;
	border: none;
}

.botopaginacio:hover {
	opacity: 0.3;
}

.gwt-TreeItem.gwt-TreeItem-selected {
	background: none !important;
}

#SEL_TAULANAV_PRIMER img, #SEL_TAULANAV_ANT img, #SEL_TAULANAV_SEG img,
	#SEL_TAULANAV_ULTIM img {
	background: rgb(51, 90, 165);
	padding: 2px;
	border-radius: 5px;
}

.saltLinia {
	width: 100%;
	float: left;
	height: 0px;
}

#CDT_TRAMIT_EDIT_PUBLIC {
	float: left;
}

.nooverflow {
	overflow: hidden !important;
}

#DIVLOGO {
	width: 129px;
	height: 129px;
	margin-top: 20px;
	float: left;
}

#divlogo a {
	width: 100%;
	height: 100%;
	display: block;
}

.seccioDocTramit img {
	margin-right: 5px;
}

div#cdt_PanellIdentificacio_pbLogout:hover, div#cdt_PanellIdentificacio_pbLogin:hover
	{
	opacity: 0.6;
}

.seccioDocTramit td {
	
}

.seccioDocTramit td:first-child {
	width: 30px;
}

#AQUI div {
	height: auto;
	white-space: initial;
}

.propTram.documentacio .labelInfo3 {
	width: 50% !important;
}

.propTram.documentacio .labelInfo3 label {
	width: 93% !important;
}

.dialegEdit.panelDocumentacio .dialegEditLabel {
	white-space: initial;
	height: auto;
}

.panelDocumentacio span {
	font-size: 12px !important;
	font-weight: bold;
	float: left;
	width: 100%;
}

.panelDocumentacio select {
	margin-bottom: 30px;
}

.mt1 {
	margin-top: 1px;
}

.ariadna {
	cursor: pointer;
}

.ariadna:hover {
	text-decoration: underline;
}

/******************/
/*** RESPONSIVE ***/
/******************/
div#INFORMACIO2 {
	display: none;
}

.manteniment {
	margin-top: 30px;
	margin-bottom: 10px;
}

div#INFORMACIO div, div#INFORMACIO2 div {
	color: rgb(34, 52, 89);
}

@media ( max-width : 900px) {
	div#CERCA {
		margin-top: 235px !important;
	}
	div#CERCA div#cdt_Panellcerca_LabelCerca {
		text-align: left;
	}
	div#INFORMACIO {
		float: right;
		width: 100%;
		min-height: 0;
		margin-bottom: 0;
		display: none;
	}
	div#INFORMACIO2 {
		display: block;
	}
	div#INFORMACIO2, div#TRAMITS, div#ARBRE, div#CONTENIDORTRAMITS {
		width: 100% !important;
		min-height: 0;
		margin-bottom: 15px;
		float: left;
	}
	div#INFORMACIO2 table {
		/*width: 100%;*/
		width: 50%;
		float: left;
	}
	div#INFORMACIO div, div#INFORMACIO2 div {
		float: left;
		width: 100%;
	}
	div#INFORMACIO2 table td:first-child {
		width: 30px;
	}
	div#IDENTIFICACIO {
		margin-top: -275px;
	}
	div#CERCA, div#AGRUPACIO {
		width: 100%;
		height: auto;
		min-height: 50px;
	}
	div#CERCA {
		margin-top: 40px;
	}
	.editLabelTextBox, .editTextBox {
		width: 100%;
	}
	.dialeg {
		width: 100% !important;
		max-width: 500px !important;
	}
	#IDENTIFICACIO {
		width: 150px;
	}
	/*div#IDENTIFICACIO div#cdt_PanellIdentificacio_lblLogin {
		font-size: 20px;
	}*/
	div.GRUP {
		width: 48%;
		margin-right: 2%;
		overflow: hidden;
	}
	.RichTextToolbar tr {
		max-width: 100%;
		display: initial;
	}
	.RichTextToolbar td {
		float: left;
	}
	div#CERCA>input, div#CERCA>div {
		width: 100%;
		margin: 0px 0 10px 0;
	}
	div#dialegLogin, div#dialegLogin div, div#dialegLogin td, div#dialegLogin tr,
		div#dialegLogin table, div#dialegLogin tbody {
		max-width: 100%;
	}
	.propTram .labelInfo3 label {
		width: 91% !important;
	}
	.dialegEdit .dialegEditLabel {
		width: 100%;
	}
	.edit50 {
		width: 50% !important;
		margin-top: 0 !important;
	}
	#SUPERIOR, .tramitstree, .resultatsLlistat {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.dialegEdit select, .dialegEdit input {
		width: 99%;
	}

	/*
	.dialogMiddleCenterInner table, .dialogMiddleCenterInner td,
		.dialogMiddleCenterInner tr, .dialogMiddleCenterInner div,
		.dialogMiddleCenterInner form, .dialogMiddleCenterInner input {
		max-width: 100% !important;
		width: 100% !important;
		min-width: 200px;
	}
	*/
	div#ARBRE div.ARBRE div.tree {
		background: rgb(51, 90, 165) !important;
		border-bottom: 1px solid white !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	div#ARBRE div.ARBRE div.branca {
		background: rgb(51, 90, 165) !important;
	}
	.lblArbre_panellClassificacio {
		color: white !important;
	}
	div#ARBRE div.ARBRE div.tree div.branca div {
		background: rgb(189, 205, 220) !important;
		color: rgb(51, 90, 165) !important;
		/*padding-top: 4px !important;*/
		padding-bottom: 5px !important;
	}
	div#ARBRE div.ARBRE div.branca {
		padding-right: 3px !important;
	}
	div#ARBRE div.ARBRE table div.gwt-TreeItem .lblArbre_panellClassificacio
		{
		padding-top: 4px !important;
		padding-left: 10px !important;
	}
	.gwt-taulaBotonsNavegacioComposite {
		margin-left: 0px;
	}
	.tree table {
		width: 100%;
	}
	/*
	.tree table td:first-child {
		width: 41px;
	}
	*/
	.tree table td div {
		display: inline-block !important;
		margin-top: 2px !important;
		margin-left: 0 !important;
		width: 100%;
	}
	.tree table td {
		float: left;
		width: 100%;
		/*margin-top: -32px;*/
		z-index: 1;
		position: relative;
	}
	.tree table td:first-child {
		z-index: 10;
		margin-top: 0px;
		position: absolute;
	}
	.ARBRE img {
		width: 100% !important;
		height: 30px !important;
		background: none !important;
	}
	div#ARBRE div.ARBRE div.branca {
		margin-left: 0px !important;
	}
	div#ARBRE div.ARBRE div.gwt-TreeItem .lblArbre_panellClassificacio {
		padding-left: 7px !important;
		margin-left: 3px;
		padding-left: 9px !important;
		padding-top: 6px !important;
		color: white !important;
	}
	div#ARBRE div.ARBRE div.tree.nofills {
		/*float: left;*/
		width: 100%;
	}
	div#ARBRE div.ARBRE div.tree.nofills div {
		/*float: left;*/
		width: 100%;
		margin-top: 1px !important;
		margin-left: 1px !important;
		min-height: 24px !important;
	}
	#SEL_TAULANAV_PRIMER img, #SEL_TAULANAV_ANT img, #SEL_TAULANAV_SEG img,
		#SEL_TAULANAV_ULTIM img {
		width: 30px !important;
		height: 30px !important;
	}
	div#ARBRE div.ARBRE div.branca {
		padding-bottom: 4px !important;
	}
	.urlTramit, a.urlTramit {
		width: 100%;
		margin-top: 10px;
	}
	.propTram.documentacio .labelInfo3 {
		width: 100% !important;
		border-top: 2px solid rgb(222, 219, 215) !important;
	}
	.editLabelTextBox {
		margin-bottom: 0px;
	}
	div#CAPCALERA{
	    padding: 0px 0px 0px 0px;
	}
	div#CERCA{    padding: 0px;}
	div#PanellTipusClassificacions_FlowPanelAgrupacio{
		padding-right: 30px;
	}
}
.tDesplegable {
	background: rgb(51, 90, 165) !important;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-family: Arial, sans-serif !important;
}

.gwt-RichTextArea {
	border: 1px solid #7F9DB9 !important;
}

.overflowhidden {
	overflow: hidden !important;
}

.ocult {
	display: none;
}

#LabelTipusDialegTramit {
	width: 19%;
	float: left;
	margin-bottom: 5px;
	font-weight: bold;
}

#ListTipusDialegTramit {
	width: 80%;
	float: left;
	margin-bottom: 5px;
}

.imageEditTramit {
	width: 19px;
	margin-top: 2px;
	float: right;
}

.left {
	float: left;
}

.italic {
	font-style: italic !important;
}

.cursor {
	cursor: pointer;
}

.opacity50:hover {
	opacity: 0.5;
}

#cdt_Panellcerca_PushButtonCercaAvancada {
	background: white;
	border: none;
	float: right !important;
	border-radius: 74px;
	margin-top: 3px;
	padding: 2px;
	margin-right: 10px;
}

#cdt_Panellcerca_PushButtonCercaAvancada:hover {
	opacity: 0.5;
}

#PanellCercaAvancada .panellCercaDocuments_flowPanel {
	width: 99% !important;
	margin-bottom: 10px;
	margin-top: 5px;
}

#PanellCercaAvancada_textText {
	width: 370px !important;
}

.gwt-BaseBuscarDialogBox .dialogMiddleCenter {
	background: white;
}

.suggestPopupMiddleCenter {
	width: 250px;
}

.suggestPopupMiddleCenter table {
	width: 100%;
}

.classificacioSeleccionada {
	margin: 0px 7px;
	font-size: 32px;
	float: left;
	line-height: 40px;
	height: auto;
	text-transform: uppercase;
	font-family: RobotoDraft,Roboto,sans-serif !important;
	color: rgb(63, 81, 181) !important;
	white-space: initial;
}
.gwt-Label.labelInfoLink {
    padding-left: 30px;
}
/**Estils de l'Albert**/
div#dialegLogin {
    z-index: 99999;
}
div.onesfaservir {
    background-color: rgb(63, 81, 181) !important;
    color: white;
	border-radius: 1.5px;
	padding: 15px;
}
div.onesfaservir, div#DialegEditBase_FlowPanelContingut{border-bottom: unset;}
div#PanellTipusClassificacions_FlowPanelAgrupacio{   
	float: right;
    padding-right:  Calc( 20% + 30px);
}
body{overflow-x: hidden;}
div.gwt-PushButton.dialegEditButton1, 
.dockPanel div.gwt-PushButton.gwt-ImageTextPushButton.gwt-botoControlDialeg, 
div.gwt-PushButton.dialegEditButton1, 
.dockPanel div.gwt-PushButton.gwt-ImageTextPushButton.gwt-botoControlDialeg{
    background-color: rgb(63, 81, 181) !important;
    color: white;
    border: none;
    border-radius: 1.5px;
    padding: 5px;
}
.dockPanel div.gwt-PushButton.gwt-ImageTextPushButton.gwt-botoControlDialeg .html-face .div_img_boto, 
.dockPanel div.gwt-PushButton.gwt-ImageTextPushButton.gwt-botoControlDialeg .html-face .div_img_boto{display: none;}
.dialegEdit.onesfaservir > .gwt-Label {
    height: auto;
    word-wrap: break-word;
    white-space: normal;
}
div.dialegEdit.onesfaservir{height: auto;max-height: 45%;overflow-y: auto;}
div#DialegEditBase_ScrollPanell {overflow-y: hidden !important;}
#DialegEditOrdreClassficacio_panellBotons {
	float: left;
	width: 32px;
	margin-top: 20px;
}
#DialegEditOrdreClassificacions_dataGrid {
	margin-left: 50px;
} 
#CDT_TRAMIT_EDIT_GUARDAR {
	background-image: none;
	background-color: rgb(63, 81, 181);
	padding-left: 10px;
	color: rgb(255, 255, 255) !important;
	font-size: 12px;
	padding: 6px 10px 5px 14px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	float: left;
    padding-bottom:4px;
	margin-top: 20px;
}