/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			PBWoW 3 Wrath of the Lich King
	Based on style:		PBWoW 3
	Original author:	PayBas ( http://pbwow.com/ )
    --------------------------------------------------------------
*/
@import url("common.css?v=1.0");
@import url("content.css?v=1.0");
@import url("forms.css?v=1.0");
@import url("colours.css?v=1.0");
@import url("extensions.css?v=1.0");
@import url("imageset.css?v=1.0");
@import url("responsive.css?v=1.0");
@import url("bbcode.css?v=1.0");

body.pbwow3 {
    background-attachment: fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover;
}

body.pbwow3 #logo, body.pbwow3 .logo {
	background: url("./images/logo.png") no-repeat 50% 0;
	background-size: 100% 100%;
	width: 262px;
	height: 134px;
	margin-top: 25px;
}

body.pbwow3 #page-body:before {
	box-shadow: 0 0 12px 6px #000000b3;
	display: inherit;
}
body.pbwow3 #page-body {
	background-color: rgba(247,211,150,0.45); /* viejo */
/*	background-color: transparent; /* nuevo */
}

#video-element1 {
	background-image: none;
	position: absolute;
	top: 144px;
	right: 499px;
}

/* =Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 859px), only screen and (max-device-width: 859px) {
	body.pbwow3 #logo, body.pbwow3 .logo {
		width: 210px;
		height: 107px;
	}
}

@media only screen and (max-width: 999px), only screen and (max-device-width: 999px) {
	body.pbwow3 {
		background-image: url("./images/bg-small.jpg");
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto; 
		background-size: auto;
	}

	.headerbar {
		min-height: 195px;
		-webkit-transition-property: width height background-color font-size left top color;
		transition-delay: 0.3s, 4ms;
		-webkit-transition-timing-function: linear;
	}
}

@media screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	body.pbwow3 #page-body {
		background: rgba(247,211,150,0.45);
	}
}

@media screen and (max-width: 500px), only screen and (max-device-width: 700px) {
	.headerbar, 
	.headerbar .inner, 
	.headerbar .inner .site-description {
		min-height: 225px;
	}
	body.pbwow3 #logo, body.pbwow3 .logo {
	width: 105px;
    height: 54px;
	position: relative;
    display: inline-block;
    top: 100px;
}	
	}
}