/*--------------------------------------------------------------------poczatek*/

*
{
  margin: 0;
  padding: 0;
}

body
{
	margin-top: 15px;
	background-color: #000;
	color: #000;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
}

img
{
	border: 0;
}

a
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #CC0000;
	text-decoration: none;
}

a:hover
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #000000;;
}

hr
{
	height:1px;
	border: none;
	border-bottom: 1px solid #CC0000;
	margin:10px;
	clear: both;
}

#intro
{
	width: 100%;
	height: 1000px;
	vertical-align: bottom
}

/*--------------------------------------------------------------------glowny pojemnik i szkielet, w miare stale rzeczy*/


#pojemnik
{
	width: 910px;
 	min-height: 610px; height: auto !important; height: 610px;	
	margin: auto;
	background-image: url('_img/bg1.jpg');
  background-repeat: repeat-x;
  background-position: top;
  background-color: rgb(102,102,102);
}


#main, #header, #footer
{
  width: 880px;
  margin: auto;
}

#main
{
	background-image: url('_img/perfm_left_bg.jpg');
  background-repeat: repeat-y;
  background-color: rgb(240,240,240);
}

#left-column
{
  float: left;  
}

#left-column img
{
  position: relative;
  left: -20px;
  display: block;
}

#left-column object
{
  position: relative;
  left: -20px;
  top: -16px;
  display: block;
  z-index: 100;
}

#left-column a
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #CC0000;
	text-decoration: none;
}

#left-column a:hover
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #000000;;
}

#content
{
  position: relative;
  left: -10px;
  margin-top: 17px;
  padding:0px !important;
  width: 605px;
  float: left; 
}

#content a
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #CC0000;
	text-decoration: none;
}

#content a:hover
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #000000;
}

div#top
{
	position: relative;
  background-color: #fff;
  height: 60px;
}

div#top img
{
	position: absolute;
	top: -16px;
	left: -11px;
}

div#middle
{
	min-height: 500px; height: auto !important; height: 500px;
}

div#bottom
{
	position: relative;
	height: 30px; 
  width: 605px;
	background-color: #fff;
	clear: both;
}

/*--------------------------------------------------------------------zawartosc, czesto sie zmienia*/


/*------------------pager*/


ul.pages
{
	display: block;
	list-style-type: none;
}

ul.pages li
{
  cursor:default;
  padding-left:2px;
  padding-right:2px;
	float: left;
}

ul.pages.top_left
{
	position: relative;
	top: 35px;
	left: 40px;
	float: left;
}

ul.pages.top_right
{
    position: relative;
	top: 35px;
	right: 20px;
	float: right;
}

ul.pages.bottom_left
{
	position: relative;
	top: 8px;
	left: 40px;
	float: left;
	
}

ul.pages.bottom_right
{
	position: relative;
	top: 8px;
	right: 20px;
	float: right;
}

.clicked
{
  color: #000;
}

/*------------------zawartosc dzialu modelki i modele*/

#dynamic-content
{
  width: 605px;
  margin-top: 20px;
	min-height: 434px; height: auto important!; height: 434px; 
}

#dynamic-content h1
{
  margin-left: 5px;
  font-size: 10pt;
}

ul.fotolista
{
  margin-top: 15px;
  margin-right: 7px;
  width: 110px;
  height: 220px; 
	float: left;
  list-style-type: none;
	text-align: left;
}

ul.fotolista img
{ 
  border: 1px solid #999;
  width: 110px;
  height: 140px;
}

li.name
{
  line-height: 16px;
  font-size: 14px;
  color: #cc0000;
  font-weight:bold;
}

/*------------------karta modela*/
#karta 
{
	width: 605px;
  min-height: 500px; height: auto !important; height: 500px;	
	margin-top: 10px;
	background-color: #fff;
}

#dossier 
{
	width: 605px;
	height: 155px;
	padding-top: 10px;
}

.descriptionList 
{
	display:block;
	width:400px !important;
	height:60px;	
}

.powrotBtn 
{
	float: right;
}

.powrotBtn img
{
	border:0px !important;
}

#dossier ul
{
  margin-right: 8px;
  display: block;
  width: 150px;
  float: left;  
  list-style-type: none;
  font-family: Arial, Sans-Seriff;
}

#dossier ul li.label
{
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

#dossier img
{
  float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #999;
}

#dossier-foto
{
	width: 500px;
	height: auto;
}
#dossier-foto img {
	border: 1px solid #999;
}

