Estilos CSS - FACE Responsive
Minhap - Ministerio de Hacienda.
Portal Face - http://face.gob.es;
Gobierno de España
© copyright 2016 *(jfcarrera)
Todos los derechos reservados
*/




/***********************************************************
				    Estilos Responsive
************************************************************/

body {background-color: rgb(235,235,235)!important;}

.botonera-general {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/*.botonera-general button {
  padding-right: 16px;
}*/

.botonera-general button div, .botonera-general button div img,
.botonera-general a div, .botonera-general a div img
{
  display:inline!important;
}

.botonera-general .flex-item {
 
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.botonera-general button, .botonera-general a {
  padding: 1rem!important;
  align-items: center;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
}


.botonera-general .flex-item button i, .botonera-general .flex-item a i {
  font-size: 1.3em;
  vertical-align: baseline;
}

/***********************************************************
               Responsive 1180px - 2652px
************************************************************/

@media (min-width:1180px) and (max-width:2652px){

    .fixed {
        width: 100%;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 9999;}  

    .contain-to-grid .top-bar {
        max-width: 62.5em;
        margin: 0 auto;
        margin-bottom: 0;}    

    .top-bar {
        overflow: visible;}       

    header .large-8.columns.right img.right  {
      max-width: 60%;
      width: auto;
      padding-top: 0;}   

    #sitemap {
      margin: 0 auto;
      padding-top: 0.5em;
      max-width: 62.5em;}
}

/***********************************************************
               Responsive 1025px - 1179px 
************************************************************/

@media (min-width:1025px) and (max-width:1179px) {
    .fixed {
        width: 100%;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 9999;}  

    .contain-to-grid .top-bar {
        max-width: 62.5em;
        margin: 0 auto;
        margin-bottom: 0;}

    .top-bar {
        overflow: visible;}

    .fc_container {
        width: 100%;
        max-width: 62.5em;
        margin:0 auto;}

    .fc_container .view-animate {
        width: 100%;
        max-width: 62.5em;}

    header .large-8.columns.right{
        width: 55%!important;}

    header .large-8.columns.right img.right  {
        max-width: 55%;
        width: auto;
        padding-top: 2px;} 

    .contain-to-grid .top-bar {
        width: auto;}

    .entorno_left {
        height:2.3em!important;}

    .entorno_left li {
        font-size: 90%!important;
        line-height: 2.3em;}

    .entorno_left li span {
        font-size: 100%!important;}

    .fc_container > header {
        height: 100%; 
        width: 100%; 
        max-width: 62.5em;}

    .fc_container > header.row.fc_padding_v_2 > .row > .large-4.columns {
        width:39%!important;}

     #sitemap {
        margin: 0 auto;
        padding-top: 0.5em;
        max-width: 62.5em;}
}


/**********************************************************
               Responsive 991px - 1024px 
************************************************************/

@media (min-width:991px) and (max-width:1024px) {

    .entorno_left {height:2.3em!important;}  
    .entorno_left li {font-size: 90%!important; line-height: 2.3em;}
    .entorno_left li span {font-size: 100%!important;}

    .fixed {
        width: 100%;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 9999;}

    .contain-to-grid .top-bar {
        max-width: 62.5em;
        margin: 0 auto;
        margin-bottom: 0;}

    .top-bar {
        overflow: visible;}

    .top-bar ul {
        margin-top: 10px !important;}

    header .large-8.columns.right {width: 50%!important;}

    header .large-8.columns.right img.right{
        max-width: 55%!important;
        width: auto;
        padding-top: 0;} 

    nav {
        width: 100%;
        padding:0!important;
        margin:0!important;}

    nav > section {
        width: 100%!important;
        display: inline-block;
        padding: 0!important;
        margin:0!important;
        position: relative;}

    nav > section > ul {
        width:auto!important;
        padding: 0!important;
        margin:0!important;
        font-size: 80%!important;}

    nav > section > ul > li {
        padding: 0!important;
        margin:0!important;
        font-size: 100%!important;}

    nav > section > ul > li > a {
        margin:0!important;}

    nav > section > ul > li > ul {
        padding: 0!important;
        margin:0!important;}

    nav > section > ul > li > ul > li {
        font-size: 85%!important;
        line-height: 1.3em!important;} 

    .top-bar-section .has-dropdown > a:after {
        width:2%!important; 
        margin-top:-10px!important;}

    .top-bar-section li:not(.has-form) a:not(.button) {
        line-height: 1.85rem!important;}

    header.row .row .large-8.columns.right img.right  {
        max-width: 80%!important;
        width: auto!important;
        padding-top: 0px!important;}

    .face_filters > .cont_filters > .face_button > .btn-filter{
        padding: 5px 7px!important;}

    

     /********************** Select 2 *************************/
    .face_filters > .cont_filters > .face_select2 {
        min-height:auto!important;} 

    .face_filters > .cont_filters > .face_button {
        min-height:auto!important;} 

    .face_select2 .select2-container-multi {
        height: auto!important;}

    .face_select2 .select2-container-multi ul.select2-choices {
        height: auto!important;}

    .face_select2 .select2-container-multi ul.select2-choices .select2-search-choice div{
        font-size: 100%;}

    .face_select2 .select2-container-multi ul.select2-choices .select2-search-field input {
        font-size: 100%!important;
        height: auto!important;}

    .face_filters > .cont_filters > .custom_filters {
        min-height:auto; }

    .select2-search-choice-close {
        display: block;
        width: 10px!important;
        height: 10px!important;
        position: absolute;
        background: url(../../images/select2.png) right top!important;
        background-repeat: no-repeat;
        top: 6px!important;
        left: 6px!important;}

    #slotedit .toolbar .top_slot .fa_name .fa_title{
        font-size: 75%!important;}
}

/**********************************************************
               Responsive 721px - 990px 
************************************************************/

