/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  /*padding-bottom: 40px;
  color: #5a5a5a;*/
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*.carousel {
   margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  z-index: 1;
  font-family: 'Dosis', sans-serif;
   font-weight: 400;
}

/* Declare heights because of positioning of img element */
/*.carousel .item {
  height: 370px;
  background-color:#555;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 370px;
}*/



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}
/* ORIGINAL
-------------------------------------------------- */
.table{
   width:100%;
   margin-bottom:5px;
}
.table-servicios{
   width:100%;
   margin-bottom:20px;
}
.fondo{
background-color:#fff;
}
.listaservicios{
   list-style-image:url(../img/check.png);
   padding:0px;
   line-height: 30px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 36px;
   color: #333333;
   font-size: 14px;
   line-height: 23px;
   text-align: left;
   vertical-align: text-bottom;
   width:80%;
   margin:10px;
   margin-left: 10%;
}
.listaservicios-bold{
   list-style-image:url(../img/check.png);
   padding:0px;
   line-height: 30px;
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   font-size: 36px;
   color: #333333;
   font-size: 14px;
   line-height: 23px;
   text-align: left;
   vertical-align: text-bottom;
   width:80%;
   margin:10px;
   margin-left: 10%;
}
.subtitulo-naranja{
   padding:0px;
   line-height: 30px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 36px;
   color: #fa6104;
   font-size: 16px;
   line-height: 20px;
   text-align: left;
   vertical-align: text-bottom;
   width:80%;
   margin:10px;
}
.fdo-bn{
background-color: transparent;
}
.top{
   background-image: url(../img/enc-back.png);
   width:101%;
   text-align: center;
   border:0px;
}
.campo{
 width: 400px;
 margin: 0 auto;
 padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}
.formulario{
   background-image: url(../img/fdo-form.png);
   background-repeat:no-repeat;
   padding-left:20px;
   padding-right:20px;
   padding-top:2px;
}
.titulos {
   font-family: 'Dosis', sans-serif;
   font-weight: 400;
   color: #FFFFFF;
   font-size: 36px;
   line-height: 80px;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
   background-color:#2172a3;
}
.slogan-pie {
   font-family: 'Dosis', sans-serif;
   font-weight: 400;
   color: #FFFFFF;
   font-size: 26px;
   line-height: 80px;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
   background-color:#2172a3;
}
.titulos-slide {
   font-family: 'Dosis', sans-serif;
   font-weight: 400;
   color: #fff;
   font-size: 36px;
   line-height: 80px;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.subtitulos {
   font-family: 'Dosis', sans-serif;
   font-weight: 400;
   color: #4B4B4B;
   font-size: 28px;
   line-height: 40px;
   text-align: left;
}
.container-full h1 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 36px;
   letter-spacing: -1px;
   color: #666666;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.2);
   padding: 0px;
   background-color:#EEE
}
.container-full h2 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 24px;
   letter-spacing: -1px;
   color: #666666;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.2);
   padding: 0px;
   background-color:#EEE
}

.slogan {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 30px;
   letter-spacing: -1px;
   color: #666666;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.2);
   padding: 0px;
   margin: 0px;
}
.slogan1 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 24px;
   text-shadow:#FFFFFF;
   color: #666666;
   text-align: center;
   margin-bottom: 0px;
}
.txt {
   padding:10px;
   line-height: 30px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 36px;
   color: #333333;
   font-size: 14px;
   line-height: 20px;
   text-align: left;
   vertical-align: text-bottom;
   width:80%;
   margin:10px;
   margin-left: 10%;
}
.pie {
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   color: #333333;
   text-align: center;
   vertical-align: middle;
}
a.menus:link {
   text-decoration:none;
   color: #ffffff;
   font-size: 11px;
} /* Link no visitado*/
a.menus:visited {
   text-decoration:none;
   color:#cccccc;
   font-size: 11px;
} /*Link visitado*/
a.menus:active {
   text-decoration:none;
   color: #ffffff;
   font-size: 11px;
} /*Link activo*/
a.menus:hover {
   text-decoration:underline;
   color: #505050;
   font-size: 11px;
} 
.bn-enviar {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   line-height: 16px;
   color: #000;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.2);
   height: 60px;
   width: 80px;
   padding-right: 10px;
   padding-left: 10px;
}
.bn-reset {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   line-height: 16px;
   color: #000;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.2);
   height: 60px;
   width: 110px;
   padding-right: 10px;
   padding-left: 10px;
}
.medio {
   margin:0;
   text-align: center;
   margin-left: 20%;
   padding-left: 10px;
   width:50%;
   float:left;
   }
.logo {
   width: 100% !important;
   max-height: 82px !important;
   padding: 0;
   overflow: hidden !important;
   position: relative;
}
.img {
   max-width: 100% !important;
   height: auto;
   text-align: center;
}
.center-logo {
   float:left;
}
.center {
   margin: 0 auto;
}
.caja {
 width: 90%;
 margin: 0 auto;
 border:0px;
}
.politicas{
   
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   color: #d39a05;
   font-size: 12px;
   
}

.campos {
    font-family:Verdana,Helvetica;
    font-size:12pt;
    width: 400px;
    color:#696969;
    padding: 5px 7px 5px 7px;
    border:1px solid #0000FF;
    background:#FFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 15px;
}

.boton{
    font-size:12px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    border:0px;
    width:120px;
    height:25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 15px;
}
.btn-flotante{
   position:fixed;
   width:60px;
   height:60px;
   bottom:40px;
   left:20px;
   background-color:#15638c;
   color:#FFF;
   border-radius:50px;
   text-align:center;
  font-size:30px;
   box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.btn-flotante:hover {
   text-decoration: none;
   color: #15638c;
  background-color:#fff;
}

.btn-flotante{
   margin-top:16px;
}