#dossier-menu
{
	position:absolute;
	left:475px;
	top:215px;
	width: auto;
	height: auto;
}

#dossier-menu p
{
	margin-left: 4px;
  font-size: 13pt;
  color: #CC0000;
  font-weight: bold
}

#dossier-menu ul
{
	width:130px;
	padding:4px;
	margin:0;
	list-style-type:none; 
}

#dossier-menu li
{
	float:left;
	padding:0px;
	margin:0;
	list-style-type:none;
}

#dossier-menu a
{
	float:left;
	width:24px;
	height:24px;
	text-decoration:none;
	color:black;
	background-color:#fff;
	background-image: url('_img/mini_polaroid2.jpg');
	background-repeat: no-repeat; 
	padding-top:2px;
	text-align: center;
	font-weight: bold;
}

#dossier-menu a:hover
{
	color:red;
	background-color:#fff;
	background-image: url('_img/mini_polaroid2.jpg');
	background-repeat: no-repeat;
}

#dossier-menu a:visited
{
	background-color:#fff;
	background-image: url('_img/mini_polaroid3.jpg');
	background-repeat: no-repeat;
}


#dossier-foto img
{
	margin: 10px;
	text-align: center;
}

/*------------------newsy*/

ul.ImageList
{
	list-style-type: none;
}

ul.ImageList li
{
	float: left;
}

#karta_news
{
	width: 605px;
 	min-height: 300px; height: auto !important; height: 300px;	
	margin-top: 10px;
	background-color: #fff;
	overflow: auto;
}

.news
{
	float: left;
	list-style-type: none;
	width: 452px;
	height: 72px;
}

.listSet
{
	border-bottom:1px solid #CC0000;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 580px;
	margin: auto;
	min-height: 80px; height: auto !important; 
}

.news li a:link, a:visited, a:hover
{
	font-size: 12px;
	font-weight:bold;
	color: #CC0000;
}

li a#more
{
	display: block;
	margin-top: 10px;
}

.newsListPhoto
{
	border: 1px solid #999;
	margin-left: 10px;
	clear: right;	
}

div#karta a#backBtn
{
	display: block;
	clear: both;
	width: 50px;
	margin: auto;
}

.news_karta
{
	display:block;
	list-style-type: none;
}

.news_karta li
{
	display:block;
	font-weight: bold;
}

.news_karta li#ListItem0
{
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #CC0000;
	clear:both;
}

.news_karta li#ListItem1
{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 10px;
	color: #000;
	font-weight: normal;
	float:left;
}

.news_karta li#ListItem2
{
	display:block;
	list-style-type: none;
}

.newsPhoto
{
	border: 5px solid #ccc;
	margin-left: 30px;
}

/*------------------formularz zgloszenia*/

#karta_form
{
	width: 605px;

	margin-top: 10px;	
	padding-top: 10px;
	margin-bottom:10px;
	background-color: #fff;
}

#karta_form div.hr
{
	height: 0 !important;
	border-bottom: 1px solid #CC0000;
	margin: 10px;
}

#karta_form div#formbuttons
{
	width: 368px;
	margin: auto;
	margin-bottom: 10px;
}

#karta_form div#formbuttons input
{
	width: 120px;
}

#karta_form ul
{
	list-style-type: none;
	width: 369px;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
}

#karta_form input.textfield
{
	height: 1em;
	line-height: 1em;
	margin: 0 !important;
	padding: 0 !important;
}

#karta_form input.textfield.long
{
	width: 200px;
}

#karta_form input.textfield.short
{
	width: 30px;
}

#karta_form input.radio
{
	height: 16px;
	width: 16px;
}

#karta_form input.file
{
	height: 20px;
}

#karta_form select
{
	font-size: 9px;
	width: 140px;
}

#karta_form select#birth_day, select#birth_month
{
	width: 65px;
	margin-bottom: 1px;
}

#karta_form label
{
	display: block;
	float: left;
	width: 146px;
	margin-right: 8px;
	text-align: right;
	white-space: nowrap;
}

#karta_form label.textfield
{
	height: 16px;
	line-height: 16px;
}

#karta_form label.radio
{
	height: 14px;
	line-height: 14px;
}

#karta_form label.select
{
	height: 18px;
	line-height: 18px;
}

#karta_form span.label
{
	display: block;
	width: 146px;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: right;
}

#karta_form span.label.info
{
	font-weight: normal;
}