@media (min-width:721px) and (max-width:990px) {

    .botonera-general button div span{
      display:block;
    }

	.top-bar-section ul{font-size: 85%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {
        font-size: 19px;
        margin:0 auto;}  

    #slotedit .toolbar .top_slot .fa_name .fa_title{
        font-size: 75%!important;}

    .face_filters > .cont_filters > .face_select2 {
        width: 100%!important;}

    .face_filters > .cont_filters > .face_button {
        width: 100%!important;
        margin-top: 10px;}

    #slotedit .toolbar .top_slot .fa_importe {font-size: 80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte:';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg:';}

	#slotedit .slot_admin .slot_titleAdmin {font-size: 70%!important;}
	#slotedit .slot_detail .slot_box .slot_title {font-size: 85%!important;}
 } 

/**********************************************************
               Responsive 641px - 720px 
************************************************************/

@media (min-width:641px) and (max-width:720px) {

    nav > section > ul {
      font-size: 90%!important;}

	.top-bar-section > ul {font-size: 80%!important;}
	.top-bar-section > ul > li.has-dropdown > a:not(.button) {padding: 0 25px 0 0!important;}
	.top-bar-section > ul > li.has-dropdown > a::after {right: -4px;}

    header .large-8.columns.right {
      width: 63%!important;}

    header .large-8.columns.right a {
      max-width: 100%;
      padding: 0 5px 0 0!important;} 

    header .large-8.columns.right img.right {
	  max-width: 100%;
	  width: auto;
	  padding-top: 0;}

    .face_filters > .cont_filters > .face_select2 {
      width: 100%!important;
      min-height: auto !important;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important;
      min-height: auto !important;}

    .face_filters > .cont_filters > .face_button > .btn-filter {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      text-align: center;
      border: none;}

    .fc_alert {
      font-size:70%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #slotedit .row .slot-12 .container-fluid .row-height .slot-12 .toolbar .slot-6 {width: 39%!important;}
    #slotedit .slot-19:nth-child(1) {width: 18%!important;} 
    #slotedit .slot-19:nth-child(3) {width: 30%!important;} 
    #slotedit .slot-4 {width: 9%!important;}

    #slotedit .toolbar .top_slot .fa_open {width: 9%!important;}
	#slotedit .toolbar .top_slot .fa_tag {width: 8%!important;}
	#slotedit .toolbar .top_slot .fa_name {width: 83%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size:75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte:';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg:';}

    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {
      font-size: 17px!important;
      margin:0 auto;}
    
    #slotedit .toolbar .top_slot .fa_registro {
      font-size: 80%;
      margin:0 auto;}

    #sitemap {font-size: 80%;}  

    #sitemap h5 {
      font-size: 110%;}

    #sitemap img {
      width: 90%;
      margin-left: 5%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 70%!important;}

    .banners_container > section > a > img.ban {
      height: 70px!important;}

    footer p {
      font-size: 80%!important;
      margin-left: 3%;}

    .botonera-general button div span{
      display:block;
    }

}


/**********************************************************
              Responsive 600px - 640px 
***********************************************************/
@media (min-width:600px) and (max-width:640px) {

    .banners_container > section > a > img {
        height: auto!important;}

    header .large-4 img.left {
      width: 70%;}

    header .large-8 a {
      padding: 0!important;} 

    header .large-8 img.right {
      width: 80%!important;}

    .top-bar .toggle-topbar.menu-icon a {
      color:rgb(0,96,141);}

    .top-bar .toggle-topbar a {
      color:rgb(0,162,207);
      font-size: 110%;}  

    .top-bar.expanded .title-area {
      background-color: rgb(235,235,235); }

    .top-bar .toggle-topbar.menu-icon a span{
      color:rgb(0,162,207);}

    .top-bar .toggle-topbar.menu-icon a span::after {
      color:rgb(0,96,141);
      font-size: 100%;
      width: 20px;
      box-shadow: 0 0 0 2px rgb(0,162,207), 0 7px 0 2px rgb(0,162,207), 0 14px 0 2px rgb(0,162,207);}

    .top-bar-section ul.right li:first-child {
      border-top: 1px solid rgb(0,162,207);
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section ul li {
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 2.3rem;}

    .top-bar-section .has-dropdown > a::after {
      border: inset 6px;
      border-color: rgba(0,162,207,1) transparent transparent transparent;}

    .top-bar-section .dropdown li.title h5 a {
      background: rgb(0,162,207);
      color:rgb(255,255,255);
      padding-left: 5px;}

    .top-bar-section .dropdown li.title h5 a:before {
      font-family: "fontAwesome";
      content: '\f100';
      color:rgb(255,255,255);
      font-size: 100%;
      padding-right: 5px;}

    .top-bar-section .dropdown li.title h5 a:hover {
      background:rgb(0,162,207);}

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      padding-left: 15px;}

    .top-bar-section ul.dropdown li:hover > a {
      color: rgb(64,64,64) !important;
      background: rgb(200,200,200) !important;}

    .fc_alert {
      font-size:70%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #anchor .large-9 {width: 99%;}
    #anchor .large-3 {width: 99%;}

    header.fc_header hgroup {font-size: 90%!important;}
    span.fa-titfilters {font-size: 110%!important;}
    
    #slotedit .slot-12 {padding-right: 7px; padding-left: 7px;}
    #slotedit > .row > .container-fluid > section > article > .toolbar > .slot-6 {width: 48%!important;}

    #slotedit .row .slot-12 .container-fluid .row-height .slot-12 .toolbar .slot-6  {width: 39%!important;}
    #slotedit .slot-19:nth-child(1) {width: 18%!important;} 
    #slotedit .slot-19:nth-child(3) {width: 30%!important;} 
    #slotedit .slot-4 {width: 9%!important;}

    #slotedit .toolbar .top_slot .fa_open {width: 10%!important;}
    #slotedit .toolbar .top_slot .fa_tag {width: 4%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {font-size: 115%!important;}
    #slotedit .toolbar .top_slot .fa_name {width: 80%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte:';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg:';}

    #slotedit .toolbar .top_slot .fa_fecha  {font-size: 70%!important;}
    #slotedit .toolbar .top_slot .ico_download img {width: 18px;}
    #slotedit .toolbar .top_slot .ico_roles img {width: 17px;}
    #slotedit .toolbar .top_slot .ico_solicitud img {width: 18px;}

    #slotedit .slot_anulacion span.fa_title_solicitud {font-size: 70%!important;} 
    #slotedit .slot_anulacion .bot-slot {font-size: 70%!important;}

    #slotedit .slot_admin .row-height .slot_boxNif label,
    #slotedit .slot_admin .row-height .slot_box label {font-size: 85%!important;}
    #slotedit .slot_admin .row-height .slot_boxNif span.slot_nif{
      font-size: 85%!important;
      padding-top: 5px;
      display: inline-block;}

    #slotedit .slot_admin .row-height .slot_box span.slot_inf,
    #slotedit .slot_admin .slot_box .box_in .slot_inf {font-size: 75%!important;}


    #slotedit .slot_detail .slot_upDetail label {font-size: 75%!important;}
    #slotedit .slot_detail .slot_upDetail span.slot_nif {font-size: 85%!important;}
    #slotedit .slot_detail .slot_downDetail .box_in span.slot_razon {
      font-size: 85%!important;
      padding: 0 6px 0 10px;}

    #slot_profile .slot_contenido .slot-height .slot_admin .slot_titleAdmin{
      font-size: 70%;
      width: 80px;
      right:10px;}

    #slot_profile .slot_contenido .slot-height .slot_detail .row-height .slot_box .slot_title {
      font-size: 80%;
      width: 70px;
      right:10px;}

    .pagination-centered{
      background-color: rgb(248,248,248);
      padding: 5px 0;
      margin: 20px 0;}

    ul.pagination {
      font-size: 75%;
      margin-left:0;
      margin-top: 12px;}

    ul.pagination li {
      font-size: 100%;
      margin-left: 0;
      margin:0;}

    .face_paginator select {
      padding:0;
      margin:0;}

    .leyenda_factura > .columns > .fa_center > h3 {
      width: 100%;
      font-size:90%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 70%!important;}

    .face_filters > .cont_filters > .face_select2 {
      width: 99%!important;
      max-width: 100%;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important; } 

    .postfix.button.radius {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;}

    .entorno_left {display: none;}
    
    #sitemap {font-size: 80%;}

    #sitemap .large-3 img {
      width: 90%!important;
      margin-left: 5%;}

    #sitemap .large-3 h5 {
      font-size: 120%;
  	  margin: 15px 0 5px 0!important;}

    .banners_container > section > a > img.ban {height: 50px!important;}

    footer p {
      font-size: 75%!important;
      margin-left: 1%;} 
    
    .botonera-general button div span{
      display:block;
    }

    /*modal configuracion usuario*/
      
    #UsuarioModal {
        width: 100%;
    }

    .picoUsuarioModal {
      right: 117px;
    }
 }

