.button1{
  background-color: #0C231E;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 14px;
  padding: 10px 25px;

}
#image-map {
   position: relative;
   margin: 50px auto 20px auto;
}
.pin2, .pin1, .pin3, .pin4, .pin5 {
  display: none;
  margin: 100px auto 290px auto;
}
.tooltip-up2, .tooltip-down2 {
    position: absolute;
    background: url("../MapaRedAtencion/imgmapas/MapaRedAtencion_r2_c2.gif");
    width: 8px;
    height: 8px;
}
.tooltip-down2 {
    background-position: 8px -19px;
}
.tooltip2, .tooltip1, .tooltip3, .tooltip4, .tooltip5 {
 display: none;
 text-align: center;
 width: 500px;
 height: 255px;
 text-shadow: 0 1px 0 #fff;
 position: absolute;
 margin-bottom: px;
 left: 50%;
 z-index: 10000;
 margin-left: -115px;
 padding:15px;
 color: #222;
 border-radius: 5px;
 box-shadow: 3px 3px 3px 3px rgba(0,0,0,.7);
 background: #FFFF;
 background: linear-gradient(top, #fff1d3, #ffdb90);

}
@media only screen and (max-width: 800px)  {
   .tooltip2, .tooltip1, .tooltip3, .tooltip4, .tooltip5 {
     display: none;
     text-align: center;
     width: 500px;
     height: 350px;
     text-shadow: 0 1px 0 #fff;
     position: absolute;
     left: 50%;
     z-index: 10000;
     margin-left: -115px;
     padding:15px;
     color: #222;
     border-radius: 5px;
     box-shadow: 3px 3px 3px 3px rgba(0,0,0,.7);
     background: #FFFF;
     background: linear-gradient(top, #fff1d3, #ffdb90);

 }
}

.tooltip2::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 23%;
    margin-left: -10px;
    border-bottom: 10px solid #fff1d3;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
    z-index:100;
}

.tooltip-down2 .tooltip2, .tooltip-down1 .tooltip1, .tooltip-down3 .tooltip3, .tooltip-down4 .tooltip4, .tooltip-down5 .tooltip5 {
    bottom: 10px;
    top: auto;
}

.tooltip-down2 .tooltip2::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}

.tooltip2 h2 {
 font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
 font-size: 20px;
 position: absolute;
 top: -15px;
 text-align: center;
}

.tooltip2 ul {
    text-align: center;
    margin-bottom: -10PX;
    padding: 0;
    list-style: none;
}

/* Begin styling the tooltips and pins */
.tooltip-up1, .tooltip-down1 {
    position: absolute;
    background: url("../MapaRedAtencion/imgmapas/MapaRedAtencion_r5_c3.gif");
    width: 8px;
    height: 8px;
}
.tooltip1::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 23%;
    margin-left: -10px;
    border-bottom: 10px solid #fff1d3;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
}
.tooltip-down1 {
    background-position: 8px -19px;
}
.tooltip-down1 .tooltip1::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}
.tooltip1 h2 {
    font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
    font-size: 20px;
    position: absolute;
    top: -15px;
    text-align: center;
}
.tooltip1 ul {
    text-align: center;
    margin-bottom: -10PX;
    padding: 0;
    list-style: none;
}


/* Begin styling the tooltips and pins */
.tooltip-up3, .tooltip-down3 {
    position: absolute;
    background: url("../MapaRedAtencion/imgmapas/MapaRedAtencion_r8_c28.gif");
    width: 8px;
    height: 8px;
}
.tooltip3::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 23%;
    margin-left: -10px;
    border-bottom: 10px solid #fff1d3;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
}
.tooltip-down3 {
    background-position: 8px -19px;
}
.tooltip-down3 .tooltip3::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}
.tooltip3 h2 {
    font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
    font-size: 20px;
    position: absolute;
    top: -15px;
    text-align: center;
}
.tooltip3 ul {
    text-align: center;
    margin-bottom: -10PX;
    padding: 0;
    list-style: none;
}

/* Begin styling the tooltips and pins */
.tooltip-up4, .tooltip-down4 {
    position: absolute;
    background: url("../MapaRedAtencion/imgmapas/MapaRedAtencion_r77_c44.gif");
    width: 8px;
    height: 8px;
}
.tooltip-down4 {
    background-position: 9px -21px;
}
.tooltip-down4 .tooltip4::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}
.tooltip4 h2 {
    font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
    font-size: 20px;
    position: absolute;
    top: -15px;
    text-align: center;
}
.tooltip4 ul {
    text-align: center;
    margin-bottom: -10PX;
    padding: 0;
    list-style: none;
}


