/*
Estils nou web 2023 - UTP Beatriu Piera
 */

/* BASE HTML ELEMENTS */
	
/*estils per als formularis*/
.Marcadors {display:inline-block}
.sobre2{padding:1222.5rem 0 0;font-size:12222.6rem}
.obligatori {text-align:right;font-style:italic;font-size:12px;}
form.mona *{text-align:left}
form.mona legend {background-color: #007E11;color: #fff; border-radius: 3px 3px 0 0 ;
	padding: 10px;margin-bottom: 0; border:0px;}
form.mona select{background-color:#ffffff!important;border:1px solid #555555!important; font-size:1em!important; padding-top:5px!important;}
form.mona input[type=text],form.mona textarea{background:white!important;border:1px solid #555555}
.bd div, .bd label,.form-row{margin-top:15px;margin-bottom:5px}


/*estils per als formularis de contacte i pregunta*/
#formContacte input[type=text]{background:white!important;height:35px;border: 0.5px solid #999}
#formContacte .nota{font-style:italic;font-size:0.9em; text-align:justify}
#formContacte button{background:#007E11;color:white}

/*aplicacions taules*/
.taula {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%!important;
}

.taula td, #taula th {
  border: 1px solid #ddd;
  padding: 8px;
}

.taula tr:nth-child(even){background-color: #f2f2f2;}

.taula tr:hover {background-color: #ddd;}

.taula th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #007E11;
  color: white;
}
.taula th a{ color: white;}
.taula th a:hover{ color: black;text-decoration:none}
.taula td a:hover{text-decoration:none}

#taula_registre {margin:20px auto}
#taula_registre tr{background:transparent}
#taula_registre td.field{width:25%;font-size:1.1em; text-align:right;background:#ebebeb}

/*aplicacions peu*/
.peu.aplicacions {border-bottom:5px solid #ebebeb}


/*mini calendari de dates als formularis*/
#dpDiv {background:#ffffff;border:1px solid #eeeeee;width:auto;padding:0 10px 5px 10px }
.dpTable {width:180px;}
.dpTable td{width:20px}
.dpButton {font-size:0.8em;margin-top:10px}
#dpDiv > table > tbody > tr:nth-child(9),#dpDiv > table > tbody > tr:nth-child(8),.dpTitle {text-align:center}
#dpDiv th{padding-top:10px;text-align:center}
td.dpTD{text-align:center}
td.dpTDHover{text-align:center;background:#006668;color:#ffffff}

/*Descripcions per a les fitxes i dades automàtiques post dels formularis email*/
#card .labelFormSdbTitle {padding:15px 0 20px 0;color:#006668;font-weight:bold; font-size:16px}
#card .labelFormSdbTitle.subtitle {font-weight:normal; font-size:14px}
#card .labelFormSdb{line-height:20px;font-weight:bold; }
#card .fieldFormSdb {font-weight:normal;}
#card .alertNote{font-weight:bold;}
#card .alertNote.tancat{color:red}


/*Estils per ajustar al mòbil i pantalles grans*/
/*---------------------------------------- */
@media only screen and (max-width: 768px) {
textarea, input[type=text], select {
	width:99%!important
	}
#taula_registre {width:100%;}
.no-sub.web{display:none}

.header_banners {width:250px;margin-top:-20px;}
.header_banners h1, .header_banners h2{font-size:1.5em}
.image.aplicacions{visibility:hidden}
}
@media only screen and (min-width: 768px) {
.titol.aplicacio{padding-top:55px}}
#taula_registre {width:100%;}

@media only screen and (min-width: 1200px) {
  form > div > label,
	legend {  	text-align: right;
  }
#taula_registre {width:70%;}
.caption.aplicacions, .image.aplicacions{height:100px}	
.titol.aplicacio{padding-top:0px} {
}

@media only screen and (min-width: 960px) {
	#taula_registre {width:80%;}

}