@font-face {
  font-family: 'OswaldL';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/l1cOQ90roY9yC7voEhngDD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'OswaldR';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/PyqsDANUgLi2UsdO-d4iZQ.woff) format('woff');
}
@font-face {
  font-family: 'OswaldB';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/dI-qzxlKVQA6TUC5RKSb3z8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


@font-face{
	font-family:'Glyphicons Halflings';src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.1/fonts/glyphicons-halflings-regular.eot');src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.1/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.1/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.1/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.1/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

span.greenBird{
 background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_landingpage.png') no-repeat;
 width:15px; 
 height:13px;
 margin-right:5px;
 display:inline-block;
}
ul.greenBird{text-align:center;}
ul.greenBird li{
margin:0 0 20px 0px; 
font-family:OswaldR; 
font-size:22px; 
width:300px; 
padding:0 0 0 10px;
color:#00425c;
}

#land{
display:block;
height:572px;
background: #fff url(http://www.e-petrol.pl/misc/prtimg/110/lp_prognozy_bg.jpg) no-repeat bottom left;
}

#el3{
width:350px;
text-align:center;
margin-left:90px;
}

#land h1{
font-family:OswaldB; 
font-size:36px;
color:#ba0000;
margin:30px;
text-transform:uppercase;
}

h2{
font-family:OswaldB; 
font-size:30px; 
color:#00425c;
margin: 0 0 30px 130px;
}

h3{
font-family:OswaldB; 
font-size:22px; 
color:#00425c;
margin-bottom:20px;
}

h2.postero{
font-size:25px; 
color:#fff;
float:right;
padding:20px 30px;
background:#ba0000;
margin:-240px 30px 0 0;
width:280px;	
text-align:center;
line-height:30px;
}

.postero span{color:#fad953;}

#el3 h3{margin-left:20px;}

#arrow{
position:absolute;
display:block;
background: url(http://www.e-petrol.pl/misc/prtimg/110/arrow_down.png) no-repeat;
width:35px;
height:52px;
float:right;
margin: -150px 0 0 870px;
}

#priceTable{margin-top:-100px;}

#priceTag{float:right;}
#priceTag, #priceTag table{background:none; font-family:Trebuchet MS;}
#priceTag td{background:none; text-align:center;}
#priceTag table{width:200px;}

#priceTag  #HeadB{background:#00425c;}
#priceTag  #PriceB{background:#5aa8c2;}

#priceTag .tableHead{
background:#27758f; 
font-size:18px; 
font-weight:bold; 
color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
padding:10px 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}



#priceTag .price{
background:#73c1db;
}

#priceTag .price{
color:#fff;
font-size:21px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

#priceTag .price span{
font-size:50px;
line-height:50px;
text-align:center;
}

#priceTag  #PriceB .promo span{
width:30px;
font-size:22px;
float:left;
clear:both;
line-height:18px;
}
#priceTag  #PriceB .promo{margin:10px 0 0 5px; position:absolute;}
#priceTag  #PriceB span.red{padding-left:30px;}
#priceTag  #PriceB .promo span{margin-left:10px;}
#priceTag  #PriceB .promo .red{padding-left:0px;margin-left:5px;}

.promo span{text-decoration:line-through;}
.promo span.red{text-decoration:none;}

#priceTag .text{
color:#333;
background:#eeeeee;
font-size:18px;
line-height:25px;
font-weight:bold;
}

#priceTag .grey{
color:#999999;
margin-top:10px;
}

#priceTag  li{
display:block;
margin:5px 0;
line-height:22px;
}

#priceTag  .close{
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding:30px 0;
}


a.sublimtButton1, a.sublimtButton2{
-moz-border-radius:5px;
border-radius:5px;
background:#8dc63f;
padding:10px 20px;
color:#fff;
transition: background-color 0.5s ease;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

a.sublimtButton1:hover, a.sublimtButton2:hover{
background:#5a930C;
}


/*form*/

#SendForm{
position: absolute;
margin: -95px 0 0 620px;
background:#fdfdfd;
width:320px; 
border:solid 5px #73c1db; 
border-radius:15px;
padding:10px;
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}


