body {
background-color: black;
font-family: Arial, sans-serif;
margin: 0 auto 0 auto;
padding:0px;
text-align:center;
width:900px;
}
a{
color:black;
}
.red{
color:#ff0014;
}
.nix{
position:absolute;
z-index:auto;
left:-3000px;
}
#servico{
padding:20px 0px 20px 395px;
text-align:center;
float:left;
clear:none;
}
#servico a{
text-indent:-3000px;
background:url(../img/servico.gif) no-repeat left bottom;
width:110px;
height:110px;
float:left;
}
#logo{
width:900px;
height:60px;
float:left;
text-indent:-3000px;
background:url(../img/bridgestone.gif) no-repeat center center white;
}
#shop{
background:url(../img/shop.jpg) no-repeat center center;
width:900px;
height:260px;
float:left;
text-indent:-3000px;
}
#tovabb{
background:url(../img/tovabb.gif) no-repeat left top;
width:62px;
height:73px;
margin-left:430px;
margin-top:160px;
float:left;
text-indent:-3000px;
}
#tovabb:hover{
background-position:-62px 0;
}

h1{
text-indent:-3000px;
height:0px;
width:0px;
float:left;
}
h2{
text-indent:-3000px;
height:0px;
width:0px;
float:left;
margin:0;
padding:0;
}
#top{
width:868px;
padding-left:32px;
height:95px;
float:left;
background:url(../img/top.gif) repeat-x left top;
}
#top ul, #top ul li{
display:inline;
list-style:none;
float:left;
margin:0;
padding:0;
}
.toplogo{
float:right;
background:url(../img/servico_logo.gif) no-repeat left top;
width:88px;
height:88px;
text-indent:-3000px;
}
.brshop{
float:right;
background:url(../img/brshop.gif) no-repeat left top;
width:190px;
height:45px;
text-indent:-3000px;
}
#top ul li a{
text-indent:-3000px;
float:left;
margin-top:50px;
height:45px;
}
.menu01{
width:200px;
background:url(../img/menu01.gif) no-repeat left top;
}
.menu01a{
width:200px;
background:url(../img/menu01.gif) no-repeat -200px top;
}
.menu02{
background:url(../img/menu02.gif) no-repeat left top;
width:176px;
}
.menu02a{
width:176px;
background:url(../img/menu02.gif) no-repeat -200px top;
}
.menu03{
background:url(../img/menu03.gif) no-repeat left top;
width:160px;
}
.menu03a{
width:160px;
background:url(../img/menu03.gif) no-repeat -200px top;
}
#top ul li a:hover{
background-position:-200px 0;
}
#kereso{
float:left;
width:868px;
padding-left:32px;
height:51px;
background:white;
}
#kereso div{
float:left;
padding-top:22px;
}
select, option{
font-family: Arial, sans-serif;
font-size:11px;
}
#paar{
position:relative;
z-index:10;
background:yellow;
}
form{
margin:0;
padding:0;
float:left;
}
#bridgestone_type{
background:url(../img/tipus.gif) no-repeat center 2px;
width:130px;
}
#bridgestone_width{
background:url(../img/szelesseg.gif) no-repeat center 2px;
width:80px;
}
#bridgestone_height{
background:url(../img/magassag.gif) no-repeat center 2px;
width:80px;
}
#bridgestone_radius{
background:url(../img/atmero.gif) no-repeat center 2px;
width:80px;
}
#bridgestone_szezon{
background:url(../img/szezon.gif) no-repeat center 2px;
width:100px;
}
.keress{
float:left;
margin:2px 0 0 0;
border:0px;
padding:0;
width:90px;
height:45px;
font-size:0px;
background:url(../img/keres.gif) no-repeat left top;
}
#bridgestone{
float:left;
width:900px;
height:420px;
background:url(../img/brshop.jpg) no-repeat left top;
margin-bottom:20px;
}
#terkep{
float:left;
width:690px;
padding:0 105px 0 105px;
}
#terkep01{
text-indent:-3000px;
float:left;
width:690px;
height:380px;
}
#terkep02{
text-indent:-3000px;
float:left;
width:690px;
height:380px;
}
#tech{
float:left;
width:500px;
padding:20px 200px 20px 200px;
background:url(../img/tech.jpg) no-repeat center top;
text-align:left;
font-size:13px;
}
#cim{
position:relative;
width:100%;
height:149px;
background:url(../img/cim.gif) no-repeat center top;
text-indent:-3000px;
float:left;
}
#akcio{
text-indent:0;
color:#ff0014;
font-size:20px;
padding:60px 150px 20px 150px;
width:600px;
height:90px;
float:left;
text-transform:uppercase;
font-weight:bold;
}
#bridgestone ul{
padding-left:80px;
margin:0;
}
#bridgestone ul li{
background:url(../img/gomb.gif) no-repeat center top;
width:144px;
height:70px;
display:inline;
list-style-type:none;
float:left;
margin:0 20px 0 20px;
padding:0;
}
#bridgestone ul li a{
text-indent:-3000px;
float:left;
width:144px;
height:70px;
}
#bridgestone ul li a:hover{
background-position:-158px 0;
}
#nyari{
background:url(../img/nyarigumi.gif) no-repeat left top;
}
#teli{
background:url(../img/teligumi.gif) no-repeat left top;
}
#servicokft{
background:url(../img/servicokft.gif) no-repeat left top;
}
#rial{
background:url(../img/rial.gif) no-repeat left top;
}
#budapest{
position:relative;
left:70px;
background:url(../img/budapest.gif) no-repeat left top;
width:760px;
height:24px;
text-indent:-3000px;
float:left;
}
#email1{
position:absolute;
top:119px;
left:314px;
width:344px;
height:24px;
text-indent:0;
}
#email1:hover{
border:2px red solid;
}
#email2{
position:absolute;
top:0;
left:580px;
width:170px;
height:20px;
text-indent:0;
}
#email2:hover{
border:2px red solid;
}
.gumi1{
width:630px;
height:400px;
background:url(../img/webaruhaz.jpg) no-repeat 20px 92px white;
}
.gumi2{
background:white;
width:900px;
}
#gumi{
float:left;
margin:10px 0px 0px 0px;
padding:0;
}
.gumi1 ul{
list-style-type:none;
float:left;
clear:both;
margin:0;
padding:10px 0 70px 320px;
}
.gumi2 ul{
list-style-type:none;
float:left;
margin:0;
padding:0px 0 0 50px;
}
#gumi ul li ul{
margin:0;
padding:0px 0px 0px 30px;
}
#gumi ul li{
list-style-type:none;
float:left;
margin:0;
padding:10px;
width:240px;
}
#gumi ul li ul li{
padding:0 0 0 20px;
margin:0;
width:auto;
clear:both;
background:url(../img/al1.gif) no-repeat left top;
}
#gumi ul li ul li.al2{
background:url(../img/al2.gif) no-repeat left top;
}
#gumifej{
width:100%;
background:url(../img/gumifej.jpg) no-repeat left top;
height:47px;
text-align:left;
float:left;
color:white;
padding:25px 0px 0px 0px;
text-indent:320px;
font-size:16px;
}
#gumi ul li .fo{
background:url(../img/kisgomb.jpg) no-repeat left top;
float:left;
height:25px;
color:#ff0014;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
text-decoration:none;
padding:2px 0 0 32px;
}
#gumi ul li ul li a{
height:18px;
background:none;
font-weight:normal;
float:left;
color:black;
font-size:13px;
}
#gumi ul li ul li a:hover{
text-decoration:none;
}
#gumi ul li ul li a.aktiv{
color:#ED2024;
font-weight:bold;
}
#go_rial{
float:left;
margin:10px 0px 0px 30px;
padding:0;
width:240px;
color:white;
}
#go_rial a{
color:#FFF231;
}
#lista{
text-align:left;
background:white;
color:black;
float:left;
width:800px;
padding:0 30px 30px 70px;
margin:0;
clear:both;
}
#meretek ul{
clear:both;
float:left;
margin:0;
padding:0;
}
#meretek ul li{
width:100%;
float:left;
clear:both;
list-style-type:none;
font-family:arial;
margin:0;
padding:0;
font-weight:bold;
font-size:16px;
}
#meretek .info{
width:300px;
text-align:right;
float:left;
}
#meretek .info2{
width:300px;
text-align:right;
float:left;
color:#ff0014;
font-weight:bold;
}
#meretek .figyelem{
padding:10px 0 0 20px;
width:750px;
font-size:12px;
clear:both;
font-weight:normal;
}
#meretek input, #meretek textarea{
width:200px;
margin:12px 170px 4px 8px;
padding:0;
border:red 1px solid;
float:left;
clear:right;
}
hr{
color:white;
border:none;
height:0px;
width:100%;
float:left;
clear:both;
}
#meretek .adat{
width:200px;
margin:12px 170px 4px 8px;
padding:0;
float:left;
clear:right;
font-weight:bold;
}
#meretek h3 input{
width:auto;
float:none;
clear:none;
margin:0 5px 0 10px;
text-align:left;
border:none;
}
#meretek input.kuldes{
background:red;
margin: 4px 5px 0 310px;
color:white;
font-weight:bold;
float:left;
padding:4px 0 4px 0;
border:red 1px solid;
font-size:15px;
clear:both;
}
#meretek form{
float:left;
clear:both;
margin:0;
padding:0;
}
#meretek select{
font-size:14px;
margin:0 0 0 14px;
width:80px;
}
#meretek h3{
width:750px;
float:left;
clear:both;
border-top: 1px dotted #787f84;
font-size:14px;
padding:10px 0 0 20px;
margin:10px 0 0 0;
}
h3{
font-size:21px;
margin:0px 0 0 10px;
padding:0;
float:left;
}
.gumi_neve{
font-size:11px;
padding:4px 0 0 20px;
width:150px;
color:#ed2024;
float:left;
}
.gumi_teny{
font-size:13px;
padding:4px 0 0 4px;
width:150px;
color:#ed2024;
}
.gumi_szeles, .gumi_magas,.gumi_radius{
padding-top:2px;
color:black;
width:50px;
float:left;
}
.gumi_fent{
padding-top:7px;
color:black;
width:50px;
float:left;
font-size:9px;
font-weight:normal;
}
.gumi_seb{
padding-top:2px;
color:#7f7f7f;
width:40px;
float:left;
cursor:help;
position:relative;
z-index:20;
}
.gumi_suly{
z-index:1;
padding-top:2px;
color:#7f7f7f;
width:40px;
float:left;
cursor:help;
position:relative;
}
.help{
position:absolute;
display:none;
background:url(../img/help.gif) no-repeat left top;
top:20px;
left:20px;
width:120px;
height:29px;
padding:15px 0 0 14px;
font-size:9px;
color:black;
}
.helpx{
color:#fff;
}
.gumi_ara{
padding:4px 10px 0 0;
color:#7f7f7f;
width:140px;
float:left;
text-align:right;
}
.gumi_akcios{
color:#ed2024;
font-size:20px;
width:100px;
float:left;
text-align:right;
}
.gumi_akciosall{
color:#ed2024;
font-size:20px;
width:200px;
float:left;
text-align:left;
}
.gumi_kiszall{
color:black;
font-size:12px;
width:300px;
float:left;
text-align:left;
padding:6px 0 0 4px;
}
.megrendel{
text-indent:-3000px;
width:90px;
height:19px;
float:left;
background:url(../img/megrendel.gif) no-repeat left top;
margin:3px 0px 0px 6px;
}
.megrendel:hover{
background-position:-90px 0;
}
.felt{
font-weight:normal;
font-style:italic;
padding-left:20px;
}
#hiba{
float:left;
margin:20px 0px 20px 0px;
}
.bridgestone_gumi{
position:relative;
background:url(../img/bridgestone_logo.gif) no-repeat;
background-position:180px 10px;
font-style:italic;
float:left;
clear:both;
width:770px;
padding:10px 0px 0px 0px;
font-size:13px;
font-weight:bold;
line-height:20px;
border-bottom:solid 3px #787f84;
margin-top:20px;
}
.bridgestone_img{
position:relative;
float:left;
bottom:0;
width:150px;
clear:both;
}
.bridgestone_desc{
float:left;
width:550px;
padding:0px 0px 0px 180px;
}
.figyelem{
clear:both;
width:100%;
}
.bridgestone_name{
float:left;
width:400px;
font-size:24px;
text-indent:0px;
height:auto;
margin:0;
padding:0;
}
.bridgestone_name a{
font-weight:bold;
font-style:italic;
color:#ED2024;
text-transform:uppercase;
text-decoration:none;
width:400px;
}
.bridgestone_name a:hover{
color:black;
}
.bridgestone_top{
font-weight:bold;
font-style:italic;
float:left;
width:250px;
color:#ED2024;
font-size:24px;
text-transform:uppercase;
}
.bridgestone_gumi ul{
font-weight:normal;
margin-bottom:0;
margin-top:0;
}
.bridgestone_gumiabroncs{background:red;}
.akcio{
position:absolute;
left:420px;
width:350px;
top:0px;
font-weight:bold;
font-size:22px;
font-style:normal;
text-align:right;
padding:8px 16px 8px 0px;
clear:both;
}
.ara{
background:#ED2024;
font-weight:bold;
font-size:22px;
color:white;
text-align:right;
padding:8px 16px 8px 16px;
margin-left:12px;
text-decoration:none;
float:right;
}
.ara:hover{
background:black;
color:#ED2024;
}
.info{
width:100%;
float:left;
font-size:14px;
padding-top:14px;
}
.info2{
width:100%;
float:left;
font-size:14px;
padding-top:14px;
}
.tovabb{
width:160px;
background:black;
text-align:center;
padding:4px;
float:left;
clear:both;
color:white;
font-weight:bold;
font-size:12px;
}
.tovabb:hover{
color:#ED2024;
text-decoration:none;
}
#prgroup {
	width:100%;
	color:#fff;
	text-align:center;
}

.prlink {
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

#facebookBt {
	position:absolute;
	width:78px;
	height:84px;
	
	right:0px;
	top:110px;
	
	background-image:url("../img/facebook.png");
}

#faceEmpty {
	width:78px;
	height:84px;
}