/*reset CSS by Matas*/
a { text-decoration: none; }
address { font-style: normal; display: inline; }
div, p, body, a, address, span, ul, li, ol, img, form, fieldset, table, tr, td, th,
h1, h2, h3, h4, h5, h6, dd, dt, dl, blockquote { margin: 0; padding: 0; border: 0; }
em { font-weight: bold; font-style: normal; }
hr, legend { display: none; }

input,textarea,select { /* WebKit */ outline: none !important; }
.clear{ clear: both; }
.hide{ visibility: hidden; }
.left{ float: left; }
.right{ float: right; }

body{
	background: #1a2026 url(../images/bg.png) no-repeat 50% 0;
	color: #ffffff;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#wrapper{
	width: 900px;
	margin: 0 auto;
}
#wrapper a{
	color: #FFFFFF;
}
#top {
	height: 43px;
	padding-top:30px;
	overflow: hidden;
}
#top h1 {
	position: absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow: hidden;
}
#top ul {
	list-style:none;

	
}

#top #lang {
	float:right;
	margin-right:70px;
	margin-top:-10px;
}
	

#top #lang a {
	color: #ffffff;
	font-size: 7pt;
	text-align:center;
	height: 22px;
	line-height: 22px;
	width: 33px;
	display:block;
	padding-top: 22px;
	background-repeat: no-repeat;
	text-transform: lowercase;
}

#lang_de {background-image: url(../images/de.png);}
#lang_pl {background-image: url(../images/pl.png);}
#lang_en {background-image: url(../images/en.png);}

#top li{
	float:left;
	margin-left:35px;
}
#top li a{
	outline: none;
}
#top_nav{
	height: 56px;
	background: url(../images/menubar.png);
	overflow: hidden;
}
#top_nav ul{
	list-style:none;
	margin-left:20px;
	
}
#top_nav li {
	float:left;
}
#top_nav li a{
	display:block;
	height: 56px;
	text-indent:-9999em;
	overflow: hidden;
	outline:none;
}
#top_nav li a:hover{
	background-position: 0 -56px;
}

.pl .m1 {width: 127px; background-image: url(../images/pl/m1.png);}
.pl .m2 {width: 119px; background-image: url(../images/pl/m2.png);}
.pl .m3 {width: 122px; background-image: url(../images/pl/m3.png);}
.pl .m4 {width: 128px; background-image: url(../images/pl/m4.png);}
.pl .m5 {width: 80px; background-image: url(../images/pl/m5.png);}
.pl .m6 {width: 95px; background-image: url(../images/pl/m6.png);}
.pl .m7 {width: 79px; background-image: url(../images/pl/m7.png);}
.pl .m8 {width: 88px; background-image: url(../images/pl/m8.png);}

.en .m1 {width: 120px; background-image: url(../images/en/m1.gif);}
.en .m2 {width: 119px; background-image: url(../images/en/m2.gif);}
.en .m3 {width: 100px; background-image: url(../images/en/m3.gif);}
.en .m4 {width: 110px; background-image: url(../images/en/m4.gif);}
.en .m5 {width: 71px; background-image: url(../images/en/m5.gif);}
.en .m6 {width: 129px; background-image: url(../images/en/m6.gif);}
.en .m7 {width: 133px; background-image: url(../images/en/m7.gif);}
.en .m8 {width: 80px; background-image: url(../images/en/m8.gif);}

.de .m1 {width: 107px; background-image: url(../images/de/m1.gif);}
.de .m2 {width: 107px; background-image: url(../images/de/m2.gif);}
.de .m3 {width: 118px; background-image: url(../images/de/m3.gif);}
.de .m4 {width: 119px; background-image: url(../images/de/m4.gif);}
.de .m5 {width: 95px; background-image: url(../images/de/m5.gif);}
.de .m6 {width: 120px; background-image: url(../images/de/m6.gif);}
.de .m7 {width: 114px; background-image: url(../images/de/m7.gif);}
.de .m8 {width: 76px; background-image: url(../images/de/m8.gif);}

#content {
	background: #161b20;
	padding: 0 30px;
	padding-bottom:20px;
	margin-bottom:0px;
}
#content_nav {
	margin-bottom:0px;
	margin-top:15px;
	margin-left:5px;
	overflow: hidden;
	width:100%;
}
#content_nav, #content_nav ul{
	list-style:none;
	overflow: hidden;
}
#content_nav li {
	display:inline;
}

