/*!
 * Sitio format
 * Custom General CSS
 *
 * Designed and built with all the love in the world by @claudiodesiervi.
 */


/* googlemap/api 
   configura vista de mapa a publicar */
/* Set the size of the div element that contains the map */
#map {
  height: 400px;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }


/* disabled tag a */
/* aplica como class="disabled_" al <a href... */
a.disabled_ {
   pointer-events: none;
   cursor: default;
}


/* IMAGES classes ========================= */
.img_std { width: 120px;  }
.img_mini { width: 90px; height: 90px; }
.img_vista { 
   width:  85px; 
   height: 85px; 
   padding: 5px; 
}
.img_ban {  
   width:  85px; 
   height: 36px; 
}

/* Texto Carrousel -------------------- */
.nombre {
   font-size: 100%;
   text-align: center;
}

.nivel {
   text-transform: uppercase;
   color: red;
}



/* ajuste distancia entre servicios */
.lista_servicios ul li {
   margin-bottom: 10px;
}

.example {
  padding: 10px;
  border: 1px solid #ccc;
}
#drop_zone {
  border: 2px dashed #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  font: 20pt bold 'Vollkorn';
  color: #bbb;
}
.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}
#progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 14px;
  clear: both;
  opacity: 0;
  -o-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
}
#progress_bar.loading {
  opacity: 1.0;
}
#progress_bar .percent {
  background-color: #99ccff;
  height: auto;
  width: 0;
}
#byte_content {
  margin: 5px 0;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
#byte_range {
  margin-top: 5px;
}



/* INFO PARA CONSTRUIR THUMBNAILS DE PREVIEW EN CAROUSEL */

.thumbnails {
   padding: 0;
   margin-left:-20px;
   list-style:none;
   *zoom:1;
}
.thumbnails:before,
.thumbnails:after {
   display:table;
   content:"";
   line-height:0;
}
.thumbnails:after{
   clear:both;
}
.row-fluid,  
.thumbnails {
   margin-left:0;
}
.thumbnails > li {
   float:left;
   margin-bottom:0px;
   margin-left:20px;
}
.thumbnail {
   display:block;
   padding:4px;
   line-height:0px;
   border:1px solid #F2EFEF;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
   box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
   -webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;}

a.thumbnail:hover,
a.thumbnail:focus { 
   border-color:#0088cc;
   -webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
   -moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
   box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
   display:block;
   max-width:100%;
   margin-left:auto;
   margin-right:auto;
}
.thumbnail,
.caption { 
   padding:0px;
   /* color:#555555; */
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #cacaca;
}
a.thumbnail.selected {
   opacity:0.5; 
   border-color: #b3645b;   
}

/* PANEL ========================================== */
#padmin {
    background: #FFF;   
    /*  overflow: hidden; */
    text-align: left;
    font: 1.5rem/115% Verdana, Arial, sans-serif;  /* ##f310 */
}
   
#padmin .dropdown { 
    text-align: left; }
   
#padmin .nav {
    /*padding-left: 0;*/
    margin-top:    0px;  
    margin-bottom:  2px; 
    list-style: none;   }

#padmin #ingreso .navbar-default, 
#padmin #ingreso .navbar-collapse,
#padmin #ingreso .navbar-default,
#padmin #ingreso .navbar-form { 
    border-color: #f8f8f8;  }  /* ##f313 */      

#padmin .navbar { 
    margin-top: -2px; margin-bottom: 0px; }
#padmin .navbar-right { 
    float: right !important; margin-right: 0px; }




#padmin .list-group  a:hover,
#padmin .list-group  a:active { 
    text-decoration: none; font-weight: bold; }

#padmin .list-group { /* espacio entre menu principal collapse */
 /*margin-bottom: 12px;*/
 min-height: 20px;
 margin-bottom: 10px;   }

#padmin .list-group i.menu {  /* bajo > para alinearlo con menu principal */
  /* padding: 12px; */
 padding-top: 0px;
 padding-left: 11px;       
}


#padmin .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 0px solid #dddddd;
}


/* CONFIGURAR MENU ACTIVO DE PANELERA */
/* menu activo en side bar */
#padmin .list-group a h4 { 
    margin-bottom: 10px; margin-top: -3px;  }

#padmin a h4       { 
    text-decoration: none; font-weight: normal; color: #000; }
