body 
{
	margin:0px;
	color: #595959;
	font-family: Calibri, Tahoma;
	font-size: 13px;
}

h1 {text-align:center; font-weight:normal}
h2 {font-weight:normal; font-size: 16px; text-transform:uppercase; color:#E66400; padding: 20px 0px 5px 0px;}
h3 {text-align:center; font-weight:normal; font-size: 15px; text-transform:uppercase; color:#E66400; padding: 10px 0px 5px 0px;}

li {margin: 5px 0px;}


.pnlLogIn {float:right;  margin: 10px -5px 0px 0px;}
    .pnlLogIn .links {float: right; font-size:10px; padding: 0px 10px 2px 0px;}
    .pnlLogIn .loginBox {padding: 3px 10px 0px 10px; float: left; border: none; width: 130px; background: transparent url(../Images/Buttons/loginBox.jpg) no-repeat fixed; background-attachment: scroll !important; height: 22px;}
    .pnlLogIn .passBox {padding:3px 10px 0px 10px; float: left; border: none; width: 130px; background: transparent url(../Images/Buttons/passBox.jpg) no-repeat fixed; background-attachment: scroll !important; height: 22px;}
    .pnlLogIn .loginBtn {margin-right:5px; cursor: pointer; border: none; width: 83px; height: 25px; background: transparent url(../Images/Buttons/loginBtn.jpg) no-repeat; }
    .pnlLogIn .passError {font-size:10px; color:red; margin-right:5px;}

.pnlLogOut {float:right;  margin: 10px -5px 0px 0px;}
    .pnlLogOut .welcome {clear:both; float: right; font-size:13px; padding: 25px 10px 2px 0px; }
        .pnlLogOut .welcome span {font-weight:bold;}
    .pnlLogOut .profil {clear:both; float: right; font-size:13px; padding: 0px 10px 2px 0px;}
        .pnlLogOut .profil .link {color:#E66400; text-decoration:none; }

.right {text-align:right;}
.small {font-size:11px;}
.separator {float:left; width:100%; color: #F3F3F3; background-color: #F3F3F3; height: 1px; margin: 20px 0px;}	
.small-separator {float:left; width:90%; color: #F3F3F3; background-color: #F3F3F3; height: 1px; margin: 4px 0px;}	
.orange {color:#E66400;}
.gray {color:Gray;}
.left-60 {padding-left:60px;}
.right-60 {padding-right:60px;}

div.tooltip
{
	display: none; 
    position: absolute; 
	border: solid 1px #FFA563;
	background-color: #FFF6EF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: Black;
	font-size: 11px;
	max-width: 300px;
}

#background {float: left; width:100%;  }
#container {width: 800px; margin: 0 auto; text-align:left; }/* center content */

td.header {width: 798px; height:135px; vertical-align:top;}
td.header img {float:left; padding-top: 25px; padding-left:15px; border:0;}
td.menu {width: 798px; height:31px;}
td.content {width: 798px; }
td.footer {width: 798px; height:50px; font-size: 10px; vertical-align:bottom;}
    td.footer .frame {float:left; width: 798px;}
        td.footer .frame .f1 {float:left; width:90px; margin-top:-11px; *margin-top:0px; }    
        td.footer .frame .f2 {float:left; width:300px;  margin-top:-11px; *margin-top:0px; }
        td.footer .frame .menu {text-align:right; float:right; width:300px; padding-right:20px; margin-top:-11px; *margin-top:0px; }
            td.footer .frame .menu a {color: #595959;}
            td.footer .frame .menu a:hover {color: #E66400;}


table.menuTable {z-index:1; width: 798px; border: solid 1px #C55201; }
    td.menuItem {border: 0px; height:38px; border-right: solid 1px #C55201; background-image: url('../Images/Website/bg_main_menu.jpg'); background-repeat:repeat-x; vertical-align:middle; text-align:center;}
        .mainMenu td.menuItem a {font-weight:bold; font-size:14px; color:white; text-decoration:none;}
        .modelMenu td.menuItem a {font-weight:bold; font-size:12px; padding:0 5px; color:white; text-decoration:none;}
    td.menuSelectedItem {border: 0px; height:38px; border-right: solid 1px #C55201; background-image: url('../Images/Website/bg_main_menu_click.jpg'); background-repeat:repeat-x; vertical-align:middle; text-align:center;}
        .mainMenu td.menuSelectedItem a {font-weight:bold; font-size:14px; color:white; text-decoration:none;}
        .modelMenu td.menuSelectedItem a {font-weight:bold; font-size:12px; padding: 0 4px; color:white; text-decoration:none;}
    td.menuSpace {width:1px;}
    .mainMenu td.menuItemLast {width:182px; border: 0px; height:38px; background-image: url('../Images/Website/bg_main_menu_model.jpg'); background-repeat:repeat-x; vertical-align:middle; text-align:right; padding-right:3px; }
        .mainMenu td.menuItemLast a {font-weight:bold; font-size:12px; color:White; text-decoration:none; padding-right:10px;}
    .modelMenu td.menuItemLast {width:130px; border: 0px; height:38px; background-image: url('../Images/Website/bg_main_menu_model.jpg'); background-repeat:repeat-x; vertical-align:middle; text-align:right; padding-right:3px; }
        .modelMenu td.menuItemLast a {font-weight:bold; font-size:11px; color:White; text-decoration:none; padding: 0 10px;}

div.subMenu {z-index: 100;border: solid 1px #c55201;  background: #fff url(../Images/Website/referencje.png) repeat-x; padding: 2px 5px 2px 5px; width:125px; }
table.menuSubTable {width:125px; }
    td.subMenuItem {width:100%; text-align:center; padding: 4px; border-bottom: solid 1px #F3F3F3;}
        td.subMenuItem a {font-weight:normal; font-size:13px; color:#E66400; text-decoration:none;}


.modelContent {width: 758px; margin: 10px 20px; }
    .modelContent h1 {text-align:left; text-align:center; font-weight:normal}
    .modelContent h2 {text-align:left; font-weight:normal; font-size: 17px; text-transform:uppercase; color:#E66400; padding: 20px 0px 5px 0px;}
    .modelContent h3 {text-align:left; font-weight:normal; font-size: 15px; text-transform:uppercase; color:#E66400; padding: 10px 0px 5px 0px;}


/*--------- HOME ---------*/

td.mainContent {z-index:1; width: 600px; vertical-align:top;}
    td.mainContent .content {padding: 20px;}
    
td.rightContent {z-index:1; width: 150;  font-size: 12px; vertical-align:top;}
    td.rightContent .content {padding: 10px 0px 10px 20px;}

.homepage {float:left; width:100%; margin: 20px 0;}
.homepage img {border: none;}
    .homepage .leftItem {float:left; width:49%; text-align:left; }
        .homepage .leftItem .arrow {float:left; margin-left:30px; width:200px; background: transparent url(../Images/Website/rightarrows.gif) no-repeat; background-position:left; height:22px; padding-left:22px; text-align:left;}
            .homepage .leftItem .arrow span {float:left; font-size:11px; margin-top:3px;}
    .homepage .rightItem {float:right; width:49%; text-align:right;  }
        .homepage .rightItem .arrow {float:right; margin-right:30px; width:200px; background: transparent url(../Images/Website/leftarrows.gif) no-repeat; background-position:right; height:22px; padding-right:22px; text-align:right;}
            .homepage .rightItem .arrow span {float:right; font-size:11px; margin-top:3px;}
    .homepage .middleItem  {float:left; width:100%; text-align:center;}
        


div.oferta {width:150px; text-align:center; color:#E66400;}
    div.oferta .h1 {float:left; width:150px; font-size: 18px; padding: 10px 0px 2px 0px;}
    div.oferta .h2 {float:left; width:150px; font-size: 14px; padding: 5px 0px 12px 0px;}
    div.oferta .btnStart {background: transparent url(../Images/Website/btnStart.jpg) no-repeat; width:149px; height:49px; cursor: pointer; border: none;}
    div.oferta .h3 {padding:8px 0px;}
    div.oferta .lnkOferta { color:#787878; font-size:11px; }

div.referencje {float:left; width:180px; margin-left:15px; margin-top:5px; background: transparent url(../Images/Website/referencje.png) repeat-x; min-height:150px; }  
    div.referencje .title {padding:2px 5px; float:right; color:#787878; font-size:13px; width:170px; text-align:right; font-weight:bold;}
    div.referencje .item {padding:5px;  }
        div.referencje .item .t {float:left; font-size: 12px; text-transform:uppercase; color:#E66400; float:left; width:170px;}
        div.referencje .item .i {float:left; width:170px; font-size: 11px; color:#787878;  }

/*--------- ZAPYTANIE OFERTOWE ---------*/

.leftImage {float:left; margin-right: 10px; margin-bottom: 5px; border:solid 1px silver;}
.rightImage {float:right; margin-left: 10px; margin-bottom: 5px;  border:solid 1px silver;}

.modelList {}
    .modelList .box {width:15px; text-align:center; vertical-align:middle;}
    .modelList .img {width: 52px; padding: 4px 0px 2px 0px;} 
    .modelList .name {text-align:left; vertical-align:middle; width:100px; } 
        .modelList .name span { text-transform:capitalize; }

/*--------- MODEL GALLERY ---------*/

td.modelPhotos {width: 612px; vertical-align:top;}
	td.modelPhotos div.photoFrame {border:solid 1px gray; width:150px; height:150px;}	   

td.modelPreference {width: 160; padding: 10px 10px 10px 20px; font-size: 12px; vertical-align:top;}
	td.modelPreference span.prefTitle {float: left; width: 150px; color:#E66400; font-size:14px;}
	td.modelPreference div.prefBlock {padding:5px; }
		td.modelPreference div.prefBlock span.prefHeader {}		
		td.modelPreference div.prefBlock label {font-size: 12px;}
		td.modelPreference div.prefBlock input.txt { width: 30px; height:15px; border: solid 1px #787878;}

#divModelGallery {width:766px; height:532px; background-image: url('../Images/Website/bg_kompozyt.png'); background-color:Transparent;}
	table.modelKompozyt {margin-left:10px; padding-bottom:10px;}
		td.mainPhoto	{width: 350px; padding: 10px 10px 10px 10px;}	
		    table.mainPhotoCenterTable {width:350px; height:495px; border:solid 1px #8f8f8f; width:350px; height:495px; background-color:#fff; }
		    table.mainPhotoCenterTable td {vertical-align:middle; text-align:center;}
				img.ModelBigPhoto {max-width:350px; max-height:495px; border:solid 1px black; }
		td.headerName {vertical-align:top; width:380px; padding-left:160px; }
			span.headerName {font-size: 17px; font-weight:bold; color:White; }
		td.closeKompozyt {vertical-align:top; width:36px; text-align:center;}
		table.modelInfo {width:360px; margin-left:10px;}
			span.modelInfoDesc {font-size:14px; color:#C55201; font-family: Calibri, Tahoma;}
			span.modelInfoValue {font-size:14px; font-family: Calibri, Tahoma;}
		td.modelPhotoList {}
			div.photoFrame {width:100px; height:100px; overflow: hidden;}
				img.ModelSmallPhoto {width:100px; height:100px; border: solid 1px black; margin-left:-10px;}
		td.modelFooter {text-align:right; padding-right:20px;}
			img.logo {float:left;}
		
/*--------- USER MODEL GALLERY ---------*/		   
    
.um-content {width:294px; float:left; margin:10px 5px;}
    .um-content .um-background {width:294px; height:157px; margin:0px; background-image: url('../Images/Website/bg_klient_gallery.jpg');	background-repeat:no-repeat; background-color: #fff;}
    .um-content .um-content-photo {float:left; margin: 1px 1px 7px 7px; width: 147; height:147;}
    .um-content .um-content-title {float:right; width: 134px; height: 20px; margin: 3px 0;}
        .um-content .um-content-title .model-name {float:left;}
        .um-content .um-content-title .close-delete {float:right;}
    .um-content .um-content-info {float:right; width: 134px; height:126px; }
        .um-content .um-content-info .row {float:left; width:129px;}
        .um-content .um-content-info .space {float:left; width:129px; height:8px;}
        .um-content .um-content-info .big {font-size: 11px;}
        .um-content .um-content-info .small {font-size:10px;}
        
.um-left-column {float:left; width:615px; }
.um-right-column  {float:right; width:180px; }
.um-right-column div.referencje {width:180px; margin-left:0px;}


/*--------- BLOG / REFERENCJE / PORTFOLIO ---------*/

.blogList {padding:20px; width:560px; }
    .blogList .entryDate {float:left; width:560px; font-size: 10px; text-transform:uppercase; color:Silver;}
    .blogList .entryCompany {float:left; width:560px; }
    .blogList .entryTitle {float:left; width:560px; font-size: 16px; text-transform:uppercase; color:#E66400; margin-bottom:5px;}
    .blogList .entryContent {float:left; width:560px; clear:both;}
    .blogList .entryInfo {}    
    .blogList .blogThumb {float:left; width:100px; border:solid 1px silver !important;  margin-right: 10px; }
    
.blogEntry {padding:20px; width:570px;}
    .blogEntry .entryDate {float:left; width:570px; font-size: 10px; text-transform:uppercase; color:Silver;}
    .blogEntry .entryCompany {float:left; width:570px; }
    .blogEntry .entryTitle {float:left; width:570px; font-size: 16px; text-transform:uppercase; color:#E66400;}
    .blogEntry .entryContent {float:left; width:570px; padding: 10px 0px 50px 0px;}
    .blogEntry .back {float:left; padding:30px 0px 20px 20px; font-size: 13px;}
        .blogEntry .back a {color:#787878;}
		.blogEntry .back a:hover {color:#E66400;}


.blogEntry .photoEntry {}
    .blogEntry .photoEntry .itemTitle { width:570px; font-size:14px; text-transform:uppercase; color:#E66400; border-bottom: solid 1px Silver; padding-top:20px;}
    .blogEntry .photoEntry .item {text-align:center; padding: 5px 10px; font-size: 11px; }
    

.blogArchives {vertical-align:top;}
    .blogArchives .blog {float:left; width:120px; font-size:32px; text-transform:uppercase; padding-left:20px; }
    .blogArchives .logo {float:left; width:120px; font-size:16px; padding-left:20px; }
    .blogArchives .Year {float:left; width:130px; text-transform:uppercase; color:#E66400; font-size:14px; padding: 20px 0px 0px 10px; border-bottom:solid 1px #F3F3F3; }
    .blogArchives .Month {float:left; width:120px; font-size:12px; padding: 5px 0px 0px 20px;}  
		.blogArchives .Month a {color:#787878;}
		.blogArchives .Month a:hover {color:#E66400;}
		
.about .item {float:left; width:100%; margin-bottom:20px;}	
    .about .item .img {float:left; width:170px;}
    .about .item .text {float:left; width:380px;}	
		
/*--------- KONTAKT ---------*/		

.googleImg {float:left; padding:5px; width:370px; border:solid 1px #F3F3F3; margin-top:10px;}
.googleContent{float:left; padding:20px 0px 0px 10px; margin-right:-20px;}
.googleDetails{padding:10px 0px 0px 20px; line-height:18px;}
    .googleDetails .desc {float:left; text-align:right; width:80px;}
  
  
/*--------- REJESTRACJA & USER PROFILE---------*/	
    
.myProfile_login {float:left; width:350px; margin-right:200px; } 
.myProfil_list li {line-height:18px;}
    
.userRegistration {float:left; width: 550px;}
    .userRegistration .stepsProgress {float:left; clear:both; width: 550px; margin: 10px -20px 40px -20px;}
        .userRegistration .stepsProgress .st {float:left; padding-left:30px; font-size:10px;}
        .userRegistration .stepsProgress .step1 {}
        .userRegistration .stepsProgress .step2 {}
        .userRegistration .stepsProgress .step3 {}
        .userRegistration .stepsProgress .step4 {}
        .userRegistration .stepsProgress .step5 {}
        .userRegistration .stepsProgress .step6 {}
    .userRegistration .buttons {float:left; width: 550px; margin: 20px 0px; text-align:center;}
        .userRegistration .buttons .next {margin-left:200px;}
        .userRegistration .buttons .back {margin-right:200px;}
    .userRegistration .row {float:left; width: 510px; margin: 5px 10px;}
        .userRegistration .row .desc {float:left; width:290px; margin-right:5px; text-align:right;}
        .userRegistration .row .field {float:left; width:200px;}
        .userRegistration .row .fieldName {border-bottom:solid 1px #E66400; font-size:13px; text-transform:uppercase; }
        .userRegistration .row .fieldInfo {margin-bottom: 10px; font-size:10px; color: Silver;}
        .userRegistration .row .imput {}
        .userRegistration .row .imputEnable {font-weight:bold;}
        .userRegistration .row .validator {font-size:10px; color:Red; margin:2px;}
        .userRegistration .row .selector {}
        .userRegistration .row .file {}
    .userRegistration .status {float:left; width: 510px; margin: 5px 10px; padding: 10px; text-align:center; color:#E66400; background-color:#FFEDDD; border-bottom: solid 1px #E66400; border-top: solid 1px #E66400;}
        
    .userRegistration .menu {float:left; width: 550px; margin: 10px 0 40px 10px;}
        .userRegistration .menu a { color:Gray; text-decoration:none;}
        .userRegistration .menu a:hover { color:#E66400; text-decoration:none;}
        .userRegistration .menu .tab {float:left; padding-top: 15px;}
        .userRegistration .menu .activeTab {float:left; font-weight:bold; font-size: 14px; padding-top:12px; }
        .userRegistration .menu .myProfile {float:left; height: 50px; padding-left: 35px; padding-right:50px; background: transparent url(../Images/Website/Icons/myProfile.jpg) no-repeat scroll left;}
        .userRegistration .menu .muContacts {float:left; height: 50px; padding-left: 45px; padding-right:50px; background: transparent url(../Images/Website/Icons/myContacts.jpg) no-repeat scroll left;}
        .userRegistration .menu .myPassword {float:left; height: 50px; padding-left: 30px; padding-right:50px; background: transparent url(../Images/Website/Icons/myPasswords.jpg) no-repeat scroll left;}
        .userRegistration .menu .myCompany {float:left; height: 50px; padding-left: 45px;  background: transparent url(../Images/Website/Icons/myCompany.jpg) no-repeat scroll left;}