body {
  background-color: #ff7f7c;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

body, html { height: 100%; margin: 0; padding: 0; }

.navbar-brand {
  padding: 0; /* firefox bug fix */
  display: block;
  overflow: hidden;
  position: relative;
  height: 90px;
}
.navbar-brand>img {
  height: 100%;
  width: auto;
}


a, a:hover { text-decoration: none;}

p { font-size: 16px; line-height: 1.5; color: #000; font-weight: 400!important; }

h1 { color: #000; font-family: "Oswald", sans-serif;  font-size: 20px; letter-spacing: 2px; margin-top: 0; }

h1:after {
    content: "";
    position: relative;
    width: 55px;
    height: 4px;
    background: #000;
    z-index: 1;
    display: block;
    margin-top: 15px;
    margin-bottom: 30px;
  }

h2 { color: #ff7e7d ; background-color: #000; margin-bottom: 20px;
  display: inline-block; padding: 5px 7px 6px 7px;
  font-size: 20px; text-transform: uppercase; margin-top: 0; }

h3, h4 { margin-top: 0; margin-bottom: 10px; }

h3 {font-size: 18px;}
h4 {font-size: 15px;}

h3 span { font-weight: 300; letter-spacing: 0.15rem; font-size: 15px; }


h4 { margin-bottom: 25px; color: #000}

h5 { font-size: 14px; color: #000; margin:7px 0;  line-height: 1.8rem;
  text-transform: uppercase; }


.tag { display: inline-block; font-size: 15px; margin-bottom: 5px; font-weight: 500; }
.tag i { margin-right: 10px; }

input { margin-bottom: 20px;}

.btn, .btn_volver { font-size: 14px; font-weight: normal; 
display: inline-block; background-color: transparent;
padding: 16px 32px; border: 2px solid #000; color: #000; margin-bottom: 30px;}

.btn { float: right; }
.btn_volver { float: left; }
.btn:hover, .btn_volver:hover { background-color: #ff4747; 
  border: 1px solid #ff4747; color: #fff; text-decoration: none;}

.btn-social { display: block; margin-bottom: 15px; }
.btn-social a i { margin-right: 10px; font-size: 24px; }
.btn-social a { color: #000; font-weight: 500; font-size: 16px; text-decoration: none;
  -webkit-transition: background-color 300ms linear 0s;
  -o-transition: background-color 300ms linear 0s;
  -ms-transition: background-color 300ms linear 0s;
  -moz-transition: background-color 300ms linear 0s;
  transition: background-color 300ms linear 0s;
  }
.btn-social a:hover { color: #fff; }

li { list-style-type: none; } 

.navbar-brand { padding: 0px; }
.navbar > .container .navbar-brand { margin-left: 0;}
.navbar-brand span >img {
  height: 100%;
  padding: 5px 13px;
  width: auto;
}

.navbar-default { background-color: #ff7e7d; border: none; border-radius: 0; }

.navbar-default .navbar-brand { margin-left: 30px; }


/*boton menu mobile */
.navbar-default .navbar-toggle {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
}


.navbar-default .navbar-nav > li > a { color: #000; font-size: 15px; }

.navStyle > li { margin-left: 4px;}
.navStyle > li > a {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: background-color 300ms linear 0s;
  -o-transition: background-color 300ms linear 0s;
  -ms-transition: background-color 300ms linear 0s;
  -moz-transition: background-color 300ms linear 0s;
  transition: background-color 300ms linear 0s;
}

.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li a:focus {
  color: #fff;
  background-color: #ff4747;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #ff4747;
  color: #fff;
}

.enproceso { font-size: 15px; text-transform: none; font-weight: 400; }


.section img, .cuerpo img { width: 100%; }

#leng-menu ul li a { font-size: 16px; text-decoration: none; color: #000; padding: 5px 0; }
#leng-menu ul li a:hover, #leng-menu ul li a:active, #leng-menu ul li a:focus, #leng-menu ul li .activo { color: #fff; background-color: transparent; }

#leng-menu ul li .guion:after { content: "|"; color: #000; padding: 0;
margin: 0; margin-left: 6px;}
#leng-menu ul li:last-child { padding-left: 7px; }

.linea-img { border-bottom: 1px solid #fff; }

.navbar-default .navbar-collapse { border:none; }

.navbar-collapse { box-shadow: none;}

#bertolini-gif { width: 600px; height: auto; display: block;
 margin: 0 auto; }

 .carousel-caption h2, .new-caption-area h2 {
   margin-top: 7px;
   margin-bottom: 10px;
 }

 .carousel-indicators li {
  background-color: #000;
  border: none;
 }
 .carousel-indicators .active {
  background-color: #ff4747;
 }
 .carousel-indicators li, 
 .carousel-indicators .active {
   width: 12px!important;
   height: 12px!important;
   margin: 2px;
 }

 .video-dbor {
  width: 100%;
  height: auto;
  margin-top: 20px;
 }

 .detalle-lista { margin-bottom: 20px; }
 .detalle-lista li {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 17px;
 }

@media screen and (min-width: 768px) {

  .section { margin-top: 20px; }
  .cuerpo  { margin-top: 30px; }

}





@media (min-width: 768px) {

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  #leng { display: block; overflow: 
  hidden; margin-bottom: 20px; }

  #leng-menu { height: 30px !important; display: block; width: 100%; 
  margin: 5px 0; }

  #main-menu, 
  #leng-menu ul, #main-menu ul  { 
  padding: 0; margin: 0; }


  .navStyle { border: none; float: right;}
  .navbar-nav { margin-bottom: 0; } 

  .columna {
   column-count: 3;
   column-gap: 9px;
   column-fill: auto;
}

#principal {
  position:fixed;
  bottom:0px;
  width:100%; 
}

#principal img {
  width:900px; /* min width should give to center the div.*/
  margin:0 auto; /*here it will make center */
}

form { margin-top: 30px; }
.respuesta-box { padding-top: 100px; }

}

@media (max-width: 767px) {

  .none { display: none;}
  
  .columna {
   column-count: 1;
   column-gap: 9px;
   column-fill: auto;
}

  .clearing { 
    clear: both;
  }

  .navbar-brand > img {
    margin-left: 15px;
  }
  .section { margin-top: 40px; }

  .leng-menu-li { float: right; margin-right: 10px; }
  .leng-menu-li li { display: inline-block !important; }

  .navStyle > li {
    margin-left: 0;
  }

  .nav > li { padding-left: 0;}
  
  #principal {
  width: 100%;
  overflow: hidden;
}

#principal img {
  width:100%; /* min width should give to center the div.*/
  height: auto;
}
}

small { font-size: 13px; font-weight: 500;
  display: block; color: #ff4747;  }

.text-right h5,
.text-right p, .text-right small 
{ text-align: right !important; }

.dbor h5 { margin-top: 30px; }

.fa { color: #000; }

.nav-pills li a { font-size: 13px; color: #fff;}

.fila { margin-bottom: 30px;}


.contenedor {
   width: 100%;
   max-width: 100%;
   margin: 0 auto;
}

.tab-content, .text-justify { text-align: justify; }

.date-video { display: block; }
.caption p, .date-video { margin-bottom: 0; font-size: 14px; font-weight: 400;}
.caption p span, .date-video b { font-weight: 600; }

.img-contacto { width: 100%; }

.thumbnail {
    padding: 0;
    margin-bottom: 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.pager { 
 margin-top: 0;
 margin-bottom: 5px;
}

ul { padding-left: 0; }

.modal-content { background: #000; }

@media screen and (min-width: 768px) {
.carousel-indicators {
    bottom: -30px;
}
}

.pager { text-align: right; }

.pager li > a, .pager li > span {
    display: inline-block;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.pager li > a:active, .pager li > span:active,
.pager li > a:focus, .pager li > span:focus 
{ background-color: transparent; }

.pager li > a:hover, .pager li > span:hover
{ background-color: #ff4747; }


.pager li a .fa {
    font-size: 25px;
    color: #000;
}

.pager li a:hover .fa {
  color: #fff;
}

.modal-body { padding: 0; } 
.modal-content { border: 0; }

.img-cont, .img-dbor  { position: relative; z-index: -9999;}

.img-cont img { 
position: fixed;
border: 5px;
bottom: 0;
right: 0;
width: 50%;

}

.img-dbor img { 
position: fixed;
border: 5px;
bottom: 0;
right: 0;
width: 30%;
}

.carousel-indicators
{
    width: 5%;
    bottom: 52%;
    margin-left: -51%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

.video { background-color: #000; }
.video > .item > iframe {
    height: 350px;
}

#menu-dbor { margin-bottom: 50px; }

.nav-tabs { border-bottom: none; margin-top: 0; }
.nav-tabs > li { padding-left: 0;}
.nav-tabs > li > a { 
  color: #000;
  border: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.25s ease-in-out;
  background-color: #ff7e7d;
} 

.nav-tabs > li > a:hover { 
  color: #fff;
  background: transparent;
} 

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus { 
  background-color: #ff4747;
  border: none;
  border-radius: 0;
  color: #fff;
}

.none { display: none;}

.respuesta-box { width: 100%; text-align: center; }
.respuesta { font-size: 15px; }
.respuesta i { margin-right: 5px; }