@font-face {
  font-family: 'gotham-book';
  src: url("../fonts/Gotham/gothambook/gotham-book.eot");
  src: url("../fonts/Gotham/gothambook/gotham-book.woff");
  src: url("../fonts/Gotham/gothambook/gotham-book.ttf");

  
}

@font-face {
  font-family: 'gotham-light';
  src: url("../fonts/Gotham/gothamlight/gotham-light.eot");
  src: url("../fonts/Gotham/gothamlight/gotham-light.woff");
  src: url("../fonts/Gotham/gothamlight/gotham-light.ttf");

  
}



body {
  background: #fff;
  font-family: 'gotham-light', sans-serif;
  font-size: 13px;
  color:#999;
  line-height: 22px;
  height: 100%;
}

html {height: 100%;}











#background-inicio {
 
  background-color: #095ca6;
  
  


/* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */

  
  
}




h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'gotham-book', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 46px;
  color:#000;
}

h2{
  font-size: 14px;
  line-height: 25px;
  
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #c52d2f;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}



 .btn {
 

  background-color: #095ca6;
  border-color: #fff;
  
}
          
 .btn:hover {
 

  background-color: #000;
  
}

.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center {
  text-align: center;

  font-weight: 400;
}



.center h2 {

  /* font-size: 36px; */                /* TAMAÑO DE LOS TITULOS */
  font-family: 'gotham-light', sans-serif;
  font-size: 18px;
  color:#fff;

  margin-top: 0;
  
}


.marginado-izq {
  text-align: left;
}

.marginado-izq h2 {
  font-family: 'gotham-light', sans-serif;
  
  font-size: 18px;
  color:#fff;

  
}





.center h1{

  /* font-size: 36px; */                /* TAMAÑO DEL TITULO MAGIANA SA */

  font-size: 35px;
  font-weight: 700;
  margin-top: 0;
  color: #00a3e3;                     
  
}


.center h5{

  /* font-size: 36px; */                /* TAMAÑO DEL TITULO FACILITY SERVICE ..... */

  font-size: 28px;
  font-weight: 400;
  margin-top: 0;
  color: #005eaa;
  
}

.center h3{

  /* font-size: 36px; */                /* TAMAÑO DE LOS TITULOS ICONOS HOME */

  font-size: 27px;
  font-weight: 700;
  color: #00a3e3;
  
}




.center h4{

  /* font-size: 36px; */                /* TAMAÑO DE Los TITULO */

  font-size: 35px;
  font-weight: 700;
  margin-top: 0;
  color: #00a3e3;

  
}



.center span {
  display: block;
  width: 70px;
  height: 4px;
  background: #ccc;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
}









.scroll-top {
  font-size: 30px;

}

.scroll-top i {
  color: #fff;


}

.scroll-top i:hover {
  color: #005eaa;


}

.scroll-link {

  font-size: 30px;

  
}



.ir-abajo{

  position: absolute;
  right: 0;
  left: 0;
  z-index: 1029;
  bottom: 0;
  margin-bottom: 30px;
 
  
}


#fondo-rayas{

  position: absolute;
  
  right: 0;
  left: 0;
  bottom: 0;
  height: 314px;
 
  background-image: url(../images/background-rayas.png);
  
}


#fondo-rayas2{

  position: absolute;
  
  right: 0;
  left: 0;
  bottom: 0;
  height: 314px;
 
  background-image: url(../images/background-rayas2.png);
  
}



.ir-abajo a {

  color: #fff;
  
  
}

.ir-abajo a:hover {

  color: #005eaa;
  
}





.margen-top-10 {margin-top: 10px;}
.margen-top-20 {margin-top: 20px;}
.margen-top-30 {margin-top: 30px;}
.margen-top-40 {margin-top: 40px;}
.margen-top-50 {margin-top: 50px;}
.margen-top-60 {margin-top: 60px;}

.margen-top-70 {margin-top: 70px;}

.margen-top-80 {margin-top: 80px;}

.margen-top-100 {margin-top: 100px;}
.margen-top-140 {margin-top: 140px;}
.margen-top-180 {margin-top: 180px;}



.pading-top-30 {padding-top: 30px;}
.pading-top-40 {padding-top: 40px;}
.pading-top-50 {padding-top: 50px;}
.pading-top-60 {padding-top: 60px;}
.pading-top-70 {padding-top: 70px;}



.container {
 /* background-color: #000; */


}



.item img {
  max-width: 180px;
    width: 100%;
    height:100%;
    margin-top: 80px;
    
    }

.fotocentralhome .item img {
    width: 75%;
    
    }












.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 10px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}



/*************************
********* Contact Us CSS ******
**************************/




#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
}

.form-group .form-control {
  padding: 7px 12px;
  background-color: #095ca6;
  color: #fff;
  border-color: #fff;

  box-shadow: none;

}

.form-group label {
  color: #fff;
  font-size: 13px;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}






.top-40  {
  margin-top: 40px;
}


.bottom-10  {
  margin-bottom: 10px;
}

.bottom-20  {
  margin-bottom: 20px;
}

.bottom-40  {
  margin-bottom: 40px;
}

.bottom-50  {
  margin-bottom: 50px;
}

.bottom-60  {
  margin-bottom: 60px;
}

.bottom-70  {
  margin-bottom: 0px;
}

.bottom-120  {
  margin-bottom: 80px;
}


.pr-10 { padding-right: 10px }
.pr-5 { padding-right: 5px }


.signo-visto i {
  color: #107f75;
  font-size: 14px;
}