/*!
 * Template Base
 * Custom CSS
 *
 * Designed and built with all the love in the world by @claudiodesiervi.
 */

body {
/*
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden; 
*/
  font: 1.4rem/115% Verdana, Arial, sans-serif;   /* ##f310 */ 
  background-color: #ccc;  /* ##f301 */
}


/* Selecciono font base */
h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h5, .h5, h6, .h6 {  }

h1 {
   font-weight: normal;
	color: #525151;
   font-size: 3.5rem;
   margin: 0px;
   padding-bottom: 3%;
}

h2 {
   font-weight: normal;
	color: #525151;
   font-size: 3rem;
   margin: 0px;
   padding-bottom: 3%;
}





.panel-primary {
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.62);
}   



/* FRASE CENTRAL ================================== */ 
#bcentral {
   /* font-size: 150%;*/
   font-style: italic;
   font-weight: bold;
   font-family: 'helvetica-neue',Arial;
}
   #bcentral .jumbotron {
     padding: 15px;
     margin-bottom: 15px;
     font-size: 21px;
     font-weight: 200;
     line-height: 2.1428571435;
     color: inherit;
     background-color: #eeeeee;
   }

      #bcentral .jumbotron h2 {
        line-height: 1;
        color: inherit;
        font-family: Arial;        
      }



.img1 {
   background: transparent url(../images/logo-inferior.png) no-repeat;
   max-height: 230px;
   margin-left: -20px; 
}

#foot11 { }

   #foot11 .panel         {  margin-bottom: 0px;  }
   #foot11 .panel-body    {   }
   #foot11 .panel-primary {  background-color: #494949; color: rgba(255, 254, 254, 0.61); }

   #foot11 a       { color: #808080; text-decoration: none; background-color: #c0c0c0; } /* ##f321 */
   #foot11 a:hover,
   #foot11 a:focus { text-shadow: -1px 1px 1px #feed01; }   /* text-decoration: underline; */

   #foot11 .nav > li > a { 
     position: relative;
     display: block;
     padding: 10px 10px;  /* espacio entre columnas menu */
   }

   /* activo en menu inferior */
   #foot11 .navbar-nav > li > .active > a { font-weight: bold; background-color: #666667; }



/* P0301 DISEŅO WEB ================================ */
#disweb em      { font-family: 'Open Sans Condensed', Arial, sans-serif; font-size: 150%; font-style: normal; font-weight: bold; line-height: 80%; }
#disweb p       { font-family: 'Open Sans ', Arial, sans-serif; font-size: 95%; font-style: normal; font-weight: normal; line-height: 100%; margin-top: 5px; color: #5c5c5c; }
#disweb .altura { min-height: 130px;}


/* P0400 SOPORTE ================================ */
#p0400        { height: 390px; }       /* ##f408 */


/* P0500 PORTFOLIO ================================ */
#clientes           { }
#clientes em        { font-style: normal; }
#clientes .web      { margin-top: 5px;}                
#clientes .web a    { font-style: italic; font-size: 105%; color: #6bb0d0; }                
#clientes .web_desc { margin-top: 10px; }                
#clientes p a:hover img
                    {
                      -moz-box-shadow:    3px 3px 5px #888;
                      -webkit-box-shadow: 3px 3px 5px #888;
                      box-shadow:         3px 3px 5px #888;
                      padding: 1px; margin-top: -3px;
                    }           

