body {
  scrollbar-arrow-color:black;
  scrollbar-track-color:gainsboro;
  scrollbar-shadow-color:black;
  scrollbar-face-color:white;
  scrollbar-highlight-color:gainsboro;
  scrollbar-darkshadow-color:lightgrey;
  scrollbar-3dlight-color:white;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-size:1em;
 }
 
 a {
 	text-decoration:none;
 }

.float-left {
	float:left;
}
.float-right {
	float:right
}

/*cap�alera*/
.v2-capcalera {
	margin:0;
	width: 100%;
	padding:5px;
	box-sizing: border-box;
	background-color:#f6f6f6;
}


/*entorno REAL*/

.v2-colorentorno {
	background-color:#D7282F;
}

.v2-colorentorno2 {
	background-color:#efefef;
}

.v2-colorentorno2 a.txtMenuTitulo:link {
	color:#D7282F!important;
}

/*entorno DESARROLLO*/
.v2-colorentornoDES {
	background-color:#0080ff!important;
}

.v2-colorentorno2DES{
	background-color:#e1e1e1!important;
}

.v2-colorentorno2DES a.txtMenuTitulo:link, a.v2-linkentornoDES i{
	color:#0080ff!important;
}



.v2-logo {
	float:left;
	margin-top:5px; 
	margin-left:10px;
}

.v2-logo img {
	width: 200px;
    margin: 10px 0;
}

.v2-capmenu {
	float:left;
	margin-left:40px;
	font-size:15px;
}
.v2-capmenu i {
	color:#D7282F;
	font-size:20px;
	margin-right:5px;
}
.v2-capmenu a {
	margin-right:50px;
	color:#777;
}
.v2-capmenu a:hover  {
	color:#D7282F;
}
.v2-user {
	border:0;
	float:right;
	width:350px;
}
.v2-nombre {
	float:right;
	border-left:1px solid #999999;
	box-sizing: border-box;
	margin-right:10px;
	color:#999;
	font-size:0.8em;
	width:250px;
	margin-top:-5px;
	height:59px;
	padding-left:15px;
}
.v2-nombre span {
	font-size:1.3em;
	/* color:#fff; */
	color:#D7282F;
}
.v2-botonsalir {
	width: 50px;
    text-align: center;
    background-color: #D7282F;
    padding: 11px 0;
    box-sizing: border-box;
    margin-top: 2px;
    float: right;	
}
.v2-botonsalir:hover {
	background-color: #000;
}
.v2-iconouser {
	background-color:#fff;
	border-radius:50%;
	float:left;
	text-align:center;
	padding:8px 10px;
	margin-right:10px;
	margin-top:10px;
}
.v2-usuario {
	margin-top:15px;
}
.v2-user i {
	color:#fff;
	font-size:25px;
}
.v2-nombre i {
	color:#666;
	font-size:25px;
}

/*path*/
.v2-path {
	width:100%;
	height:25px;
}
.v2-path div {
	background-color: #fff;
	float: left;
	color: #777;
	padding: 5px 10px 5px 10px;
	margin-left: 230px;
	font-size: 13px;
	line-height: 30px;
	text-transform: uppercase;
}
A.v2-menusuperior:link, A.v2-menusuperior:visited, A.v2-menusuperior:active, A.v2-menusuperior:hover{
font-size:1em;
font-weight:normal;
color:#999;
}

/*menu*/
.v2-menu {
	width:100%;
	height:100vh;
}
.v2-menupadre {
	list-style-type:none;
}
.v2-menupadre li{
	list-style-type:none;
}
.v2-menupadre li ul li i{
	font-size:10px;
}
.v2-menu ul {
	padding-left:20px;
}
.v2-menu a {
	font-weight:normal;
	font-size:17px;
	line-height:35px;
}
.v2-menu i {
	color:#999;
	font-size:20px;
	margin-right:5px;
}

/*footer*/
.v2-footer {
	width:100%;
	padding:10px 0;
	background-color:#D7282F;
	height:12px;
}
.v2-copyright {
	float:left;
	color:#D7282F;
	font-size:11px;
	margin-left:30px;	
}
.v2-fechafooter {
	float:right;
	color:#fff;
	font-size:11px;
	margin-right:30px;	
}

