/*GLOBAL*/

html, body, ul, li { background-color:#efefef ; margin: 0; padding: 0;}

h1, h2, h3, h4, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

body { font: 0.625em/1.5em Arial, Helvetica, sans-serif; background: #efefef url(../images/bg.jpg) top center repeat;}

@font-face {
	font-family: TitilliumMaps26;
        font-style:  normal;
        font-weight: normal;
		src: url('../assets/TitilliumMaps26.eot'); /* IE */
        src: local("TitilliumMaps26"), url('../assets/TitilliumMaps26.otf') format("truetype"); 
  		}

ul#menu, #nav, li#slogan, #comment, div#header  #content-oferta div#footer, #content-studio, #content-kontakt { font-family: TitilliumMaps26, "Arial", sans-serif; font-weight: normal;}

.content {width: 900px;}



#header{
	width:900px;
	height:95px;
	margin:0 auto;
	}
	
#header h1{
	position:absolute;
	overflow:hidden;
	top:30px;
	}
#header h1 a{
	display:block;
	width:167px;
	height:45px;
	text-decoration:none;
	text-indent:-777em;
	background:url(../images/logo-emdwa.png) no-repeat;
	}
	
/*----------NAV---------*/
#menu{
	margin:0 auto;
	display:block;
	width:900px;
	}
#nav {
	clear:left;
	margin:0; 
	padding:0; 
	list-style:none;
	}	
#nav li {
	float:left; 
	display:block;
	background:#222; 
	position:relative;
	z-index:500;
	padding:0;
	margin:0 3px 0 0px;
	}				
#nav li a {
	font:1.2em "TitilliumMaps26", Arial, Helvetica, sans-serif;
	display:block; 
	padding:6px 25px 6px 25px; 
	font-weight:normal;
	text-decoration:none; 
	color:#FFF;
	text-align: left;
	}
#nav .active{
	background:#087b89;
	}
#nav li.rightkontakt{
	float:right;
	right:0px;
	}
#nav li a:hover {
	color:#CCC;
	}	

#nav li.selected{
	background:url(../images/strzalka-nav.png) 85% 45% no-repeat #087b89;
  	}
#nav li.selected:hover{
	background:url(../images/strzalka-nav-hover.png) 85% 45% no-repeat #087b89;
	}
#nav li.selected > a {
	width:110px;
	color:#FFF;
	}	
#nav li.selected-off{
	background:url(../images/strzalka-nav.png) 85% 45% no-repeat #222;
	}
#nav li.selected-off:hover{
	background:url(../images/strzalka-nav-hover.png) 85% 45% no-repeat #222;
	}
#nav li.selected-off > a {
	width:110px;
	color:#FFF;
	}	
	
#nav li.selected a:hover {color:#CCC;}	
#nav li.selected-off a:hover {color:#CCC;}	
	
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0;
	padding:0; 
	list-style:none;
	}	
#nav ul li {
	float:left;
	background:#111;
	border-bottom:1px dotted #444;
	}		
		
#nav ul li a {
	width:110px;
	text-decoration:none;
	display:block;
	color:#FFF;
	}		
#nav ul li.hover > a { background-color: #222; }

/*--------END-NAV----------*/

/*-----------SLOGAN-----------*/

#slogan{
	clear:both;
	padding:15px 0 10px 0;
	display:block;
	width:900px;
	overflow:hidden;
	margin:0 auto 0;
	border-bottom:1px dotted #555;
	}
#slogan ul strong{
	font:2.4em "TitilliumMaps26", Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:100;
	text-shadow:1px 1px 1px #FFF;
	}
#slogan ul li{
	text-decoration: none;
	list-style:none;
	}
#slogan ul li p{
	padding:5px 0;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#444;
	font-weight:100;
	}
#slogan ul li a{
	text-decoration:none;
	padding:5px 0;
	color:#087b89;
	font-weight:100;
	}
#slogan .square-back{
	display:block;
	width:54px;
	height:23px;
	float:right;
	margin-top:-27px;
	background:url(../images/square-back.png) no-repeat;
	}
#slogan .square-back a{
	width:54px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-777em;
	}
#slogan .square-back a:hover{background: url(../images/square-back-hover.png) no-repeat;}
#slogan ul li a:hover{
	color:#444;
	}