/**********************************************************
                 Responsive +599px
***********************************************************/
@media (min-width:599px){

    .soloResponsive {
      display: none
    }
    .no-pad-right {
      padding-right: 0;
    }
    .no-pad-left{
      padding-left: 0;
    }
    ul.pagination {
      margin: 20px 0px !important;
    }
    .botonera-general .flex-item {
      max-width: 240px;
    }
}

/**********************************************************
                 Responsive -599px
***********************************************************/
@media (max-width:599px){

    .noResponsive {
      display: none
    }
    .soloResponsive {
      display: initial;
    }
    .no-pad-right {
      padding-left: 0;
      padding-right: 0;
    }
    .no-pad-left{
      padding-left: 0;
      padding-right: 0;
    }

    ul.pagination li:nth-child(0), ul.pagination li:nth-child(1), ul.pagination li:nth-child(2), ul.pagination li:nth-child(3) {  
      display: none
    }

    ul.pagination {
      margin: 20px 0px !important;
    }
    
    ul.fc_factura_anexos li div.fc_factura_anexos_contenido a  {
      background: none
    }

    ul.fc_factura_anexos li div.fc_factura_anexos_contenido a span {
      display: none
    }

    ul.fc_factura_anexos li div.fc_factura_anexos_contenido a i {
      margin:0;
      color: #9e0c0f!important;
      color: red !important;
      font-size: 19px;
    }

    ul.fc_factura_anexos li div.fc_factura_anexos_contenido a:hover {
      background: none !important;
    }

    ul.fc_factura_anexos li div.fc_factura_anexos_contenido a:hover i {
      color: #9e0c0f !important;
    }

    .acordeonProveedores .button.right.bot_face_new span {
      display: none !important;
    }

    .editarNombre small {
      display: none
    }

    .editarNombre.ng-scope {
      margin-left: 10px;
    }
    
    /*modal configuracion usuario*/
      
    #UsuarioModal {
        width: 100%;
    }

    .picoUsuarioModal {
      right: 117px;
    }

}

