/** =========================================================================== 
 *   GENERAL
 *  =========================================================================== 
 */ 
* {
  margin: 0;
  padding: 0;
  font-family: verdana, helvetica, sans-serif;
}

a {
  text-decoration: none;
}

body {
  width: 995px;
  position: relative;
  margin: 0 auto 3px;
  padding: 1px 0 0;
}

img {
  border-width: 0;
}

ul {
  list-style-type: none;
  padding: 0;
}

.clr {
  clear: both;
}

.error {
  color: red;
}

.success {
  color: green;
}



#container {
  float: left;
  width: 995px;
  margin-top: 161px;
}

#left, #main, #right {
  float: left;
}

/* IE6 and below */
* html #left, * html #main, * html #right {
  display: inline;  
}

#main {
  width: 661px;
  margin-left: 139px;
  overflow: hidden;
}

#main #kezdolap {
  padding: 0 2px;
}

#main .box {
  position: relative;
  margin: 0 8px 8px;
  border: 2px solid #D7E7F6;
  padding: 30px 16px 15px;
}

#main .box h1 {
  padding: 10px 0 25px;
  font-size: 30px;
  text-align: center;
  color: #0049B6;
}

#main .box a.back_top {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 19px;
  overflow: hidden;
  padding-left: 33px;
  background: url(/img/box_head_blue.gif) no-repeat;
  color: #104B85;
  font-size: 11px;
  line-height: 19px;
  font-weight: bold;
}

/* IE6 */
* html #main .box a.back_top {
  left: -18px;
}

#main .box a.back_top:hover {
  text-decoration: underline;
}

#osszes_kategoria {
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	text-align: center;
}

a#osszes_kategoria:hover {
	color: red;
}

/** =========================================================================== 
 *   TOP
 *  =========================================================================== 
 */ 
#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 995px;
  height: 149px;
  background: #D7E1ED;
}

#top2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 995px;
  height: 51px;
  background: #056699;
}

#top a#logo {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 551px;
  height: 51px;
}

#top .banner {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 987px;
  height: 90px;
  overflow: hidden;
}


#top .ajanlat {
  position: absolute;
  top: 4px;
  right: 9px;
  width: 241px;
  height: 88px;
  overflow: hidden;
  padding: 1px 1px 1px 3px;
  background: white;
  color: black;
  font-size: 11px;
}

#top .ajanlat a {
  color: black;
}

#top .ajanlat img {
  float: right;
  margin-left: 4px;
}

#top .ajanlat h3 {
  font-size: 11px;
  font-weight: bold;
  padding: 2px 0;
}

#top .ajanlat p {
  color: #002BAC;
}

#top .thumbs {
  position: absolute;
  bottom: 3px;
  left: 553px;
  width: 248px;
  height: 45px;
}

#top .thumbs img {
  float: left;
  margin: 0 6px;
}

#top .mail {
  position: absolute;
  right: 0;
  bottom: 32px;
  width: 151px;
  height: 19px;
  padding-left: 22px;
  background: url(/img/mail.gif);
  line-height: 18px;
}

#top .mail a {
  color: white;
  font-family: arial;
  font-size: 11px; 
}

#top .date {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: white;
  font-size: 10px;
}

#top .mail a:hover {
  text-decoration: underline;
}

#tooltip {
  position: absolute;
  z-index: 1;
  border: 1px solid black;
  padding: 3px;
  background: white;
  font-family: arial;
  font-size: 12px;
}

/** =========================================================================== 
 *   TOP_KATEG
 *  =========================================================================== 
 */ 
#top_kateg {
  margin: 0 5px 6px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

#top_kateg a {
  color: #005AA0;
}

#top_kateg a:hover, #top_kateg a.current {
  color: red;
}

/** =========================================================================== 
 *   HIREK
 *  =========================================================================== 
 */
 
#hirek_tabs {
  padding-left: 6px;
}

#hirek_tabs li {
  float: left;
  height: 19px;
  margin-right: 2px;
}

#hirek_tabs li a {
  display: block;
  float: left;
  padding: 3px 5px;
  background: #6699CC;
  color: white;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}

