/*ogolne*/

@import "Montserrat.css"; 

* { margin: 0; }
body {padding: 0; font-family: "Montserrat", sans-serif; font-size: 12pt; color: #323232; margin: 0px auto;}

#stopka

{
border-top: 1px solid grey;
margin: 0px auto;
width: 1000px;
height: 80px;
margin-top: 20px;
}
#formularz{

padding-top: 30px;
margin: 0px auto;
text-align: center;
width: 50%;
float: left;
}

#telefon{
text-align: center;
padding-top: 30px;
width: 50%; 
float: left;

}

#pasek{
background: white;
width: 100%;
height: 100px;
position: fixed;
top:0px;
box-shadow: 0px 0px 5px 1px black;
z-index:1000;

}
#menu{
width: 1000px; height: 100px; 	
  position: fixed;
  left: 50%;
  margin-left: -500px;
  z-index: 1001;
  color: black;
  vertical-align: middle;
  line-height: 100px;
  font-size: 12pt;
}
#info2{
width: 700px; height: 50px; 	
margin: 0px auto;
text-align: center;
background: black;
position: relative;
top: -480px;
left: 0px;
opacity: 0.9;
border: 2px solid white;
box-shadow: 0px 0px 5px 1px black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
font-size: 22pt;
font-family: Garamond;
padding: 30px 10px 10px 10px;

}


#grafika{
background: url("../img/tlo.jpg") fixed;
width: 100%;
height: 650px;
border-bottom: 1 px solid grey;
box-shadow: 0px 0px 5px 1px black;
}
#content{

text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 80%; margin: 0px auto;
margin-top:-30px;
height: 100%;
overflow: hidden;
}
#content_tlo{

text-align: center;
width: 100%; margin: 0px auto;
height: 100%;

}
#samochod1{

text-align: center;
width: 100%; margin: 0px auto;
height: 100%;


}
.samochod1{
margin: 0px auto;
width: 200px;
height: 200px;
margin-top:50px;text-align: center;
border: 2px solid green;
line-height: 200px;
vertical-align: middle;
font-size: 20pt;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
    box-shadow: 0px 0px 30px 3px green;
}
#samochod2{

text-align: center;
width: 100%; margin: 0px auto;
height: 100%;

}
#mapka{
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 970px; margin: 0px auto;
margin-top:50px;
height: 100%;
overflow: hidden;
}
#galeria{
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 970px; margin: 0px auto;
margin-top:50px;
height: 100%;
overflow: hidden;
}
#kontakt{
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 80%; margin: 0px auto;
margin-top:30px;
height: 100%;
overflow: hidden;
}

ul.smaki, li.smaki {padding: 0; list-style-image: url('../img/list.jpg'); margin-left: 35px;}
li.smaki {margin-top: 10px;}

ul.menu, li.menu {display: inline; margin-left: 100px;}
li.menu {margin-left: 30px;}

p.tytul {
text-align: left;
margin-bottom: 50px;
width: 350px; border-bottom: 1px solid black; font-size: 26pt;
color: red;}

.gZdjecie{border: 1px solid black; margin-left: 0px;  margin-top: 0px; max-height: 200px;  max-height: 200px;}

#bSmaki{cursor: pointer; box-shadow: 0px 0px 1px 1px grey; background: transparent; border: 1px solid black; width: 120px; height: 30px; outline: none; font-size: 12pt;}
#hAnuluj{cursor: pointer; box-shadow: 0px 0px 1px 1px grey; background: transparent; border: 1px solid black; width: 120px; height: 30px; outline: none; font-size: 12pt;}
#wyslij{cursor: pointer; box-shadow: 0px 0px 1px 1px grey; background: transparent; border: 1px solid black; width: 120px; height: 30px; outline: none; font-size: 12pt; margin-top: 10px; margin-bottom: 5px;}


a#gototop {
   position: fixed;
   bottom: 20px;
   right: 20px;
   padding: 0;
   width: 51px;
   height: 50px;
   background: url(../img/gototop.png) no-repeat center center;
}

a{text-decoration: none; color: black;}

input.i1 {
padding: 0px 5px 0px 5px;
outline: none;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid grey;
height: 30px;
width: 400px;
font-size: 11pt;
margin-top px;
}

textarea.i1 {
resize: none;
padding: 5px 5px 0px 5px;
outline: none;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid grey;
height: 280px;
width: 400px;
font-size: 11pt;

}



input.i1:focus {
font-size: 11pt;
border: 1px solid lightblue;
box-shadow: 0px 0px 5px 1px lightblue;
outline: none;}
textarea.i1:focus {
border: 1px solid lightblue;
box-shadow: 0px 0px 5px 1px lightblue;
outline: none;}
