@charset "utf-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
	box-sizing:border-box;
    text-decoration: none;
	list-style: none;

}

a:link { text-decoration: none; }




.Ortodoncia {
	
	background:url(../img/Image-Ortodoncia.png) 50% 0 no-repeat ;
    background-size:cover;
	height: 700px;
	padding: 0;
	width: 100%;

}


.Title-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-size:100px;
	padding-top: 260px;
	margin-left: 10%;
	font-weight: 600;
	color: #fff;
	z-index: 3333;

}


.Text-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	margin-left: 10%;
	color: #fff;
	font-size: 40px;
}



.Contenido-Ortodoncia {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 120px;

}


.Title-Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #37bc8c;
	font-size: 32px;
	padding-bottom: 40px;

}


.Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	color: #262626;
	font-size: 14px;
	line-height: 26px;
	
}


.Parrafo-Ortodoncia p { height: 16px; }





/*  Transportes */


.Transportes {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: -100px;
	padding-bottom: 80px;

}


.Content-Transportes-Aereo, .Content-Transportes-Terrestre, .Content-Transportes-Maritimo {
	
	width: 350px;
	height: 400px;
	border-radius: 4px;
	margin:  10px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	

  -webkit-box-shadow: 2px 2px 10px #999;
  -moz-box-shadow: 2px 2px 10px #999;
	
}


.Content-Transportes-Aereo {
	
	background:url(../img/brackets-Esteticos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Terrestre {

	background:url(../img/brackets-Metalicos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Maritimo {
	
	background:url(../img/Guardas.png) 0%  no-repeat;
	background-position: center;
	
}



.Velo-Gris {
	
	width: 100%;
	height: 400px;
	background-color: rgba(0,0,0,0.3);
	padding: 20px;
	border-radius: 4px;

}

.Velo-Gris:hover { background-color: rgba(0,0,0,0.7); }


.Titulo-Transportes {
	
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	color: #fff;
	padding-top: 220px;
	font-weight: 600;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
	
}



.Velo-Gris:hover .Titulo-Transportes {
	
	padding-top: 70px;
	color: #fff;
	border-bottom: 1px solid #540e17;
	
}


.Text-Transportes { display: none; }


.Velo-Gris:hover .Text-Transportes {
	
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 30px;
	text-align: left;
	line-height: 26px
	
}



@media (max-width:816px) {


.Ortodoncia {
	
	background:url(../img/Image-Ortodoncia.png) 50% 0 no-repeat ;
    background-size:cover;
	height: 700px;
	padding: 0;
	width: 100%;



}


.Title-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-size:60px;
	padding-top: 260px;
	margin-left: 10%;
	font-weight: 600;
	color: #fff;
	z-index: 3333;

}


.Text-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	margin-left: 10%;
	color: #fff;
	font-size: 30px;
}



.Contenido-Ortodoncia {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 200px;


}


.Title-Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #37bc8c;
	font-size: 22px;
	padding-bottom: 40px;

	
}



.Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	color: #262626;
	font-size: 12px;
	line-height: 26px;
	
}



.Parrafo-Ortodoncia p {
	
	height: 16px;
	
	
}








/*  Transportes */


.Transportes {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: -100px;
	padding-bottom: 80px;


}


.Content-Transportes-Aereo, .Content-Transportes-Terrestre, .Content-Transportes-Maritimo {
	
	width: 350px;
	height: 400px;
	border-radius: 4px;
	margin:  10px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	

  -webkit-box-shadow: 2px 2px 10px #999;
  -moz-box-shadow: 2px 2px 10px #999;
	
}


.Content-Transportes-Aereo {
	
	background:url(../img/brackets-Esteticos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Terrestre {

	background:url(../img/brackets-Metalicos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Maritimo {
	
	background:url(../img/Guardas.png) 0%  no-repeat;
	background-position: center;
	
}



.Velo-Gris {
	
	width: 100%;
	height: 400px;
	background-color: rgba(0,0,0,0.3);
	padding: 20px;
	border-radius: 4px;


}

.Velo-Gris:hover { background-color: rgba(0,0,0,0.7); }


.Titulo-Transportes {
	
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	color: #fff;
	padding-top: 220px;
	font-weight: 600;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
	
}



.Velo-Gris:hover .Titulo-Transportes {
	
	padding-top: 70px;
	color: #fff;
	border-bottom: 1px solid #540e17;
	
}


.Text-Transportes { display: none; }


.Velo-Gris:hover .Text-Transportes {
	
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 30px;
	text-align: left;
	line-height: 26px
	
}


}












@media (max-width:492px) {


.Ortodoncia {
	
	background:url(../img/Image-Ortodoncia.png) 50% 0 no-repeat ;
    background-size:cover;
	height: auto;
	padding: 0;
	width: 100%;



}


.Title-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-size:30px;
	padding-top: 260px;
	margin-left: 10%;
	font-weight: 600;
	color: #fff;
	z-index: 3333;

}


.Text-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	margin-left: 10%;
	color: #fff;
	font-size: 20px;
}



.Contenido-Ortodoncia {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 120px;


}


.Title-Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #37bc8c;
	font-size: 22px;
	padding-bottom: 40px;

	
}



.Parrafo-Ortodoncia {
	
	font-family: 'Lato', sans-serif;
	color: #262626;
	font-size: 12px;
	line-height: 26px;
	display: block;
	
}



.Parrafo-Ortodoncia p {
	
	height: 16px;
	
	
}








/*  Transportes */


.Transportes {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: -100px;
	padding-bottom: 80px;


}


.Content-Transportes-Aereo, .Content-Transportes-Terrestre, .Content-Transportes-Maritimo {
	
	width: 350px;
	height: 400px;
	border-radius: 4px;
	margin:  10px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	

  -webkit-box-shadow: 2px 2px 10px #999;
  -moz-box-shadow: 2px 2px 10px #999;
	
}


.Content-Transportes-Aereo {
	
	background:url(../img/brackets-Esteticos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Terrestre {

	background:url(../img/brackets-Metalicos.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Maritimo {
	
	background:url(../img/Guardas.png) 0%  no-repeat;
	background-position: center;
	
}



.Velo-Gris {
	
	width: 100%;
	height: 400px;
	background-color: rgba(0,0,0,0.3);
	padding: 20px;
	border-radius: 4px;


}

.Velo-Gris:hover { background-color: rgba(0,0,0,0.7); }


.Titulo-Transportes {
	
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	color: #fff;
	padding-top: 220px;
	font-weight: 600;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
	
}



.Velo-Gris:hover .Titulo-Transportes {
	
	padding-top: 70px;
	color: #fff;
	border-bottom: 1px solid #540e17;
	
}


.Text-Transportes { display: none; }


.Velo-Gris:hover .Text-Transportes {
	
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 30px;
	text-align: left;
	line-height: 26px
	
}


}