/*
Author:           Vellkan Design Studio Igor Chudy
Author URI:       http://www.vellkan.pl/
Version:	   1.0
Project: Kuchnie Esko
Description:
*/

body {height: 100%; width: 100%; font: normal 12px Verdana; color: #1a1a1a; background: #060606 url(../images/bck.jpg) center top no-repeat;
behavior: url(../ie6alert.htc);}

html, body {width: 100%;}


/* Reset ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; }

h1 { font-size: 3em; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.2em; }
h5 { font-size: 1em;  }
h6 { font-size: 1em;  }

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }


#Container {margin: 0 auto; height: 100%; width: 824px;}
#Top {width: 100%; height: 120px; background: url(../images/slogan.png) 220px 25px  no-repeat; }
#Top .Link {float: left; display: block; margin: 17px 0 0 30px; width: 411px; }
#Top .Link img {border: 0;}


#ContentStart {height: 14px; background: transparent url(../images/text-top.png) no-repeat;}

#ContentBck {min-height: 380px;  width: 100%; background: url(../images/text.png) repeat-y; overflow: hidden;}
#ContentBottomBck {margin: 0 8px 0 8px; min-height: 380px; height: 100%; width: 808px; background: url(../images/text-bck.png) bottom right no-repeat;}
#ContentBottom {height: 26px; background: url(../images/text-bottom.png) no-repeat;}

#Footer {margin: 3px 0 15px 0; height: 50px; background: url(../images/footer2.png) no-repeat; font: normal 11px Verdana; color: #3E3E3E; line-height: 15px;}
	#Footer .foot-left {float: left; width: 50%; }
	#Footer .foot-left p {margin: 8px 0 0 30px; text-align: center; width: 220px;}
	#Footer .foot-right {float: left; width: 50%; }
	#Footer .foot-right p {margin: 8px 30px 0 0px; float: right; text-align: center; width: 220px;}
	#Footer .foot-right p a {color: #6E6E6E; text-decoration: none; padding: 1px 2px 1px 2px;}
	#Footer .foot-right p a:hover {border-bottom: 1px solid #B90000; color: #FFF;}


ul#Menu {height: 31px; width: 384px; margin: 0 0 20px 400px; padding: 0; display: block; list-style: none; }
	ul#Menu li {float: left; text-indent: -9000px; margin: 0; padding: 0;}
	ul#Menu li a {margin: 0; padding: 0;display:block; height: 31px; background: url(../images/Menu.png) left top no-repeat;}
	ul#Menu li a.Home {background-position: 0 0; width: 59px;}
	ul#Menu li a.Offer {background-position: -59px 0;width: 71px;}
	ul#Menu li a.About {background-position: -130px 0;width: 77px;}
	ul#Menu li a.Workshop {background-position: -207px 0;width: 95px;}
	ul#Menu li a.Contact {background-position: -302px 0;width: 81px;}
	ul#Menu li a.Home:hover, ul#Menu li a#Current.Home {background-position: 0 -31px;}
	ul#Menu li a.Offer:hover, ul#Menu li a#Current.Offer {background-position: -59px -31px;}
	ul#Menu li a.About:hover, ul#Menu li a#Current.About {background-position: -130px -31px;}
	ul#Menu li a.Workshop:hover, ul#Menu li a#Current.Workshop {background-position: -207px -31px;}
	ul#Menu li a.Contact:hover, ul#Menu li a#Current.Contact {background-position: -302px -31px;}
	
.Content {padding: 5px 20px 5px 20px; clear: both; overflow: hidden; color: #9E9E9E;}
	.Content p {font: normal 11px/18px Verdana; margin: 15px 0 0 0; }
	.Content p.no-indent {text-indent: 0;}
	.Content img.PageTitle {margin: 2px 0 0 2px; border: 0;}
	.Content img.TextPhoto {float: left; margin: 5px 17px 10px 0px; padding: 7px; border: 1px solid #1A1A1A;}
	.Content h3 {margin: 5px 0 0 0px; font: italic 21px Georgia; color: #6E6E6E; } 
	.Content a.BackLink {display: block; margin: 10px 0 5px 6px;color:#B90000; letter-spacing:1px;text-transform:uppercase; font: normal 11px Serif;}
	.Content a.BackLink:hover {color: #FFF;}

h3.Partners {padding: 7px 0 0 180px; font: normal 19px "Century Gothic", Helvetica; color: #DC0000; }
ul.Partners {margin: 2px 0 0 210px; list-style: none; width: 150px;}
ul.Partners li {margin: 11px 0 0 0; padding: 0 20px 2px 16px; background: url(../images/list.png) 4px 4px no-repeat; font: normal 14px Helvetica; color: #E6E6E6; border-bottom: 1px dotted #262626;}

ul.OfferList {margin: 15px 0 20px 55px; padding: 0; height: 320px; display: block; list-style:none; position: relative; }
	ul.OfferList li { margin: 0 25px 0 25px; padding: 0; float: left;width: 167px; height: 300px;}
	ul.OfferList li a {display: block; margin: 0; padding: 0; overflow: hidden; width: 167px; height: 300px; position:relative; background: url(../images/OfferList.jpg) left top no-repeat;}
	ul.OfferList li a.Kitchen {background-position: 0 0;}
	ul.OfferList li a.Bathroom {background-position:  0 -300px;}
	ul.OfferList li a.Other {background-position: 0 -600px;}
	ul.OfferList li a span {background: url(../images/OfferList.jpg) left bottom no-repeat; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
	ul.OfferList li a.Kitchen span {background-position: -167px 0;}
	ul.OfferList li a.Bathroom span{background-position:  -167px -300px;}
	ul.OfferList li a.Other span{background-position: -167px -600px;}	
	

ul.WorkChoose {margin: 10px 0 10px 70px; display: block; width: 150px;list-style:none; }
	ul.WorkChoose li {font: normal 20px Georgia; margin: 9px 0;}
	ul.WorkChoose li a {font: normal 14px Georgia; color: #868686;}
	ul.WorkChoose li a:hover {color: #FFF; background: #960000; font-size:16px; margin-left: 4px;}

#Kitchens {margin: 20px 0 20px 20px;}
	.KitchenMenu {	list-style: none; position: relative;margin: 0;	padding: 0;}
	.KitchenMenu li{width: 64px;height: 200px;margin-right: 5px; display: block;float: left;overflow: hidden;padding: 0;  }
	.KitchenMenu li a{display: block; width: 290px; height: 200px;}
	#alba { 	background-image: url('../images/alba.jpg');}
	#atena { 	background-image: url('../images/atena.jpg');}
	#cherry { 	background-image: url('../images/cherry.jpg');}
	#diana { 	background-image: url('../images/diana.jpg');}
	#fiona { 	background-image: url('../images/fiona.jpg');}
	#katia { 	background-image: url('../images/katia.jpg');}
	#pinia { 	background-image: url('../images/pinia.jpg');}
	#rela {background-image: url('../images/rela.jpg');}
	#rovere {background-image: url('../images/rovere.jpg');}
	#sara { 	background-image: url('../images/sara.jpg');}
	#polskie { 	background-image: url('../images/kuchniepolskie.jpg');margin-right: 0; }

.ContactLeft {margin: 20px 0 0 0; float: left; width: 300px; }
.ContactRight {margin: 20px 0 0 0; float: left;  width: 460px; border: 1px solid #1A1A1A; }

.ContactLeft h1 {margin: 5px 25px 3px 0px; padding: 0 0 4px 0; font: normal 21px "Century Gothic", Tahoma; color: #F2F2F2; border-bottom: 1px dashed #1A1A1A;}
.ContactLeft p { margin: 12px 0 0 8px; text-indent: 0; color: #C2C2C2; line-height: 17px; font-size: 11px;}
.ContactLeft ul.ContactInfo {margin: 10px 0 23px 11px; list-style: none;}
.ContactLeft ul.ContactInfo li {margin: 14px 0 0 0; padding-left: 15px; background: url(../images/list.png) 4px 4px no-repeat; font: normal 12px Verdana; color: #626262;}
.ContactLeft ul.ContactInfo li span, a {padding: 1px 3px 2px 3px; color: #E6E6E6; text-decoration: none;}
.ContactLeft ul.ContactInfo li span:hover {color: #FFF; background: #960000;}
.ContactLeft ul.ContactInfo li a:hover {color: #FFF; background: #960000;}
.ContactLeft a.Zumi {display: block; width: 140px; height: 57px;margin: 11px 0 0 30px; }
.ContactLeft a.Zumi img {border: 0;width: 140px; height: 57px;}

.ContactRight h1 {margin: 5px 10px 3px 10px; padding: 0 0 4px 0; font: normal 21px "Century Gothic", Tahoma; color: #F2F2F2;
border-bottom: 1px dashed #1A1A1A; text-align: center;}
.ContactRight p {text-indent: 0; margin: 19px 0 9px 0;}
.ContactRight label { margin: 7px 0 3px 4px; padding: 0 0 0 16px; display: block; font: normal 11px "Lucida Sans Unicode";  
background: url(../images/list.png) 4px 4px no-repeat; }
.ContactRight input { padding: 4px 5px 3px 4px; margin: 4px 0 0px 20px; width: 200px; font:normal 11px Verdana; color:#F2F2F2; 
border: none; border-bottom: 1px dashed #434343; background: url(../images/png.png) repeat;}
.ContactRight textarea {padding: 3px; margin: 4px 0 10px 24px; width: 370px; font:normal 11px Verdana; color:#F2F2F2; border:1px solid #262626; background: transparent url(../images/png.png) repeat; display: block; }
.ContactRight input.Submit { margin: 4px 0 10px 22px; padding: 0px; width: 140px; height: 26px; border: 0; 
background: url(../images/submit.png) 0 0 no-repeat; color: #AAA;}
.ContactRight input.Submit:hover { background: url(../images/submit.png) 0 -26px no-repeat; }
.ContactRight input.Reset { margin: 4px 0 20px 0px; padding: 0px; width: 136px; height: 26px; border: 0; 
background: url(../images/reset.png) 0 0 no-repeat; color: #AAA;}
.ContactRight input.Reset:hover { background: url(../images/reset.png) 0 -26px no-repeat; }


.LV_validation_message{ font: normal 11px Verdana; margin:0 0 0 15px; }
.LV_valid { color:#00CC00;}
.LV_invalid { color:#CC0000;}  

.ContactRight .LV_valid_field, .ContactRight input.LV_valid_field:hover, .ContactRight input.LV_valid_field:active { 
border-bottom: 1px dashed #00CC00;}
.ContactRight textarea.LV_valid_field, .ContactRight textarea.LV_valid_field:hover, .ContactRight textarea.LV_valid_field:active {
    border: 1px solid #00CC00;}
.ContactRight .LV_invalid_field, .ContactRight input.LV_invalid_field:hover, .ContactRight input.LV_invalid_field:active {
    border-bottom: 1px dashed #CC0000;} 
.ContactRight textarea.LV_invalid_field, .ContactRight textarea.LV_invalid_field:hover, .ContactRight textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;}  

h2.Success {margin: 10px; display: block; height: 50px; padding: 20px 0 0 40px; font: normal 19px Verdana; text-align: center; background: url(../images/success.png) 160px 0 no-repeat; color: #00B900;}
h2.Error {margin: 10px; display: block; height: 50px; padding: 20px 0 0 40px; font: normal 19px Verdana; text-align: center; background: url(../images/error.png) 160px 0 no-repeat; color: #DC0000;}
p.MailInfo {margin: 15px auto 5px auto; display: block; width: 500px; text-indent: 0; }
p.MailInfo a {padding: 1px 3px 1px 3px; color: #FFF; }
p.MailInfo a:hover {background: #B90000;  }