#hirek_tabs li.active a {
  background: #D7E3F5;
  color: black;
}

#hirek_tabs li a:hover {
  color: black;
}

#hirek_box {
  position: relative;
  float: left;
  clear: left;
  width: 619px;
  overflow: hidden;
  margin: 0 6px;
  border: 5px solid #D7E3F5;
  padding: 8px;
}

/* IE6 */
* html #hirek_box {
  margin-left: 3px;
}

#hirek_box .hir .img {
  float: left;
  width: 140px;
  overflow: hidden;
  text-align: center;
  margin-right: 8px;
}

#hirek_box .hir h2 {
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  margin-bottom: 4px;
}

#hirek_box .hir h2 a {
  color: #0049B6;
}
#hirek_box .hir h2 a:hover {
  text-decoration: underline;
}

#hirek_box p {
  font-size: 11px;
  line-height: 14px;
}

#hirek_box .links {
  margin-top: 10px;
}

#hirek_box .links a {
  display: block;
  float: left;
  width: 298px;
  background: url(/img/bullet.gif) no-repeat left center;
  padding: 0 0 2px 10px;
  font-size: 11px;
  color: #0049B6;
}

#hirek_box .links a:hover {
  text-decoration: underline;
}

#hirek_box #featured_container {
  float: left;
  width: 632px;
  margin: 4px 0 0 -12px;
}

/* IE6 */
* html #hirek_box #featured_container {
  margin-left: -6px;
}

#hirek_box .featured {
  float: left;
  width: 130px;
  min-height: 122px;
  border-left: 12px solid white;
  margin-top: 12px;
  padding: 8px;
  background: #F0F0F0;
  cursor: pointer;
}

#hirek_box .featured:hover, #hirek_box .featured_hover {
  background: #E3E3E3;
}

#hirek_box .hilite {
  font-weight: bold;
  background: #D7E3F5;
}

#hirek_box .hilite:hover {
  background: #D7E3F5;
}

/* IE6 */
* html #hirek_box .featured {
   height: 122px;
}

#hirek_box .featured .img {
  width: 128px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 6px;   
}

#hirek_box .featured a {
  color: black;
}

#hir {
  margin: 8px 4px 0;
}

#hir h1 {
  font-family: georgia;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 4px;
}


#hir span.author {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

#hir span.date {
  font-size: 11px;
}

#hir p {
  font-size: 12px;
  padding: 6px 0;
}

/** =========================================================================== 
 *   KATEGORIA
 *  =========================================================================== 
 */
 
#kategoriak h1 {
  padding: 10px 0px;
  font-size: 30px;
  text-align: center;
  color: #056699;
}

.kategoria_box {
  position: relative;
  float: left;
  width: 312px;
  height: 85px;
  overflow: hidden;
  margin: 7px 5px 0 2px;
  padding: 3px;
  cursor: pointer;
}

.kategoria_box:hover, .kategoria_box_hover {
  background: #E7E9F8;
}

.kategoria_box h2 a {
  font-family: arial, helvetica, sans-serif;
  color: #0000AC;
}

.kategoria_box h2 a:hover {
  color: red;
}

.kategoria_box .img {
  float: left;
  width: 90px;
  height: 85px;
  overflow: hidden;
  margin-right: 12px;
}

.kategoria_box h2 {
 margin: 3px 0 4px 103px;
 font-family: arial, helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
}

.kategoria_box p {
  font-size: 11px;
  line-height: 13px;
}

#kategoria {
  position: relative;
  margin: 0 2px 2px;
  padding: 0px 0 15px 0;
}


#kategoria h1 {
  padding: 10px 0 25px;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  color: #056699;
}

#kategoria a.back_top {
  position: absolute;
  left: 0;
  top: 0;
  color: #056699;
  font-size: 11px;
  font-weight: bold;
}

/* IE6 */
* html #kategoria a.back_top {
  left: -20px;
}

#kategoria a.back_top:hover {
  text-decoration: underline;
}

#kategoria a.back_bottom {
  font-size: 11px;
  font-weight: bold;
  line-height: 27px;
  color: #056699;
}

#kategoria a.back_bottom:hover {
  text-decoration: underline;
}

#kategoria p {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 14px;
}

