/*
* Webylus v.1.0.0
* Copyright 2016, Tate Multimedia S.A.
* 12/04/2016
*/
/* Background
=================================================================================================================== */


/* #Site Styles
==================================================================================================================== */
	html {height:100%;}
	body {height:100%;background:#000;overflow:hidden !important;} 
.lewy {
width:100px;
height:0px;
border-left: 0px solid transparent;
border-right: 70px solid transparent;
border-bottom: 100px solid khaki;
border-top: 0px solid khaki;
background:red;
}

.contener {position:absolute;width:100%;height:100%;top:0px;left:0px;background:;overflow:hidden;}
/*
.left{position:absolute;width:60%;height:100%;top:0px;left:-10%;background:blue;
transform:skew(-15deg, 0deg); -webkit-transform:skew(-15deg, 0deg); 
-moz-transform:skew(-15deg, 0deg); -o-transform:skew(-15deg, 0deg);opacity:0.8;overflow:hidden;}
.right{position:absolute;width:60%;height:100%;top:0px;right:-10%;background:orange;
transform:skew(-15deg, 0deg); -webkit-transform:skew(-15deg, 0deg); 
-moz-transform:skew(-15deg, 0deg); -o-transform:skew(-15deg, 0deg);opacity:0.8;overflow:hidden;}
*/
.left{position:absolute;width:50%;height:100%;top:0px;left:0%;background:;opacity:0.8;}
.right{position:absolute;width:50%;height:100%;top:0px;right:0%;background:;opacity:0.8;}
.left:hover, .right:hover{opacity:1;}	


.left{background-image: url(../images/utf1.jpg);}
.right {background-image: url(../images/utf2.jpg);}
.left, .right{background-repeat: no-repeat;
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				-ms-background-size: contain;
				background-size: contain;
				}
				
.left{background-position: center right;}
.right{background-position: center left;}
/* MEDIA QUERIES
=================================================================================================================== */

/*PION*/			@media only screen and (max-width: 1199px) and (orientation:portrait) {	}
/*POZIOM*/			@media only screen and (max-width: 1199px) and (orientation:landscape){ }

/* 1600-MAX
------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1921px){
}
}

/* 1600-MAX
------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1600px){

}

/* 1200-1600 TABLETY
------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 1599px){
}


/* 960-1200 TABLETY
------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 1199px){
/*
.right{width:75%;right:-25%;}
.left {width:75%;left:-25%;}
*/
	}	
/* 767-959 PHONES
------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 959px){
	.left{background-position: top right;}
.right{background-position: top left;}
	}
/* 630-790
------------------------------------------------------------------------------------------------------------------- */

	@media (max-width: 750px) and (orientation: portrait){
		
.left{width:100%;height:50%;background-position: bottom center;}
.right{top:50%;width:100%;height:50%;background-position: top center;}
		
	}
/* 630-400--------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 629px) {

	}
/* MIN-400
------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (max-width: 400px) {
		/*Tags*/

	}	


/* Newsletter
------------------------------------------------------------------------------------------------------------------- 
	@media only screen and (min-width: 1920px) {
		.Newsletter{width:400px;}
		input[type="email"] {font: 16px  Arial, sans-serif;width: 260px;height:30px;}
		.button {font: 16px  Arial, sans-serif;height:50px;}
	}
	*/