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,
b, u, i, center,
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;
	background: transparent;
}
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*css reset*/







body, div, span, h1, ul, li, a, h2, h3, h4, h6 {margin:0;
	padding:0;
        font-size: 14px;
    }
h1, h2, h3,h4, h5, h6 {margin-top:20px;}
p{margin-bottom:10px;}

body{background-image: url("image/h.png");}
.all{width:800px;
  margin-top:1px;
  margin-left: auto;
  margin-right: auto;
  }
.header{background-image: url("image/headeruj2.png");
  height:120px;
  background-repeat:no-repeat;}
  
#felkozep{padding-right: 40px;
float:right;}
h1.cimsor{font-size: 58px;
  /*text-align: left;*/
  letter-spacing: 6px;
  font-style: italic;
  color:#ccffff;}
h1#main {
top: 0px;
position: absolute;
color:#660000;
}
h1#shadow{
color: #bbb;
margin-top: -3px;
margin-left: 3px;
}
/*árnyék a címsorban*/
#szlogen{position: absolute;
top:54px;
margin-left:210px;
font-size: 13px;
color:#663300;
font-weight: bold;
font-style: italic;}


.left{float:left;
  width: 585px;
  margin-bottom: 100px;
	padding-bottom: 20px;}
  
.bb{width:185px;
    height: 550px;
    float:left;
    /*border-right: 1px solid black ;*/
    background-image: url("image/menuh2.png");
background-repeat: no-repeat;
background-position: right top;} 
a{/*float:left;*/
  text-decoration:none;
  color:black;
	font-weight: bold;
  font-size: 14px;
  /*background-image: url("image/amenu.gif");
  background-repeat: no-repeat;*/
  margin-left: -10px;
 } 
  
a:hover{/*background-image: url("image/amenu2.gif");*/
text-decoration: underline;
}   
ul{list-style-type: none;
padding-left:10px;
padding-top: 20px;
}
li{
    margin-top: 12px;
    margin-bottom: 5px;
    text-align:center;
    }  

ul.honlapkeszites, ul.alcim{color:#663300;
    margin-top:25px;
    padding-bottom:20px;}
li.honlapkeszites, li.alcim{text-align:left;
list-style-type: circle;
font-style: italic;
 font-size: 16px;
 margin-left:10px;
}

   
.bj{width:365px;
    margin-left: 205px;
    
}  

td{padding:5px}         
input.input{background-image:url("image/input2.gif");
            border-style: inset;
            width: 10em;
            font-weight: bold;}
.reg_adat{font-size: 18px;}
        
h1#reg{text-align: center;
        margin-bottom:25px}
h1.honlapkeszites, h1.alcim, h2.alcim, h2.honlapkeszites{
  margin-bottom:20px;
  font-size: 24px;}
/*bal oldal és a közepe*/  

.right{position:relative;
      
      
      width: 200px;      
      /*min-height: 400px;
      height: auto !important;
      height: 400px;*/
        margin-left:585px;
        background-image: url("image/login.png");
        background-repeat: no-repeat;
        padding-bottom:25px;
        }
.prof{
      height: 200px;
      }
.belep{color: white;
        font-weight: bold;
        margin-left: 1em;}
.login{color: white;
        margin-top: 8px;
        margin-left: 25px}
/*#gomb{margin-top:10px;
margin-left:30px ;
font-weight: bold;
width: 75px;
      height: 28px;
}*/
#felh_nev{background-image:url("image/input2.gif");
          width: 10em}
#pwd{background-image:url("image/input2.gif");
       width: 10em}
/*jobb oldal*/



img{border:0}
.profil{color: white;
        font-weight: bold;
        margin-left: 1em;}

#reg_gomb{  position: absolute;
            margin-top:40px;
            margin-left:5px;}          
#belep_gomb{margin-top:10px;
cursor: pointer;}          

#profil_sz{color:#ffffcc;
            font-weight: bold;
            font-style: italic;
            padding-left:15px;
            padding-right:10px;
            padding-top: 10px;
            }
#profil_kilep{position: absolute;
              /*top:280px;*/
              top:170px;
              margin-left:60px}
.kilep_gomb{padding-left:15px}
/*jobb oldal login meg ilyesmi*/

.bbuser{width:185px;
    height: 550px;
    float:left;
    
    background-image: url("image/menuuser.png");
background-repeat: no-repeat;
background-position: right top;} 
/*Belépett felhasználóknak a főmenü*/
#editor{margin-bottom:10px;
    }
.lev{margin-bottom:10px;
      background-image:url("image/input2.gif");
      font-weight: bold;}
#araj{margin-bottom:10px;}
#valasz{margin-top:50px;
        color:red;
        text-align:center;
        margin-bottom:10px}
.elerhetoseg{position: relative;
            color:#663300;
            font-weight: bold;
            top:20px;
            margin-bottom:20px;
            }

span.codedirection { unicode-bidi:bidi-override; direction: rtl; } 


h3.honlapkeszites, h3.alcim{margin-bottom:10px;
                  font-style: italic;
			letter-spacing:1px;
                  font-size: 16px;}
#kopt{padding:0;
      margin:0;
      font-style: italic;}

a.valid{padding:0;
      margin-left:10px;}
img.valid{margin-top:20px}     
li.garancia{text-align:left;
            font-size: 18px;
            font-style: italic;
            } 
#cimsora{font-size: 58px;
  /*text-align: left;*/
  letter-spacing: 6px;
  font-style: italic;
  
position: absolute;
top:0;
margin-left: 0px; 
color:#660000;
text-decoration: none;}

.csillag{color:red;
	font-weight: bold;}
#kuponszam{/*float: left;*/
		text-align: center;
		margin-right:45px;
		margin-top:10px;
		padding: 4px;
		background-image:url("image/input2.gif");
		border: 1px solid black;}
#ajanlatk{margin:0;
	padding:0}
.klink{color: #663300;
font-weight: bold;}
a.klinks:hover{text-decoration: none;
border-bottom:1px dashed #663300;}

div#elerh{text-align: center}

div.footer{margin-top: 0px;
    margin-bottom: 10px;
    float: left;}
ul.footer{text-align: center;}
li.footer{display: inline;
padding: 3px 14px;
}
img.referencia{border-bottom: 2px #333333 solid;
    border-right: 2px #333333 solid;}
    
/*s3slider*/    
#s3slider {
   width: 350px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
 
#s3sliderContent {
   width: 350px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
 
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */ 
}
 
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px/15px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 10px 13px;
   width: 324px;
   background-color: #111;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
 
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
 
.clear {
   clear: both;
}