/* menu activo en side bar */
#padmin a h4.active       { 
    text-decoration: none; font-weight: bold; color: #428bca; }
#padmin a h4.active:hover { 
    text-decoration: none; font-weight: bold; }       

#padmin .list-group-item.active,
#padmin .list-group-item.active:hover,
#padmin .list-group-item.active:focus {
    /* text-shadow: 0 -1px 0 #3071a9; */
    /* background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); */
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
    border-color: #ffffff;  }

/* customizacion de menu activo en listas */
#padmin a.list-group-item.active,
#padmin a.list-group-item.active:hover,
#padmin a.list-group-item.active:focus {
    z-index: 2;
    color: #fe01a1;
    text-shadow: none; 
    font-weight: bold;  }

/* padding menu para ordenar espacios */
#padmin .list-group > .list-group {
    padding-bottom: 0px;
    padding-left: 0px;  }

/* estilo msubmenu de 2do nivel */   
/* padding submenu */
#padmin .list-group > ul > .list-group > .list-group-item {
  /* padding: 8px 15px 8px 35px; */   
}

/* junta submenu con secuencia */
#padmin .list-group > ul > .list-group {
  margin-bottom: -1px;
}
   

#StatusProd {
   font-size: 13px;
   padding: 7px;   } 

#padmin .tc1 {
    font-size:100%;
    font-weight:normal;
    line-height: 130%;   /* ver */
    color:#1A1A1C;
    margin: 15px 0px 0px 0px;   }
    
#padmin .tc1 strong {
    color:#2b3755;
    font-weight: bold;  }
    
#padmin .tc1 p {
    line-height: 130%; margin-bottom: .95em;  }

#padmin .tc1 .tc2 {
    margin: 0 0 0 0;    }

#padmin .panel-body em {   /* cuerpo de claves SEO */
   line-height: 80%;    }

#padmin .panel-body em {   /* cuerpo de claves SEO */
   font-size: 100%;
   color: #008000;
   font-style: normal;  }

#padmin tbody td strong {   /* titulo tabla SEO */
   font-weight: bolder;
   font-size: 120%;     }

#padmin .tablaf td strong {   /* enfasis en tabla */
   font-weight: bolder;
   font-size: 90%;      }

#padmin .breadcrumb_path > .active { 
    color: #000; }   /* ##f322  */


/* ---MENU NAVEGACION ----------------------------------------------------- */
#padmin .navbar-default {                   /* ##f306 */
  background-color: #fff; 
  border-color: #fff; 
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px #fff;
  box-shadow: inset 0 3px 9px #fff;
}

#padmin .list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}





/* responsive iframe media embeds */
.iframe.normal {
  height: 0;
  position: relative;
  padding-bottom: 75%;
  border: none;
}
.iframe.wide {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  border: none;
}
.iframe {
  margin: 0 0 1em 0;
  border: none;
}
.iframe iframe {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  border: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* customize prezzi responsive */
.prezziresponsive {
   position:  relative;
   padding-bottom: 56.25%;  /* divide 16:9=0,5625 */
   height: 0;
   margin: 0 auto;
}

.prezziresponsive .iframe {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0px;
   left: 0px;
}
 /* Datatables */
 table.dataTable > tbody > tr.child > td.child {
  line-height: 1;
} 

/* usado para implementacion de spinner en ciertos iconos en botones */
/* Spinner Settings */
.spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;

  -webkit-transition: opacity 0.25s, max-width 0.45s; 
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
}

/* PANEL ========================================== */
#instalar {
   background: #F6F6F6;   
   /*  overflow: hidden; */
   text-align: left;
}

#instalar em {
   font-size: 200%;
   font-weight: bold;
   font-style: normal;
}

#instalar span {
   font-size: 100%;
   font-weight: bold;
   font-style: normal;
}

/* breadcrumb ------------------ */
.breadcrumb_f {
  padding: 10px 15px;
  margin-bottom: 40px;
  list-style: none;
  background-color: #FBFBFB;
  border-radius: 4px;
}
.breadcrumb_f > li {
  display: inline-block;
}
.breadcrumb_f > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb_f > .active {
  color: #999999;
}
.breadcrumb_f em { 
   font-size: 140%; 
   font-style: normal; 
}
.breadcrumb_f > strong > i {
      margin-right: 1%;
}

