@charset "utf-8";
/* CSS Document */

a:link {
	color: #F5CC94;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F5CC94;
}
a:hover {
	text-decoration: none;
	color: #F93F04;
}
a:active {
	text-decoration: none;
	color: #F5CC94;
}

body {
	background-color: #999999;
	background-image: url(../img/background.gif);
	background-repeat: repeat;
}

.styl1 {
	color: #FC794E
}

.lista_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #300;
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tekst2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #300;
	text-align: left;
	line-height: 20px;
}

.tekst3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;
	text-align: center;
	line-height: none;
}
.nazw_gal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}
.kolr_tla_gal {
	background-color: #CB9963;
}

.men_start {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #00007C;
	text-align: center;
	vertical-align: middle;
}

.men_gl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #660033;
	text-align: right;
	vertical-align: middle;
}

.men_dod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #79003D;
	text-align: right;
	vertical-align: middle;
	line-height: 20px;
}

.ram_tekstowa {
	background-image: url(../img/pozostale.jpg);
	padding-right: 40px;
	padding-left: 40px;
	vertical-align: top;
}

.ram_tekstowa_ofirmie {
	background-image: url(../img/o_firmie.jpg);
	vertical-align: middle;
	padding-right: 40px;
	padding-left: 40px;
}
.ram_tekstowa_slub {
	background-image: url(../img/suknie.jpg);
	padding-right: 25px;
	padding-left: 490px;
	vertical-align: top;
}

.ram_tekstowa_kraw {
	background-image: url(../img/kraw_mes.jpg);
	padding-right: 170px;
	padding-left: 350px;
	vertical-align: top;
}

.ram_tekstowa_tkan {
	background-image: url(../img/tkaniny.jpg);
	padding-right: 45px;
	padding-left: 455px;
	vertical-align: top;
}

.ram_tekstowa_str {
	background-image: url(../img/start_img_02.jpg);
	padding-right: 10px;
	padding-left: 165px;
	vertical-align: top;
}


/* galeria */

.photo {width:800px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:800px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {
	display:block;
	width:200px;
	height:31px;
	float:left;
}
.photo ul.topic li a.set {
	display:block;
	font-size:11px;
	width:199px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#000;
	text-decoration:none;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:375px;
	background:#ddd;
	width:640px;
	padding:40px 60px;
	border:20px solid #bbb;
	z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:375px;
	background:#ddd;
	width:640px;
	padding:40px 60px;
	border:20px solid #aaa;
	z-index:100;
}

.photo ul.topic li ul li
{display:inline; width:87px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:85px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{
	display:block;
	width:75px;
	height:75px;
	border:5px solid #eee;
	margin: auto;
}