@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #EDF7FF;
}

::-webkit-scrollbar-thumb {
    background: #BBD9FD;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-corner {
    background: #FFFFFF;
}

body{
	margin:0;
	padding:0;
}
.background{
	background-size:cover;
    width: 800px;
    height: 626px;
    position: fixed;
    top: calc(50% - 200px);
    left: calc(50% - 400px);
    z-index: -10;
	background:url('../imgs/bg.jpg');
}
#backgroundleft{
	position:fixed;
	left:0%;
	top: 155px;
	background-image:url('../imgs/left.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	min-width:250px;
	z-index:0;
}
#backgroundright{
	position:fixed;
	right:0%;
    top: 155px;
	background-image:url('../imgs/right.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	min-width:250px;
	z-index:0;
}
#load-more{
	position:fixed;
	bottom:0;
	z-index:1;
}
#foto{
	position:fixed;
	left:40px;
	top:50px;
}
#marco{
	position:fixed;
	left:50px;
	z-index:-1;
}

#barramenu{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:155px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1dbff+0,f0f9ff+94,f0f9ff+94,f0f9ff+100&0+0,1+94,0+100 */
background-color:white;
	z-index:1;	
}

#insta-wrap {
    position: relative;
    margin-left: auto;
    top: 175px;
    margin-right: auto;
    width: 900px;
    overflow: auto;
}

h1 {
	position:fixed;
	left:600px;
	text-align:center;
	color:#FFF;
	font-family:'Droid Serif', serif;
	text-transform:uppercase;
	letter-spacing:1.5px;
	text-shadow:#666 2px 2px 3px;
}

h2{
	position:fixed;
	top:100px;
	left:600px;
	text-align:center;
}

#instafeed img{
	padding:5px;
	margin:5px;
	filter:alpha(opacity=80);
	border-radius:200px;
	box-shadow:0px 0px 10px #AED2FC;
}

#imgInv{
	position:fixed;
	opacity:0;
	width:0px;
	heigth:0px;
}
#preview-bg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
	left:0px;
	top:0px;
	transition:0.5s;
}
#preview{
	position:relative;
	width:750px;
	height:504px;
	top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}
#preview img{
	position:absolute;
}
#imprimir{
	position:relative;
	top:540px;
	left:200px;
	margin:auto;
	width:108px;
	height:108px;
	background-image:url('../imgs/botonimprimir.png');
}
#cancelar{
	position:relative;
	top:432px;
	left:-200px;
	margin:auto;
	width:108px;
	height:108px;
	background-image:url('../imgs/botoncancelar.png');
}
.inactivo{
	display:none;
	z-index:0;
	opacity:0;
}
.activo{
	display:inline;
	z-index:2;
	opacity:1;
}
.foto{
	/*border-radius:90px 0px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);*/
	left: 28px;
    top: 26px;
}
.logoprincipal{
	position:absolute;
	left:100px;
	top:10px;
}
.logosecundario{
	position:absolute;
	left: calc(50% - 60px);
	top:15px;
	padding:0px 0px;
	background:white;
	border-radius: 0px;
}
.logosecundario img{
	margin:0px;
}
.logoizquierda{
	position:absolute;
	width:180px;
	top:200px;
	left:30px;
	padding:10px;
}
.logoizquierda img{
	margin-top:70px;
}
.logoderecha{
	position:absolute;
	width:180px;
	top:200px;
	right:30px;
	padding:10px;
}
.logoderecha img{
	margin-top:70px;
}
.change{
	position:absolute;
	left:25px;
	top:25px;
}
#refresh{
	position:absolute;
	right:40px;
	top:36px;
	width:75px;
	height:75px;
	background-image:url('../imgs/refresh.png');
	background-size:cover;
	background-repeat:no-repeat;
}