.h550{
    height: 550px;
  }
  .w350{
    min-width: 350px;
    max-width: 350px;
  }
  .nopadding {
     padding: 0 !important;
     margin: 0 !important;
  }
  .feedback {
    background-color : #0275d8;
    color: white;
    padding: 10px 10px;
    border-radius: 4px;
    border-color: #46b8da;
  }

  #feed{
    position: fixed;
    top: 60px;
    left: 10px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 9999;
  }

  #slideout_inner {
    position: fixed;
    bottom: 75px;
    left: 10px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  #slideout:hover {
    left: 250px;
  }
  #slideout:hover #slideout_inner {
    left: 0;
  }
  #accordion{
    position: fixed;
    top: 60px;
    left: 10px;
    background: #878787;
    min-width: 350px;
    z-index: 9999;
    border: 1px solid #000;
    border-radius: 15px;

  }
  .widgetx .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
}
.nopadding{
  padding: 0px !important;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.limiteTABLA {
  min-width: 400px;
  margin-bottom: 20px;
  /*max-width: 1200px;*/
  /*background-color: lightblue;*/
}

.highlight, .highlight_stay{
    color:red;
}

.paginationAG {
  display: inline-block;
  padding-left: 0;
  margin: 5px 0;
  border-radius: 4px;
}

.paginationAG > li {
  display: inline;
}

.paginationAG > li > a,
.paginationAG > li > span {
  position: relative;
  float: left;
  padding: 2px 8px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}


.enca {
        background: #424242;
        color: white;
        font-weight: bold;
        text-align: center;
        padding: 5px 10px;
        margin-top: 20px !important;
    }

.celdanon {
        background: #eee;
    }

.bordeBajo {
  border-bottom: 1pt solid #b7b7b7;
}

.bordeAlto {
  border-top: 1pt solid #b7b7b7;
}

.bordeDerecho {
  border-right: 1pt solid #b7b7b7;
}

.bordeIzquierdo {
  border-left:  1pt solid #b7b7b7;
}

.bordeIzquierdoNON {
  border-left:  1pt solid #b7b7b7;
}

div.panel:first-child {
    margin-top:20px;
}

#result td {
    padding: 5px 10px;
}

/*-------------------------------------------------------------------------------------
                          INICIO catalogo
-------------------------------------------------------------------------------------*/

div.treeview {
    min-width: 100px;
    min-height: 100px;

    max-height: 256px;
    overflow:auto;

	padding: 4px;

	margin-bottom: 20px;

	color: #369;

	border: solid 1px;
	border-radius: 4px;
}
div.treeview ul:first-child:before {
    display: none;
}
.treeview, .treeview ul {
    margin:0;
    padding:0;
    list-style:none;

	color: #000;
}
.treeview ul {
    margin-left: 15px;
    position:relative
}
.treeview ul ul {
    margin-left: 25px;
}
/*.treeview ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    left:0;
    border-left:1px solid;


    bottom:15px;
}*/
.treeview li {
    margin:0;
    padding:0 0;
    /*line-height:1em;*/
    font-weight:300;
    font-size: 13px;
    position:relative
}
/*.treeview ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}*/
.tree-indicator {
    margin-right:5px;

    cursor:pointer;
}
.treeview li a {
    text-decoration: none;
    color:inherit;

    cursor:pointer;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
/*-------------------------------------------------------------------------------------
                          FIN catalogo
-------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------
                          INICIO catalogo B
-------------------------------------------------------------------------------------*/
div.treeviewB {
    min-width: 100px;
    min-height: 100px;

    max-height: 256px;
    overflow:auto;

  padding: 4px;

  margin-bottom: 20px;

  color: #369;

  border: solid 1px;
  border-radius: 4px;
}
div.treeviewB ul:first-child:before {
    display: none;
}
.treeviewB, .treeviewB ul {
    margin:0;
    padding:0;
    list-style:none;

  color: #000;
}
.treeviewB ul {
    margin-left: 15px;
    position:relative
}
.treeviewB ul ul {
    margin-left: 25px;
}
.treeviewB li {
    margin:0;
    padding:0 0;
    /*line-height:1em;*/
    font-weight:300;
    font-size: 13px;
    position:relative
}
.tree-indicator {
    margin-right:5px;

    cursor:pointer;
}
.treeviewB li a {
    text-decoration: none;
    color:inherit;

    cursor:pointer;
}
.treeviewB li button, .treeviewB li button:active, .treeviewB li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

/*-------------------------------------------------------------------------------------
                          FIN catalogo B
-------------------------------------------------------------------------------------*/

/*TOOLTIP*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*
--------------------FOOTER-----------------------
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
footer { background-color:#0c1a1e; font-family: 'Open Sans', sans-serif; }
.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom {  margin-top:20px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }




 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}


 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}