body {
        font-family: 'Source Sans Pro', sans-serif;
      }
/* Bloc de missatges d'error */

label.error { display: none !important; }
.error { color: #a94442;
  /*background-color: #f2dede;*/
  background-color: #DE7108;
  border-color: #ebccd1;
 }

div.error {
	clear: both;
	color: red;
	padding-left: 180px;
}
/* fi del bloc de missatges d'error */

.ui-dialog-titlebar-close {
  visibility: hidden;
}

/* Ocultamos el input file */
input[type="file"]{
display:block;
height:0px;
width:0px;
z-index: 999;
line-height: 0px;
font-size: 50px;
position: absolute;
opacity: 0px;
-moz-opacity: 0px;
filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
margin: 0px;
padding:0px;
left:0px;
}

#formlogin {
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 6px solid #305A72;
    width: 700px;
    height: 200px;
    margin: auto;
    font-size: 17px;
}
#formlogin input[type=inputmail] {
    width: 385px;
}
#formlogin input[type=submit] { 
    /*margin: 10px 9%;*/
     -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px 'Source Sans Pro', sans-serif;
    
}
#form input[disabled], input[disabled]:active, input[disabled]:focus{
  background-color: white;
  color: gray;
}
#form {
    /*border:1px solid #94421C;*/
    border: 0px;
    width:700px;
    /*margin:auto;*/
    margin : -30px;
    font-size:13px;
}

#form legend{
    font-weight:bold;
    font-size:12px;
}
#form ol{
    list-style:none;
}
#form ol li{
    padding-bottom:3px;
    width:680px;
    float:left;
    text-align:left;
}
#form label{
    width:160px;
    float:left;
    text-align:left;
    font-size:14px;
}
#form select{
    float:left;
    font-size:14px;
    overflow: hidden;
    border: 1px solid #ccc;
}

#form select:hover {
    border-color:#235485;
}
#form select:focus {
    border: 1px solid #8cc63f;
    background-color: #FFFFFF;
    color:#235485;
}
#form .lblradio {
    float:left;
    font-size:14px;
    text-align:left; 
    padding: 2px;
    width: 140px; 
    border: 0px;
    margin: 0px;
    margin-bottom: 2px;
}
#form input[type=radio] {
    vertical-align:text-top;
    width:20px;
    height:15px;
    padding:0px;
    margin:0px;
    position:relative;
    overflow:hidden;
    top:2px;
}
#form input[type=text] {
    font-size:14px;
    border: 1px solid #CCC;
    width: 440px;
}
#form input[type=text]:hover {
    border-color:#235485;
}
#form input[type=text]:focus { 
   border: 1px solid #8cc63f;
   background-color: #FFFFFF;
   color:#235485;
}

#form input[type=password] {
    border:1px solid #CCC;
    width: 440px;
}
#form textarea {
    border:1px solid #CCC;
    width: 440px;
    height: 100px;
}
#form input[type=submit] { 
    margin:0px 230px;
    width: 20%;
    float: left;
}
#submit { 
    float:none;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin: 0px 10px 20px 0px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 8px 8px 8px 8px;
}
#submit:hover { 
    background: #ddd;
}
#form input.btn {
    padding:3px;
    color:#FFFFFF;
    background-color:#00A2E4;
    border:1px solid #000000;
}

.form-style-9{
    max-width: 800px;
    background: #FAFAFA;
    padding: 30px;
    /*margin: 50px auto;*/
    margin: 0px auto;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 6px solid #00008F;
}
.form-style-9 ul{
    padding:0;
    margin:0;
    list-style:none;
}
.form-style-9 ul li{
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
}
.form-style-9 ul li  .field-style{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

}.form-style-9 ul li  .field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}.form-style-9 ul li .label-style{
	font: 12px 'Source Sans Pro', sans-serif;
	color: #305A72;
	min-width: 150px;
}.form-style-9 ul li .label-style-lg{
	font: 12px 'Source Sans Pro', sans-serif;
	color: white;
	min-width: 350px;
}.form-style-9 ul li .radio-style{
	font: 12px 'Source Sans Pro', sans-serif;
	color: #305A72;
	padding: 8px;
    outline: none;
    /*box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;*/
  	
}.form-style-9 ul li  .radio-style:focus{

}.form-style-9 ul li .field-split{
    width: 49%;
}
.form-style-9 ul li .field-full{
    width: 100%;
}
.form-style-9 ul li input.align-left{
    float:left;
}
.form-style-9 ul li input.align-right{
    float:right;
}
.form-style-9 ul li textarea{
    width: 100%;
    height: 100px;
}
.form-style-9 ul li select{
   box-shadow: 0 0 5px #B0CFE0;
   border:1px solid #B0CFE0;
   background: #FAFAFA;
}
.form-style-9 ul li input[type="button"],
.form-style-9 ul li input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background: #B0CFE0;
    background-color: #00008F;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 18px 'Source Sans Pro', sans-serif;
}
.form-style-9 ul li input[type="button"]:hover,
.form-style-9 ul li input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.td-style {
	background-color:green ;
	border-radius:5px
	
}
/* Recuadro Products */
#products { 
	//border:2px solid #00008F; 
	background-color: #027180 ; 
	padding: 10px 50px 10px 50px;
	color:white;
}

/* Botones esquina cuadrada*/
.btn {
  border-radius: 0;
  background-color:#00008f;
  border: solid 1px #00008f;
}
.btn:hover{
--	background-color: red;	
}
.card{
	border-radius:0px;
}
.btn-outline-primary {
  background-color:white;
  color:grey;

}
h1 {
	font-weight:800;
	font-size:36px;
}
h3{
	font-weight:600;
	font-size:24px;
}
.form-control{
	border-radius:0px;
}

.tachado_rojo{color:#f00;text-decoration:line-through;}  
/* Texto en nego */
.tachado_rojo span{color:#000;}