@font-face {
	font-family: "Avenir Roman";
	src: url(../img/AvenirRoman.otf) format("opentype");
}


body {
  font-family: Calibri;
  font-size: 16px;
  color: #64686d;

/*  padding-top:15px;
*/  margin:0;

  height:100%;
  
  
}


footer{
	padding-left:50px !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  
font-family: "Avenir Roman";

}

.padding-top{
 padding-top:20px;
}


.listado-proyectos{
margin:40px auto;
/*margin-left:70px;*/
max-width:400px;

}

h2{
color: #6F6F6F;
}

h3{

font-family: "Avenir Roman";
color: #777777;
}

h4{

font-family: "Avenir Roman";
color: #8C8C8C;
}




a {
  color: #45aed6;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #2a95be;
}

hr {
 /*border-top:thin solid #2784AD;*/
 border-top:thin solid #F1F1F1;
  border-bottom: 1px solid #fff;
  width:66%;
  height:2px;
  margin-bottom:0 !important;
 
  
}


							/****INDEX  ******/
.contenedor {
    display:table;
	height:100%;
    width: 100%;   
    padding: 0 0 0 0; /*set left/right padding according to needs*/
	border:0;
	margin:0;
	
}
.tabla_renglon {
    height: 100%;
    display: table-row;
	
}

.fondo_negro_portada {
    background: #000000;
}

.franja-blanca {
    background: #ffffff;
	padding-top:70px !important;
	padding-bottom:90px !important;
	padding-left:0;
	padding-right:0;
	margin:0 0 0 0;
}

.franja-negra {
    background: #000000;
	padding-top:70px !important;
	padding-bottom:90px !important;
	padding-left:0;
	padding-right:0;
	margin:0 0 0 0;
}

.franja-negra h3{

color: #ffffff ;
}


.franja-negra h4{

color: #ffffff ;
}

.franja_negra {
    background: #000000;
	padding-top:50px;
	padding-bottom:50px;
	
}


.fondo_blanco_portada {
    background: #ffffff;  	
}

.btn-trost {
	margin-top:5px; 
	background-color:#000000 !important; 
	color:#ffffff !important; 
	border: thin solid #000000 !important;
}

.btn-trost:hover {
	background-color:#25401E !important;
	color:#ffffff !important;
	border: thin solid #25401E !important;
}


.contenido-servicios{
	margin:0 auto; 
	width:85%; 
	/*margin-right:30px;*/
}

.contenido-proyectos{
		margin:0 auto; 
		width:85%;
}

.service-item{
	width:25%;
	min-width:200px;
	margin:0 auto;
	float:left;
}

.service-item img {
	width:150px; 
	height:112px
}


.service-item2{
	width:33.33333%;
	min-width:200px;
	
	margin:0 auto;
	float:left;
}


.service-item2 img {
	width:150px; 
	max-width:150px;
	height:112px
}

.tabla_renglon .no-float {
  display: table-cell;
  float: none;
  width:50%;
  border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}




								/****MT ******/
.encabezado{
background-color:#000000;

}

.jumbotron{
background-color: transparent !important ;
margin-top:20px;
}
.encabezado{
	border-bottom:1px solid #EEEEEE;
	
}





.linea{
max-hight: 305px;	
}

.block_menu {
	
	max-width:100px;
	margin:0 auto;
	max-height:100px;
	padding:0;

}

.block_menu_logo{

margin:10px; 
max-width:250px;
/*background-color:#ffffff; 
border:thin solid #EEEEEE;*/
	
}

.img-logo{
	max-width:250px !important;	
}

.img_menu {
	max-width:35px; 
	margin:0 auto;
}

.img_menu2 {
	max-height:35px; 
	margin:0 auto;
}

.texto_menu {

	/*color:#4D4D4D;*/
	/*color:#777777;*/
	color:#ffffff;
	font-size:14px !important;
	text-align:center;
	/*font-weight:bold;*/
	font-family: "Avenir Roman";
	cursor:pointer;

}

.texto_menu:hover {
	color:#BBBBBB;
	
	
}

.texto_menu_active {
	color:#BBBBBB;
	font-size:14px !important;
	text-align:center;
	font-family: "Avenir Roman";
	
}


.grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }

.item{
	padding-left:1px;
	padding-right:1px;
}


.img_item{
	border: thin solid #DDDDDD;
	width:100%;
	height:100%;	
}


						/************* FADE CAPTION  *****************/
						

.box {  
width: 33%;
cursor: pointer;
float:left;
overflow:hidden;
position: relative;
padding: 3px;

  	
}  

 .box img {	
  	width:100%;	
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
	border: 1px solid #DDDDDD;
}  



.box .caption {  
    background-color: rgba(0,0,0,0.8);  
    position: absolute;  
	font-size: .5em;
    color: #ffffff !important;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
	
    left: 0;
    opacity: 0;  
    width: 100%;  
    height:100%;  
    text-align: center;
	padding:15px;

}  


.box .caption h4 { 
 color:#ffffff;
}

 .box:hover .fade-caption{  
    opacity: .7;  
	padding:15% !important;
	
}  








.box2 {  
width: 49.5%;
cursor: pointer;
float:left;
overflow:hidden;
position: relative;
padding: 3px;

  	
}  

 .box2 img {	
  	width:100%;	
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
	border: 1px solid #DDDDDD;
}  



.box2 .caption {  
    background-color: rgba(0,0,0,0.8);  
    position: absolute;  
	font-size: .5em;
    color: #ffffff !important;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
	
    left: 0;
    opacity: 0;  
    width: 100%;  
    height:100%;  
    text-align: center;
	padding:15px;

}  


.box2 .caption h4 { 
 color:#ffffff;
}

 .box2:hover .fade-caption{  
    opacity: .7;  
	padding:15% !important;
	
}  

/* Portfolio */





.img_oculta{
	visibility:hidden;
	display:none;
}


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

 

}






@media (max-width:767px) {
	
.contenido-servicios {
	width:98%;	
}
	
.contenido-proyectos {
	width:98%;	
}
.service-item{
	width:100%;
	margin:0 auto;
	
}


.service-item2{
	width:100%;
	margin:0 auto;
}




.box {  
width: 99%;  	
}  

.box2 {  
width: 99%;  	
} 
	
.tabla_renglon .no-float {
  display: table-cell;
  float: left;
  width:100%;
  border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.block_menu {
	
	width:100% !important;
	margin:0 auto;
	height:50px !important;
	padding-top: 15px;
background-color:#ffffff;
border-radius: 10px;
margin:10px;
border: thin solid #DDDDDD
}






.block_menu:hover {
	background-color:#ffffff;
	
}

.block_menu_logo{

margin:10px;
width:100%;
margin:0 auto;
/*background-color:#ffffff; 
border:thin solid #EEEEEE;*/

	
}

.img-logo{
	max-width:150px !important;	
}

.img_menu {
	margin:0 auto;
	display:none;
}

.img_menu2 {
	margin:0 auto;
	display:none;
}
.texto_menu {

	/*color:#4D4D4D;*/
	color:#000000;
	font-size:12px !important;
	text-align:center;
	/*font-weight:bold;*/
	font-family: "Avenir Roman";
	cursor:pointer;

}
.texto_menu:hover {
	color:#BBBBBB;		
}

.texto_menu_active {
	color:#BBBBBB;
	font-size:12px !important;
	text-align:center;
	font-family: "Avenir Roman";
	
}


.listado-proyectos{
margin:0 auto;
padding-left:10px;
padding-top:40px;
}



}