#commentForm{
margin:0 auto;
}

#commentForm input[type="text"]{
display:block;
height:30px; 
padding:5px 15px;
width:280px;
border:solid 1px #999999;
margin-top:10px;
}

#commentForm input::-webkit-input-placeholder { /* WebKit browsers */
color: #b3b3b3;
font-size:14px;
font-style:italic;
}
#commentForm input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #b3b3b3;
font-size:14px;
font-style:italic;
}
#commentForm input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #b3b3b3;
font-size:14px;
font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #b3b3b3;
font-size:14px;
font-style:italic;
}

#commentForm input.buttonsend{
-moz-border-radius:5px;
border-radius:5px;
background:#8dc63f;
padding:10px 20px;
color:#fff;
transition: background-color 0.5s ease;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
cursor:pointer;
font-family:OswaldB; 
font-size:18px;
}

#commentForm  .buttonsend{margin:0 0 0 300px;}
#commentForm input.buttonsend:hover{
background:#5a930C;
}
#commentForm input[type="submit"]{
margin: 10px 0;
}
#commentForm input[type="radio"]{
display:block;
padding:5px 5px 0 0;
float:left;
}
#commentForm input[type="radio"], #commentForm fieldset span{display:inline-block;}
/*Land 2*/
#land_2{
	background:#e8703c;
	height:525px;
}

#land_head{
	background:#333333;
	height:57px;
	padding:10px;
}
#land_head img{float:left;}
#land_head h2{
font-size:24px;
font-family: 'OswaldL';
color:#ef8c12;
position:relative;
display:block;
float:left;
margin: 20px 0 0 40px;
}

#Rap21{
margin:10px 0 0 10px;
float:left;
}

#whatDoyou{display:block; float:left;margin:80px 0 0 -20px; width:290px;}
#whatDoyou h1{font-family: 'OswaldR'; color:#333333; font-size:20px; text-transform:uppercase; margin:0 0 20px 0;}
#whatDoyou  ul{list-style: none; color: #fff;list-style-position:outside;}
#whatDoyou  li {padding-left: 0px; margin-bottom:10px; font-family: 'OswaldL'; font-size:17px;line-height:20px;} 
#whatDoyou  li:before {content:'• '; color:#333;}

#land_2 #SendForm{
margin-top:20px;
border:solid 5px #c6b395;
border-radius:0;
-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

#land_2 h3{font-size:20px;font-family: 'OswaldR'; text-align:Center; margin:0 0 10px 0;}
#land_2 h4{font-size:15px;font-family: 'OswaldR'; text-align:Center; margin:0 0 20px 0;color:#e8703c}

input.buttonsend3{
display:block;
font-family: 'OswaldR';
font-size:21px;
border:none;
background:#eadfc9;
padding:10px 20px;
color:#333;
transition: background-color 0.5s ease;
cursor:pointer;
margin:20px 0px;
}
input.buttonsend3:hover{background:#5a930C; color:#fff;}
#land_2 label{margin:10px 0 0 0; font-size:90%;}
#land_2 label.error{margin:0; clear:both;}
#land_2 small{font-size:80%; line-height:8px;}

/*Land 3*/
#land_3{
	background:#eadfc9;
	height:545px;
}

#land_3 #land_head{
	background:#333333;
	height:57px;
	padding:10px;
}
#land_3 #land_head img{float:left;}
#land_3 #land_head h2{
font-size:24px;
font-family: 'OswaldL';
color:#ef8c12;
position:relative;
display:block;
float:left;
margin: 20px 0 0 40px;
}

#land_3 #mainText{background: url(http://www.e-petrol.pl/misc/prtimg/110/kreska_iw_1728903.png) no-repeat left -10px; height:350px;}

#mainText .element{
width:300px;
line-height:28px;
font-family: 'OswaldL';
font-size:22px;color:#333;
margin:20px 0 0 300px;
padding:0 0 0 10px;
border-left:solid 5px #c6b395;
}
#mainText .element span{
font-size:18px;
line-height:15px;
font-family: 'OswaldL';
color:#7f7e7e;
}