/* jumbotron customized -------------------------- */
.jumbotron_f {
  padding: 10px 10px 47px 10px;
  margin-bottom: 40px;
  color: inherit;
  background-color: #FBFBFB;
  border-radius: 6px;
}
.jumbotron_f1 {
  padding: 10px 10px 1px 10px;
  margin-bottom: 40px;
  border-radius: 3px;
}
.jumbotron_f em,
.jumbotron_f .em {
  color: inherit;
}
.jumbotron_f em { font-size: 110%; font-style: normal; }

/*
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
*/

/* float label for forms boostrap ------------------------------------ */
/* snip para cambiar label de formularios  https://bootsnipp.com/snippets/56VoR  
   uso: rodear a label e input con  <span class="has-float-label"></span> */ 
/*   
.has-float-label {
  position: relative; 
}
.has-float-label label {
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
            transition: all .2s;
    top: -.5em;
    left: 12px;
    z-index: 3;
    line-height: 1;
    padding: 0 1px; 
}
.has-float-label label::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1; 
}
.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
            transition: all .2s; 
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0; 
}
.has-float-label .form-control:placeholder-shown:not(:focus) + label {
    font-size: 100%;
    opacity: .5;
    top: .5em;
    font-weight: normal; 
    text-transform: lowercase;    
}

.input-group .has-float-label {
    display: table-cell; }
.input-group .has-float-label .form-control {
    border-radius: 4px; }
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px; }

/*  */
/* agrego esto para centrar checkbox en linea 
   evita margen top y botom fijo*/ 
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
}


.has-float-label {
  display: block;
  position: relative;
}
.has-float-label label, .has-float-label > span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: -.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}
.has-float-label label::after, .has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
}
.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    opacity: .5;
    top: .5em;
    font-weight: normal; 
    text-transform: lowercase;    
}

.input-group .has-float-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.input-group .has-float-label .form-control {
  width: 100%;
  border-radius: 0.25rem;
}
.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .has-float-label:not(:first-child), .input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* para expandir input dentro de form-inline 
uso: form-inline | row | col-md-10 | form-group | input-group */
.form-inline .input-group {
    width: 100%;
    padding: 4px; }  


/*
.anchorjs-link {
  border-color: #FF5231 #FF5231 transparent;
  border-width: 15px 7px 6px;
  border-style: solid;
  margin-top: 3px;
  font-size: 22px;
  padding-right: 0 !important;
}
*/

.btn-left {
  text-align: left;
}

/* ----------- login cool ---------- */
.login_cool {
   background-color: transparent;
   padding: 10px;
}

.login_cool .input-group .form-control:last-child,
.login_cool .input-group-addon:last-child,
.login_cool .input-group-btn:last-child > .btn,
.login_cool .input-group-btn:last-child > .btn-group > .btn,
.login_cool .input-group-btn:last-child > .dropdown-toggle,
.login_cool .input-group-btn:first-child > .btn:not(:first-child),
.login_cool .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  background-color: transparent;
  border-radius: 5px;
  border-color: #f6f2e0;
  color: #fff;
}


/* --RESPONSIVE GENERALES-----------------------------------farodelsur ------------------------------- */
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
   /* Styles */

}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
   /* Styles */
   .btn-responsive {
       white-space: normal !important;
       word-wrap: break-word;
   }
}
 
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 479px) {
   /* Styles */
   .btn-responsive {
       white-space: normal !important;
       word-wrap: break-word;
   }
}

/* Extra Small Devices, .visible-xs-* */
@media (min-width: 480px) and (max-width: 767px) {
   /* Styles */
   
   .btn-responsive {
       white-space: normal !important;
       word-wrap: break-word;
   }
   .row,
   .thumbnails { 
      margin-left:0;
   } 
   .thumbnails > li { 
      float:none;
      margin-left:0;
   }   
}


/* Small Devices, .visible-SM-* */
@media (min-width: 768px) and (max-width: 991px) {
   /* Styles */

}

/* Medium Devices, .visible-MD-* */
@media (min-width: 992px) and (max-width: 1199px) {
   /* Styles */

}

/* Large Devices, .visible-LG-* */
@media (min-width: 1200px) {
   /* Styles */

   .thumbnails {
      margin-left:-30px;
   } 
   .thumbnails > li { 
      margin-left:30px;
   } 
   .row-fluid, 
   .thumbnails { 
      margin-left:0;
   }

}

/* Non mobile devices put in different order */