/*login*/
.v2-fonsLogin {
	background: rgba(212,209,208,1);
	background: -moz-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,209,208,1)), color-stop(51%, rgba(250,250,250,1)), color-stop(100%, rgba(212,209,208,1)));
	background: -webkit-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -o-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -ms-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: linear-gradient(to right, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d1d0', endColorstr='#d4d1d0', GradientType=1 );
}
.v2-login {
	margin:60px auto;
	width:350px;
	text-align:center;	
}

.v2-login img {
	width:270px;
	margin-bottom:40px;
}

.v2-login span {
	font-size:12px;
	color:#999;
}

.v2-login>div {
	border-radius:0px;
	text-align:center;
	color:#666;
	font-size:0.8em;
	margin:5px 0;
	padding:50px 20px 40px 20px;
	background-color:#fff;
}

.v2-login input {
	margin:-15px 0 25px 0;
	border:1px solid #999;
	background-color:#fff;
	color:#666;
	text-align:center;
	padding:10px;
	box-sizing: border-box;
	font-size:14px;
	width:100%;
}

.v2-login a.botones:link {
	box-sizing: border-box;
	padding: 6px 55px;
	font-size:14px
	
}

a.v2-canvilogin  {
	/* width:250px!important; */
	padding:5px!important;
	float: left!important;
    margin-top: 15px!important;
    left:50%;
    transform:translateX(-50%);
    position:fixed;
    bottom:50px;
    font-size:14px!important;
    font-weight:bold!important;
    text-align:center;
    color: #c20707!important;
    background: none!important;
    text-decoration: underline;
    text-transform: none!important;
}

a.v2-canvilogin:hover  {
    background: #fff!important;
    color:#D7282F!important;
    box-shadow: none;
    border: 1px solid #a6a6a6!important;
}

.v2-cerrar {
	margin:0 auto;
	padding:4px 10px;
	color:#fff;
	background-color:#D7282F;
	width:70px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-align:center;
	text-transform:uppercase;
	font-size:0.9em;
	top:-1px;
	box-shadow:0 0 5px #666;
}

/*---------*/
.v2-Pestanya {
	padding: 5px 10px;
	box-sizing: border-box;
    width: 98%;
    margin:30px 15px 5px 15px; 
    background-color: #f6f6f6;
    color:#999;
    position: relative;
    text-transform:uppercase;
    font-size:18px;
}
.v2-Pestanya:after {
  content: '';
  position: absolute;
  top: -4px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #D7282F;
  z-index: -1;
}

.v2-PeuPestanya {
	padding: 5px 10px;
    box-sizing: border-box;
    width: 98%;    
    margin:30px 15px 15px 15px;
    background-color: #403f3f;
}

.v2-Contingut {
	margin:0 15px 70px 15px;
	padding: 5px 10px;
	box-sizing: border-box;
	width: 98%;
	border:0px solid #ff0000;
	min-height: calc(100vh - 200px);
	min-height: -moz-calc(100vh - 200px);	
}

.v2-bienvenido {
	/* background-color:#f1f1f1; */
	padding: 120px 10px 40px 10px;
	box-sizing: border-box;
    width: 98%;
    margin:15px 15px 5px 15px;
    text-align:center;
    font-size:2em;
    color:#403f3f;
    font-weight:400;
}

.v2-bienvenido div {
	clear:both;
	margin:40px 0;
	font-weight: lighter;
    text-transform: uppercase;
    font-size: 20px;
    color: #D7282F;
}

.v2-bienvenido img {
	width:430px;
}

.v2-MargeBoto {
	margin:30px 0;

}

.botonesFixed {
	position: fixed;
	bottom: 30px;
	width: calc(100% - 50px);
	left: 50%;
	transform: translateX(-50%);
}

.botonesFixed a.botones, .botonesFixed .botones {
	box-shadow:0 0 5px #666;
	padding: 10px 22px!important;
	font-size: 13px!important;
	margin:0 10px!important;
	border:1px solid #fff;
	background:#f05151!important;
}

.botonesFixed .botonVerde a.botones, .botonesFixed .botonVerde .botones{
	background:#7ecb29!important;
}
.botonesFixed .botonNaranja a.botones, .botonesFixed .botonNaranja .botones{
	background:#ff972f!important;
}
.botonesFixed a.botones:hover, .botonesFixed .botones:hover  {
	box-shadow:none;
}