/*----------END-SLOGAN--------*/

/*--------HOME---------*/
#content-studio{
	width:900px;
	display:block;
	margin:20px auto;
	padding:0 0 20px 0;
	border-bottom:1px dotted #555;
	}
#content-studio p{
	text-decoration:none;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#333;
	padding-top:20px;
	}
.foto-home{
	display:block;
	width:900px;
	height:400px;
	background:#efefef url(../images/home/studio-01.jpg) center no-repeat;
	}


	
/*----------KONTAKT--------*/
#content-kontakt{
	width:900px;
	display:block;
	margin:20px auto;
	padding:0 0 10px 0;
	border-bottom:1px dotted #555;
	}
#content-kontakt ul{
	padding:5px 0 20px 0;
	}
#content-kontakt li{
	font: 1.4em "TitilliumMaps26", Arial, Helvetica, sans-serif;
	color:#111;
	list-style:none;
	}
#content-kontakt li a{
	color:#006875;
	text-decoration:none;
	}
#content-kontakt li a:hover{
	color:#111;
	}
#content-kontakt span{
	color:#777;
	text-decoration:none;
	}
#content-kontakt p{
	text-decoration:none;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#555;
	}
.pauza{
	padding-bottom:10px;
	}
#content-kontakt .colortxt{
	color:#006875;
	}
/*--------OFERTA-----------*/
#content-oferta{
	width:900px;
	display:block;
	margin:15px auto;
	padding:0 0 25px 0;
	border-bottom:1px dotted #555;
	}
#content-oferta ul{
	padding:0 0 20px 0;
	}
#content-oferta li{
	list-style:none;
	}
#content-oferta strong{
	display:block;
	font: 2.4em "TitilliumMaps26", Arial, Helvetica, sans-serif;
	color:#111;
	}
#content-oferta .temat{
	padding:10px 0 10px 0;
	}
#content-oferta .podtemat{
	padding:5px 0 5px 0;
	}
#content-oferta p{
	text-decoration:none;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#333;
	}
/*-------SLIDESHOW--------*/
#slideshow{
	margin:0 auto 0;
	width:900px;
	height:450px;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #555;
	}
.bgimg{
	margin:0 auto;
	display:block;
	width:900px;
	height:450px;	
	background-color:#efefef;
	}
.foto-content{
	position:relative;
	overflow:hidden;
	display:block;
	width:900px;
	height:450px;
	}

/*----------SQUARE---------*/
#square{
	display:block;
	overflow:hidden;
	width:900px;
	margin:20px auto;
	padding:0 0 10px 0px;
	border-bottom:1px dotted #555;
	}

.teamdetails{ width:215px; height:40px; margin:130px auto; text-align:center; }
.details{ width:215px; height:40px; margin:80px auto; text-align:center; }
h4{ font:1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.05em; color:#FFF;  }
p{ font:0.9em 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#FFF;}
a{ text-decoration:none; }
	
	
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:215px;
	height:190px;
	margin:0 5px 10px 3px;
	border:1px solid #F0F0F0;
}

.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#efefef;
	}
	
.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
.fade .mosaic-overlay {
			opacity:0;
			background:#111;
		}
		
.teammosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:215px;
	height:300px;
	margin:0 5px 10px 3px;
	background: url(../img/progress.gif) no-repeat center center;
	border:1px solid #F0F0F0;
}
/*--------COMMENT--------*/	
#comment{
	width:900px;
	display:block;
	padding:0 0 20px 0;
	margin:0 auto;
	border-bottom:1px dotted #555;
	}
#comment p{
	font: 1.1em Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 5px 0 5px;
	}
/*---------FOOTER--------*/
#footer{
	width:900px;
	margin:24px auto 40px;
	}
#footer ul li{
	list-style:none;
	}
#footer ul li img{
	display:block;
	width:79px;
	height:25px;
	padding:15px 0 9px 0;
	}
#footer ul li p{
	padding:5px 0;
	font:1em Arial, Helvetica, sans-serif;
	color:#777;
	font-weight:100;
	}
#footer ul li strong{
	font:1.4em "TitilliumMaps26", Arial, Helvetica, sans-serif;
	color:#111;
	text-shadow:1px 1px 1px #FFF;
	}