@charset "utf-8";
/* CSS Document */
/*PORTAL MINHAC. OFICINA VIRTUAL. ESCRITORIO*/
.oficinaVirtual {width:725px;}

.oficinaVirtual .elementoDesplegableContenido ul li {
    background: url(../../img/bullet_lista_n1.gif) no-repeat left 4px;
}
.oficinaVirtual .elementoDesplegableContenido ul li ul li {
    background: url(../../img/bullet_lista_n2.gif) no-repeat left 4px;
}


.oficinaVirtual .elementoSeleccionable span:last-of-type {
    padding: 5px 10px 5px 0px;
}
.oficinaVirtual .activo + .elementoDesplegable .tabla {

    display: inline-table!important;
}

.oficinaVirtual .gridElementoLista {
    min-height: 60px;
	}
.oficinaVirtual .activo + .elementoDesplegable {
    background-image: url(../../img/ico-FlechaInfodes.png);
    background-repeat: no-repeat;
}
.oficinaVirtual .gridElementoLista {
    border: 0 solid transparent;
    border-width: 0px;
	}
.oficinaVirtual .gridLista {
    padding: 0px;
    margin: 0px;
	}
.oficinaVirtual .elementoSeleccionable {
    background: #f5f6fa!important;
    border: 1px solid #d2dada;
	border-right: 0px;
	}
.oficinaVirtual li:last-child  .elementoSeleccionable{
	border-right: 1px solid #d2dada;
	}
.oficinaVirtual .elementoSeleccionable span:last-of-type {
    color: #4a5f8a;
	}
.oficinaVirtual .activo span:last-of-type {
    color: #ffffff;
	}
.oficinaVirtual .elementoDesplegableContenido {
	padding:0px!important;
	}
.oficinaVirtual .elementoDesplegableContenido .tabla{
	margin: 0px;
	}
.oficinaVirtual .elementoDesplegable {
    width: 728px;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+1) div.elementoDesplegable {
    left: -2px;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+2) div.elementoDesplegable {
    left: -101%;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+3) div.elementoDesplegable {
    left: -201%;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+4) div.elementoDesplegable {
    left: -301%;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+5) div.elementoDesplegable {
    left: -401%;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+1) .activo + .elementoDesplegable {
    background-position: 65px top;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+2) .activo + .elementoDesplegable {
    background-position: 210px top;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+3) .activo + .elementoDesplegable {
    background-position: 355px top;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+4) .activo + .elementoDesplegable {
    background-position: 500px top;
	}
.oficinaVirtual.gridColumnFive ul li:nth-child(5n+5) .activo + .elementoDesplegable {
    background-position: 645px top;
	}
.oficinaVirtual .elementoSeleccionable + .elementoDesplegable .tabla{
	display:none;
	}
.oficinaVirtual .activo + .elementoDesplegable .tabla{
	display:block;
	}
.oficinaVirtual .activo + .elementoDesplegable .elementoDesplegableContenido {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
	}
.oficinaVirtual .MaquetacionTabla tbody tr.cabAzulClaro ~ tr {
    margin-bottom: 20px;
}
.oficinaVirtual .MaquetacionTabla tbody tr.cabAzulClaro ~ tr:last-child {
    margin-bottom: 0px;
}
.oficinaVirtual tr.cabAzulClaro td, .oficinaVirtual tr th {text-align:left!important;}
/*************************************************************************/
/*PORTAL MINHAC. OFICINA VIRTUAL. MOVIL*/
/*************************************************************************/
@media screen 
and (min-width: 0px) 
and (max-width: 400px)
and (min-resolution:1dppx),

only screen 
and (min-device-width: 0px)
and (max-device-width: 767px)
and (-webkit-min-device-pixel-ratio: 2) {
.oficinaVirtual {width:auto;}	
	
.oficinaVirtual.gridColumnFive ul li .activo + .elementoDesplegable {
    background-position: 50% top!important;
}
.oficinaVirtual .elementoSeleccionable {
    border: 1px solid #d2dada!important;
}
  }
/*************************************************************************/
/*PORTAL MINHAC. OFICINA VIRTUAL. MOVIL (LANDSACPE)*/
/*************************************************************************/
@media screen 
and (min-width: 0px) 
and (max-width: 767px)
and (min-resolution:1dppx)
and ( orientation: landscape),

only screen 
and (min-device-width: 0px)
and (max-device-width: 767px)
and (-webkit-min-device-pixel-ratio: 2)
and ( orientation: landscape){

}
/*************************************************************************/
/* PORTAL MINHAC. OFICINA VIRTUAL. TABLET */
/*************************************************************************/
@media only screen 
and (min-width: 768px) 
and (max-width: 1824px)
and (min-resolution: 2dppx),

only screen 
and (min-device-width: 768px)
and (max-device-width: 1824px)
and (-webkit-min-device-pixel-ratio: 2){
.oficinaVirtual {width:auto;}	
	
.central {
	width:100%;
	}
.oficinaVirtual .gridElementoLista {
    width: calc(100% / 1)!important;
	}
.oficinaVirtual .gridLista {
    padding-left: 0px!important;
}
.oficinaVirtual .elementoDesplegable {
    width: 738px;
}
.oficinaVirtual.gridColumnFive ul li div.elementoDesplegable {
    left: -2px!important;
}
.oficinaVirtual.gridColumnFive ul li .activo + .elementoDesplegable {
    background-position: 50% top!important;
}
.oficinaVirtual .elementoSeleccionable {
    border: 1px solid #d2dada!important;
}

 }
/*************************************************************************/
/* PORTAL MINHAC. OFICINA VIRTUAL. TABLET (LANDSCAPE)*/
/*************************************************************************/
@media screen 
and (min-width: 768px) 
and (max-width: 1824px)
and (min-resolution:2dppx)
and ( orientation: landscape),

only screen 
and (min-device-width: 768px)
and (max-device-width: 1824px)
and (-webkit-min-device-pixel-ratio: 2)
and ( orientation: landscape){
.oficinaVirtual .elementoDesplegable {
    width: 990px;
}
}
/*************************************************************************/
/* PORTAL MINHAC. OFICINA VIRTUAL. MOVIL PLUS (LANDSCAPE)*/
/*************************************************************************/	
@media screen 
and (min-width: 768px) 
and (max-width: 900px)
and (min-resolution:2dppx)
and ( orientation: landscape),

only screen 
and (min-device-width: 768px)
and (max-device-width: 900px)
and (-webkit-min-device-pixel-ratio: 2)
and ( orientation: landscape){
.oficinaVirtual .elementoSeleccionable {
    border: 1px solid #d2dada!important;
	}
.oficinaVirtual .gridElementoLista {
    width: calc(100% / 1)!important;
	}
.oficinaVirtual .elementoDesplegable {
    width: 782px;
}
.oficinaVirtual ul li div.elementoDesplegable {
    left: 0px!important;
}
}