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% }
#Branding { width:100%; z-index:0; clear:both; overflow:hidden }
#Branding-Wrap { width:100%; max-width:2560px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#3f3f3f; overflow:hidden; height:calc(100vh); -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px) }
#BrandingBox { 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%) }
#BoxWrapper { width:50%; min-height:650px; z-index:0; float:left; margin-top:2%; margin-bottom:2%; overflow:hidden }
#Box1 { position:relative; width:99.91%; min-height:650px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#Naming1 { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:1; background-image:url(../Resources/naming.jpg); background-position:center; background-size:cover }
#t1 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#tnaming { width:59.61%; overflow:hidden }
#Concep { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:2; background-image:url(../Resources/conceptualizacion.jpg); background-position:center; background-size:cover }
#t2 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#tconceptualizacion { width:59.61%; overflow:hidden }
#Sketching { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:3; background-image:url(../Resources/conceptualizacion.jpg); background-position:center; background-size:cover }
#t3 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#tsketching { width:59.61%; overflow:hidden }
#Propuestag { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:4; background-image:url(../Resources/conceptualizacion.jpg); background-position:center; background-size:cover }
#t4 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#tpgrafica { width:59.61%; overflow:hidden }
#Aplicaciones1 { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:5; background-image:url(../Resources/conceptualizacion.jpg); background-position:center; background-size:cover }
#t5 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#taplicaciones { width:59.61%; overflow:hidden }
#estategia { position:absolute; left:0px; top:0px; width:99.91%; min-height:100%; z-index:6; background-image:url(../Resources/conceptualizacion.jpg); background-position:center; background-size:cover }
#t6 { position:absolute; left:0%; width:100%; bottom:0px; z-index:1; background-color:#e1e1e1 }
#testrategia { width:59.61%; overflow:hidden }
#MenuBox { width:49.69%; z-index:0; float:left; padding-top:2%; padding-bottom:2%; margin-top:2%; margin-bottom:2%; border:solid #fff 4px; overflow:hidden }
#brandingtitilo { width:380px; overflow:hidden }
#Naming { width:250px; overflow:hidden }
#Conceptializacion { width:250px; overflow:hidden }
#Skech { width:250px; overflow:hidden }
#Propuesta-Grafica { width:250px; overflow:hidden }
#Aplicaciones { width:250px; overflow:hidden }
#Estrategias { width:250px; overflow:hidden }
#gallobackgray { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#mobil-Wrap2 { width:100%; max-width:2560px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#3f3f3f; display:none }
#BrandingBox1 { width:100%; max-width:2560px; z-index:0; margin-left:auto; margin-right:auto }
#namingmobil { overflow:hidden }
#onceptualizacionmobil { overflow:hidden }
#sketcjinmgmobil { overflow:hidden }
#propuestagramobil { overflow:hidden }
#aplicacionesmobil { overflow:hidden }
#estrategiamobil { overflow:hidden }
#gallo3 { width:70px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#menu3 { 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)
{
	#Sketching { background-image:url(../Resources/sketching.jpg) }
	#Propuestag { background-image:url(../Resources/propuestagrafica.jpg) }
	#Aplicaciones1 { background-image:url(../Resources/aplicaciones.jpg) }
	#estategia { background-image:url(../Resources/estrategiadecomun.jpg) }
	#menu3 { 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)
{
	#Branding { overflow:visible }
	#Branding-Wrap { display:none }
	#BrandingBox { display:none }
	#BoxWrapper { display:none }
	#Box1 { display:none }
	#Naming1 { display:none }
	#t1 { display:none }
	#tnaming { display:none }
	#Concep { display:none }
	#t2 { display:none }
	#tconceptualizacion { display:none }
	#Sketching { display:none }
	#t3 { display:none }
	#tsketching { display:none }
	#Propuestag { display:none }
	#t4 { display:none }
	#tpgrafica { display:none }
	#Aplicaciones1 { display:none }
	#t5 { display:none }
	#taplicaciones { display:none }
	#estategia { width:100%; display:none }
	#testrategia { display:none }
	#MenuBox { display:none }
	#Naming { display:none }
	#Conceptializacion { display:none }
	#Skech { display:none }
	#Propuesta-Grafica { display:none }
	#Aplicaciones { display:none }
	#Estrategias { display:none }
	#gallobackgray { width:60px }
	#mobil-Wrap2 { display:block }
	#BrandingBox1 { min-height:100px; background-color:#fff }
	#namingmobil { width:100% }
	#onceptualizacionmobil { width:100% }
	#sketcjinmgmobil { width:100% }
	#propuestagramobil { width:100% }
	#aplicacionesmobil { width:100% }
	#estrategiamobil { width:100% }
	#gallo3 { width:60px; display:none }
	#menu3 { 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)
{
	#gallobackgray { width:50px }
	#BrandingBox1 { min-height:0px; overflow:hidden }
	#gallo3 { width:50px }
	#item1 { left:41.67% }
}
@media screen and (max-width:320px)
{
	#gallobackgray { width:40px }
	#gallo3 { width:40px }
	#item1 { left:37.5% }
}