.prompt
{
	margin: 10px 0px 0px 275px;
	color: #999;
}
/*------------------kontakt*/


#karta_kontakt 
{
	width: 605px;
 	height: 680px;	
	margin-top: 10px;
	background-color: #fff;
	min-height: 680px;
}

.kontakt_p_title
{
	padding:10px;
	font-size: 18px;
	color: #CC0000;
	font-weight: bold;
}

.kontakt_p_title_2
{
	padding-bottom:10px;
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
}

.kontakt_p_text
{
	padding:10px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}

.kontakt_ul
{
	list-style-type: square;
	display:block;
	width:350px !important; 
	float:left;
	padding:20px;
}

.kontakt_ul_2
{
	list-style-type: square;
	display:block;	
	width:150px !important;
	padding:20px;
	float:left;
}

.kontakt_zespol
{
	clear:both;
	padding-top:5px;
	list-style-type: none;
}

.kontakt_li_1
{
	display:block;
	width:350px; 
	float:left;
	padding-left:20px;
}

.kontakt_li_2
{
	display:block;
	width:100px; 
	float:left;
	padding-left:20px;
}

.kontakt_miniphoto
{
	margin:10px;
	border: 5px solid #ccc;
	float:left;
}

#karta_dolacz
{
	width: 605px;
  min-height: 500px; height: auto !important; height: 500px;	
	margin-top: 10px;
	background-color: #fff;
}

#karta_nasiklienci
{
	width: 605px;
  height: 2600px;	
	margin-top: 10px;
	background-color: #fff;
	overflow: none;
}

#nasiklienci, #dolacz
{
	margin: 10px;
}

#nasiklienci strong
{
  font-size: 16px;
  color: #CC0000;
}

.nasiklienci_ul
{
	list-style-type: square;
	float:left;
	padding:20px;
}

#nasiklienci ul li img
{
  border: 1px solid #000;
}

.dolacz-kwest
{
	margin-top: 20px;
	margin-left: 50px;
	width:220px;
	height:40px;
	float:left;
}

.dolacz-kwest img
{
	position:relative;
	left:-50px;
	top:-30px;
} 

#dolacz
{
	clear:both;
}

#dolacz2
{
	width: 600px;
	padding-top: 15px;
	text-align: center;
}

#dolacz2 a
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif;
	color: #cc0000;
	text-decoration: none;
}

#dolacz2 a:hover
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	color: #000000;
}

#dolacz2 h1
{
	font-size: 18px;
	color: #CC0000;
	padding-bottom: 25px;
}

#dolacz p
{
	margin-top: 10px;
}

#dolacz p.link
{
	font: normal bold 11px Verdana, Tahoma, Arial, sans-serif !important;
	padding-top: 30px;
	text-align: center;
}

#dolacz strong
{
  font-size: 16px;
  color: #CC0000;
}

#dolacz ul
{
  display: block;
  float: left;  
  list-style-type: none;
  font-family: Arial, Sans-Seriff;
}

#dolacz ul li
{
  overflow: auto;
}

#dolacz ul li strong
{
  line-height: 25px;
  font-size: 11pt;
  color: #cc0000;
}

#list_left
{
  width: 220px;
	float:left;
}

#list_left ul
{
  list-style-type: none;
	float:left;
	padding-left: 20px;
}

#list_left li.name1
{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	padding-bottom: 10px
}

#list_left li.name
{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;l
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px
}

#list_left li.phone
{
	font-size: 11px;
	color: #000;
	text-align: center;
}



/*------------------dol strony pod pager*/

.content-title-bottom_dogory
{
  margin-top: 10px;
  background-color: #fff;
  height: 30px;
  text-align:center;
}

.content-title-bottom_dogory img{
	padding-top: 5px;
}

.content-title-bottom p{
  top: 7px;
}


/*--------------------------------------------------------------------stopka*/

#footer{
	background-image: url('_img/perfm_linia_left_przedl.jpg');
    background-repeat: repeat-x; 
    background-color: rgb(102,102,102);  
    height: 25px;
    padding-top: 20px;
    text-align: left;  
    clear: both;
}

/*--------------------------------------------------------------------wyswietlanie miniatur*/

.specialImg
{
	position:absolute;
	width:110px;
 	
 	z-index:1;
	visibility:hidden;
	border:1px solid #ccc;
	border-bottom: 4px solid #ccc;
	padding:10px;
	background-color: #fff
}

#BackLink 
{
	display: block;
	width: 100px;
	margin: auto;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 20px;
}