* { margin:0; padding:0; }

html { background-color: #fff; color: #000; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size: 13px; }

body { }

img { border: none; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.red { color: #E3372B; }
.bold { font-weight: bold; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.f10 { font-size: 10px; }
.line-through { text-decoration: line-through; }

div#right { font-size: 0.9em; }
div#right p { margin: 5px; }
div#right p.h1 { font-weight: bold; font-size: 1.2em; color:#666666; border-bottom: 1px solid #666666; clear: left; }
div#left p.h1 { font-weight: bold; font-size: 1.2em; color:#353535;  }
div#right img { margin: 3px; }
div#right a, div#right a:visited { color: #A20001; }
div#right a:hover { color: #CF6769; }
div#right ul, div#right dl  { margin: 10px 0 10px 30px; }

div#header_Frame { height: 162px; background: url(images/header.jpg) top center no-repeat; }
div#wrapper_Frame { background: url(images/feher_bg_csik.jpg) repeat-y center; min-height: 430px;}
div#footer_Frame { height: 111px; background: url(images/footer.jpg) top center no-repeat;}

div#header, div#wrapper, div#footer { width: 980px; margin: 0 auto; position: relative; }


.gybuttons { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.gybutton {
    background: transparent url(images/gybutton-right.gif) no-repeat scroll top right; display: block; float: left; height: 38px; margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */ text-decoration: none;
}

a.gybutton span {
    background: transparent url(images/gybutton2.gif) no-repeat; display: block;  padding: 10px 0 5px 18px;
} 


/***** header *****/

div#header a#logo { display: block; width: 481px; height:82px; margin: 33px 0 0 5px; float: left; }
div#header #banner1 { display: block; float: right; width: 468px; height:60px; margin: 45px 15px 0 0px; background: transparent; }
div#header #flashcontent { float: right; width: 470px; height:60px; margin: 45px 10px 0 0px;}
div#header ul { clear: both; }
div#header ul li { float: left; list-style: none; margin-top: 8px; }
div#header ul a { display: block; padding: 10px 20px 0 20px; text-decoration: none; font-weight: bold; font-size: .85em; text-transform: uppercase; color: #343226; }
div#header ul a:hover { color: #9B0300; }


/***** wrapper *****/

div.menu { height: 36px; margin: 0 5px 7px; background: url(images/szurke_gredient_bg_vizsintes.jpg) repeat-x; border-width: 0 1px; border-style: solid; border-color: #E0E0E0; }
div.menu li.soter {  float: left; list-style: none;}
div.menu li.soter a.soter_menu { display: block; padding: 10px 0 5px 20px;  color: #2e2e2e; font-size: 1.1em; font-weight: bold; text-decoration: none; }
div.menu li.soter a.soter_menu:hover { color: #971311; background: none;  }

div#left { width: 215px; margin: 3px 0 0 10px; float:left; }
div#right { width: 735px; margin: 0 15px 10px 0; float:right; }

/*div#left, div#right { border: 1px solid red;  }*/

div#left div.box_header { width: 215px; height: 11px; background: url(images/box_top.jpg) top center no-repeat; }
div#left div.box { width: 199px; padding: 0 10px 20px 6px; background: url(images/box_bottom.jpg) bottom center no-repeat; }
div#right div.box_header { width: 733px; height: 11px; background: url(images/nagy_box_top.jpg) top center no-repeat; }
div#right div.box { width: 703px; min-height: 170px; padding: 5px 15px 15px; background: url(images/nagy_box_bottom.jpg) bottom center no-repeat; }

div#left div.box ul { margin: 5px 5px 5px 15px; }

div#right div#picture_box { width: 586px; float: left; }
div#right div#picture_box_header { width: 586px; height: 11px; background: url(images/picture_box_top.jpg) top center no-repeat; }
div#right div#picture_box_bottom { width: 572px; min-height: 170px; padding: 5px 7px 15px; background: url(images/picture_box_bottom.jpg) bottom center no-repeat; }
div#right div.banner { width: 146px; float: right; margin-top: 2px; }
div#right div.banner_box_header { width:146px; height:11px; background:url(images/banner_box_top.jpg) top center no-repeat; }
div#right div.banner_box { width: 132px; height: 197px; padding: 0 7px 17px; background: url(images/banner_box_bottom.jpg) bottom center no-repeat; }
div#right div.banner .w60 { height: 60px; }

div#right div.hu{ width: 142px; height: 60px; padding: 2px; float: right; background:url(images/lang_hu.jpg) top center no-repeat; }

div#left div#left_menu_box { width: 207px; padding: 0px 6px 20px 2px; }

/********** left *************/

p#switch_lang { font-weight: bold; text-align: center; padding: 3px 0 5px 0; color:#FF0000; }
p#switch_lang a { text-decoration: none; color:#FF0000; }

form#login { border-top: 3px solid red; background: url(images/login_bg.jpg) no-repeat; width: 206px; height: 113px; padding: 10px 0 0 0; font-size: 0.85em;}
form#login label { float: left; width: 90px; margin: 0 0 9px 7px; font-weight: bold; }
form#login input.txt, form#login input.pass  { margin-bottom: 9px; width: 90px; padding: 2px; border: 0;  }
form#login input.txt {height: 1.2em; }
form#login input.pass {height: 1.2em; font-size: 0.8em; }
form#login a#password { margin-left: 0px;  }

div#regisztracio { padding: 5px 10px;  border-top: 1px solid #9F9F9F; font-size: 0.9em;}
div#regisztracio p { font-weight: bold; text-align: center; color: #626262; }
div#regisztracio a { margin: 5px 0 5px 45px; }

div#login2 { background: url(images/login2_bg.jpg) no-repeat; width: 205px; height: 65px; padding: 10px 0 0 0;}
div#login2  p#user { font-weight: bold; color: #676767; margin: 0 0 20px 30px; }
div#login2  p { padding-left: 10px; }


ul#left_menu { border-top: 3px solid red; font-size: 0.8em;}
ul#left_menu li { list-style: none; height: 50px;  border-bottom: 1px solid #bcbcbc; }
ul#left_menu li a { display: block; font-size: 1.2em; font-weight: bold; color: #2b2b2b; text-decoration:none; padding: 17px 5px 0 50px;}
ul#left_menu li a.two_rows { padding-top: 10px;}
ul#left_menu li#nyelvtanar { background: transparent url(images/menu_nyelvtanaraink.png) no-repeat left center; }
ul#left_menu li#tolmacs { background: url(images/menu_tolmacsolas.png) no-repeat left center; }
ul#left_menu li#szotar { background: url(images/menu_onlineszotarak.png) no-repeat left center; }
ul#left_menu li#nyelvkonyv { background: url(images/menu_nyelvkonyvek.png) no-repeat left center; }
ul#left_menu li#rendeles { background: url(images/menu_onlinekonyvrendeles.png) no-repeat left center; }
ul#left_menu li#gyik { background: url(images/menu_gyik.png) no-repeat left center; }

ul#left_other_menu {}
ul#left_other_menu li { list-style: none; border-bottom: 1px solid #fff; }
ul#left_other_menu li a { background:url(images/menu_disc.png) 25px center no-repeat; display: block; font-size: 1.1em; font-weight: bold; color: #2b2b2b; text-decoration:none; padding: 7px 5px 7px 50px;}
ul#left_other_menu li a:hover { background-color: #CFCFCF;}


/********* right *************/
div#right { font-size: 15px; }
/*div#picture { background: url(images/kozepmenu_bg2.jpg) no-repeat top center; width: 650px; height: 350px; }*/
div#picture { background: url(images/kozepmenu_bg3.jpg) no-repeat top center; width: 565px; height: 256px; }
div#picture div#picture_menu { padding: 165px 0 0 10px; margin:0;}
div#picture div#picture_menu img#elonyok {  }
div#picture div#picture_menu img#lehetosegek{ }
div#picture div#picture_languages { margin: 0 0 0 170px; }
div#picture div#picture_languages img { margin: 0 2px 0 0; padding:0; }
div#picture div#picture_languages a { margin: 0; padding:0; }

div#right div.box div#box_left, div#right div.box div#box_right { width: 350px; }
div#right div.box div#box_left { float: left; }
div#right div.box div#box_right { float:right; }

fieldset#lang_level { border: 0; margin: 10px 20px 30px; padding: 10px; }
fieldset#lang_level legend { font-weight: bold; font-size: 1.1em; }
fieldset#lang_level select { width: 170px; padding: 2px 3px; margin-right: 20px; }

fieldset.test { border: 0; border-bottom: 1px solid #cfcfcf; padding: 5px; margin: 10px; }
fieldset.test legend { font-weight: bold; }
fieldset.test label { margin-left: 10px; }

form#course legend { font-weight: bold; font-size: 1.2em; }
form#course fieldset { border: 0; padding: 10px; }
form#course label { width: 250px; display: block; float: left;}
form#course input.txt { width: 250px; }
form#course select { width: 250px; }
form#course textarea { width: 350px; height: 100px; }

form.registration { margin: 10px 20px 30px; padding: 10px; }
form.registration legend { font-size: 1.1em; font-weight: bold; padding: 0 10px;  }
form.registration fieldset { border: 0; border-top: 1px solid #7f7f7f; padding-top: 10px; margin-bottom: 20px; }
form.registration label { display: block; width: 150px; float: left; }
form.registration input.text { width: 250px; }

p.error { color: #a20001; font-size: 0.9em; padding-left: 30px; }

div.product { margin: 15px; clear: both; }
div.products { width: 140px; height: 250px; margin: 5px; padding: 5px; font-size: 0.9em; border: 1px dotted #999999; float: left; }
div.products img { vertical-align: center; }
div.products a ,div.products span {  font-size: 0.9em;  }
div.product a.bold, div.products a.bold { text-decoration: none; }
div.product img { float: left; }
div.product dl {  width: 310px; float: right;   }
div.product dt { padding: 5px 0 10px 10px; font-size: 1.3em; font-weight: bold; }
div.product dd { padding: 5px 0 10px 10px;}

table#basket {width: 570px; border:1px solid red; margin: 10px 0 0 20px;}
table#basket input {width: 20px; border: none; background-color: #bfbfbf; padding: 2px; }
table#basket {width: 90%; margin:20px auto; border: 1px solid #53472F;}
table#basket td {padding:2px;}
table#basket th {padding:2px; color:#FFFFFF; background-color:#333;}
table#basket th, table#basket tbody td {border-bottom: dotted 1px #53472F;}

#right h1, #right h2, #right p.h2, #right h3 #right p.h3 { text-transform: uppercase; font-size: 1.2em; margin: 10px 0 5px 10px; font-weight: bold; }

#right h1 {color:#94273A;}

#right p.kiemeles1 { font-family: Tahoma; font-size: 20px; color: rgb(153, 0, 0); text-align: center; }
#right p.kiemeles2 { font-family: Tahoma; font-size: 16px; color: rgb(1, 0, 0); text-align: center; }
#right p.kiemeles3 { font-family: Tahoma; font-size: 20px; color: rgb(50, 50, 50); text-align: center; }
#right span.piros_kiemeles { color: rgb(153, 0, 0) }

/********* footer *************/
div#footer { padding: 10px 20px; font-size: .8em; }
div#footer hr { margin: 0 10px; border-top: 1px solid #E3E3E3; }
div#footer p {margin: 10px 20px; }
div#footer a { color: #990100;}