.produkcio_box {
  position: relative;
  float: left;
  width: 215px;
  height: 44px;
  margin: 1px 2px 1px 0;
  padding: 1px;
  cursor: pointer;
  background: #F0F0F0;
}

.produkcio_box:hover, .produkcio_box_hover {
  background: #E3E3E3;
}

.produkcio_box .img {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 2px 4px 2px 2px;
}

* html .produkcio_box .img {
  padding-right: 1px;
}

.produkcio_box h2 {
  margin-top: 2px;
  font-size: 14px;
  font-weight: normal;
}

.produkcio_box:hover h2, .produkcio_box_hover h2  {
  font-weight: bold;
}

.produkcio_box h2 a {
  color: #104B85;
}

.produkcio_box:hover h2 a, .produkcio_box_hover h2 a { 
/*  color: white;*/
}

.produkcio_box .video {
  float: left;
  margin: 5px 0 0 1px;
  padding-left: 16px;
  background: url(/img/camera.gif) no-repeat 0 1px;
  font-size: 9px;
  color: #888;
}

* html .produkcio_box .video {
  margin-left: 4px;
}

/** =========================================================================== 
 *   PRODUKCIO
 *  =========================================================================== 
 */

#produkcio a.back_bottom {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  color: red;
  text-align: center;
}

#produkcio a.back_bottom:hover {
  font-weight: bold;
}

#produkcio a.rendeles {
  display: block;
  width: 180px;
  margin-bottom: 8px;
  border: 1px solid #788;
  padding: 2px;
  font-family: verdana, helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  background: #DFF;
  color: black;
  text-decoration: none;
}


#produkcio p {
  margin-bottom: 20px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}

#produkcio p a {
  color: red;
}
#produkcio p a:hover {
  text-decoration: underline;
}

#produkcio .pictures {
  padding-bottom: 16px;
  text-align: center;
}

#produkcio .pictures img {
  border-width: 0;
  margin: 0 4px;
}

#produkcio .video {
  margin: 8px 0;
  text-align: center;
}

.produkcio_column {
  float: left;
  width: 322px;
  margin: 0 4px;
}

.produkcio_column .kategoria {
  padding-bottom: 4px;
  margin-bottom: 8px;
  background: #FFF0AD;
}

.produkcio_column .kategoria h2 {
  padding: 5px 21px 6px;
  background: #FA5E13;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
}

.produkcio_column .kategoria h2 a {
  color: white;
}

.produkcio_column .kategoria h2 a:hover {
  color: #FFFC00;
}



.produkcio_column .kategoria p {
  padding: 5px 9px;
  font-size: 11px;
}

.produkcio_column .kategoria p a {
  color: #104B85;
}

.produkcio_column .kategoria p a:hover {
  background: red;
  color: white;
}


/** =========================================================================== 
 *   NOTFOUND
 *  =========================================================================== 
 */
 
#notfound p {
  font-size: 12px;
}

#notfound a {
  color: #0000AC; 
}

#notfound a:hover {
  text-decoration: underline; 
}



/** =========================================================================== 
 *   LEFT
 *  =========================================================================== 
 */ 
#left {
  width: 135px;
  margin-left: -800px;
}

#left ul.menu {
  padding-bottom: 2px;
}

#left ul.menu li {
  display: block;
  width: 135px;
}

#left ul.menu li a {
  font-family: verdana, helvetica, sans-serif;
  display: block;
  width: 129px;
  padding: 10px 0 8px 6px;
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  background: #FFAE31;
  color: white;
  text-decoration: none;
}

/* non-IE */
:root #left ul.menu li a {
  margin-bottom: 2px;
}

#left ul.menu li a:hover {
  background: #FD6013; 
}

#left .box, #right .box {
  text-align: center;
}

#left .uj_prod_felvetel {
  margin-bottom: 4px;
  padding: 6px 6px 7px;
  background: #418CB3;
  color: white;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}

#left .uj_prod_felvetel a {
  display: inline-block;
  padding: 0 5px;
  background: white;
  color: black;
  font-family: arial;
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
}

#left .banner {
    width: 135px;
    /*height: 187px;*/
    margin: 10px 0;
}

