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% }
#Servicios { width:100%; z-index:0; clear:both; overflow:hidden }
#Servicios-Wrap { width:100%; max-width:2560px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#3f3f3f; background-image:url(../Resources/fondoportafolio.jpg); background-position:center; background-size:cover; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#ServiciosBox { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto; overflow:hidden; display:inline-flex; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
#MenuBox1 { width:49.69%; z-index:0; float:left; padding-top:2%; padding-bottom:2%; margin-top:2%; margin-bottom:2%; border:solid #3f3f3f 4px; overflow:hidden }
#disenografico { width:500px; overflow:hidden }
#mercadotecnia { width:500px; overflow:hidden }
#web { width:500px; overflow:hidden }
#visual { width:500px; overflow:hidden }
#BoxWrapper1 { position:relative; width:50%; min-height:650px; z-index:0; float:left; margin-top:2%; margin-bottom:2%; overflow:hidden }
#DisenoImg { position:absolute; left:0px; top:0px; width:99.83%; min-height:100%; z-index:1; background-image:url(../Resources/disenografico.jpg); background-position:center; background-size:cover }
#MktImg { position:absolute; left:0px; top:0px; width:99.83%; min-height:100%; z-index:2; background-image:url(../Resources/mercadotecnia.jpg); background-position:center; background-size:cover }
#WebImg { position:absolute; left:0px; top:0px; width:99.83%; min-height:100%; z-index:3; background-image:url(../Resources/web.jpg); background-position:center; background-size:cover }
#VisualImg { position:absolute; left:0px; top:0px; width:99.83%; min-height:100%; z-index:4; background-image:url(../Resources/audiovisual.jpg); background-position:center; background-size:cover }
#gallobackblack { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#mobil-Wrap1 { width:100%; max-width:2560px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#3f3f3f; display:none }
#BrandingBox3 { width:100%; max-width:2560px; z-index:0; margin-left:auto; margin-right:auto }
#disenogmobil { overflow:hidden }
#meradotecniamobil { overflow:hidden }
#webmobil { overflow:hidden }
#audiovisualmobil { overflow:hidden }
#gallo4 { width:70px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#menu4 { width:163px; z-index:0; float:right; opacity:0.95; display:inline-block; position:relative; top:5%; height:auto; overflow:visible }
#item1 { position:absolute; left:1171px; top:-376px; width:183px; min-height:100px; z-index:1; display:none; height:auto; overflow:visible }
#fwNav1 { float:right; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:3px 10px 3px 10px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#0000FF; text-decoration:none }
#fwNav1 .fwNavItem a:active { text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/icon-menu-white.svg'); background-repeat:no-repeat; background-size:100%; float:right }
.fwNavContainer2 { float:right; position:relative; right:50% }
#fwNav2 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav2 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav2 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:10px 10px 10px 10px }
#fwNav2 .fwFirstChild { border-left:0 }
#fwNav2 .fwLastChild { border-right:0 }
#fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#FDA285; text-decoration:none }
#fwNav2 .fwNavItem a:active { text-decoration:none }
#fwNav2-toggle, .fwNav2-toggle-label { display:none }
.fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/icon-menu-white.svg'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
@media screen and (max-width:2560px)
{
	#menu4 { margin-right:4% }
	#item1 { left:1164px; top:-452px }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:0; left:100%; margin-right:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out left; -moz-transition:.2s ease-out margin, .2s ease-out left; -ms-transition:.2s ease-out margin, .2s ease-out left; -o-transition:.2s ease-out margin, .2s ease-out left; transition:.2s ease-out margin, .2s ease-out left }
	.fwNav1-toggle-close { background-image:url('../Resources/icon-close.svg'); margin:20px 20px 20px 20px }
	.fwNavContainer1.fwMenuOn { margin-right:0; left:0 }
}
@media screen and (max-width:768px)
{
	#Servicios { overflow:visible }
	#Servicios-Wrap { display:none }
	#ServiciosBox { display:none }
	#MenuBox1 { display:none }
	#disenografico { display:none }
	#mercadotecnia { display:none }
	#web { display:none }
	#visual { display:none }
	#BoxWrapper1 { display:none }
	#DisenoImg { display:none }
	#MktImg { display:none }
	#WebImg { display:none }
	#VisualImg { display:none }
	#gallobackblack { width:60px }
	#mobil-Wrap1 { display:block }
	#BrandingBox3 { min-height:100px; background-color:#fff }
	#disenogmobil { width:100% }
	#meradotecniamobil { width:100% }
	#webmobil { width:100% }
	#audiovisualmobil { width:100% }
	#gallo4 { width:60px; display:none }
	#menu4 { display:none }
	#item1 { position:fixed; left:44.92%; top:0.18%; width:auto; min-height:0px; padding:10px; background-color:#3f3f3f; display:block }
	.fwNavContainer2 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#3F3F3F; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav2 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav2 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav2 .fwNavItem a { padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px }
	#fwNav2 .fwFirstChild { border-top:0 }
	#fwNav2 .fwLastChild { border-bottom:0 }
	.fwNav2-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav2-toggle-close { background-image:url('../Resources/icon-close.svg'); margin:20px auto 20px auto }
	.fwNavContainer2.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:480px)
{
	#gallobackblack { width:50px }
	#BrandingBox3 { min-height:0px; overflow:hidden }
	#gallo4 { width:50px }
	#item1 { left:41.67% }
}
@media screen and (max-width:320px)
{
	#gallobackblack { width:40px }
	#gallo4 { width:40px }
	#item1 { left:37.5% }
}