html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
	height: auto;
	width: auto;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



#bgvideo {
	position: fixed;
	left: 0px;
	width: auto;
	height: auto;
	z-index: -47;
	visibility: visible;
	margin-left: 0PX;
	min-width: 100%;
	min-height: 100%;
	right: 0px;
	bottom: 0px;
}
#bgvideotrabajos {
	height: 100%;
	left: auto;
	top: auto;
	right: auto;
	width: auto;
	position: absolute;
}

#logo {
	position: absolute;
	height: 202px;
	width: 339px;
	top: 80px;
	background-image: url(IMAGENES/LOGONOMBREcompleto.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: auto;
	right: 41%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0em;
	z-index: 33;
}
#fondo {
	padding: 0;
	z-index: -11;
	width: 100%;
	height: 100%;
	position: fixed;
}
#barralateralmenu {
	width: 50px;
	height: 100%;
	background-color: rgba(0,0,0,1.00);
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	opacity: 1;
}
#menupng {
	background-image: url(IMAGENES/MENU.png);
	background-repeat: no-repeat;
	position: fixed;
	height: 11%;
	width: 31px;
	background-size: contain;
	/* [disabled]margin-top: 0px; */
	/* [disabled]margin-left: 0px; */
	/* [disabled]padding-left: 0px; */
	opacity: 1;
	background-position: center center;
	top: 3%;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	left: 10px;
}
#trabajospng {
	background-image: url(IMAGENES/TRABAJOS.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	height: 15%;
	width: 26px;
	top: 16%;
	background-size: contain;
	margin-left: 0px;
	opacity: 0.5;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	left: 11PX;
}
#galeriapng {
	background-image: url(IMAGENES/GALERIA.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 12%;
	width: 30px;
	top: 33%;
	background-size: contain;
	z-index: 3;
	left: 6px;
	opacity: 0.5;
	margin-left: 5px;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
#ubicacionpng {
	background-image: url(IMAGENES/UBICACION.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 15%;
	width: 27px;
	top: 63%;
	background-size: contain;
	z-index: 3;
	left: 7px;
	opacity: 0.5;
	margin-left: 5px;
	-webkit-transition: all 0s;
	-o-transition: all 0st;
	transition: all 0s;
}
#contactopng {
	background-image: url(IMAGENES/CONTACTO.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	height: 15%;
	width: 27px;
	top: 81%;
	background-size: contain;
	z-index: 3;
	left: 6px;
	opacity: 0.5;
	margin-left: 5px;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
#ventaspng {
	background-image: url(IMAGENES/VENTAS.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 11%;
	width: 26px;
	top: 48%;
	background-size: contain;
	z-index: 3;
	left: 7px;
	opacity: 0.5;
	margin-left: 5px;
	right: auto;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all .0s;
}
#ubicacionpng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#trabajospng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#galeriapng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#ventaspng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#contactopng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#menupng:hover {
	-webkit-opacity: 1;
	opacity: 1;
}
#email {
	width: 334px;
	height: 45px;
	background-image: url(IMAGENES/email.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 54%;
	left: auto;
	right: 41%;
}
#direccion {
	width: 315px;
	height: 183px;
	background-image: url(IMAGENES/direccion.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: fixed;
	top: 71%;
	right: 41%;
}
#fondotraslucidonegro {
	background-color: hsla(0,0%,0%,0.57);
	width: 100%;
	height: 100%;
	margin-left: 50px;
}

@media (min-width : 1024px ) and (max-width : 1366px ){
#logo {
	position: absolute;
	height: 200px;
	width: 400px;
	top: 80px;
	background-image: url(IMAGENES/LOGONOMBREcompleto.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: auto;
	right: 31%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0em;
	z-index: 33;
}
#email {
	right: 36%;
}
#direccion {
	right: 37%;
}
}

@media (min-width : 765px ) and (max-width : 1024px ){
#logo {
	position: fixed;
	height: 417px;
	width: 727px;
	top: 80px;
	background-image: url(IMAGENES/LOGONOMBREcompleto.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 14%;
	right: 2%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0em;
	z-index: 33;
}
#barralateralmenu {
	width: 100px;
	height: 100%;
}
#contactopng {
	width: 4%;
	height: 17%;
	position: fixed;
	top: 81%;
	left: 2.5%;
}
#galeriapng {
	width: 4%;
	height: 15%;
	position: fixed;
	left: 2.3%;
	top: 32%;
}
#menupng {
	width: 4%;
	height: 11%;
	position: fixed;
	left: 3%;
	top: 2%;
}
#trabajospng {
	width: 4%;
	height: 17%;
	position: fixed;
	left: 3%;
	top: 14%;
}
#ventaspng {
	width: 4%;
	height: 13%;
	position: fixed;
	left: 2.4%;
	top: 48%;
	min-width: 0px;
}
#ubicacionpng {
	width: 4%;
	height: 17%;
	position: fixed;
	top: 62%;
	left: 2.5%;
}
#page div {
}
#EdgeID {
	width: 100%;
	height: 100%;
	visibility: hidden;
}
#email {
	top: 68%;
	right: 7%;
	position: fixed;
	left: 36%;
}
#direccion {
	position: fixed;
	left: 37%;
	top: 80%;
}
}