/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME: 	Underground
	TEMPLATE CODE:		S-0006
   VERSION:          1.1          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	font-size: small;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	color: #333333; 
	text-align: center;
}

/* links */
a {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #FF6600; 
}

/* headers */
h1, h2, h3 {
	font-weight: bold;
	color: #333333;
}
h1 {
	font-size: 120%;
	letter-spacing: .5px;
}
h2 {
	font-size: 115%;	
	text-transform: uppercase; 		
}
h3 {
	font-size: 115%;
	color: #003366;		
}

/* images */
img {
	border: 0px;
}

h1, h2, h3, h4, p {
	padding: 0;		
	margin: 10px 0px;
}


code, pre {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-weight: bold;  
}

/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 1px; 
	background: #FFF;
	color: #CC0000;
}
/* search form */
form.search {
	position: absolute;
	top: 5px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
}
form.search input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(../images/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 23px;
	color: #333;
	width: 60px;
}

/**********************************
  LAYOUT 
***********************************/
#wrap, #start-wrap{
	clear:both;
	text-align: left;
	margin: 0px auto; 
	width: 780px;
}

/* header */
#header, #start-header {
	position: relative;
	margin: 0px; 
	padding: 0px;
	height: 84px;
}
#start-link {
	border: 0px;
}
#logo {
	float: left;
	margin-top: 20px;
}
/* navigation tabs */
#header ul {
  margin: 0px;
	float: right;
	width: 545px;
	font-size: larger;
}
#header li {
	height: 84px;
  background: #ffffff url(../images/mmenu-bullet.gif) no-repeat left bottom;
  display: inline;
  margin: 0px; 
	padding-left: 1px;
  float: left;
}
#header li a {
  margin:0px;
	float: left;
  background: url(../images/mmenu-bg.gif) no-repeat left -11px;
  padding:45px 30px 21px 55px;
	color: #999999;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header li a span {float:none;}
/* End IE5-Mac hack */
#header li a:hover, #header li a.child-active:hover {
  background: url(../images/mmenu-bg.gif) no-repeat left -105px;
	color: #000000;
}
#header li a.active, #header li a.child-active{
  background: url(../images/mmenu-bg.gif) no-repeat left -198px;
	color: #000000;
}
#header li a.active:hover {
  background: url(../images/mmenu-bg.gif) no-repeat left -198px;
	cursor: default;
}

/* side (secondary) menu */
#header ul ul.betanav {
	display: none;
}
#header .activepage ul.betanav {
	display: block;
	position: absolute;
	top: 84px;
	left: 0px;
	width: 180px;
	margin: 10px 0px;
	padding: 0px 0px 0px 40px; 
	list-style: none;
	text-align: left;
	text-decoration: none;
}
#header ul.betanav li {
	background: url(../images/smenu-hr.gif) no-repeat left bottom;	
	margin: 0px;
	padding: 10px 0px;
	height: auto;
	display: block;
	float: none;
}
#header ul.betanav li.last {
	background: #ffffff;	
}
#header ul.betanav a {
	float: none;
	display:block;
	color: #999999;
	background: none;
	padding: 0px;
	font-size: smaller;
}
#header ul.betanav a:hover, #header ul.betanav a.hovered, #header ul.betanav a.active {
	color: #ff6600;
	background: none;
}
#header ul.betanav a.active:hover {
	cursor: default;
	background: none;
}
#header ul.betanav a .firstline{
	font-weight: bold;
}

/* main column */
#main {
	float: right;
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 545px;	
}
#start-main {
	margin: 5px auto;
	padding: 0px;
	height: 363px;
	width: 603px;
}
#start-main  a.main-tel{
	height: 228px;
	width: 161px;
	float: left;
	margin: 0px 20px;
	text-align: center;
	padding-top: 135px;
  background: url(../images/menutel-bg.gif) no-repeat left 0px;
	color:#000000;
	font-size: large;
}
#start-main  a.main-tel:hover{
  background: url(../images/menutel-bg.gif) no-repeat -161px 0px;
	color: #ffffff;
}