/* FF */
:root #left .banner {
	margin: 11px 0;
}


#left .technika {  
  padding: 6px 0;
}

#left .technika a {
  color: #009;
  font-family: arial;
  font-size: 11px;
}

#left .technika img {
  opacity: 0.59;
  filter: alpha(opacity = 59);
  margin-top: 6px;
}

#left .technika a:hover img {
  opacity: 1;
  filter: alpha(opacity = 100);
}

#left form input.text {
  width: 117px;
  font-size: 10px;
}

#left .hirlevel {
  padding-bottom: 6px;
  background: #F0F0F0;
  color: black;
  font-size: 10px;
  line-height: 25px;  
}

#left .hirlevel h3 {
  margin-bottom: 12px;
  padding: 6px 0;
  background: #FFAD33;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  
}

#left .hirlevel input.submit {
  border: 1px solid #A3A3A3;
  padding: 0 20px;
  background: white;
  color: black;
  font-family: arial;
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
}

#left .around {
  padding-top: 24px;
  color: #888;
  font-size: 10px;
}

#left .around img {
	margin-top: 8px;
}

/** =========================================================================== 
 *   RIGHT
 *  =========================================================================== 
 */ 
#right {
  width: 191px;
  margin-left: 4px;
}

/* IE6 and below */
* html #right {
  margin-right: -3px;
}

#right .kereses h3 {
  margin-bottom: 8px;
  color: #056699;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}

#right .kereses form {
  background: url(/img/kereses_bg.jpg);
  height: 34px;
  padding: 10px 6px;
}


#right .kereses input.text {
  float: left;
  width: 103px;
  border-style: inset; 
}

#right .kereses input.submit {
  float: left;
  width: 63px;
  margin-left: 5px;
  font-size: 11px;
  line-height: 11px;
  cursor: pointer;
}

#right .ajanlat h3 {
  margin-top: 6px;
  padding-bottom: 6px;
  color: #056699;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
}

#right .banner {
  width: 191px;
  /*height: 265px;*/
}

#right .top10 {
  color: #056699;
  font-size: 12px;
  margin-top: 6px;
}

#right .top10 .img {
  margin-top: 6px;
}

#right .top10 .links {
  height: 152px;
  padding-top: 4px;
  background: url(/img/top10_bg.jpg);
}

#right .top10 a {
  color: #056699;
  font-weight: bold;
}

#right .top10 a:hover {
  text-decoration: underline;
}

#right .slagerlista {
  background: #F0F0F0;
  padding-bottom: 25px;
}

#right .slagerlista h3 {
  margin-bottom: 18px;
  padding: 6px 0;
  background: #FFAD33;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
}

#right .slagerlista a {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

/** =========================================================================== 
 *   MUSORRENDELES
 *  =========================================================================== 
 */ 

form#musorrendeles_form input,
form#musorrendeles_form label,
form#musorrendeles_form select {
  float: left;
  margin-bottom: 6px;
}

form#musorrendeles_form select.performer {
  width: 352px;
}

form#musorrendeles_form label {
  width: 238px;
  font-size: 12px;
  line-height: 14px;
}

form#musorrendeles_form select {
  margin-right: 4px;
}

form#musorrendeles_form br {
  clear: both;
}

form#musorrendeles_form p.error {
  font-size: 12px;
  line-height: 13px;
}

form#musorrendeles_form .buttons {
  text-align: center;
}

form#musorrendeles_form .buttons input {
  float: none;
}

form#musorrendeles_form h2 {
  color: #005AA0;
  font-size: 18px;
  font-weight: bold;
}

form#musorrendeles_form p.success {
  font-size: 12px;
  margin-bottom: 12px;
}

/** =========================================================================== 
 *   CIKK
 *  =========================================================================== 
 */ 

#cikk {
  width: 100%;
  padding: 0 25px; 
  overflow: hidden;
}

#cikk h1 {
  padding: 10px 0 25px;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  color: #056699;
}

/** =========================================================================== 
 *   FOOT
 *  =========================================================================== 
 */ 

#foot {
	background: #f0f0f0;
	height: 29px;
	margin-top: 8px;
}