/* ==========================================================================
   Base styles
   ========================================================================== */

	body {
		font: 12px Verdana, Arial, sans-serif !important;;
		color: #525651;
		line-height: 1.4285 !important;
		background-color: #ffffff;
		margin-top: 10px;
		position: relative;
	}

	a {
		text-decoration: none;
		color: #067fb6;
	}

	a .link {
    	cursor: pointer;
	}

	a.nolink {
		cursor:none;
	}

	a:hover {
		text-decoration: underline;
	}

	#wrapper {
		margin: 0 auto;
		background-color: #ffffff;
    	border-radius: 4px;
    	box-shadow: 0 0 20px 3px #d3d3d3;
		min-height: 100%;
	}

	.txtCenter {
		text-align: center !important;
	}

	.txtLeft {
		text-align: left !important;
	}

	.txtRight {
		text-align: right !important;
	}

	.sinMargen {
		padding: 0px !important;
	}

	.margenInferior {
		padding-bottom: 10px;
	}

	div.inline {
		float:left;
	}

	fieldset {
		border: 0px;
	}

	.wrapText{
  		text-overflow:ellipsis !important;
  		white-space:nowrap !important;
  		overflow:hidden !important;
	}

	@mixin vertical-align {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.imagenTransparente
	{
		opacity:0;
		cursor:default !important;
	}

	.imagenTransparencia
	{
		opacity:0.5;
		cursor:default !important;
	}

	.iconoSinClick
	{
		cursor:default !important;
	}

	.oculto {
		width:0%;
		display:none !important;
	}

	.negrita {
		font-weight: bold;
	}

	.deshabilitado {
		cursor: default !important;
		background-color: #eee !important;
	}

	.textoBlanco {
		color: white !important;
	}
	
	.importante {
		font-weight: bold;
		color: #6FA8DC;
		
	}
	
	/* #375328 */
	.asterisk-required {
 		font-weight: bold;
 		font-size: 16px;
 		vertical-align: middle;
	}
/* ==========================================================================
   Grupos de botones
   ========================================================================== */	
	.btn-group{
		 margin-right: 0px !important;
	}

/* ==========================================================================
   Lightbox
   ========================================================================== */

	.lightbox {
    	position:fixed;
    	top:0;
    	left:0;
    	width:100%;
    	height:100%;
    	background: rgba(0,0,0,.7);
    	text-align:center;
    	z-index: 1999999996;
    	display: none;
	}

	.lightboxContent{
		width: 300px;
		height: 150px;
		background-color: #ffffff;
		position: absolute;
    	top: 50%;
    	left: 50%;
    	margin-top: -75px;
    	margin-left: -150px;

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		opacity:0.5;
		z-index: 2e5;
		padding-top: 125px;
		font-weight: bold;
	}

	.lightboxOferta{
		width: 800px;
		height: 300px;
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 1999999998;

	}
	
	.lightboxFirmaOferta{
		width: 800px;
		height: 200px;
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 1999999998;

	}

	.lightboxErrorEnvioOferta{
		width: 900px;
		height: 600px;
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 1999999998;

		text-align: left;
	}

	.lightboxSeleccionId{
		width: 700px;
		height: 245px;
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 999999998;

	}

	.lightboxText{
		position: absoute;
	}

/* ==========================================================================
   Lightbox error
   ========================================================================== */
	
	.lightboxError{
		width: 800px;
		height: 325px;
		background-color: #ffffff;
		position: absolute;
    	text-align:left;
    	padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 1999999998;
	}
	
/* ==========================================================================
   Lightbox de informacion del fichero
   ========================================================================== */
   
	.lightboxInfoDocumento{
		width: 700px;
		/*height: 225px;*/
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 999999998;
	}
	
/*  ==========================================================================
	Spin cargando fichero
	========================================================================== */

	.cargandoFichero{
		width: 700px;
		height: 350px;
		background-color: #ffffff;
		opacity:0.5;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 999999998;
	}
	
/* ==========================================================================
   Drop zone ficheros
   ========================================================================== */
   
   .lightboxSeleccionDocumentos{
		width: 700px;
		height: 350px;
		background-color: #ffffff;
		position: absolute;

		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;

		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 999999997;
	}
	
	.lightboxEnvioDocumentos{
		width: 500px;
		height: 120px;
		background-color: #ffffff;
		position: absolute;
		
		padding-left: 5px;
		padding-right: 5px;

		left: 50%;
    	top: 50%;
		
		-ms-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);

    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;

		z-index: 999999998;
	}
	
	.dropZone{
		width: 445px;
		height: 295px;
		background-color: rgba(111, 168, 220, 0.25);
		position: relative;
		
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		padding-top: 100px;
	}
	
	.dropZoneBorder{
		width: 455px;
		height: 305px;
		position:relative;
		
		margin-left: 15px;
		margin-top: 2%;
	
    	border: 5px dashed;
		border-color: rgba(204, 209, 213, 0.75);
    	
    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	.docSel{
		width: 455px;
		height: 30px;
		position: relative;
		
		margin-left: 15px;
		margin-top: 10px;
	}
	
	.selectorFicheros{
		display: block;
    	visibility: hidden;
    	width: 0;
    	height: 0;
	}
	
	.btn-selectFiles{
		background-color: #7FB0FF;
		border-color: #7FB0FF !important;
		font-size: 20px;
		color: #ffffff;
	}
	
	.btn-selectFiles:hover{
  		color: #ffffff;
	}
	
	.btn-selectFiles:focus{
  		color: #ffffff;
	}
	
	.dropZoneText{
		font-size: 30px;
		color: #ffffff;
		text-align: center;
	}
	
	.dropZoneButton{
		padding-top: 10px;
		padding-bottom: 10px;
	}


/* ==========================================================================
   Barras de progreso
   ========================================================================== */

	.textProgress{
		font-size:12px;
		font-weight: bold;
		margin-top: 20px;
		text-align: left;
	}
	
	.contadorProgress{
		font-size:12px;
		font-weight: bold;
		margin-top: 10px;
		margin-right:100px;
		text-align: left;
	}

	.progress{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

/* ==========================================================================
   Layout
   ========================================================================== */

	#wrapper {
		min-width: 668px;
		min-height: 500px;
		width: 1400px;
	}

	#content {
		position: relative;
		min-height: 400px;
	}

	#breadcrumb{
		position: relative;
		min-height: 50px;
	}

	.ccontainer {
		padding: 0px 15px 0px 15px;
	}

	.left {
		padding: 0px;
	}

	.home .ccontainer {
		padding: 80px 0 50px;
	}

