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% }
#Portafolio { width:100%; z-index:0; clear:both; background-color:#e1e1e1; overflow:hidden }
#Portafolio-Wrap { width:100%; max-width:2700px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#e1e1e1; overflow:hidden }
#ServiciosBox { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto; overflow:hidden }
#BoxWrapper1 { width:46.88%; z-index:0; margin:2% auto; max-width:1200px; top:50% }
#titulodiseno { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio02 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio03 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio04 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio05 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio06 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio07 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio08 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio09 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio10 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio11 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio12 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio13 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio14 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio15 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio16 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio17 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio18 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio19 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio20 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio21 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio22 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio23 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio24 { left:0px; top:0px; width:90px; height:90px; float:left }
#titulomk { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio26 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio27 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio28 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio29 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio30 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio31 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio32 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio33 { left:0px; top:0px; width:90px; height:90px; float:left }
#tituloweb { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio35 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio36 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio37 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio38 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio39 { left:0px; top:0px; width:90px; height:90px; float:left }
#tituloaudiovisual { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio41 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio42 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio43 { left:0px; top:0px; width:90px; height:90px; float:left }
#Portafolio44 { left:0px; top:0px; width:90px; height:90px; float:left }
#titoiloportafolio { width:40px; overflow:hidden; bottom:15px; position:absolute; left:15%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#gallobackblack { width:42px; overflow:hidden; bottom:15px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) }
#item1 { position:absolute; left:1171px; top:-376px; width:183px; min-height:100px; z-index:1; display:none; height:auto; overflow:visible }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; 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:10px 10px 10px 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:#FDA285; 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%; margin-left:auto; margin-right:auto }
@media screen and (max-width:2560px)
{
	body { background-color:#e1e1e1 }
	#Portafolio-Wrap { max-width:2560px }
	#ServiciosBox { overflow:visible }
	#item1 { left:1164px; top:-452px }
}
@media screen and (max-width:768px)
{
	#Portafolio { overflow:visible }
	#BoxWrapper1 { width:71.48%; margin-top:80px }
	#titoiloportafolio { width:60px; display:none }
	#gallobackblack { width:60px }
	#item1 { position:fixed; left:44.92%; top:0.18%; width:auto; min-height:0px; padding:10px; background-color:#3f3f3f; display:block }
	.fwNavContainer1 { 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 }
	#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:10px; padding-bottom:10px; padding-left:10px; padding-right:10px }
	#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 }
	.fwNav1-toggle-close { background-image:url('../Resources/icon-close.svg'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:480px)
{
	#BoxWrapper1 { width:76.28% }
	#titoiloportafolio { width:50px }
	#gallobackblack { width:50px }
	#item1 { left:41.67% }
}
@media screen and (max-width:320px)
{
	#BoxWrapper1 { width:85.94% }
	#titoiloportafolio { width:40px }
	#gallobackblack { width:40px }
	#item1 { left:37.5% }
}