.v2-TitolTaula {
	padding:3px 5px;
	border-bottom: 2px solid #403f3f;
	color:#D7282F;
	margin:5px 0;
	background-color:#c6c6c6;
	font-weight:bold;
}
.v2-FonsMenu {
	background-color: #f6f6f6;
}
.v2-FonsInfo {
	background-color: #f6f6f6;
}
.v2-BarraPestanyaPetita {
	width:100%;
	border-bottom:3px solid #000;
	margin-bottom:5px;
	overflow:auto;
}
.v2-PestanyaPetita {
	background-color:#000;
	padding:4px 10px;
	color:#fff;
	margin:0 2px;
	float:left;
}
.v2-PestanyaPetita2 {
	background-color:#D7282F;
	padding:4px 10px;
	color:#fff;
	margin:0 2px;
	float:left;
}
a.v2-PestanyaPetita:link {
	background-color:#000;
	padding:3px 10px;
	color:#fff;
	margin:0 2px;
	float:left;
}
a.v2-PestanyaPetita2:link {
	background-color:#D7282F;
	padding:3px 10px;
	color:#fff;
	margin:0 2px;
	float:left;
}

.v2-Titol {
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid #000;
	background-color:#e6e6e6;
	padding:3px 5px;
}

.v2-Titol TD {
	color:#D7282F;
}

/*colors*/
/*fonts*/
.fontcolor-red {
	color:#D7282F;	
}
.fontcolor-white {
	color:#fff;
	
}
.fontcolor-black{
	color:#000;
}
.fontcolor-softgray{
	color:#f6f6f6;
}
.fontcolor-mediumgray{
	color:#999;
}
.fontcolor-darkgray{
	color:#666;
}
/*fons*/
.bgcolor-red {
	background-color:#D7282F;
}
.bgcolor-gray {
	background-color:#403f3f;
}
.bgcolor-white {
	background-color:#fff;	
}
.bgcolor-black {
	background-color:#000; 
	
}
.bgcolor-softgray{
	background-color:#f6f6f6!important;
}
.bgcolor-mediumgray{
	background-color:#e6e6e6!important;
}
.bgcolor-darkgray{
	background-color:#666!important;
}
/*linies*/
.border-red {
	border: 1px solid #D7282F;
}
.border-white {
	border: 1px solid #fff;	
}
.border-black {
	border: 1px solid #000; 
	
}
.border-softgray{
	border: 1px solid #f6f6f6;
}
.border-mediumgray{
	border: 1px solid #e6e6e6;
}
.border-darkgray{
	border: 1px solid #666;
}


/*estils antics*/
TABLE.txtTaulaBarra{
border-spacing: 1px;
border-collapse: separate;	
width:100%;
}
TD.txtTaulaText{
	font-size:0.9em;
	font-weight:normal;
	color:#333;
}
TD.txtTaulaTextNegatiu{
	font-size:0.9em;
	font-weight:normal;
	color:#be0000;
}
TD.txtTaulaTitol{
font-size:0.9em;
color:#D7282F;
/*color:#403f3f;*/
/*white-space: nowrap;*/
}
SELECT.txtTaulaText, INPUT.txtTaulaText, TEXTAREA.txtTaulaText{
font-size:1em;
font-weight:normal;
color:#666;
/*max-width:700px;*/
}
TD.txtTaulaSeparador{
	/*border-bottom: 1px solid gainsboro;*/
	border-bottom: 1px solid #999;
}
TD.txtTaulaPadding{
	padding:8px 5px;
}
TD.txtAsistent1{
font-size:14px;
font-weight:normal;
color:#D7282F;
text-align:justify;
font-style: italic
}

a.txtMenuOpciones:link, a.txtMenuOpciones:visited, a.txtMenuOpciones:active{
	font-size:1em;
	line-height:1.5em;

}
a.txtMenuOpciones:hover{
	/*font-weight : bold;
	background-color:#FFFFCC; */
	font-color:#666;
}

A.txtTaulaTitol{
	font-size:12px;
	font-weight:bold;
	color:#403f3f;
	text-decoration:none;
}

A.txtTaulaText{
	font-size:1em;
	font-weight:normal;
	color:#403f3f;
	text-decoration:underline;
}

