@font-face {
font-family: Quicksand-Bold;
src: url(../css/Quicksand-Bold.otf);
}

BODY{

font-family: Quicksand-Bold
}
root { 
    display: block;
}
html{
    height: 100%
}
body{
    /*font-family:'Montserrat',verdana, Arial, Helvetica, sans-serif;*/ 
    /*text-transform: uppercase;*/
    /*background: #eee;*/
    background: #f2f2f2;
/*
background: -moz-linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 );
*/

    /*background-image: url("../images/linea.png");*/
    /*        background: -moz-repeating-linear-gradient(45deg, #005588, #00aacc 30px, #eee 30px, #eee 71px);
    background: -webkit-repeating-linear-gradient(45deg, #005588, #00aacc 20px, #eee 30px, #eee 71px);
    background-size: 50px 50px;*/
}
.logoProv{
    margin-bottom: 0px;
    position: relative;
    border: 1px solid;
    padding:  40px 20px;
    background: #f3f3f3;
    margin-top: -15px;
    margin-bottom: -15px;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}
.der{
    padding: 55px 20px
}
.img2,.img3{
    padding: 4px;
    /* width: 250px;*/
    text-align: center
}
.img2:hover,.img3:hover{
    border: 2px solid #084B8A;
    background: #E4EBF8;
    padding: 2px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
h1{
    font-size: 24px;
    font-weight: bold;
    color: #eee;
    line-height: 26px;
}

a h3{
    color: #000000;
    font-weight: normal;
    font-size: 1.17em;
}
a, a:hover{
    text-decoration: none
}
.footer{
    position: fixed;
    bottom: 0;
    left: 0; 
    width: 100%;
    height: 21px; /* Altura del Footer en px*/ 
    clear: both; 
    text-align: center; color: #000000;
    background: rgb(0,0,0);
/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 2%, rgba(17,17,17,1) 16%, rgba(40,40,40,1) 34%, rgba(56,56,56,1) 52%, rgba(28,28,28,1) 76%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(0,0,0,1)), color-stop(16%,rgba(17,17,17,1)), color-stop(34%,rgba(40,40,40,1)), color-stop(52%,rgba(56,56,56,1)), color-stop(76%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 16%,rgba(40,40,40,1) 34%,rgba(56,56,56,1) 52%,rgba(28,28,28,1) 76%,rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 16%,rgba(40,40,40,1) 34%,rgba(56,56,56,1) 52%,rgba(28,28,28,1) 76%,rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 16%,rgba(40,40,40,1) 34%,rgba(56,56,56,1) 52%,rgba(28,28,28,1) 76%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 16%,rgba(40,40,40,1) 34%,rgba(56,56,56,1) 52%,rgba(28,28,28,1) 76%,rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 );*/

}
.footer a{
    color: #eee;
    font-size: 9px;
    text-decoration: none;
    text-transform: none;
}
.footer a:hover{
    text-decoration: underline
}
#myCarousel{
    width: 400px;
    margin-top: -40px
}
.carousel-caption{
    padding: 0px
}
.carousel-caption h6{
    color: white
}
.salir{
    text-align: right;
    float: right;
    width: 200px;
    padding-top: 7px;
    padding-right: 13px;

}
.titulo{
          border: none;
        color: #fff;
        background: #066aaf;
background: -moz-linear-gradient(top, #066aaf 0%, #00a4c5 100%);
background: -webkit-linear-gradient(top, #066aaf 0%,#00a4c5 100%);
background: linear-gradient(to bottom, #066aaf 0%,#00a4c5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066aaf', endColorstr='#00a4c5',GradientType=0 );
    /*background: #19458D;*/
/*    -webkit-border-radius: 0 35px 0 35px;
    border-radius: 0 35px 0 35px;*/
    /*height:70px;*/
    /*margin-top: 3% !important;*/
    padding: 10px;

}
.titulo .palabra{
    line-height: 52px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    /*height: 70px*/
}
.titulo .palabra2{
    /*line-height: 52px;*/
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    /*height: 70px*/
}
.alert-gris{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+75,000000+100&0.2+0,0.5+25,0.5+75,0.2+100 */
    /*background: -moz-linear-gradient(left,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.2) 100%);  FF3.6-15 
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0.2) 100%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(to right,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0.2) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=1 );  IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+75,000000+100&0.1+0,0.2+25,0.2+75,0.1+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 75%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.2) 75%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.2) 75%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    border-radius: 10px;

}

.btn-azul{
    background: #19458D;
    color: #fff
}
.btn-azul:hover{
    background: #3865AD;
    color: #fff
}
.principal{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.error{
    color: red;
}
.boxBlanco{
    font-size: 13px;
    background: #fff;
    height: 70px;
    padding: 5px 10px;
    text-transform:initial
}

  .equal 
  /*,.equal > div[class*='col-']*/
  {  
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex:1 1 auto;
        /*alignment-baseline: middle;*/
        /*align-items:flex-end;*/
         /*align-items:stretch;*/
    }
    .cartelBienvenida, .cartelBienvenida h1{
        color:#09337D
    }
    .boxInicio{
        background: rgba(255, 255, 255, 0.8);
        -webkit-border-radius: 5px;
border-radius: 5px;
    }
      .btn-gradiente, .btn-gradiente:active{
        border: none;
        color: #fff;
        background: #066aaf;
background: -moz-linear-gradient(top, #066aaf 0%, #00a4c5 100%);
background: -webkit-linear-gradient(top, #066aaf 0%,#00a4c5 100%);
background: linear-gradient(to bottom, #066aaf 0%,#00a4c5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066aaf', endColorstr='#00a4c5',GradientType=0 );
    }
    .btn-gradiente:hover{
        color:#fff
    }
    
     .btn-gradiente2, .btn-gradiente2:active{
        border: none;
        color: #fff;
        background: #0032a0;
background: -moz-linear-gradient(top, #0032a0 0%, #006aaf 100%);
background: -webkit-linear-gradient(top, #0032a0 0%,#006aaf 100%);
background: linear-gradient(to bottom, #0032a0 0%,#006aaf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0032a0', endColorstr='#006aaf',GradientType=0 );
    }
    .btn-gradiente2:hover{
        color:#fff
    }
    .cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/fondos/pattern.png) repeat top left; 
}
.cb-slideshow li{
    list-style: none;
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    /*background-size: cover;*/
        background-size: 100% 100%;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: right;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    margin-right: 20px;
/*    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; */
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/fondos/foto1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/fondos/foto2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/fondos/foto3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/fondos/foto4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/fondos/foto5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/fondos/foto6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}


.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

/*@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
*/@media screen and (max-width: 600px) { 
    /*.cb-slideshow li div h3 { font-size: 80px }*/
    .box2{margin-bottom: 100px}
}
.cb-slideshow.cb2 li:nth-child(1) span { 
    background-image: url(../images/fondos/2/a.jpg) 
}
.cb-slideshow.cb2 li:nth-child(2) span { 
    background-image: url(../images/fondos/2/b.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow.cb2 li:nth-child(3) span { 
    background-image: url(../images/fondos/2/c.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow.cb2 li:nth-child(4) span { 
    background-image: url(../images/fondos/2/d.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow.cb2 li:nth-child(5) span { 
    background-image: url(../images/fondos/2/e.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow.cb2 li:nth-child(6) span { 
    background-image: url(../images/fondos/2/f.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

.labelBotones{
    padding-top: 10px;
    text-transform: initial;
    text-align: center;
    font-weight: normal;
    color: #4E4E4E;
    font-size: 0.8em;
    line-height: 16px;
    height: 20px;
}

.blur{
    text-shadow: 0 0 2px #171717;
    color: transparent
}
.fondoCalendario{
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 #303030;
box-shadow: 0 0 20px 0 #303030;
-webkit-border-radius: 15px;
border-radius: 15px;
/*padding: 20px*/
}
.mesCalendadio{
    width:250px;
    margin:0px auto;
}

.pure-css-select-style select {
  width: 100%;
  padding-right: 38px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;

  /* Hide arrow on FF */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}
/* Hide arrow on IE10*/
.pure-css-select-style select::-ms-expand {
  display: none;
}
.pure-css-select-style optgroup {
  color: inherit;
  font: inherit;
}
/* IE9: To hide select arrow we make the select overflow on the right side there is not another way :( */
@media screen and (min-width:0\0) {
  .pure-css-select-style select {
    width: calc( 100% + 58px );
  }
}

/* Themes default ----------------------------------------------------------- */
.theme-default {
  /*border: 1px solid #bbb;*/
  border-radius: 2px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat;
}
.theme-default select {
  padding: 8px 38px 8px 8px;
  /* You can style text of the active select option */
  /*font: 400 18px/1.5 'Open Sans', sans-serif;*/
  font-size: 22px;
  color: #666;
}

/* TIMELINE */
/* -------------------------------------
 * timeline
 * ------------------------------------- */
#timeline {
  list-style: none;
  margin: 0px 0 30px 120px;
  padding-left: 30px;
  padding-bottom: 20px;
  /*padding-top: 1px;*/
  border-left: 2px solid #b2b2b2;
}
#timeline li {
  margin: 20px 0;
  position: relative;
}
#timeline p {
  margin: 0 0 15px;
}

.date {
/*  margin-top: -10px;
  top: 50%;*/
  left: -140px;
/*  font-size: 0.95em;
  line-height: 20px;*/
  position: absolute;
  width: 100px;
  top:-8px
}
.date>span{
    display: block;
    text-align: center;
}
.date>.num{
    font-size: 22px
}
.date>.text{
    font-size: 14px
}
.circle {
  margin-top: -5px;
  top: 40%;
  left: -39px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #6c6c6c;
  border-radius: 50%;
  display: block;
  position: absolute;
}

/*.content {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
}
.content:before, .content:after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.content:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.content:after {
  border-right-color: #48b379;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.content p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}

label {
  font-size: 1.3em;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  transition: transform 0.2s linear;
}

.radio {
  display: none;
}

.radio:checked + .relative label {
  cursor: auto;
  transform: translateX(42px);
}
.radio:checked + .relative .circle {
  background: #f98262;
}
.radio:checked ~ .content {
  max-height: 180px;
  border-color: #eee9dc;
  margin-right: 20px;
  transform: translateX(20px);
  transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.radio:checked ~ .content p {
  max-height: 200px;
  color: #eee9dc;
  transition: color 0.3s linear 0.3s;
}*/

.labelLocalidad{
        padding:5px;
    /*background: red;*/
    color: #fff;
    min-width: 206px;
    font-size: 16px
}

.labelLocalidadCompartida{
    min-width: 0;
    display: inline-block;
}

/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #timeline li {
    margin: 50px 0;
  }

  label {
    width: 85%;
    font-size: 1.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
  }

  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 17px;
    top: -16px;
    left: 50px;
    margin-left: -17px;
  }
  .content:after {
    border-bottom-color: #48b379;
    border-width: 20px;
    top: -20px;
    left: 50px;
    margin-left: -20px;
  }
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle, .date {
    display: none;
  }
}
#mesaAyuda{
    text-transform: initial;
}