/**********************************************************
                 Responsive 426px - 599px
***********************************************************/
@media (min-width:426px) and (max-width:599px) {

    .banners_container > section > a > img {
        height: auto!important;}

	header .large-4 img.left {
      width: 70%;}

    header .large-8 a {
      padding: 0!important;}

    header .large-8 img.right {
      width: 80%!important;}

    .top-bar .toggle-topbar.menu-icon a {
      color:rgb(0,96,141);}

    .top-bar .toggle-topbar a {
      color:rgb(0,162,207);
      font-size: 110%;}  

    .top-bar.expanded .title-area {
      background-color: rgb(235,235,235); }

    .top-bar .toggle-topbar.menu-icon a span{
      color:rgb(0,162,207);}

    .top-bar .toggle-topbar.menu-icon a span::after {
      color:rgb(0,96,141);
      font-size: 100%;
      width: 20px;
      box-shadow: 0 0 0 2px rgb(0,162,207), 0 7px 0 2px rgb(0,162,207), 0 14px 0 2px rgb(0,162,207);}

    .top-bar-section ul.right li:first-child {
      border-top: 1px solid rgb(0,162,207);
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section ul li {
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 2.3rem;}

    .top-bar-section .has-dropdown > a::after {
      border: inset 6px;
      border-color: rgba(0,162,207,1) transparent transparent transparent;}

    .top-bar-section .dropdown li.title h5 a {
      background: rgb(0,162,207);
      color:rgb(255,255,255);
      padding-left: 5px;}

    .top-bar-section .dropdown li.title h5 a:before {
      font-family: "fontAwesome";
      content: '\f100';
      color:rgb(255,255,255);
      font-size: 100%;
      padding-right: 5px;}

    .top-bar-section .dropdown li.title h5 a:hover {
      background:rgb(0,162,207);}

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      padding-left: 15px;}

    .top-bar-section ul.dropdown li:hover > a {
      color: rgb(64,64,64) !important;
      background: rgb(200,200,200) !important;}

    .fc_alert {
      font-size:70%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #slotedit .slot-12 {padding-right: 7px; padding-left: 7px;}

    #anchor .large-9 {width: 99%;}
    #anchor .large-3 {width: 99%;}

	/* Cabecera */
	#slotedit .toolbar {
		height: 76px!important;
		max-height: 86px!important;
		display: inline-block!important;}

	#slotedit .toolbar .top_slot{
		height: 34px !important;
		min-height: 34px;}

    #slotedit .toolbar .slot-6 {
	    width: 100%!important;
	    clear: both!important;
		border-bottom: 1px solid rgb(208,208,208);
		max-height: 35px !important;}

    #slotedit .toolbar .slot-19 {
	    width: 38%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-04 {
	    width: 8%!important;
		min-height: 30px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .top_slot .fa_open {width: 10%!important;}
    #slotedit .toolbar .top_slot .fa_tag {width: 4%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {font-size: 115%!important;}
    #slotedit .toolbar .top_slot .fa_name {width: 80%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}    
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte:';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:80%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg:';}
    #slotedit .toolbar .top_slot .fa_fecha  {font-size: 80%!important;}
    #slotedit .toolbar .top_slot .ico_download img {width: 18px; }
    #slotedit .toolbar .top_slot .ico_roles img {width: 17px; padding-top: 0px!important;}
    #slotedit .toolbar .top_slot .ico_solicitud img {width: 18px;}

    #slotedit .slot_anulacion span.fa_title_solicitud {font-size: 70%!important;} 
    #slotedit .slot_anulacion .bot-slot {font-size: 70%!important;}

	/* Admin - Textarea */
    #slotedit .slot_admin .row-height .slot_boxNif label,
    #slotedit .slot_admin .row-height .slot_box label {font-size: 85%!important;}
    #slotedit .slot_admin .row-height .slot_boxNif span.slot_nif{
      font-size: 85%!important;
      padding-top: 5px;
      display: inline-block;}

    #slotedit .slot_admin .row-height .slot_box span.slot_inf,
    #slotedit .slot_admin .slot_box .box_in .slot_inf {font-size: 75%!important;}


    #slotedit .slot_detail .slot_upDetail label {font-size: 75%!important;}
    #slotedit .slot_detail .slot_upDetail span.slot_nif {font-size: 85%!important;}
    #slotedit .slot_detail .slot_downDetail .box_in span.slot_razon {
      	font-size: 85%!important;
      	padding: 0 6px 0 10px;}

	/* Perfiles - Interior */
   	#slot_profile .slot_contenido {
   		display: inline-block!important;}

   	#slot_profile .slot_contenido .slot-6:first-child {
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

	#slot__contentinf,
	#slot_profile .slot_contenido .slot-6{
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

    #slot_profile .slot_contenido .slot-height .slot_admin {
    	width: 100%!important;
    	display: block!important;}
    #slot_profile .slot_contenido .slot-height .slot_admin .row-height {
    	width: 100%!important;
    	display: block!important;}

	#slotedit .slot_detail {border-left:0px!important; border-top: 4px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_box:first-child {border-top: 1px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_upDetail {border-left:0px!important; clear: both;}

    #slot_profile .slot_contenido .slot-height .slot_admin .slot_titleAdmin{
      	font-size: 70%;
      	width: 80px;
      	right:10px;}

    #slot_profile .slot_contenido .slot-height .slot_detail .row-height .slot_box .slot_title {
      	font-size: 80%;
      	width: 70px;
      	right:10px;}

    header.fc_header hgroup {font-size: 80%!important;}
    span.fa-titfilters {font-size: 110%!important;}


    .pagination-centered{
      background-color: rgb(248,248,248);
      padding: 0.5px 0;
      margin: 20px 0;
      width: 100%;}

    ul.pagination {
      font-size: 75%;
      margin-left:0;
      margin-top: 12px;}

    ul.pagination li {
      font-size: 100%;
      margin-left: 0;
      margin:0;}

	.pagination-centered ul.pagination li:first-child { width:30%; }
	.pagination-centered ul.pagination li:first-child+li {width:15%; }
	.pagination-centered ul.pagination li:first-child+li+li {width:50%; }
	.pagination-centered ul.pagination li:nth-child(3){width:50%; }

    .face_paginator select {
      padding:0;
      margin:0;}
    .leyenda_factura > .large-4 {width: 100%!important;}
    .leyenda_factura > .columns > .fa_center > h3 {
      width: 100%;
      font-size:90%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 80%!important;}

    .face_filters > .cont_filters > .face_select2 {
      width: 99%!important;
      max-width: 100%;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important; } 

    .postfix.button.radius {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;}

    .entorno_left {display: none;}
    
    #sitemap {font-size: 80%;}
	#sitemap .large-3 {
		width: 95%!important; 
		float: right;}

	#sitemap .large-3 h5 {
		font-size: 110%;
		margin: 15px 0 5px 0!important;}

	#sitemap .large-3 img {
      width: 30%!important;
      margin-left: 0;}


   .banners_container > section > a > img.ban {height: 30px!important;}

    footer .large-6 {width: 90%!important;}
    footer p {
      font-size: 75%!important;
      margin-left: 1%;}

    .botonera-general {
     -webkit-flex-direction: column;
      flex-direction: column;
    }


 }

