@font-face {
    font-family: 'OmnesRegular';
    src: url('fuentes/Omnes-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OmnesLight';
    src: url('fuentes/Omnes-Light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OmnesBold';
    src: url('fuentes/Omnes-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBold';
    src: url('fuentes/Lato-Bol.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoLight';
    src: url('fuentes/Lato-Lig.ttf');
    font-weight: normal;
    font-style: normal;
}
/*font-family: 'DinProLight', sans-serif !important;*/
#textoHeader{
   font-family: 'OmnesRegular', sans-serif !important;
   font-size: 50px;
   color: #FFF;
   padding-top: 50px;
   text-align: center;
}
#titulos {
   font-family: 'LatoLight';
   font-size: 40px;
   color: #333;
   text-align: center;
   padding-top: 50px;
}
#tituloCaracteristicas {
   font-family: 'LatoBold';
   font-size: 30px;
   color: #333;
   text-align: center;
   padding-top: 10px;
}
#textoCaracteristicas {
   font-family: 'LatoLight';
   font-size: 15px;
   color: #333;
   text-align: center;
   padding-top: 10px;
}
#textoSistema {
   font-family: 'LatoLight';
   font-size: 15px;
   color: #333; 
   text-align: center;
}
.btn-danger {
   font-family: 'OmnesRegular' !important; 
}
#labelContacto {
   font-family: 'LatoLight' !important;
   color: #FFF;
   font-weight: lighter;
}
#textoContacto {
   font-family: 'LatoLight';
   font-size: 15px;
   color: #FFF; 
   padding-top: 20px;
}
#textoPie {
   font-family: 'OmnesRegular';
   font-size: 15px;
   color: #FFF; 
   padding: 10px; 
}
.thumb{
    height:200px;
    background:#E6E6E6;
  	position: relative;
	overflow: hidden;
	display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
  
.thumb .caption{
	padding: 9px;
  	opacity:1;
    -moz-opacity: 0.5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    color: #fff !important;
    font-family: 'LatoBold';
    text-align: center;
    padding-top: 60px;
    font-size: 30px;
    line-height: 30px;
  	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}