body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
a:link { text-decoration:none }
a:visited { text-decoration:none }
a:hover { text-decoration:none }
a:active { text-decoration:none }
#PageDiv { position:relative; min-height:100% }
#Inicio { width:100%; z-index:0; clear:both; overflow:hidden }
#Inicio-Wrap { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-image:url(../Resources/brandp-home.gif); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#branplogo { width:38.28%; margin:1%; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:490px }
#gallo { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#Bienvenida { width:100%; z-index:0; clear:both; overflow:hidden }
#Bienvenida-Wrap { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e1e1e1; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#Home { width:100%; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); object-fit:cover }
#welcomebrandp { width:95.31%; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); max-width:960px; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#gallohover { width:42px; overflow:hidden; bottom:15px; display:inline-block; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#Servicios { width:100%; z-index:0; clear:both; overflow:hidden }
#Servicios-Wrap { width:100%; max-width:2560px; z-index:0; margin-left:auto; margin-right:auto; background-image:url(../Resources/fondoservicios1.jpg); background-position:center; background-size:cover; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#item2 { z-index:0; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:1024px }
#servicios { overflow:hidden; max-width:960px }
#gallo1 { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#B-S { width:100%; z-index:0; clear:both; overflow:hidden }
#B-S-Wrap { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e1e1e1; background-image:url(../Resources/s-b-bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#brandingbt { width:19.53%; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); max-width:500px; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#otrosserviciosbt { width:19.53%; overflow:hidden; display:inline-block; position:absolute; top:60%; left:50%; -webkit-transform:translate(-50%, -50%); max-width:500px; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#gallohover1 { width:42px; overflow:hidden; bottom:15px; display:inline-block; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#Portafolio { width:100%; z-index:0; clear:both; overflow:hidden }
#Portafolio-Wrap { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#3f3f3f; background-image:url(../Resources/portafolio-bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#portafoliobt { width:19.53%; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); max-width:500px; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#clientesbt { width:19.53%; overflow:hidden; display:inline-block; position:absolute; top:60%; left:50%; -webkit-transform:translate(-50%, -50%); max-width:500px; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#gallo3 { width:42px; overflow:hidden; bottom:15px; display:inline-block; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#Contacto { width:100%; z-index:0; clear:both; overflow:hidden }
#Contacto-Wrap { width:100%; max-width:2560px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#353535; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#ContactoBox { width:100%; max-width:2560px; z-index:0; margin-left:auto; margin-right:auto; overflow:hidden; display:inline-block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#Contacto1 { width:100%; vertical-align:middle; border-bottom:solid #525252 8px; overflow:hidden; height:calc(90vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); object-fit:cover }
#footertext { min-height:120px; z-index:0; padding:15px; margin-left:auto; margin-right:auto; background-color:#353535 }
#logogallitowhite { overflow:hidden; display:none }
#direccionwhite { overflow:hidden; display:none }
#youtube { width:32px; float:right; margin:0.5% 1% 0.5% 0.5% }
#instagram1 { width:32px; float:right; margin:0.5% }
#facbeook1 { width:32px; float:right; margin:0.5% }
#twitter1 { width:32px; float:right; margin:0.5% }
#slogan { width:400px; overflow:hidden }
#twitterMobil { width:32px; float:right; margin:0.5%; display:none }
#facbeookMobil { width:32px; float:right; margin:0.5%; display:none }
#instagramMobil { width:32px; float:right; margin:0.5%; display:none }
#youtubeMobil { width:32px; float:right; margin:0.5% 1% 0.5% 0.5%; display:none }
#gallotop { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#direccion { width:35.94%; overflow:hidden; bottom:170px; position:absolute; left:25%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:500px; min-width:500px }
#logogallito1 { width:200px; overflow:hidden; bottom:170px; position:absolute; left:85%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:250px; min-width:250px }
@media screen and (max-width:2560px)
{
	#brandingbt { width:95.31% }
	#otrosserviciosbt { width:95.31% }
	#portafoliobt { width:95.31% }
	#clientesbt { width:95.31% }
}
@media screen and (max-width:768px)
{
	#branplogo { width:63.8% }
	#gallo { width:60px }
	#Bienvenida-Wrap { background-image:url(../Resources/welcome.jpg); background-position:center; background-size:cover; background-repeat:no-repeat }
	#Home { display:none }
	#welcomebrandp { width:98% }
	#gallohover { width:60px }
	#servicios { width:100% }
	#gallo1 { width:60px }
	#brandingbt { width:98% }
	#otrosserviciosbt { width:98% }
	#gallohover1 { width:60px }
	#portafoliobt { width:98% }
	#clientesbt { width:98% }
	#gallo3 { width:60px }
	#Contacto-Wrap { background-image:url(../Resources/bg-contacto.jpg); background-position:center; background-size:cover; background-repeat:no-repeat }
	#Contacto1 { display:none }
	#footertext { min-height:0px; background-color:transparent; overflow:hidden }
	#logogallitowhite { width:40.65%; display:inline }
	#direccionwhite { width:81.3%; display:inline }
	#youtube { display:none }
	#instagram1 { display:none }
	#facbeook1 { display:none }
	#twitter1 { display:none }
	#slogan { display:none }
	#twitterMobil { float:none; vertical-align:middle; display:inline }
	#facbeookMobil { float:none; vertical-align:middle; display:inline }
	#instagramMobil { float:none; vertical-align:middle; display:inline }
	#youtubeMobil { float:none; vertical-align:middle; display:inline }
	#gallotop { width:60px }
	#direccion { width:60px; display:none }
	#logogallito1 { width:60px; display:none }
}
@media screen and (max-width:480px)
{
	#branplogo { width:83.33% }
	#gallo { width:50px }
	#gallohover { width:50px }
	#servicios { max-width:100% }
	#gallo1 { width:50px }
	#gallohover1 { width:50px }
	#gallo3 { width:50px }
	#gallotop { width:50px }
	#direccion { width:50px }
	#logogallito1 { width:50px }
}
@media screen and (max-width:320px)
{
	#Inicio-Wrap { overflow:visible }
	#branplogo { width:87.5% }
	#gallo { width:40px }
	#Bienvenida-Wrap { overflow:visible }
	#gallohover { width:40px }
	#servicios { max-width:100% }
	#gallo1 { width:40px }
	#B-S-Wrap { overflow:visible }
	#gallohover1 { width:40px }
	#Portafolio-Wrap { overflow:visible }
	#gallo3 { width:40px }
	#gallotop { width:40px }
	#direccion { width:40px }
	#logogallito1 { width:40px }
}