@font-face {
    font-family: "NombreFont";
    src: url(font/sf-san-francisco-ui-text-regular-597.ttf) format("truetype");
}

.mheader{
	margin:0px auto;
	width:100%;
	height:180px;
	/*background-color:#0F0;*/
	}
	
div.contenedor{
	width:33%;
	height:180px;
	float:left;
	/*border:1px solid #CCC;*/
	transition:height .5s;
	-webkit-transition:height .5s;
	-moz-transition:height .5s;
	}

div.contenedor-1{
	width: 33%;
	height:180px;
	margin: 0 auto;
	/*float:left;
	border:1px solid #CCC;*/
	transition:height .5s;
	-webkit-transition:height .5s;
	-moz-transition:height .5s;
	}

div.contenedor-2{
	width:50%;
	height:180px;
	float:left;
	/*border:1px solid #CCC;*/
	transition:height .5s;
	-webkit-transition:height .5s;
	-moz-transition:height .5s;
	}

img.icon{
		display:block;
		margin:25px auto;
		width:90px;
		transition:width .4s;
		-webkit-transition:width .4s;
		-moz-transition:width .4s;
				
}
		
p.mtexto{
	font-size:1em;
	color: #333333;
	text-align:center;
	padding:0px;
	font-family:"NombreFont";
	transition:padding-top .4s;
	-webkit-transition:padding-top .4s;
	-moz-transition:padding-top .4s;
	line-height:1.4em;
	
	}
	
div.contenedor:hover{
	height:200px;
	}
	
div.contenedor:hover p.mtexto{
	padding-top:0px;
	color:#999;
}

div.contenedor-1:hover{
	height:200px;
	}
	
div.contenedor-2:hover p.mtexto{
	padding-top:0px;
	color:#999;
}


div.contenedor:hover img.icon{
	width:150px;
	
}

div.contenedor-1:hover img.icon{
	width:150px;
}

div.contenedor-2:hover img.icon{
	width:150px;
}

@media screen and (max-width: 600px) {

div.contenedor{
	width:100%;
	height:180px;
	float:left;
	/*border:1px solid #CCC;*/
	transition:height .5s;
	-webkit-transition:height .5s;
	-moz-transition:height .5s;
	}
	
div.contenedor-1{
	width:100%;
	height:180px;
	float:left;
	/*border:1px solid #CCC;*/
	transition:height .5s;
	-webkit-transition:height .5s;
	-moz-transition:height .5s;
	}
	
p.mtexto {
    font-size: .8em;
    transition: padding-top .4s;
    -webkit-transition: padding-top .4s;
    -moz-transition: padding-top .4s;
    line-height: 1em;
	}
	
div.contenedor:hover{
	height:180px;
	}
	
div.contenedor:hover img.icon{
	width:110px;

}
	
div.contenedor-1:hover{
	height:180px;
	}
	
div.contenedor-1:hover img.icon{
	width:110px;

}
	
img.icon {
    margin: 10px auto;

}


	
div#uno{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

	
	}
	
div#dos{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

	
	}
div#tres{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

	
	}
div#cuatro{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );	
	}
	
div#cinco{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	}
	
	
div#seis{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

	}