/**********************************************************
             Responsive 321px - 425px
***********************************************************/
@media (min-width:321px) and (max-width:425px) {


    .banners_container > section > a > img {
        height: auto!important;}

	header .large-4 img.left {
      width: 70%;}

    header .large-8 a {
      padding: 0!important;}

    header .large-8 img.right {
      width: 80%!important;}

    .top-bar .toggle-topbar.menu-icon a {
      color:rgb(0,96,141);}

    .top-bar .toggle-topbar a {
      color:rgb(0,162,207);
      font-size: 110%;}  

    .top-bar.expanded .title-area {
      background-color: rgb(235,235,235); }

    .top-bar .toggle-topbar.menu-icon a span{
      color:rgb(0,162,207);}

    .top-bar .toggle-topbar.menu-icon a span::after {
      color:rgb(0,96,141);
      font-size: 100%;
      width: 20px;
      box-shadow: 0 0 0 2px rgb(0,162,207), 0 7px 0 2px rgb(0,162,207), 0 14px 0 2px rgb(0,162,207);}

    .top-bar-section ul.right li:first-child {
      border-top: 1px solid rgb(0,162,207);
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section ul li {
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 2.3rem;}

    .top-bar-section .has-dropdown > a::after {
      border: inset 6px;
      border-color: rgba(0,162,207,1) transparent transparent transparent;}

    .top-bar-section .dropdown li.title h5 a {
      background: rgb(0,162,207);
      color:rgb(255,255,255);
      padding-left: 5px;}

    .top-bar-section .dropdown li.title h5 a:before {
      font-family: "fontAwesome";
      content: '\f100';
      color:rgb(255,255,255);
      font-size: 100%;
      padding-right: 5px;}

    .top-bar-section .dropdown li.title h5 a:hover {
      background:rgb(0,162,207);}

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      padding-left: 15px;}

    .top-bar-section ul.dropdown li:hover > a {
      color: rgb(64,64,64) !important;
      background: rgb(200,200,200) !important;}

    .fc_alert {
      font-size:60%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #slotedit .slot-12 {padding-right: 7px; padding-left: 7px;}

    #anchor .large-9 {width: 99%;}
    #anchor .large-3 {width: 99%;}

	/* Cabecera */
	#slotedit .toolbar {
		height: 76px!important;
		max-height: 86px!important;
		display: inline-block!important;}

	#slotedit .toolbar .top_slot{
		height: 34px !important;
		min-height: 34px;}

    #slotedit .toolbar .slot-6 {
	    width: 100%!important;
	    clear: both!important;
		border-bottom: 1px solid rgb(208,208,208);
		max-height: 35px !important;}

    #slotedit .toolbar .slot-19 {
	    width: 38%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-04 {
	    width: 8%!important;
		min-height: 30px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .top_slot .fa_open {width: 10%!important;}
    #slotedit .toolbar .top_slot .fa_tag {width: 4%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {font-size: 115%!important;}
    #slotedit .toolbar .top_slot .fa_name {width: 80%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:75%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg';}
    #slotedit .toolbar .top_slot .fa_fecha  {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .ico_download img {width: 18px; }
    #slotedit .toolbar .top_slot .ico_roles img {width: 17px; padding-top: 0px!important;}
    #slotedit .toolbar .top_slot .ico_solicitud img {width: 18px;}    

    #slotedit .slot_anulacion span.fa_title_solicitud {font-size: 70%!important;} 
    #slotedit .slot_anulacion .bot-slot {font-size: 70%!important;}

	/* Admin - Textarea */
    #slotedit .slot_admin .row-height .slot_boxNif label,
    #slotedit .slot_admin .row-height .slot_box label {font-size: 85%!important;}
    #slotedit .slot_admin .row-height .slot_boxNif span.slot_nif{
      font-size: 85%!important;
      padding-top: 5px;
      display: inline-block;}

    #slotedit .slot_admin .row-height .slot_box span.slot_inf,
    #slotedit .slot_admin .slot_box .box_in .slot_inf {font-size: 75%!important;}


    #slotedit .slot_detail .slot_upDetail label {font-size: 75%!important;}
    #slotedit .slot_detail .slot_upDetail span.slot_nif {font-size: 85%!important;}
    #slotedit .slot_detail .slot_downDetail .box_in span.slot_razon {
      	font-size: 85%!important;
      	padding: 0 6px 0 10px;}

	/* Perfiles - Interior */
   	#slot_profile .slot_contenido {
   		display: inline-block!important;}

   	#slot_profile .slot_contenido .slot-6:first-child {
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

	#slot__contentinf,
	#slot_profile .slot_contenido .slot-6{
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

    #slot_profile .slot_contenido .slot-height .slot_admin {
    	width: 100%!important;
    	display: block!important;}
    #slot_profile .slot_contenido .slot-height .slot_admin .row-height {
    	width: 100%!important;
    	display: block!important;}

	#slotedit .slot_detail {border-left:0px!important; border-top: 4px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_box:first-child {border-top: 1px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_upDetail {border-left:0px!important; clear: both;}

    #slot_profile .slot_contenido .slot-height .slot_admin .slot_titleAdmin{
      	font-size: 70%;
      	width: 80px;
      	right:10px;}

    #slot_profile .slot_contenido .slot-height .slot_detail .row-height .slot_box .slot_title {
      	font-size: 80%;
      	width: 70px;
      	right:10px;}

    header.fc_header hgroup {font-size: 70%!important;}
    span.fa-titfilters {font-size: 110%!important;}

    .pagination-centered{
      background-color: rgb(248,248,248);
      padding: 5px 0;
      margin: 20px 0;}

    ul.pagination {
      font-size: 75%;
      margin-left:0;
      margin-top: 12px;}

    ul.pagination li {
      font-size: 100%;
      margin-left: 0;
      margin:0;}

	.pagination-centered ul.pagination li:first-child { width:30%; }
	.pagination-centered ul.pagination li:first-child+li {width:15%; }
	.pagination-centered ul.pagination li:first-child+li+li {width:50%; }
	.pagination-centered ul.pagination li:nth-child(3){width:50%; }

    .face_paginator select {
      padding:0;
      margin:0;}
    .leyenda_factura > .large-4 {width: 100%!important;}
    .leyenda_factura > .columns > .fa_center > h3 {
      width: 100%;
      font-size:90%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 80%!important;}

    .face_filters > .cont_filters > .face_select2 {
      width: 99%!important;
      max-width: 100%;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important; } 

    .postfix.button.radius {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;}

    .entorno_left {display: none;}
    
    #sitemap {font-size: 80%;}
	#sitemap .large-3 {width: 95%!important; float: right;}
	#sitemap .large-3 h5 {font-size: 110%;}
	#sitemap .large-3 img {
      width: 30%!important;
      margin-left: 0;}    

   .banners_container > section > a > img.ban {height: 30px!important;}

    footer .large-6 {width: 90%!important;}
    footer p {
      font-size: 75%!important;
      margin-left: 1%;}

    .botonera-general {
     -webkit-flex-direction: column;
      flex-direction: column;
    }
}  