/* salony */
#polska{
  position: relative;
	width: 423px;
	height: 410px;
	background: url(../images/polska.gif) no-repeat left top;	
}
#polska a{
  position: absolute;
	color: #000000;
	font-size: x-small;
	background: url(../images/miasto-i.gif) no-repeat;	
}
#polska a:hover, #polska a.hovered{
	color:#ff6600;
	background: url(../images/miasto-h.gif) no-repeat;	
}
#polska #pultusk{
	padding-bottom: 8px;
	background-position: 50% 11px;
	top: 150px;
	left: 269px;
}
#polska #lochow{
	padding-left: 9px;
	background-position: left center;
	top: 168px;
	left: 305px;
}
#polska #warszawa{
	padding-bottom: 8px;
	background-position: 50% 11px;
	top: 175px;
	left: 260px;
}
#polska #brwinow{
	padding-left: 9px;
	background-position: left top;
	top: 192px;
	left: 272px;
}
#polska #grodzisk{
	padding-right: 8px;
	background-position: 100% center;
	top: 195px;
	right: 152px;
}
#polska #konstancin{
	padding-top: 5px;
	background-position: 50% 0px;
	top: 202px;
	left: 243px;
}
#polska #belchatow{
	padding-bottom: 8px;
	background-position: 50% 11px;
	top: 230px;
	left: 210px;
}
#polska #radom{
	padding-bottom: 8px;
	background-position: 50% 11px;
	top: 230px;
	left: 271px;
}
#polska #radomsko{
	padding-top: 7px;
	background-position: 50% 0px;
	top: 260px;
	left: 212px;
}
#salony-spacer{
	width: 1px;
	height: 70px;
	float: right;
}
#tels-intro{
	margin: 0px;
	padding-left: 10px;
	font-size: 110%;
	color: #333333;
}
#tels .tels-tel{
	float: left;
	width: 175px;
	margin: 0px 2px;
}
#tels .tels-name{
	font-weight: bold;
}
#tels a{
	color:#666666;
}
#tels a.hovered, #tels a:hover{
	color:#ff6600;
}
#sal-tels{
	float: right;
	width: 175px;
	margin: 40px 0px 0px 0px;
}
#sal-tels-intro{
	margin: 0px 0px 20px 0px;
	color: #999999;
	font-weight: bold;
}
#sal-tels-body{
	margin: 0px;
	font-weight: bold;
	line-height: 170%;
}

.contact-data{
	margin-left: 40px;
}
/* biznes */
div.biz-head{
	margin: 20px 0px 0px 0px;
	width: 500px;
	clear: both;
}

div.biz-head .biz-office-head{
	font-size: larger;
	font-weight: bold;
}

div#bcards-warszawa{
	width: 720px;
	margin-left: -175px;
}

div#bcards-kielce{
  float: right;
  width: 480px;
}

/* Only IE <7 has something before the html tag (hell knows what is it), so only these will obey this selector.
     This is needed, as IE6 widens the narrow div containing relatively positioned wider div*/
* html div.biz-head{
	margin-left: 175px;
}
* html div#bcards-warszawa{
  margin-left: 0px;
}
* html div#bcards-kielce{
  margin-left: 240px;
}

div.bcard {
	width: 170px;
	height: 270px;
	margin: 0px;
	background: url(../images/card-bg.gif) no-repeat left top;
	padding: 40px 35px;
	float: left;
}

div.bcard p{
  padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 80%;
}

div.bcard .bcard-name{
	font-size: large;
}

div.bcard .bcard-job{
	font-size: 105%;
}

div.bcard .bcard-data{
	margin-top: 30px;
}

div.bcard .bcard-tel, div.bcard .bcard-mail{
  font-weight: bold;
	font-size: 108%;
}

div.bcard .bcard-mail{
	color: #666666;
}
div.bcard .bcard-mail:hover{
	color: #ff6600;
}
/* praca */
#praca-img {
  display: block;
  position:absolute;
	top: 30px;
	left: -195px;
}
#news-spacer{
	float: right;
	width: 10px;
	height: 320px;
}
#news{
	margin-top: 30px;
}
#news h3, #news h4, #news p {
	margin: 0px;
}
#news p.starter{
  margin-bottom: 40px;
	font-size: larger;
	color: #999999;
	font-weight: bold;	
}
#news h3{
	color: #000000;
	font-size: larger;
}
#news h4{
	font-size: 110%;
}
#news .news-text{
	padding-left: 10px;
	margin: 5px 0px 20px 0px;
}


/* footer */
.footer { 
	clear: both; 	
	padding: 2px 0px 0px 0px; 
	width: 100%;
}
#footer-text {
	margin-top: 80px;
	text-align: center;  
	font-size: smaller;
}
#logo_tp{
	margin-top: 32px;
	margin-left: 40px;
	float: left;
}
#logo_orange {
	float: right;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}
.gray{
	color: #999999;
}

fieldset
{
  border: none;
}

form {padding: 15px;}