A.txtTaulaTextNegatiu{
	font-size:1em;
	font-weight:normal;
	color:#be0000;
	text-decoration:underline;
}

TD.txtTaulaBarra{
	background-color:#666;
	padding:7px 5px 7px 5px;
	color:#ffffff;
	font-weight:500;
}
TD.txtTaulaBarra2{
	background-color:#e2e2e2;
	padding:7px 5px 7px 5px;
	/*color:#30662C;*/
	color:#D7282F;
}
TD.txtConfirmacion{
	font-family: verdana;
	font-size : 0.9em;
	font-weight:bold;
	color:#c80000;
	word-spacing : 5px;
}

.boxListaScroll {
	width:100%;
	height:300px;
	overflow-y:scroll;
}

.txtListaScroll {
	float:left;
	text-align:center;
	width:25%;
	font-size:0.9em;
	padding:10px 0;
	border-bottom:1px solid #e6e6e6;
}

.txtListaScroll2 {
	float:left;
	text-align:center;
	width:20%;
	font-size:0.9em;
	padding:10px 0;
	border-bottom:1px solid #e6e6e6;
}

/*estils provisionals*/
.txtTaulaFonsDestacat {
	background-color:#ffffe0;
}

.txtTaulaBotons {
	margin:20px 0;
}

.marge-botons {
	height:20px;
}

.bgcolor2 {
	background-color:#e6e6e6;
}

/* pels iconos */
a.icono:link, a.icono:visited, a.icono:active, .icono{
	color:#D7282F;
	font-size:15px;
}
a.icono:hover, .icono:hover{	
	color:#ff0000;
}
a.iconoOk:link, a.iconoOk:visited, a.iconoOk:active{
	color:#00aa55;
	font-size:15px;
}
a.iconoOk:hover{	
	color:#00d700;
}

/* info sistema */
LEGEND.txtTitol{
	font-size:12px;
	font-weight:bold;
	color:#403f3f;
}

/* missatge d'avis */
TD.txtAviso{
	font-family: verdana;
	font-size : 0.9em;	
	color:#c80000;
	border:1px solid #c80000;
}

UL.txtAviso{
	font-family: verdana;
	font-size : 0.9em;	
	color:#c80000;
}

.textAlerta {
	background-color:#ff8000;
	border:2px solid #D7282F!important;
	color:#fff!important;
}

TABLE.textAlerta {
	width:100%;
	text-align:center;
	padding:15px 0;
	margin-botom:10px;
}

.textAlerta TD {
	color:#fff!important;	
}

.textAlerta a {
	color:#D7282F!important;
	font-weight:bold;
}

.textResultado {
	background-color: peachpuff;
}



/*barra pasos*/
.boxPasos {
	margin:20px 15px 0px 15px;
    padding: 5px;
    box-sizing: border-box;
    width: 98%;
    border: 0px solid #ff0000;
	min-height:60px;
	border-top:3px solid #D7282F;  
	background: #403f3f;	  
}

.divPantalla {
	text-align:center;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	margin: 5px 0 0px 0;
	/* border: 1px solid #e6e6e6; */
	padding: 3px 0;
	border-bottom: 3px solid #403f3f;		
}

.divPantalla span {
	font-weight:normal;
	color:#c6c6c6;
	border-radius:5px;
	padding:5px;
	font-size:15px;
}

.barraPasos {
	float:inherit;
	width:100%;
	height:10px;
	margin:5px auto;
	background:#fff;
	border:1px solid #d6d6d6;	
}

.barraPasos>table {
	width:100%;
	height:100%;
}

td.pasosAct {
	/* border-right:1px solid #d6d6d6; */
	background:#fc9696;
	padding:0;
}

td.pasosDatoAct {
	/* border-right:1px solid #d6d6d6; */
	background:#fb7373;
	padding:0;
}

td.pasosDes {
	/* border-right:1px solid #d6d6d6; */
	background:#d6d6d6;
	padding:0;	
}

.idioma {
	float:right;
	color:#D7282F!important;
	margin-top:20px;
}

.idioma a {
	margin:0 5px;
	color:#D7282F!important;
	font-size:13px;
}

a.idiomaSel {
	font-weight:bold;
}