/**********************************************************
             Responsive 241px - 320px
**********************************************************/

@media (min-width:241px) and (max-width:320px) {

    .banners_container > section > a > img {
        height: auto!important;}

	header .large-4 img.left {
      width: 70%;}

    header .large-8 a {
      padding: 0!important;}

    header .large-8 img.right {
      width: 80%!important;}

    .top-bar .toggle-topbar.menu-icon a {
      color:rgb(0,96,141);}

    .top-bar .toggle-topbar a {
      color:rgb(0,162,207);
      font-size: 110%;}  

    .top-bar.expanded .title-area {
      background-color: rgb(235,235,235); }

    .top-bar .toggle-topbar.menu-icon a span{
      color:rgb(0,162,207);}

    .top-bar .toggle-topbar.menu-icon a span::after {
      color:rgb(0,96,141);
      font-size: 100%;
      width: 20px;
      box-shadow: 0 0 0 2px rgb(0,162,207), 0 7px 0 2px rgb(0,162,207), 0 14px 0 2px rgb(0,162,207);}

    .top-bar-section ul.right li:first-child {
      border-top: 1px solid rgb(0,162,207);
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section ul li {
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 2.3rem;}

    .top-bar-section .has-dropdown > a::after {
      border: inset 6px;
      border-color: rgba(0,162,207,1) transparent transparent transparent;}

    .top-bar-section .dropdown li.title h5 a {
      background: rgb(0,162,207);
      color:rgb(255,255,255);
      padding-left: 5px;}

    .top-bar-section .dropdown li.title h5 a:before {
      font-family: "fontAwesome";
      content: '\f100';
      color:rgb(255,255,255);
      font-size: 100%;
      padding-right: 5px;}

    .top-bar-section .dropdown li.title h5 a:hover {
      background:rgb(0,162,207);}

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      padding-left: 15px;}

    .top-bar-section ul.dropdown li:hover > a {
      color: rgb(64,64,64) !important;
      background: rgb(200,200,200) !important;}

    .fc_alert {
      font-size:60%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #slotedit .slot-12 {padding-right: 7px; padding-left: 7px;}

    #anchor .large-9 {width: 99%;}
    #anchor .large-3 {width: 99%;}

	/* Cabecera */
	#slotedit .toolbar {
		height: 76px!important;
		max-height: 86px!important;
		display: inline-block!important;}

	#slotedit .toolbar .top_slot{
		height: 34px !important;
		min-height: 34px;}

    #slotedit .toolbar .slot-6 {
	    width: 100%!important;
	    clear: both!important;
		border-bottom: 1px solid rgb(208,208,208);
		max-height: 35px !important;}


    #slotedit .toolbar .slot-19:nth-child(2){
	    width: 30%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-19:nth-child(3) {
    	width: 42%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-04 {
	    width: 9%!important;
		min-height: 30px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .top_slot .fa_open {width: 10%!important;}
    #slotedit .toolbar .top_slot .fa_tag {width: 4%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {font-size: 115%!important;}
    #slotedit .toolbar .top_slot .fa_name {width: 80%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 85%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:75%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg';}

    #slotedit .toolbar .top_slot .fa_fecha  {font-size: 70%!important;}
    #slotedit .toolbar .top_slot .ico_download img {width: 20px!important; }
    #slotedit .toolbar .top_slot .ico_roles img {width: 21px!important; padding-top: 0px!important;}
    #slotedit .toolbar .top_slot .ico_solicitud img {width: 20px!important;}

    #slotedit .slot_anulacion span.fa_title_solicitud {font-size: 70%!important;} 
    #slotedit .slot_anulacion .bot-slot {font-size: 70%!important;}

	/* Admin - Textarea */
    #slotedit .slot_admin .row-height .slot_boxNif label,
    #slotedit .slot_admin .row-height .slot_box label {font-size: 85%!important;}
    #slotedit .slot_admin .row-height .slot_boxNif span.slot_nif{
      font-size: 85%!important;
      padding-top: 5px;
      display: inline-block;}

    #slotedit .slot_admin .row-height .slot_box span.slot_inf,
    #slotedit .slot_admin .slot_box .box_in .slot_inf {font-size: 75%!important;}


    #slotedit .slot_detail .slot_upDetail label {font-size: 75%!important;}
    #slotedit .slot_detail .slot_upDetail span.slot_nif {font-size: 85%!important;}
    #slotedit .slot_detail .slot_downDetail .box_in span.slot_razon {
      	font-size: 85%!important;
      	padding: 0 6px 0 10px;}

	/* Perfiles - Interior */
   	#slot_profile .slot_contenido {
   		display: inline-block!important;}

   	#slot_profile .slot_contenido .slot-6:first-child {
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

	#slot__contentinf,
	#slot_profile .slot_contenido .slot-6{
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

    #slot_profile .slot_contenido .slot-height .slot_admin {
    	width: 100%!important;
    	display: block!important;}
    #slot_profile .slot_contenido .slot-height .slot_admin .row-height {
    	width: 100%!important;
    	display: block!important;}

	#slotedit .slot_detail {border-left:0px!important; border-top: 4px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_box:first-child {border-top: 1px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_upDetail {border-left:0px!important; clear: both;}

    #slot_profile .slot_contenido .slot-height .slot_admin .slot_titleAdmin{
      	font-size: 70%;
      	width: 80px;
      	right:10px;}

    #slot_profile .slot_contenido .slot-height .slot_detail .row-height .slot_box .slot_title {
      	font-size: 80%;
      	width: 70px;
      	right:10px;}

    header.fc_header hgroup {font-size: 70%!important;}
    span.fa-titfilters {font-size: 110%!important;}

    .pagination-centered{
      background-color: rgb(248,248,248);
      padding: 5px 0;
      margin: 20px 0;}

    ul.pagination {
      font-size: 75%;
      margin-left:0;
      margin-top: 12px;
      width: 99%;}

    ul.pagination li {
      font-size: 100%;
      margin-left: 0;
      margin:0;}

	.pagination-centered ul.pagination li:first-child { width:30%; }
	.pagination-centered ul.pagination li:first-child+li {width:15%; }
	.pagination-centered ul.pagination li:first-child+li+li {width:50%; }
	.pagination-centered ul.pagination li:nth-child(3){width:50%; }

    .face_paginator select {
      padding:0;
      margin:0;}
    .leyenda_factura > .large-4 {width: 100%!important;}
    .leyenda_factura > .columns > .fa_center > h3 {
      width: 100%;
      font-size:90%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 80%!important;}

    .face_filters > .cont_filters > .face_select2 {
      width: 99%!important;
      max-width: 100%;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important; } 

    .postfix.button.radius {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;}

    .entorno_left {display: none;}
    
    #sitemap {font-size: 80%;}
	#sitemap .large-3 {width: 95%!important; float: right;}
	#sitemap .large-3 h5 {font-size: 110%;}
	#sitemap .large-3 img {
      width: 50%;
      margin-left: 0;}    

   .banners_container > section > a > img.ban {height: 30px!important;}

    footer .large-6 {width: 90%!important;}
    footer p {
      font-size: 75%!important;
      margin-left: 1%;} 
}