/* ==========================================================================
   Document Header
   ========================================================================== */

	#document-header {
		min-height: 85px;
		color: #3C413B;
	}

	#document-header .logo-feder {
		float: left;
		margin-right: 50px;
	}

	#document-header .logo-xunta-header,
	#document-header .logo-cixtec-white {
		float: left;
		margin: 20px 10px 0 20px;
	}

	#document-header .logo-xunta-header {
		margin-right: 50px;
	}

	#document-header .info {
		float: right;
		margin: 18px 10px 0 0;
	}

	#document-header .info #timer {
		display: inline-block;
		text-align: right;
	}

	#document-header .info #timer span {
		display: inline-block;
		font-size: 22px;
		vertical-align: -3px;
	}

	#document-header .info .language {
		text-align: right;
		vertical-align: -5px;
	}

	#document-header .info .language a {
		font-style: italic;
	}

	#document-header .info .language .selected {
		font-weight: 700;
	}

/* ==========================================================================
   Document Footer
   ========================================================================== */

	#document-footer {
		height: 60px;
		color: #FFF;
		background-color: #067FB6;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
	}

	#document-footer .logo-xunta-footer,
	#document-footer .info {
		float: center;
		margin: 10px 0 0 10px;
		padding-top: 10px;
	}

	#document-footer .info .help {
		margin-top: 3px;
	}

	#document-footer .info .help a {
		display: inline-block;
		color: #FFF;
		font-style: italic;
	}

	#document-footer .copyright{
		margin-bottom: 0px;
	}

