html{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #000000;	
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	min-width: 700px;
}

iframe{ border: none; width: 100%; height: 170px; overflow: hidden; }
#wannalisten{ height: 380px; }

#fblike{ 
	height: 20px; 
	margin: -2px 0px 20px; 
	padding-left: 175px;
}#fblike > img{ 
	width: 160px;
	position: absolute;
	left: 27px;
	top: 45px;
}


#content{
	width: 100%;
	max-width: 998px;
	height: 1050px;
	background-image: url('../images/fondo.jpg');
	background-position: top center;
	position: relative;
	margin: 20px auto;
}#content > img{
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
	z-index: -1;
}

#header{
	width: 100%;
	top:0;
	padding-top: 25px;
	height: 257px;
	position: relative;
	text-align: right;
}#header > img{
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
}

a.social_icons{
	background-image: url('../images/icons.png');
	display: inline-block;
	height: 50px;
    width: 49px;
}a#w{ background-position: -30px -18px; }
a#f{ background-position: -79px -18px; }
a#t{ background-position: -127px -18px; }
a#y{ background-position: -177px -17px; }
a#p{ background-position: 160px -16px; }
a#i{ background-position: 110px -15px; }
a#s{ background-position: 55px -18px; }
a#c{ 
	background-image: url('../images/contact.png'); 
	background-position: 0px 1px;
}a#patreon{
	display: inline-block;
	float: left;
	margin-left: 5px;
}a#patreon img{
	height: 46px;
	top: -5px;
}

.box{
	float: left;
	width: 500px;
	padding-left: 20px;
	position: relative;
	padding-right: 120px; 
}
.box h1{
	font-size: 26px;
	text-shadow: 2px 2px rgba(0,0,0, 0.75);
}.box.help{
	width:300px;
	padding-right: 0px;
}.box.freedownload{
	margin-top: 20px;
	width: 700px;
	padding: 0px;
}

.support{
	padding-bottom: 20px;
	margin: -20px 0 0 -5px;
}
.support a{
	text-shadow: 2px 2px #000000;
    color: inherit;
    display: block;
    height: 30px;
    padding-left: 45px;
    padding-top: 3px;
    text-decoration: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 10px 3px;
    text-align: left;
    font-size: 18px;
}.support a:hover{
	color: red;
}#LB:hover{
	background-position: 10px 1px;
}

#EN{ background-image: url("../images/flags/en.jpg"); }
#FR{ background-image: url("../images/flags/fr.jpg"); }
#LB{ background-image: url("../images/flags/arabic.png");
	background-position: 10px -36px;
	height: 35px;
	padding-top: 0px;
	margin-top: -8px;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='2' dy='2' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')"; }
#NW{ background-image: url("../images/flags/nw.jpg"); }
#SP{ background-image: url("../images/flags/sp.jpg"); }

div.fotomatic{
	background-image: url("../images/fotomatic.png");
	width: 365px;
	height: 51px;
	position: relative;
}div.front{
	background-image: url("../images/portada.png");
    height: 215px;
    left: 299px;
    position: absolute;
    top: -79px;
    width: 215px;
}div.download{
	background-image: url("../images/download.png");
	width: 365px;
	height: 51px;
	position: relative;
	margin-bottom: -15px;
}

#ytsubscribe{
	margin-top: 10px;
	background-color: rgba(0,0,0,0.5);
}#ytwrapper{
	background-color: black;
	width: 300px;
	padding: 10px;
	margin-top: -15px;
}