#land_3 #bottomText{
clear:both;
margin:20px 0 0 10px;
height:100px;
width:680px;
}

#bottomText h3{font-family: 'OswaldR';  text-transform:uppercase; font-size:21px;}
#bottomText ul{list-style:none;margin-top:-10px;}
#bottomText li{padding:0; font-family: 'OswaldR'; float:left; font-size:18px; margin-bottom:20px; margin-right:40px;}
.markers{
background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_land_1.png') no-repeat -4px -6px;
width: 17px;
height: 18px;
display:inline-block;
margin:6px 5px 0 0;
}
.pwyd{
background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_land_1.png') no-repeat -37px -5px;
width: 22px;
height: 24px;
display:inline-block;
margin-left:5px;
}

.t10{
background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_land_1.png') no-repeat -68px -5px;
width: 25px;
height: 20px;
display:inline-block;
margin-left:5px;
}

.rprass{
background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_land_1.png') no-repeat -104px -1px;
width: 22px;
height: 24px;
display:inline-block;
margin-left:5px;
}

.artp{
background: url('http://www.e-petrol.pl/misc/prtimg/110/sprite_land_1.png') no-repeat -4px -38px;
width: 24px;
height: 24px;
display:inline-block;
margin-left:0px;
}


#land_3 #SendForm{
margin-top:-350px;
margin-left:630px;
border:solid 5px #c6b395;
border-radius:0;
-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

input.buttonsend4{
display:block;
font-family: 'OswaldR';
font-size:21px;
border:none;
background:#eadfc9;
padding:10px 20px;
color:#333;
transition: background-color 0.5s ease;
cursor:pointer;
margin:20px 0px;
}
input.buttonsend4:hover{background:#5a930C; color:#fff;}
#land_3 h1{font-size:20px; margin-bottom:10px; font-family: 'OswaldR';  text-transform:uppercase;}
#land_3 label{margin:10px 0 0 0; font-size:90%;}
#land_3 label.error{margin:0; clear:both;}
#land_3 small{font-size:80%; line-height:8px;}

/*Land 4*/
#land_4{
	background:#eadfc9;
}

#land_4 h1{
	font-family: 'OswaldB';
	color:#c97a19;
	font-size:42px;
	margin-top:30px;
	text-transform:uppercase;
	line-height:45px;
}

#land_4 #land_head h2{
font-family: 'OswaldL';
font-size:24px;
}
#land_4 h2{
	font-family: 'OswaldB';
	font-size:17px;
	line-height:25px;
}
#land_4 ul.greenBird{margin-top:-15px;list-style-position:inside;}
#land_4 ul.greenBird li{width:auto; text-align:left;font-size:20px; line-height:25px; color:#514f4c; margin-bottom:10px;}
#land_4 ul.greenBird li:before {font-family:'Glyphicons Halflings';content:'\E013';margin-left:-25px;color:#197b30; position:absolute;}
#land_4 h3{color:#c97a19; font-size:26px; font-family: 'OswaldB'; line-height:30px; margin-bottom:5px;}

ul.triangle li{
	font-family: 'OswaldR';
	font-size:20px;
	color:#707070;
	line-height:28px;
}
ul.triangle li:before{
	font-family:'Glyphicons Halflings';
	content:'\E080';
	font-size:20px;
	color:#c97a19;
	margin-right:5px;
}

#land_4 h4{font-size: 29px; 	font-family: 'OswaldB'; text-transform:uppercase; color:#197b30; line-height:50px; margin-bottom:0;}
#land_4 h4 span{
	background: url('//www.e-petrol.pl/misc/prtimg/110/arrow__goto.png') no-repeat;
	display:inline-block;
	width:57px;
	height:40px;
}

#land_4 #SendForm h6{
font-family: 'OswaldR';
font-size:20px;
text-transform:uppercase;
line-height:35px;
}
#land_4 #SendForm{
background:#fff;
border-color:#c6b395;
border-radius:0;
margin:-460px 0 0 635px; 
}

img.price_as {
    position: absolute;
    z-index: 999;
    margin: -10px 0 0 270px;
}