/**********************************************************
                Responsive: 0 - 240px
**********************************************************/

@media (min-width:0px) and (max-width:240px)  {
    .banners_container > section > a > img {
        height: auto!important;}

	header .large-4 img.left {
      width: 70%;}

    header .large-8 a {
      padding: 0!important;}

    header .large-8 img.right {
      width: 80%!important;}

    .top-bar .toggle-topbar.menu-icon a {
      color:rgb(0,96,141);}

    .top-bar .toggle-topbar a {
      color:rgb(0,162,207);
      font-size: 110%;}  

    .top-bar.expanded .title-area {
      background-color: rgb(235,235,235); }

    .top-bar .toggle-topbar.menu-icon a span{
      color:rgb(0,162,207);}

    .top-bar .toggle-topbar.menu-icon a span::after {
      color:rgb(0,96,141);
      font-size: 100%;
      width: 20px;
      box-shadow: 0 0 0 2px rgb(0,162,207), 0 7px 0 2px rgb(0,162,207), 0 14px 0 2px rgb(0,162,207);}

    .top-bar-section ul.right li:first-child {
      border-top: 1px solid rgb(0,162,207);
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section ul li {
      border-bottom: 1px solid rgb(0,162,207);}

    .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 2.3rem;}

    .top-bar-section .has-dropdown > a::after {
      border: inset 6px;
      border-color: rgba(0,162,207,1) transparent transparent transparent;}

    .top-bar-section .dropdown li.title h5 a {
      background: rgb(0,162,207);
      color:rgb(255,255,255);
      padding-left: 5px;}

    .top-bar-section .dropdown li.title h5 a:before {
      font-family: "fontAwesome";
      content: '\f100';
      color:rgb(255,255,255);
      font-size: 100%;
      padding-right: 5px;}

    .top-bar-section .dropdown li.title h5 a:hover {
      background:rgb(0,162,207);}

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      padding-left: 15px;}

    .top-bar-section ul.dropdown li:hover > a {
      color: rgb(64,64,64) !important;
      background: rgb(200,200,200) !important;}

    .fc_alert {
      font-size:60%;
      border-radius: 0px;}

    .fc_box_notificacion {
      left:15px;
      font-size: 200%;}

    #slotedit .slot-12 {padding-right: 7px; padding-left: 7px;}

    #anchor .large-9 {width: 99%;}
    #anchor .large-3 {width: 99%;}

	/* Cabecera */
	#slotedit .toolbar {
		height: 76px!important;
		max-height: 86px!important;
		display: inline-block!important;}

	#slotedit .toolbar .top_slot{
		height: 34px !important;
		min-height: 34px;}

    #slotedit .toolbar .slot-6 {
	    width: 100%!important;
	    clear: both!important;
		border-bottom: 1px solid rgb(208,208,208);
		max-height: 35px !important;}


    #slotedit .toolbar .slot-19:nth-child(2){
	    width: 30%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-19:nth-child(3) {
    	width: 42%!important;
		height: 30px !important;
		min-height: 28px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .slot-04 {
	    width: 9%!important;
		min-height: 30px;
		float: left;
		margin-top: -5px !important;}

    #slotedit .toolbar .top_slot .fa_open {width: 10%!important;}
    #slotedit .toolbar .top_slot .fa_tag {width: 4%!important;}
    #slotedit .toolbar .top_slot .fa_tag i.fa_notified {font-size: 115%!important;}
    #slotedit .toolbar .top_slot .fa_name {width: 80%!important;}
    #slotedit .toolbar .top_slot .fa_name .fa_title {font-size: 75%!important;}
    #slotedit .toolbar .top_slot .fa_importe {font-size: 85%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_importe strong {display: none;}
    #slotedit .toolbar .top_slot .fa_importe:before {content:'Impte';}
    #slotedit .toolbar .top_slot .fa_registro {font-size:75%!important;padding-top: 1px!important;}
    #slotedit .toolbar .top_slot .fa_registro strong {display: none;}
    #slotedit .toolbar .top_slot .fa_registro:before {content:'Reg';}

    #slotedit .toolbar .top_slot .fa_fecha  {font-size: 70%!important;}
    #slotedit .toolbar .top_slot .ico_download img {width: 20px!important; }
    #slotedit .toolbar .top_slot .ico_roles img {width: 21px!important; padding-top: 0px!important;}
    #slotedit .toolbar .top_slot .ico_solicitud img {width: 20px!important;}

    #slotedit .slot_anulacion span.fa_title_solicitud {font-size: 70%!important;} 
    #slotedit .slot_anulacion .bot-slot {font-size: 70%!important;}

	/* Admin - Textarea */
    #slotedit .slot_admin .row-height .slot_boxNif label,
    #slotedit .slot_admin .row-height .slot_box label {font-size: 85%!important;}
    #slotedit .slot_admin .row-height .slot_boxNif span.slot_nif{
      font-size: 85%!important;
      padding-top: 5px;
      display: inline-block;}

    #slotedit .slot_admin .row-height .slot_box span.slot_inf,
    #slotedit .slot_admin .slot_box .box_in .slot_inf {font-size: 75%!important;}


    #slotedit .slot_detail .slot_upDetail label {font-size: 75%!important;}
    #slotedit .slot_detail .slot_upDetail span.slot_nif {font-size: 85%!important;}
    #slotedit .slot_detail .slot_downDetail .box_in span.slot_razon {
      	font-size: 85%!important;
      	padding: 0 6px 0 10px;}

	/* Perfiles - Interior */
   	#slot_profile .slot_contenido {
   		display: inline-block!important;}

   	#slot_profile .slot_contenido .slot-6:first-child {
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

	#slot__contentinf,
	#slot_profile .slot_contenido .slot-6{
   		width: 100%!important;
   		clear: both!important;
   		display: inline-block!important;
   		margin:0;
   		padding:0;
		height: 220px !important;
		max-height: 230px !important;}

    #slot_profile .slot_contenido .slot-height .slot_admin {
    	width: 100%!important;
    	display: block!important;}
    #slot_profile .slot_contenido .slot-height .slot_admin .row-height {
    	width: 100%!important;
    	display: block!important;}

	#slotedit .slot_detail {border-left:0px!important; border-top: 4px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_box:first-child {border-top: 1px solid rgb(221,221,221)!important;}
	#slotedit .slot_detail .slot_upDetail {border-left:0px!important; clear: both;}

    #slot_profile .slot_contenido .slot-height .slot_admin .slot_titleAdmin{
      	font-size: 70%;
      	width: 80px;
      	right:10px;}

    #slot_profile .slot_contenido .slot-height .slot_detail .row-height .slot_box .slot_title {
      	font-size: 80%;
      	width: 70px;
      	right:10px;}

    header.fc_header hgroup {font-size: 70%!important;}
    span.fa-titfilters {font-size: 110%!important;}

    .pagination-centered{
      background-color: rgb(248,248,248);
      padding: 5px 0;
      margin: 20px 0;}

    ul.pagination {
      font-size: 75%;
      margin-left:0;
      margin-top: 12px;
      width: 99%;}

    ul.pagination li {
      font-size: 100%;
      margin-left: 0;
      margin:0;}

	.pagination-centered ul.pagination li:first-child { width:30%; }
	.pagination-centered ul.pagination li:first-child+li {width:15%; }
	.pagination-centered ul.pagination li:first-child+li+li {width:50%; }
	.pagination-centered ul.pagination li:nth-child(3){width:50%; }

    .face_paginator select {
      padding:0;
      margin:0;}
    .leyenda_factura > .large-4 {width: 100%!important;}
    .leyenda_factura > .columns > .fa_center > h3 {
      width: 100%;
      font-size:90%;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles {width: 100%!important;}

    .leyenda_factura > .columns > .fa_center > .fa_stadoFactura > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoAnula > li,
    .leyenda_factura > .columns > .fa_center > .fa_stadoRoles > li {font-size: 80%!important;}

    .face_filters > .cont_filters > .face_select2 {
      width: 99%!important;
      max-width: 100%;}

    .face_filters > .cont_filters > .face_button {
      width: 100%!important; } 

    .postfix.button.radius {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px;}

    .entorno_left {display: none;}
    
    #sitemap {font-size: 80%;}
	#sitemap .large-3 {width: 95%!important; float: right;}
	#sitemap .large-3 h5 {font-size: 110%;}
	#sitemap .large-3 img {
      width: 50%;
      margin-left: 0;}    

   .banners_container > section > a > img.ban {height: 30px!important;}

    footer .large-6 {width: 90%!important;}
    footer p {
      font-size: 75%!important;
      margin-left: 1%;} 
}


/*----------------------MAD MODIFICACION----------------------------------------*/
/*@media (min-width:100px) and (max-width:5000px) {
    .large-1 {width: 8.333333333333332%;}
    .large-2 {width: 16.666666666666664%;}
    .large-3 {width: 25%;}
    .large-4 {width: 33.33333333333333%;}
    .large-5 {width: 41.66666666666667%;}
    .large-6 {width: 50%;}
    .large-7 {width: 58.333333333333336%;}
    .large-8 {width: 66.66666666666666%;}
    .large-9 {width: 75%;}
    .large-10 {width: 83.33333333333334%;}
    .large-11 {width: 91.66666666666666%;}
    .large-12 {width: 100%;}
}

/*----------------------FIN MAD MODIFICACION----------------------------------------*/