/*  
Author: Andrzej Dzirba, TartanProject
*/


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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


* {font-size: 100%; padding: 0; margin: 0;}
body,html {
font: 0.84em/1.333 Verdana, sans-serif; 
margin: 0; 
padding: 0;
color: #202020; 
background: #FFF;
min-width: 40em; 
margin: 0 auto;}
  



/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

a { outline:none; text-decoration: none; } 
a img { border:none } 

a{
color: #b8e6ee;
}

a:hover{
color: #ffffff;
}




/* -------------------------------------

--------------------------------------*/

body, html {
background: #000 url(img/bg2.jpg) fixed;
font-family: verdana;
font-size: 62.5%; 
}


h1, h2, h3, h4 {
font-family: arial;
font-weight: bold;
color: #ffffff;
}


.clear {
	clear: both;
	height: 0px;
	width: auto;
	display: block;
}

.cl {
	clear: both;
	height: 30px;
	width: auto;
	display: block;
}

.topcl {
	clear: both;
	height: 0.1em;
	width: auto;
	display: block;
	background:transparent;
}

.clz {
	clear: both;
	height: 0px;
	width: auto;
	display: block;
}

.cent {
text-align: center;
}


.le{
float: left;
}

.ri {
float: right;
}




#head {
background: url(img/top.gif) top center;
display: block;
height: 265px;
width: 965px;
}

#head2 {
background: url(img/top2.gif) top center;
display: block;
height: 265px;
width: 965px;
}



#wrapper {
	margin: 0px auto;
	height: auto;
	width: 965px;   
	margin-top:20px; 

}

.much {
position:relative;
float: left;
top:197px;
background:#transparent;
height:60px;
width:320px;
}


.building, .showroom, .garage {
width:190px;
height:380px;
float: right; 
padding:2px;
margin: 4px;
border:2px solid #fee300;
}

.os {
position: relative;
float:right;
disply: block;
width:600px;
text-align:right; 
margin-right:6px;
margin-top:8px;
}

.os p{
font-size:2em;
color:#dddddd;
text-align:right; 
padding:2em;

}

.os a {
}

#menu {
margin-top:2em;
display:block;
position:relative;
float: right;
width:620px;
font-family: Arial;
float: right;
font-size: 2.4em;
color:#ffffff;
}

#menu ul {
text-align:right;
margin-right: 20px;
}

#menu li {
display: inline;
}

#menu a {
color: #eeeeee;
background:#002e4d;
padding:5px;
}

#menu a:hover {
color: #f9cc4f;
background:#002843;
}


#menu li.long {
font-size: 0.9em;
}

#content {
background: url(img/ct-bg.png) repeat-y;
font-size: 2em;
line-height: 2em;
margin:0px;
padding:0px;
}


.home, .about {
background: url(img/homebg.png) repeat-y;
width: 540px;
float: right; 
margin-right:15px; 
}


#map {
width:310px;
height:380px;
text-align:center;
margin:10px;
}

#map2 {
width:600px;
height:280px;
text-align:center;
margin:10px;
}


#gallery img {
float:left;
width:175px;
height:175px;
padding:0.4em;
background:#005a97;
margin:0.7em;
}




#gallery img:hover {
background: #555555;
}


#gallery p {
padding: 0em;
color: #eeeeee;
text-align: center; 
line-height: 1.5em; 
}


hr {
clear: both;
display: block;
border: none;
border-bottom:2px dotted #fcee00;
margin-top:1em;
margin-bottom:1em;
}


.homeleft hr {
clear: both;
display: block;
border: none;
border-bottom:1px dotted #fcee00;
width:90%;
}


h2 {
padding: 1em;
}



#references img {
padding:0 1em 0.2em 1em;
}

#references strong {
text-align:center;
}




.reference, .gallery {
background: url(img/refbg.png) repeat-y;
width: 870px;
color: #dddddd;
float: right; 
margin-right:15px; 
}


.home ul li{
margin: 1em 0em 0em 10em; 
}

#about ul li{
margin: 1em 2em 0em 5em; 
line-height: 1.4em;
}


.homeright {
float: left;
width:622px;
}

.right-top {
height: 65px;
}


.right-bg{
background: url(img/right-bg.png);
}

.right-bg strong{
color: #fcee00;
font-size:1.3em;
}