/* Begin styling the tooltips and pins */
.tooltip-up5, .tooltip-down5 {
    position: absolute;
    background: url("../MapaRedAtencion/imgmapas/MapaRedAtencion_r105_c97.gif");
    width: 8px;
    height: 8px;
}
.tooltip5::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 23%;
    margin-left: -10px;
    border-bottom: 10px solid #fff1d3;
    border-left: 10px solid transparent;
    border-right : 10px solid transparent;
}
.tooltip-down5 {
    background-position: 9px -24px;
}
.tooltip-down5 .tooltip5::after {
    bottom: -10px;
    top: auto;
    border-bottom: 0;
    border-top: 10px solid #ffdb90;
}
.tooltip5 h2 {
    font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
    font-size: 20px;
    position: absolute;
    top: -15px;
    text-align: center;
}
.tooltip5 ul {
    text-align: center;
    margin-bottom: -10PX;
    padding: 0;
    list-style: none;
}


#titulocec{
    text-align: center;
}
#infofici{
    text-align: left;
}

.btn-info{
  font-size: 13px;
  width: 100%;
  background-color: #0C231E;
  border-color: #0C231E;
  text-decoration: none;
}
.btn-info:hover{
    background-color: #0C231E;
    border-color: #0C231E;
    text-decoration: none;

}
.img-instu{
  margin-bottom: 40px;
  border: 2px solid;
  border-radius: 6px;
  border-color:#0C231E ;
  position: relative;
  top: 20px;
}



.containere img {
    width: 230px;
    height: 200px;
    position: relative;
}

@media only screen and (max-width: 800px)  {
 .containere img {
    width: 230px;
    height: 200px;
    position: relative;
    left: 10px;
}
}
@media only screen and (max-width: 1202px)   {
 .autorinfo  {
    position: relative;
    left: 100px;
}
}

@media only screen and (max-width: 1202px)   {
 #autoi  {
    position: relative;
    left: 200px;
}
}
@media only screen and (max-width: 767px)   {
 #autoi  {
    position: relative;
    left: -10px;
}
}

.containere2 {
    width: 250px;
    height: 250px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    bottom: 50px;
}

.direccioncec{
    font-size: 16px;
}
.desplazo{
    position: relative;
    left: 140x;
}
.imgcec{
    position: relative;
    left: 20px;
    transition: transform .2s; /* Animation */

}

.imgcec:hover {
    position:relative;
    top:-120px;
    left:-243px;
    width:457px;
    height:260px;
    display:block;
    z-index:999;
}

.imgcec:hover {
    transform: scale(1.7);
}

@media only screen and (max-width: 767px)   {
  .imgcec{
    position: relative;
    left: 20px;
    transition: transform .2s; /* Animation */
}
.imgcec:hover {
    position:relative;
    top:-120px;
    left:100px;
    width:400px;
    height:230px;
    display:block;
    z-index:999;
}
.imgcec:hover {
    transform: scale(1.7);
}


}

#call{
    display: inline;
}

#direcciontitle{
    position: relative;
    left: 100px;
}


/*#croquistitle{
    position: relative;
    left: 200px;
}
*/

.imgcec2{
    position: relative;
    left: 20px;
    transition: transform .2s; /* Animation */

}

.imgcec2:hover {
    position:relative;
    top:100px;
    left:203px;
    width:357px;
    height:210px;
    display:block;
    z-index:999;
}

.imgcec2:hover {
    transform: scale(1.7);
}

@media only screen and (max-width: 767px)   {
  .imgcec2{
    position: relative;
    left: 20px;
    transition: transform .2s; /* Animation */
}
.imgcec2:hover {
    position:relative;
    top:-120px;
    left:100px;
    width:400px;
    height:230px;
    display:block;
    z-index:999;
}
/*.imgcec2:hover {
    transform: scale(1.7);
    }*/

}


#table1 td {
   height: 2px;
   width: 120px;
   vertical-align:top;

}
.s{
   height: 2px;
   width: 100px;
   border: 2px solid #EFEFEF;
   vertical-align:top;
}
.p{
   width: 10px;
}

.j{
    width: 1000px;
}
#espacio{
    visibility: hidden;
}
.f {
   height: 2px;
   width: 300px;
   vertical-align:top;
}

.containerdiv {
  border: 0;
} 
.cornerimage {
    position: relative;
    left: 2px;
    bottom: 65px;
} 

.cornerimage2 {
    position: relative;
    left: 2px;
    bottom: 65px;
} 

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #EFEFEF !important;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
}



.textocentrado{
text-align: center !important;
}
.textoizquierda{
    text-align: right;
}
.centradopg{
padding: 10px 100px 20px 2px;
}
.solo_pa{
    padding-right: 100px
}