/* ==========================================================================
   StatusBar
   ========================================================================== */

	.statusBar{
 		background-color:#9F9F9F;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #4D4D4D),
			color-stop(1, #9F9F9F)
		);

		background-image: -o-linear-gradient(bottom, #4D4D4D 0%, #9F9F9F 100%);
		background-image: -moz-linear-gradient(bottom, #4D4D4D 0%, #9F9F9F 100%);
		background-image: -webkit-linear-gradient(bottom, #4D4D4D 0%, #9F9F9F 100%);
		background-image: -ms-linear-gradient(bottom, #4D4D4D 0%, #9F9F9F 100%);
		background-image: linear-gradient(to bottom, #4D4D4D 0%, #9F9F9F 100%);

		margin-left: 5px;
		margin-right: 5px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;
		padding-left: 4px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		color: #ffffff;
 	}

 	.statusBarDemo {
		background-color:#B40404;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #DF0101),
			color-stop(1, #B40404)
		);

		background-image: -o-linear-gradient(bottom, #DF0101 0%, #B40404 100%);
		background-image: -moz-linear-gradient(bottom, #DF0101 0%, #B40404 100%);
		background-image: -webkit-linear-gradient(bottom, #DF0101 0%, #B40404 100%);
		background-image: -ms-linear-gradient(bottom, #DF0101 0%, #B40404 100%);
		background-image: linear-gradient(to bottom, #DF0101 0%, #B40404 100%);

		margin-left: 5px;
		margin-right: 5px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;
		padding-left: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		color: #ffffff;

 	}

 	.statusBarIcon{
 		text-align: right;
 		padding-left: 5px;
 		font-size: 15px !important;
 		vertical-align: middle;
 		cursor: pointer;
 		color: #ffffff;
 	}

	.noPaddingLeft{
		padding-left:0px;
	}

 	.usuario{
 		text-align: right;
 	}

 	.licitador{

 	}

 	.listaAyuda{
 		padding-left: 0px;
 		margin-left: 0px;
 		text-decoration: none;
 	}

 	.affix {
		top:0;
		width: 1024px;
		z-index: 9999 !important;
	}

  	.navbar {
  		width:1400px;
		margin-bottom: 0px;
		height: 80px !important;
		background-color: #ffffff;
	}

  	.affix ~ .container-fluid {
		position: relative;
		top: 50px;
  	}

/* ==========================================================================
   Breadcrumb styles
   ========================================================================== */

	.breadcrumb{
		background-color: #ffffff;
		margin-bottom: 0px;
 	}

 	.breadcrumb > .active{
		color:#1d9ecb;
	}

/* ==========================================================================
   Icon styles
   ========================================================================== */

	.accion{
		color: #3D7AA3;
   	 	font-size: 15px !important;
   	}

/* ==========================================================================
   Botones
   ========================================================================== */

	.botonera{
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}

	.botoneraDcha{
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: right;
	}
	
	.botoneraIzqda{
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: left;
	}

	.btn {
		margin-right: 10px;
		box-shadow: 0 0 3px 1px #d3d3d3;
	}

	.btn-default{
		background-color: #FAFAFA;
	}

	.btn-info{
		background-color: #024D6F;
		border-color: #aeddf6;
		font-size: 10px;
	}

	.coverAll{
	   width: 100%;
	   height: 100%;
	   cursor:pointer;
	}

	.colorIconoAccion{
		color: #067fb6;
	}

/* ==========================================================================
   Secciones
   ========================================================================== */

   	.ayuda{
   		text-align: left;
   	}

   	.parrafo{
   		text-align: left;
   		padding-top: 5px;
   	}

   	.titulo {
   		font-size: 20px;
   		color: #3d7aa3;
   		padding-bottom: 10px;
   	}

   	.resaltado{
   		color: #3d7aa3;
   		font-weight: bold;
   		padding-left: 10px;
   	}

	.cabecera {
    	font-weight: bold;
		color: white;
    	background-color: #3F7AA3;
		cursor: default;
		text-align: left;
		vertical-align: middle;
		border-spacing: 4px;
		height: 26px;
		margin-top: 10px;
		margin-bottom: 5px;
		padding-top: 4px;
		padding-left: 5px;

		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		
	}

	.cabeceraSeccion {
    	font-weight: bold;
		color: white;
    	background-color: #6FA8DC;
		cursor: default;
		text-align: left;
		vertical-align: middle;
		border-spacing: 4px;
		height: 26px;
		margin-top: 10px;
		padding-top: 4px;

		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		
		padding-left: 1em;
	}
	
	.cabeceraSeccionCentrada {
    	font-weight: bold;
		color: white;
    	background-color: #6FA8DC;
		cursor: default;
		text-align: center;
		vertical-align: middle;
		border-spacing: 4px;
		height: 26px;
		margin-top: 10px;
		padding-top: 4px;

		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

   	.apartado{
		font-weight: bold;
	    width: 95%;
	    color: #3d7aa3;
	    padding-top: 10px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    text-align: left;
	    text-decoration: none;
	}

	.separacionFilas{
		padding-top: 10px;
	}

/* ==========================================================================
   Table styles (Genéricos)
   ========================================================================== */

	.contenedorTable{
		padding-left: 15px;
		padding-right: 15px;
	}

	.table{
		padding-top: 10px;
   	}

	.table-curved {
    	border-collapse: separate;
 	}

 	.table-curved {
    	border: solid #ccc 0px;
    	border-radius: 4px;
    	border-left:0px;
 	}

 	.table-curved td, .table-curved th {
    	border-left: 0px solid #ccc;
    	border-top: 0px solid #ccc;
 	}

 	.table-curved th {
    	border-top: none;
    	padding-top: 3px;
    	padding-bottom: 3px;
    	padding-left: 2px;
    	color: #FFFFFF;
    	background-color: #6FA8DC;
 	}


	.table-curved th > .column-header-anchor > .text {
  		color: #FFFFFF !important;
	}
	
	.table-curved th > .column-header-anchor > .icon {
  		color: #FFFFFF;
		float:right;
	}
	
	/*Acciones o Ficha*/
	.table-curved th:last-child > .column-header-anchor > .icon {
  		display:none
	}

 	.table-curved th a:hover {
    	text-decoration: none !important;
 	}

 	.table-curved td {
 		padding-top: 3px;
    	padding-bottom: 3px;
    	padding-left: 2px;
		position: relative;
		
    	text-overflow:ellipsis;
  		white-space:nowrap;
  		overflow:hidden;
  		text-align: left;
 	}
 	.table-curved .alargado {
 		padding-top: 3px;
    	padding-bottom: 3px;
    	padding-left: 2px;
		position: relative;
		
    	text-overflow:ellipsis;
  		/*white-space:nowrap;*/
  		overflow:hidden;
  		text-align: left;
 	}
 	.table-ellipse td span{
 		position: absolute;
	    left: 7px; 
	   /* top: 3px;*/
	    right: 1px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
 	}
 	
 	.cortarDinamicoOferta{
 		position: relative; 
		padding-left: 0px;
 	}
 	
 	/*al Poner IVA y Tipo de Procedimiento y Contrato tenemos que hacer un display flex*/
	.table-masContenido .primerTR{
 		-webkit-display:flex;
 		-moz-display:flex;
 		-ms-display:flex;
 		display: flex;
 	}
 
 	
 	.table-ellipse td span.currencyEUR{
		/*position: relative;*/
		padding-right: 2px;
 	}

 	.table-curved th:first-child {
    	border-radius: 4px 0 0 0;
 	}

 	.table-curved th:last-child {
    	border-radius: 0 4px 0 0;
 	}

 	.table-curved th:only-child{
    	border-radius: 4px 4px 0 0;
 	}

 	.table-curved tr:last-child td:first-child {
    	border-radius: 0 0 0 4px;
 	}

 	.table-curved tr:last-child td:last-child {
    	border-radius: 0 0 4px 0;
 	}

 	.contenedorResultado{
 		display: none;
 	}

 	.tablaNoResultado{
 		display: none;
 	}

 	.tablaErrorConsulta {
 		display: none;
 	}

 	.bootgrid-footer{
 		text-align: center;
 	}

 	.fondoSubcabecera{
		background-color: #e6e6e6 !important;
		color: #3d7aa3 !important;
	}

	.separacionTablas{
/* 		background-color: #FFFFFF; */
    	text-align: center;
    	padding: 5px;
	}

	.table-striped > tbody > tr:nth-child(odd) > td,
	.table-striped > tbody > tr:nth-child(odd) > th {
  		background-color: #ECF1F4;
	}

	.acciones{
		text-align: center !important;
	}

	.cortarG{
		width:100%;
/* 		height:20px !important;</div> */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarXL{
		width:933px;
/* 		height:20px !important;</div> */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarVG{
		width:820px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarVGB{
		width:806px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarVGC{
		width:760px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}

	.cortarMG{
		width:670px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}

	.cortar{
		width:520px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarM{
		width:465px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarP{
		width:360px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarMP{
		width:332px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarMM{
		/*width:283px !important;*/
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarMMB{
		width:250px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarS{
		width:180px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.cortarMS{
		/*width:109px !important;*/
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}


	.cortar50{
		width:385px !important;
/* 		height:20px !important; */
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	
	.opcionSeleccionarRelative{
	 	position: relative !important;
	}
	
	.cortarDinamico{
		white-space: nowrap;
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	
	.cortarDinamicoOfertas{
		white-space: nowrap;
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	
	.cortarNombreArchivo{
		width: 95% !important;
		text-overflow:ellipsis !important;
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	
	.contenedorDinamico{
			
    	display: -webkit-box;
    	display: -moz-box;
    	display: -webkit-flex;
    	display: -moz-flex;
    	display: -webkit-flex;
    	
    	
    	/*
    	-webkit-box-direction: normal;
    	-moz-box-direction: normal;
    	-webkit-box-orient: horizontal;
    	-moz-box-orient: horizontal;
    	-webkit-flex-direction: row;
    	-ms-flex-direction: row;
    	flex-direction: row;
    	-webkit-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	-webkit-box-pack: center;
    	-moz-box-pack: center;
    	-webkit-justify-content: center;
    	-ms-flex-pack: center;
    	justify-content: center;
    	-webkit-align-content: stretch;
    	-ms-flex-line-pack: stretch;
    	align-content: stretch;
    	-webkit-box-align: center;
    	-moz-box-align: center;
    	-webkit-align-items: center;
    	-ms-flex-align: center;
    	align-items: center;
    	*/
	}
	
	.alargado{
		width:1024px !important;
/* 		height:20px !important; */
/* 		text-overflow:ellipsis !important; */
		white-space:normal;
		overflow:hidden !important;
		text-align: justify;
    	padding-right: 5px;
	}
	
/* ==========================================================================
   Tabs
   ========================================================================== */

	.contenedorTabs{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;

		background-color: #ffffff;
	}

	.contenidoTab{
		background-color: #fff;

		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;

		border-top: none;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;

		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
	}

	.nav-tabs > li > a {
		margin-right: 2px;
  		line-height: 1.42857143;
  		border: 1px solid #ddd;
  		border-radius: 4px 4px 0 0;

  		padding-top: 2px;
  		padding-bottom: 2px;
	}

	.nav-tabs > li > a:hover {
  		border-color: #eee #eee #ddd;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
  		color: #555;
  		cursor: default;
  		background-color: #fff;
  		border: 1px solid #ddd;
  		border-bottom-color: transparent;
	}

/* ==========================================================================
   Dialogos modales
   ========================================================================== */
   .alert{
		margin-bottom: 0px;
		margin-top: 0px;
   }
   
	.alert-size{
		width: 600px !important;
		padding: 15px 30px 30px 15px !important;
	}
	.alert-position{
/* 		margin-top: 100px !important; */
/* 		margin-left: 200px !important; */
/* 		position: absolute !important; */
	}
	.alert-content{
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
		margin-left: 60px !important;
		margin-top: -65px !important;
		margin-bottom: 30px;
		word-wrap: break-word;
	}

	.alert-footer{
		padding-top: 10px !important;
		text-align:center;
		height:50px;
	}

	.alert-header{
		padding-bottom:30px;
	}

   .modal-header{
		background-color: #3F7AA3;
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
	    font-weight: bold;
		color: white;
		cursor: default;
		text-align: center;
		vertical-align: middle;
		border-spacing: 4px;
		height: 26px;
		padding-top: 4px;

		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
   }

	.alert-padding-left{
		padding-left:50px !important;
	}

	.modal{
		z-index: 1999999997;
	}

	.modal-dialog{
		/* 		margin-left: -490px; */
		/* 		top: 35%; */
		/* 		position: absolute; */
		/* 		left: 14%; */
		margin-top: 7%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	.modal-grande{
		margin-top: 2% !important;
		width: 71%;
/* 		heigth: 85%; */
	}

	.modal-mediano{
		width: 50%;
	}

	.modal-pequeno{
		width: 800px;
	}

	.modal-body{
		padding-top: 0px;
		padding-bottom: 0px;
    	overflow: visible;
     	max-height: 700px;
	}
	.modal-bodyFixed{
		padding-top: 0px;
		padding-bottom: 0px;
		height: 550px;
    	overflow: visible;
    	max-height: 700px;
	}
	.modal-body-pequeno{
		padding-top: 0px;
		padding-bottom: 0px;
		height: 400px;
    	overflow: visible;
	}

	.modal-footer{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.botonera-modal{
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}

	.bootbox-alert{
		z-index: 3e9 !important;
	}

/* ==========================================================================
   Formularios
   ========================================================================== */

	.form-control {
    	height: 24px;
    	padding: 0px;
    	text-align: left !important;
    	width: 100%;
    	font-size: 12px;
	}

	.form-separacion{
		padding-top: 5px;
	}

	.form-group{
		margin-bottom: 0px;
	}

	.control-label{
		text-align: left !important;
		font-weight: normal !important;
		padding-right: 0px !important;
	}

	.ayudaFormulario{
		font-size: 10px;
	}


/* ==========================================================================
   Boxes
   ========================================================================== */

	.boxHelper {
		border-radius: 4px 4px 4px 4px;
		border-style: dashed !important;
    	box-shadow: none;
    	border: 1px solid #BBBBBB;
    	padding-top: 5px;
    	padding-bottom: 5px;
	}

	.helperText{
 		font-size: 9px;
 		text-align: center;
 		z-index: 2;
 		font-style: italic;
/*  	width: 100%; */
 	}

	.helperText > i{
		opacity:0.5;
	}

 	.helperIcon{
		color: #3D7AA3;
		font-size: 14px !important;
	}
	
	.helperIconBig{
		color: #3D7AA3;
		font-size: 20px !important;
	}

	.leyenda{
		padding-bottom: 10px;
	}

	.arrow {
	  width: 20px;
	  height: 20px;
	  top: 18px;
	  right: 50px;
	  border: 1px dashed #BBBBBB;
	  position: absolute;
	  z-index: 0;
	  border-radius: 0px;
	}

	.arrowLeyenda {
/* 	  width: 3.5%; */
/* 	  height: 70%; */
	  width: 20px;
	  height: 20px;
/*    top: 65%; */
/*    right: 8.6%; */
	  top: 18px;
	  right: 33px;
	  border: 1px dashed #BBBBBB;
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  position: absolute;
	  z-index: 0;
	  border-radius: 0px;
	}
	.arrowLeyenda-cover {
/* 	  width: 3.5%; */
/* 	  height: 70%; */
	  width: 20px;
	  height: 20px;
/* 	  top: 58%; */
/* 	  right: 8.6%; */
  	  top: 16px;
	  right: 33px;
	  border: 3px solid transparent;
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  position: absolute;
	  background: white;
	  z-index: 1;
	  border-radius: 0px;
	}

/* ==========================================================================
   Popover
   ========================================================================== */

	.popover{
		max-width: 80%;
		width: auto;
	}

	.popover-all {
		position: absolute;
	  	top: 0;
	  	left: 0;
	  	z-index: 1010;
	  	display: none;
	  	padding: 5px;
	}

	.popover-all.bottom {
	  	margin-top: 5px;
	}

	.popover-content{

	}

	.popover-title{
		font-family: Verdana, Arial, Helvetica, sans-serif !important;
    	font-weight: bold;
		color: white;
    	background-color: #3F7AA3;
		cursor: default;
		text-align: center;
		vertical-align: middle;
		border-spacing: 4px;
		height: 26px;
		padding-top: 4px;
		padding-left: 10px;

		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

/* ==========================================================================
   Steps
   ========================================================================== */

   	.contenedor-steps {
		padding-top: 10px;
   		padding-bottom: 10px;
   	}

	.step {
		width: 15%;
		height: 50px;
		border: 1px solid #6FA8DC;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		float: left;
		color: #6FA8DC;
		position: relative;
   	}

   	.step-active {
   		background-color: #6FA8DC;
   		color: #ffffff;
   	}

	.arrow-down-wrapper {
		width: 100%;
	}

	.arrow-down {
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #6FA8DC;
   		margin-top: 49px;
   		margin-left: 45%;
	}

	.arrow-right {
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 7px solid #6FA8DC;

		float: left;
   		margin-left: 2px;
   		margin-right: 2px;
   		margin-top: 15px;
	}

	.step-number {
		width: 30%;
		font-size: 20px;
		text-align: center;
		float: left;
		line-height: 50px;
	}

	.step-text {
		width: 57%;
		float: left;
		padding-left: 5px;
		padding-top: 5px;
	}

	.v-separator {
    	content: "";
    	display: inline-block;
    	width: 0px;
    	height: 40px;
    	border-left: 1px solid #6FA8DC;
    	padding: 0;
    	position: relative;
    	float:left;
    	top: 5px;
	}

	.v-separatorActive{
		border-left: 1px solid #ffffff;
	}

/* ==========================================================================
   Pantalla inicio
   ========================================================================== */

	.contenido{
		padding-left: 15px;
		padding-right: 10px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.tituloInicio{
		font-size: 15px;
		font-weight: bold;
		color: #024D6F;
		width: 100%;
	}

	.justificado{
		text-align: justify;
	}

	.iconosTitulo{
		font-size: 25px !important;
		vertical-align: middle !important;
	}

	.areaGrande{
		float: left;
		width: 790px;
		margin-right: 15px;
		margin-left: 0px;
		margin-top: 15px;
	}

	.contenidoAreaGrande{
		background-image: url('img/fondo-grande.png');
		height: 100px;
		background-position: left top;
		background-repeat: repeat-y;
		background-size: 100%;
	}

	.contenidoAreaGrandeSinCertificado{
		background-image: url('img/fondo-grande.png');
		height: 140px;
		background-position: left top;
		background-repeat: repeat-y;
		background-size: 100%;
	}

	.contenidoAreaAvisos{
		background-image: url('img/fondo-grande.png');
		height: 160px;
		background-position: left top;
		background-repeat: repeat-y;
		background-size: 100%;
		padding-left: 15px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	.tituloAreaGrande{
		background-image: url('img/barra-grande.png');
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100%;
		padding-top: 10px;
		padding-bottom: 3px;
		font-size: 17px;
		font-weight: bold;
		color: #024D6F;
		padding-left: 10px;
	}

	.areaPequena{
		float: right;
		width: 455px;
		margin-right: 0px;
		margin-top: 15px;
	}

	.contenidoAreaPequena{
		background-image: url('img/fondo-pequeno.png');
		background-size: 100%;
		height: 100px;
		background-position: left top;
		background-repeat: repeat-y;
	}
	
	.contenidoAreaPequenaEnlacesOutasEntidades{
		background-image: url('img/fondo-pequeno.png');
		background-size: 100%;
		height: 140px;
		background-position: left top;
		background-repeat: repeat-y;
	}
	
	.contenidoAreaPequenaEnlacesDescarga{
		background-image: url('img/fondo-pequeno.png');
		background-size: 100%;
		height: 80px;
		background-position: left top;
		background-repeat: repeat-y;
	}

	.contenidoAreaPequenaEnlacesInteres{
		background-image: url('img/fondo-pequeno.png');
		height: 140px;
		background-position: left top;
		background-repeat: repeat-y;
	}

	.contenidoAreaPequenaSinCertificado{
		background-image: url('img/fondo-pequeno.png');
		height: 100px;
		background-position: left top;
		background-repeat: repeat-y;
	}

	.tituloAreaPequena{
		background-image: url('img/barra-peque.png');
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100%;
		padding-top: 10px;
		padding-bottom: 3px;
		font-size: 17px;
		font-weight: bold;
		color: #024D6F;
		padding-left: 10px;
	}

	.listaInicio{
		list-style-image: url('img/lista.gif');
		padding-left: 15px;
	}

	.boxAvisos{
		border-radius: 4px 4px 4px 4px;
    	box-shadow: none;
    	border: 1px solid #aeddf6;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	width: 610px;
    	margin-right: 25px;
		margin-left: 5px;
		margin-top: 15px;
		float:left;
	}

	.boxAvisosGrande {
		border-radius: 4px 4px 4px 4px;
    	box-shadow: none;
    	border: 1px solid #aeddf6;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left:15px;
		margin-top: 15px;
		float:left;
		width:100%;
	}

	.listaAvisos{
		list-style-type: none;
		padding-left: 0px;
		padding-top: 0px;
	}

	.contenedorIconoAvisos{
		width: 10%;
		float: left;
	}

	.contenedorAvisos{
		width: 90%;
		float: left;
	}

	.contenedorIconoAvisosGrande{
		width: 7%;
		float: left;
	}

	.contenedorAvisosGrande{
		width: 99%;
		float: left;
	}

	.iconoAvisos{
		font-size: 65px !important;
		vertical-align: middle !important;
		color: #024D6F !important;
		padding-top: 15px;
	}

	.tituloAvisos{
		font-size: 14px;
		font-weight: bold;
		color: #024D6F;
		padding-left: 15px;
		padding-right: 10px;
		padding-bottom: 5px;
	}

	.avisos{
/* 		padding-left: 15px; */
		padding-right: 10px;
		height: 110px;
	}

	.pieAvisos{
		margin-bottom: 0px;
		text-align: right;
		padding-left: 15px;
		padding-right: 5px;
	}

	.avisoFecha{
		width: 21%;
		float: left;
	}

	.avisoContenido{
		width: 79%;
		float: right;
	}

	.avisoFechaGrande{
		width: 15%;
		float: left;
	}

	.avisoContenidoGrande{
		width: 85%;
		float: right;
	}

	.boxAsistente{
		border-radius: 4px 4px 4px 4px;
    	box-shadow: none;
    	border: 1px solid #aeddf6;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	width: 250px;
/*     	margin-right: 25px; */
		margin-left: -20px;
		margin-top: 15px;
		float:left;
		display: table;
	}

	.iconoAsistente{
		width: 20%;
		float: left;
		padding-left: 10px;
		color: #024D6F;
		position: absolute;
		padding-top: 5%;
		display: table-cell;
		vertical-align: middle;
	}

	.etiquetaAsistente{
		width: 80%;
		float: right;
	}

	.enlaceAsistente{
		font-size: 14px;
		font-weight: bold;
		color: #024D6F !important;
	}

	.areaGrande > img {
		vertical-align:top !important;
		width: 100%;
	}

	.areaPequena > img {
		vertical-align:top !important;
		width: 100%;
	}

	.areaAvisos > img {
		vertical-align:top !important;
	}


/* ==========================================================================
   Verificación de documentos
   ========================================================================== */

	.filaCodigoCSV{
		margin:10px 0 10px 0;
	}

	.textoAvisoCSV{
		margin-top:30px;
	}

	.textBoxCSV{
		padding: 0px;
	}

/* ==========================================================================
  Avisos
  ========================================================================== */

    .bloqueAvisos{
   		margin-top:10px;
    }

	.listaAdjuntosAvisos{
		list-style-image: url('img/lista.gif');
		padding-left: 30px;
	}

/* ==========================================================================
  Combos formularios
  ========================================================================== */

	.comboPequeño{
		width:100%;
	}
	
	.inlineBLock{
		display: inline;
	}

/* ==========================================================================
   Perfect scrollbar
   ========================================================================== */

	.scrollable{
		position: relative;
	}

	.ps-scrollbar-y{
		background-color: #3D7AA3 !important;
	}

	.ps-scrollbar-x{
		display: none !important;
	}

	.ps-scrollbar-y-rail{
		opacity: 0.5 !important;
	}


/* ==========================================================================
   Iconos
   ========================================================================== */

	.iconoAccion{
		cursor: pointer;
	}

   	.iconoGrande{
		color: #024D6F !important;
		font-size:10em !important;
	}

	.iconoEnorme{
		color: #024D6F !important;
		font-size:75px !important;
		vertical-align: middle;
	}

	ul.iconoParaLista {
		list-style-type:none !important;
	}

	ul.iconoParaLista li i{

		margin-right:5px !important;
	}

	.errorMessage {
		list-style-type:square !important;
	}

	.errorValidacion{
		padding-left:0px;
		list-style-type:none !important;
	}

/* ==========================================================================
   Selects
   ========================================================================== */
   .form-select {
   		font-size:12px !important;
   		padding-top:2px !important;
   		padding-bottom:2px !important;
   		margin-bottom:4px !important;
   		background-color:rgb(255,255,255);
   }

	.disabled.btn-group.bootstrap-select, .btn-group.bootstrap-select > .disabled {
		cursor: default !important;
	}

	.radio{
		text-align: left !important;
	}

/* ==========================================================================
   Footer bootgrid
   ========================================================================== */
.bntFont {
   		font-size:12px !important;
   }

/* ==========================================================================
   Clase para cortar palabras con o sin espacios
   ========================================================================== */
.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

.btnVerTodosInfoProceso{
	margin-right: 3px !important;
}

/* ==========================================================================
   Únicos
   ========================================================================== */

.botonFinalizarAltaUte{
	margin-left:66%;
}

.margenTablaPujas{
	margin-top: 10px;
}

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

/* ==========================================================================
   Checkboxes
   ========================================================================== */

.checkbox{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-left: 30px !important;
}

/* ==========================================================================
   Cursores
   ========================================================================== */

.linkable{
	cursor:pointer;
}

/* ==========================================================================
   Listas informacion
   ========================================================================== */

	ul.listaInformacion {
  		list-style: none;
  		padding: 0;
  		margin-left: 40px;
	}

	li.listaInformacion {
  		padding-left: 1.3em;
	}

	li.iconoListaInformacion:before {
  		content: "\f111"; /* FontAwesome Unicode */
  		font-family: FontAwesome;
  		display: inline-block;
  		color: #6FA8DC;
  		margin-left: -1.3em; /* same as padding-left set on li */
  		width: 1.3em; /* same as padding-left set on li */
	}
	
	li.iconoListaInformacionDestacado:before {
  		content: "\f06a"; /* FontAwesome Unicode */
  		font-family: FontAwesome;
  		display: inline-block;
  		color: #ffeb3b;
  		margin-left: -1.3em; /* same as padding-left set on li */
  		width: 1.3em; /* same as padding-left set on li */
	}

/* ==========================================================================
   Checkboxes
   ========================================================================== */

	input[type="checkbox"].styled:checked + label:after,
	input[type="radio"].styled:checked + label:after {
  		font-family: 'FontAwesome';
  		/*content: "\f040";*/
  		color: #067fb6;
	}

	.checkbox input[type="checkbox"]:checked + label::after,
	.checkbox input[type="radio"]:checked + label::after {
  		font-family: "FontAwesome";
  		/*content: "\f040";*/
  		color: #067fb6;
	}
	
	
	
	.dispNuevo{
		display: inline-block !important;
	}