.right-bg {
color:#000000;
}

.right-bg h4 {
padding-left:3em;
text-align:center;
}

.homeright h1 {
font-size: 1.4em;
text-align: right; 
line-height:2em;
height: 25px;
padding:1em;
}


.homeright a, .homeleft a {
color: #ffffff;

}

.homeright a:hover, .homeleft a:hover {
color: #fff000;
text-decoration: underline; 
}


.homeleft ul li {
text-align:center;
color:#00365b;
font-size:1.3em;
}

.homeright ul {
padding:3em;
}

.homeright ul li{
text-align:center;
font-size:1.2em;
color:#00365b;
}

#about h2 {
margin-top:2em;
font-size: 1.3em;
text-align:center;
}

.about h2{
padding:1em; 
font-size: 1em;
border-bottom: 1px solid #002f2f; 
margin-top:2em;
clear:both;
background: url(img/homeleft.png);
}

p {
font-size:1.1em;
}

.homeright p {
padding: 1em;
color: #000000;
text-align: center; 
line-height: 1.5em; 
}

.homeleft p {
padding: 1.5em;
color: #eeeeee;
text-align: center; 
line-height: 1.5em; 
color:#000000;
}


.homeleft {
background: url(img/homeleft.png);
width: 336px;
float: left;
}



.home a{
color: #f9cc4f;
}

.home a:hover{
color: #ffffff;
}


#footer {
background: url(img/bottom.png);
height: 70px; 
}

#footer p {
text-align: right; 
font-size: 1.4em;
padding: 5.5em;
}

p.textright {
text-align: right; 
}

p.textcenter {
text-align: center; 
border-top: 3px solid #002f2f;
}




.gallery img{
padding:0.1em;
background: url(img/footer.png);
border:1px solid #002f2f;
}


.gallery a {
float: left; 
margin: 0.5em; 
}



.tabela {
width: 590px;
float: right; 
margin: 1em 1em 0em 1em;
color:#aaaaaa;
margin-bottom:40px;
}

.tabela td {
border: 1px solid #6cbbd9;
background: url(img/right-bg.png);
height: 3em;
padding:1em;
color:#222222;
}


.inpdlugi {
width:100%;
height:2em; 
background: #eeeeee;
border: none; 
color: #333333;
}

.requestarea {
color: #333333;
width:100%;
height:100px;
background: #eeeeee;
border: none; 
font-size:1.2em;
}

.wybory {
text-align: center;
}

.wybory input {
background:#fff;
border: none; 
width: 30em;
height: 2em;
}

p.contact {
padding: 2em 10em 2em 10em;
line-height: 1.5em;
}

.gallery h4{
text-align: center;
font-size: 1em; 
color: #f9cc4f;
}

.gallery h3{
text-align: center;
font-size: 1.5em; 
color: #f9cc4f;
}


.gar {
background: url(img/gar-bg.jpg) no-repeat;
}

.gar p{
width:600px;
text-align: right;
color:#ffffff;
float: right; 
padding: 2em;
margin-right:1em;
}

.gar ul {
padding:1em 3em 1em 1em;
width:550px;
float: right;
}

.gar ul li {
text-align: right;
line-height:2em;
}


.gar1 {
font-family: Georgia;
color:#aaaaaa;
margin-right:5em;
}

.gar1 strong {
color: #f9cc4f;
font-size: 2em; 
}


.gar2 {
color:#aaaaaa;
}

ul.decorative li{
color:#333333;
line-height: 2em;
}

.broszura {
display: block;
width:620px;
text-align:center;
font-size: 1.2em;
}

p.mot {
height:109px;
text-align:right; 
background: url(img/mot.jpg) no-repeat;
background-position: 70px 0px;
margin: 0px;
padding: 0px;
}

p.mot strong {
position: relative;
top:50px;
right: 140px;
color: #fcee00;
font-size: 0.9em;
}

.gar ul li{
color: #dddddd;
text-align:center;
line-height:1.9em;
}

ul.garul1 {
float: right; 
width:250px;

}

ul.garul2 {
float: right; 
width:250px;
}

ul.garul3 li{
color:#eeeeee;
font-size:1em;
}

.c {
color: #000000;
}


img#beforeafter {
width:580px;
height: 170px;
}