#content_nav li span{
	display:inline;
}
#content_nav li ul{
	display:inline;
}
#content_nav li li{
	display: inline;
}
#content_nav span {
	color: #ffffff;
	float:left;
}
#content_nav li{
	margin-right:10px;
}
#content_nav li li{
	background: url(../images/separator.png) no-repeat 100% 5px;
	margin:0;
	float:left;
	padding-right:1px;
}
#content_nav li li a {
	color: #999999;
	margin:0 3px;
	outline:none;
}
#content_nav li li.last {
	background:none !important;
}
#photos_container{
	overflow: hidden;
	margin-left: 5px;
	clear:both;
}
#photos_container img{
	border: 5px solid #ffffff;
}
#photos_thumbs_container {
	list-style:none !important;
}
#photo_big{
	float:left;
	width: 345px;
}
#photos_thumbs_container li{
float:left;
margin-left:32px;
margin-bottom:30px;
}

#photos_options{
	clear: both;
	width:100%;
	position:relative;
}
#photos_options h2{
	color: #ffffff;
	font-size: 8pt;
	padding: 25px 0;
}
#photos_options p {
	line-height:170%;
}
#photo_add_to_fitting_room {
	color: #ffff00;
	display:block;
	text-align:center;
	width: 72px;
	top: 37px;
	left: 283px;
	height: 26px;
	padding-top:40px;
	background: url(../images/add.png) no-repeat 50% 0;
	font-size:7pt;
	outline:none;
	position: absolute;
	
	line-height: 150%;
}
#photos_page_nav{
	height: 26px;
	position: absolute;
	top: 35px;
	right: 25px;
	width: 68px;
	background: url(../images/kreska.png) no-repeat 50% 5px;
}
#photos_page_prev{
	width:20px;
	height: 26px;
	display:block;
	overflow: hidden;
	float:left;
	outline:none;
	background: url(../images/page_prev.gif);
	text-indent:-9999em;
}
#photos_page_next{
	width:20px;
	height: 26px;
	display:block;
	overflow: hidden;
	float:right;
	outline:none;
	background: url(../images/page_next.gif);
	text-indent:-9999em;
}
#content h2{
	font-size: 8pt;
	color: #ffffff;
	font-weight:bold;
	margin-left: 5px;
	padding:20px 0;
}
#content h3{
	margin-left:5px;
}
#content h3.title{
	font-size: 12pt;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 15px;
}
#choose_salon{
	list-style:none !important;
	margin-left: 15px;
	overflow: hidden;
}
#choose_salon li {
	float:left;
	margin:0 12px;
}
#content p {
	margin: 0 5px;
	margin-bottom:17px;
	line-height: 170%;
}
#content ul {
	list-style-type: square;
	line-height:170%;
	margin-left:30px;
}
.pl #login_form{
	padding-left: 475px;
	background: url(../images/pl/przymierzalnia.jpg) no-repeat 20px 50px;
	margin-top:20px;
	height: 300px;
}
.en #login_form{
	padding-left: 475px;
	background: url(../images/en/przymierzalnia.jpg) no-repeat 20px 50px;
	margin-top:20px;
	height: 300px;
}
.de #login_form{
	padding-left: 475px;
	background: url(../images/de/przymierzalnia.jpg) no-repeat 20px 50px;
	margin-top:20px;
	height: 300px;
}

#content a {
	color: #666666;
}
#content a:hover{
	color: #ffffff;
}
#login_form .left, #login_form .right{
	width: 45%;
}
#login_form .left{
	margin-left:5px;
}
#login_form label, #login_form input {
	display:inline;
}
#login_form input {
	width:120px;
	font-size: 8pt;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#login_form input.right, #login_form input.left{
	width: auto;
	margin:15px 0;
}#login_form li {
	line-height: 200%;
}
#login_form ul{
	margin-bottom:30px;
}
#contact_map {
	width: 475px;
	float:right;
}

#contact address{
	line-height: 170%;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
.line{
	height:1px;
	width: 100px;
  background: #666666;
  line-height: 1px;
  font-size:1px;
  margin-bottom:15px;
  margin-top:5px;
}
.mice {font-size: 25px; font-weight: bold; color: #FFFF33; font-family: Arial Black, Helvetica, sans-serif; cursor: pointer;}
.foto {border-color: #FFFFFF}