/* DATOS DE CONTACTO --------------------------- */
.datos                            { margin-top: 1%; }
.datos p                          { color: #ffffff; line-height: 95%; }
.datos a                          { color: #fcfad2; font-weight: normal; font-style: normal; } 
.datos a:hover, .datos a:active   { color: #feed01; }

.datosr                           { margin-top: 1%; }
.datosr p                         { color: #5a5a5a; line-height: 95%; }
.datosr a                         { color: #000000; font-weight: normal; font-style: normal; } 
.datosr a:hover, .datosr a:active { color: #a87300; }


/* ENLACES  --------------------------- */
.enlaces                            {  }
.enlaces p                          { color: #5a5a5a; line-height: 95%; }
.enlaces a                          { color: #000000; font-weight: normal; font-style: normal; } 
.enlaces a:hover, .datos a:active   { color: #BFA620; }



/* requisitos */



/* BUSQUEDA======================================= */
.busqueda {
   padding: 5px;
   margin-left: 8px;
   max-width: 155px;
   font-family: cursive;
}

.celda {
   max-height: 100px;
}

/* customizacion de menu activo en listas */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: rgba(120, 149, 175, 0.56);
  border-color: rgba(120, 149, 175, 0.56);
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}


/* ----------------------------------------- */


.navbar-static-top { margin-bottom:0px; }
   
   i { font-size:16px; }
   
     
   /* count indicator near icons */
   .nav > li .count {
     position: absolute;
     bottom: 12px;
     right: 6px;
     font-size: 10px;
     font-weight: normal;
     background: rgba(51,200,51,0.55);
     color: rgba(255,255,255,0.9);
     line-height: 1em;
     padding: 2px 4px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     border-radius: 10px;
   }
   
   /* indent 2nd level */
   .list-unstyled li > ul > li {
      margin-left:10px;
      padding:8px;
   }

/*
   footer11 {    ver si corresponde 
     margin-top:20px;
     padding-top:20px;
     padding-bottom:20px;
     background-color:#efefef;
   }
*/   
.sspace {
   margin-right: 3px;
   margin-bottom: 3px;
}


/* LINK GENERAL ================================== */
a                { color: #000; text-decoration: none; }
a:hover, a:focus { color: #BFA620; text-decoration: none; }
/* a:focus          { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } */



/* Estilos de textos varios, incluidos titulos */

.txt1          { font-size:110%; font-weight:normal; color:#80838b; }
  .txt1 strong { color:#2b3755; font-weight: bold; }
  .txt1 p      { line-height: 130%; margin-bottom: .95em; }

.txt2          { font-size:100%; font-weight:normal; color:#80838b; margin-right: 10px;}
  .txt1 strong { color:#2b3755; font-weight: bold; }
  .txt1 p      { line-height: 130%; margin-bottom: .95em; }  

.txt4          { font-size:100%; line-height: 100%; font-weight:normal; color:#80838b; text-transform: none; }
  .txt4 strong { color:#808080; font-weight: bold; }
  .txt4 p      { padding-bottom: 0.005em; }
  .txt4 a      { color:#808080; outline:none; text-decoration: none; border-bottom: 1px dotted #999; font-weight: normal; }
  .txt4 a:hover{ color:#808080; text-shadow: #cacaca 0px 1px 1px; outline:none; text-decoration: none; font-weight: bold; border-bottom-style: solid;}

.tit1          { font-family: 'avenir-heavy',Arial; font-size:250%; font-weight:normal; color:#525151; margin: 0px 0px 10px 0px; }
  .tit1 strong { color:#2b3755; font-weight: bold; }
  .tit1 p      { line-height: 130%; margin-bottom: .95em; }

.tit2          { font-family: 'avenir-heavy',Arial; font-size:150%; font-weight:normal; color:#525151; margin: -7px 0px 5px 0px; }
  .tit2 strong { color:#2b3755; font-weight: bold; }
  .tit2 p      { line-height: 130%; margin-bottom: .95em; }
 
.tit3          { font-size:130%; font-weight:normal; color:#525151; margin: 0px 0px 10px 0px; }
  .tit1 strong { color:#2b3755; font-weight: bold; }
  .tit1 p      { line-height: 130%; margin-bottom: .95em; }
  

/* ##f411 */
.iconw1, .txtw1 { color: #feed01; }    /* amarillo fuerte */
.iconw2, .txtw2 { color: #fcfad2; }    /* amarillo liviano */
.iconw3, .txtw3 { color: #494949; }    /* negro fuerte */
.iconw4, .txtw4 { color: #80838b; }    /* negro liviano */
.iconw5, .txtw5 { color: black; }

.iconw6, .txtw6 { color: #000; background-color: #fcfad2;  }
.iconw7, .txtw7 { color: #494949; background-color: #fff;  }
.iconw8, .txtw8 { color: #969696; background-color: #F5F5EA;  }


.txt9          { font-size:120%; font-style: italic; font-weight:normal; color:#3C3C3C; text-transform: none; text-align: justify; }
  .txt9 strong { color:#2b3755; font-weight: bold; }
  .txt9 a      { color:#3C3C3C; text-decoration: none; border-bottom: 1px dotted #999999; }
  .txt9 a:hover{ color:#5A86AA; font-weight: bold; border-bottom-style: solid; }
  .txt9 p      { margin-bottom: 1.2em; }


.txttable      { font-size: 13px; font-family: Arial; font-style: normal; font-weight: normal; line-height: 1.42857143; } 
.txttableT     { font-size: 13px; font-family: Arial; font-style: normal; font-weight: bolder; line-height: 1.42857143; color: black;}
  


/* HR en uso central */
hr { border: 0; border-top: 1px solid rgba(248, 255, 156, 0.53); }


/* BOX llamado WELL - Ajustes ========================= */

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-adjust {
   margin-left:  12px;
   margin-right: 12px;
}

.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #FBFBFB 0%, #F8F8F8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #ECE9E9;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.centerf,div.centerf,p.centerf,img.centerf {
   margin-left: auto !important;
   margin-right: auto !important;
   float:none !important;
   display: block;
   text-align:center;
}

.logincontainer {
   margin: 50px auto 50px ;
}

/* Form validator ===================================== */

.help-block {
    display: inline;
    padding-left: 6px;
    font-size: 85%;
}

span.form-error.help-block {
    display: block;
    color: red;
    margin-top: 6px;
    padding-left: 0;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
}

input.valid {
    background: url(../images/iconos/icon-ok.png) no-repeat right center #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(../images/iconos/icon-fail.png) no-repeat right center #ffebef;
    color: #480000;
}

.form-suggest-element {
    padding: 4px;
}

form.validating-server-side .server-validation {
    background: url(../images/iconos/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars {
    background: #EEE;
    color: #999;
}

.form-help {
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}


/* 
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */


/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */
.announcement-heading {
  font: 350% arial;
  font-weight: bolder;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Table Headers */
table.tablesorter thead {
  cursor: pointer;
}

table.tablesorter thead tr th:hover {
  background-color: #f5f5f5;
}

/* Flot Chart Containers */
.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  height: auto;         
  margin-bottom: 20px;  /* margen bottom de carrousel */
  width: 100%;
}

/* fix para Carousel Responsive */
.carousel-inner > .item > img{
   height:auto!important;
   position:relative!important;
}
.carousel .item{
   overflow:hidden!important;
   height:auto;
}
.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
}



.notification {
   display: block;
   position: absolute;
   top: -10px;
   right: -5px;
   line-height: 30px;   /* antes 16px, lo mismo que heigh */
   height: 30px;
   padding: 0 5px;
   font-family: Arial, sans-serif;
   color: white !important;
   text-shadow: 0 1px 
   hsla(0, 0%, 0%, 0.25);
   border-width: 1px;
   border-style: solid;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-box-shadow: 0 1px 1px 
   hsla(0, 0%, 0%, 0.08), inset 0 1px 
   hsla(0, 100%, 100%, 0.3);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
   box-shadow: 0 1px 1px 
   hsla(0, 0%, 0%, 0.08), inset 0 1px 
   hsla(0, 100%, 100%, 0.3);
}

.notification {
   border-color: #2FABE9;
   background-color: #67C2EF;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
   background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
   background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
   background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
   background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
   background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

.notification.green {
   border-color: 	#5AAD34;
   background-color: 	#78CD51;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	hsl(101, 54%, 71%)), color-stop(100%, 	hsl(101, 55%, 56%)));
   background-image: -webkit-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
   background-image: -moz-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
   background-image: -ms-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
   background-image: -o-linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
   background-image: linear-gradient(top, 	hsl(101, 54%, 71%), 	hsl(101, 55%, 56%));
}

.notification.yellow {
   border-color: #F4A506;
   background-color: #FABB3D;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
   background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
   background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
   background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
   background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
   background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
}

.notification.red {
   border-color: #FA5833;
   background-color: #FA603D;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
   background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
   background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
   background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
   background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
   background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
}

/* --------------------------------------------------------- */

/* Wrappers */

#wrapper {
   padding-left: 225px;
}

#page-wrapper {
   padding: 15px 25px;
}

/* Side Nav */

.side-nav {
   margin-left: -225px;
   left: 225px;
   width: 225px;
   position: fixed;
   top: 50px;
   height: 100%;
   border-radius: 0;
   border: none;
   background-color: #222222;
   overflow-y: auto;
}

/* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

.side-nav>li.dropdown>ul.dropdown-menu {
   position: relative;
   min-width: 225px;
   margin: 0;
   padding: 0;
   border: none;
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
   -webkit-box-shadow: none;
}

.side-nav>li.dropdown>ul.dropdown-menu>li>a {
   color: #999999;
   padding: 15px 15px 15px 25px;
}

.side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
.side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
.side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
   color: #fff;
   background-color: #080808;
}

.side-nav>li>a {
   width: 225px;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
   background-color: #080808;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu {
   min-width: 300px;
}

.messages-dropdown .dropdown-menu li a {
   white-space: normal;
}


/* SLIDER */
/*
.ion-image-slider-content {
    width: 700px; height: 326px;
    background: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(255,255,255,1.0);
}
*/
.ion-image-slider          { height: 390px;   /*32em*/ }
.ion-image-slider-content  { width: 100%; height: 326px; }
.ion-image-slider-arr-prev { left: 0px; }
.ion-image-slider-arr-next { right: 0px; }

#p0301 .ion-image-slider-content {  background: rgba(255, 115, 92, 0.09); }   /* ##f315 */
#p0302 .ion-image-slider-content {  background: rgba(252, 181, 27, 0.25); }   


/* BREADCRUMB *********** */

.breadcrumb_path {      /* ##f322 */
  padding: 3px 30px;
  margin-bottom: 10px;
  margin-top: -7px;
  list-style: none;
  /* background-color: #F9FDFF; */
  border-radius: 4px;
  font-size: 90%;
  font-style: italic;
}
.breadcrumb_path > li {
  display: inline-block;
}
.breadcrumb_path > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb_path > .active { color: #F3FA5F; }  


/* TESTIMONIALS **************************************** */
.testimonial-body { position:relative; margin:0 auto }

.testimonial-body p {
   /*font-size:1.5em;*/ 
   font-style:italic;
   font-weight:300;
   color:#717171;
}

.testimonial-body .smaller-font p { font-size:14px }

.testimonial-author { padding-top:20px; padding-top:20px }

.testimonial-author img {
   -moz-border-radius:50%;
   -webkit-border-radius:50%;
   border-radius:50%;
   width:50px;
   height:50px;
   margin-right:12px
}

.testimonial-author .author-name,
.testimonial-author-fds .author-name { font-weight:700 }

.testimonial-author em,
.testimonial-author-fds em { display:block }

/* FDS ----------------  */
.testimonial-fds .testimonial-body p {
   /*font-size:1.5em;*/ 
   font-style:italic;
   font-weight:300;
   color:#717171;
   text-indent: 35px;
}

.testimonial-fds i {
   position:absolute;
   top:-12px;
   font-size:2em;
   color:#e5d92f;    /* ##f314 */
   z-index:1
}

.testimonial-fds .testimonial-body {
   width:100%;
   margin-top: 2%;  /* decia 40px */
}

.testimonial-author-fds {
   padding-top:0px
}

.testimonial-fds .smaller-font p {
   font-size: 12px;
}

/* fancy ------------------------ */
.testimonial-fancy .testimonial-body p {
   /*font-size:1.5em;*/ 
   font-style:italic;
   font-weight:300;
   color:#717171;
   text-indent: 0;
}

.testimonial-fancy i {
   position:absolute;
   top:-12px;
   font-size:3em;
   color:#e5d92f;    /* ##f314 antes color:#406da4; */
   z-index:1
}

.testimonial-fancy .testimonial-body   { width:80% }
.testimonial-fancy .testimonial-author { padding-left:60px }

.testimonial.slick-carousel .slick-prev,.testimonial.slick-carousel .slick-next {
   top:auto; bottom:0; background-color:#eaeaea }

.testimonial.slick-carousel .slick-prev:before,.testimonial.slick-carousel .slick-next:before { color:#4a4a4a }

.testimonial.slick-carousel .slick-prev:hover,.testimonial.slick-carousel .slick-next:hover { background-color:#ddd }

.testimonial.slick-carousel .testimonial-body { padding:0 1px }


.testimonial-bubble {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   position:relative;
   padding:15px 15px 15px 20px;
   margin:10px;
   background:#ebebeb
}

.testimonial-bubble:after {
   content: " ";
   position:absolute;
   bottom:-20px;
   left:50px;
   border-width:20px 0 0 20px;
   border-style:solid;
   border-color:#ebebeb transparent
}

.testimonial-with-bg {
   padding:120px 0;
   background-image:url( '../img/testimonial-bg.png ?1424866387 ');
   background-attachment:fixed;
   background-position:center center;
   color:#fff
}

.testimonial-with-bg .testimonial-body p {
   color:#fff;
   font-style:normal;
   font-size:1.8em
}

.testimonial-with-bg .testimonial {
   margin-bottom:0
}

.testimonial-with-bg .testimonial.slick-carousel .slick-next,.testimonial-with-bg .testimonial.slick-carousel .slick-prev {
background-color:transparent
}

.testimonial-with-bg .testimonial.slick-carousel .slick-next:before,.testimonial-with-bg .testimonial.slick-carousel .slick-prev:before {
   color:#fff
}

.testimonial-with-bg .testimonial.slick-carousel .slick-next:hover,.testimonial-with-bg .testimonial.slick-carousel .slick-prev:hover {
   background-color:rgba(255,255,255,0.08)
}

.mobile .testimonial-with-bg {
   background-attachment:inherit;
   background-position:center -35em
}

/* Customize datatables */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #F0EFD5;
}

/* td { font-size:80% } formato a contenido de tablas */




/* MEDIA QUERIES  ##f312 */
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
   /* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
   /* Styles */
   th, td { white-space: normal; overflow: hidden; } 
}
 
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 479px) {
   /* Styles */
   body { font: 1.4rem/100% Verdana, Arial, sans-serif; } 
   /* config para datatables */
   div.dataTables_filter input { width: 80%; } 
}

/* Extra Small Devices, .visible-xs-* */
@media (min-width: 480px) and (max-width: 767px) {
   body { font: 1.4rem/110% Verdana, Arial, sans-serif; } 
		
   .navbar-toggle {     /* posicionamiento de menu collapse */
     position: relative;
     float: right;
     margin-right: 0px;
     padding: 9px 10px;
     margin-top: -20px;
     margin-bottom: 8px;
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
   }      
   .navbar-collapse {
     max-height: 100%;
     overflow-x: visible;
     padding-right: 15px;
     padding-left: 15px;
     border-top: 1px solid transparent;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
     -webkit-overflow-scrolling: touch;
   }
   .navbar-collapse.in { overflow-y: hidden; }
   #head1 .nav { margin-top: 28px; }   /* ##f308  mobile */
   
 	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
   /* ------------------- */
   
   .testimonial-fancy .testimonial-body { width:100% }
   /*.testimonial-bubble { padding:15px 30px; }*/
   /* config para datatables */
   th, td { white-space: normal; overflow: hidden; }
   div.dataTables_filter input { width: 80%; } 
}

/* Small Devices, .visible-SM-* */
@media (min-width: 768px) and (max-width: 991px) {
   body { font: 1.4rem/110% Verdana, Arial, sans-serif; } 
   #foot1 ul.nav li.dropdown > ul.dropdown-menu.exp { display: none;} /* oculta menu explicito en small devices */
   .testimonial-bubble { padding:15px 35px; }
   #head1 .datos   {  font-size: 75%; }

   /* config para datatables */
   th, td { white-space: normal; overflow: hidden; }
}

/* Medium Devices, .visible-MD-* */
@media (min-width: 992px) and (max-width: 1199px) {
   body { font: 1.4rem/110% Verdana, Arial, sans-serif; } 
   #foot1 ul.nav li.dropdown > ul.dropdown-menu.exp { display: block;}   /* Muestra menu explicito en medium devices */
   .testimonial-bubble { padding:15px 35px; }   
}

/* Large Devices, .visible-LG-* */
@media (min-width: 1200px) {
   body { font: 1.5rem/115% Verdana, Arial, sans-serif; } 
   .testimonial-bubble { padding:15px 40px; }
   th, td { white-space: normal; overflow: hidden; } 
}


/* Non mobile devices put in different order */