@charset "UTF-8";
/* CSS Document */
/* Felső ABC választósor */
.bobba_kereso_tabla { background-color: #FBFBE3; padding: 2px; border: 1px solid #999999; }
.bobba_kereso_tabla h1 { font-size: 1.5rem; text-align: center; }
.bobba_kereso_tabla select { font-size: 1rem; }
.bobba_kereso_tabla input { font-size: 1rem; }
.bobba_kereso_tabla input[type=submit] { font-weight: bold; color: #FFFFFF; background-color: #0066CC; margin: 2px; border: 1px solid #FFFF00; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }
.bobba_kereso_tabla form { float: left; }

.bobba_kereso form { float: none; }

.bobba_selected { color: #000000; background-color: #FFFF00; }

.betu { font-size: 1rem; line-height: 200%; }
.betu a { font-size: 1rem; font-weight: bold; color: #FFFFFF; background-color: #EF8627; margin: 2px; border: 1px solid #572D06; padding: 2px 4px 2px 4px; }
.betu a:hover { color: #000000; background-color: #FFFF00; border-color: #000000; }

.akt_betu { font-size: 1rem; font-weight: bold; color: #000000; background-color: #FFFF00; border: 1px solid #000000; margin: 2px; padding: 2px 4px 2px 4px; }

.bobba_kereso { font-size: 1rem; line-height: 160%; border: 1px solid #000000; }

.bobba_kereso_akt { color: #000000; background-color: #FFFF00; border: 1px solid #000000; margin: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; }

.summa_betu { font-size: 1.5rem; font-weight: bold; padding: 2px; margin: 2px; float: right; width: auto; }
.summa_betu a { border: 1px solid #000000; color: #FFFFFF; background-color: #0066CC; }
.summa_betu a:hover { color: #000000; background-color: #FFFF00; }

.comment { font-size: 0.8rem; font-style: italic; color: #666666; }
.comment a { font-size: 0.8rem; font-style: normal; color: #FFFFFF; background-color: #990000; padding: 1px 4px 1px 4px; }
.comment a:hover { color: #000000; background-color: #FFFF00; }

/* Prémiumok listában dobozok */
.premium_box { font-size: 0.85rem; font-weight: normal; background-color: #FFFFFF; border: 1px dotted #000000; text-align: center; vertical-align: top; width: 25%; height: 150px; float: left; box-sizing: border-box; }
.premium_box img { border: none; vertical-align: bottom; margin: 1px; }
.premium_box a { color: #000000; font-size: 0.86rem; font-weight: normal; }
.premium_box h3 { font-size: 1rem; font-weight: bold; color: #FFFF00; height: 2.5rem; background-color: #0066CC; margin: 0px; padding: 2px 0px 4px 0px; background-image: url(/img/bobba_bg.jpg); background-repeat: repeat-x; }
.premium_box .premium_box #pr { font-size: 0.8rem; font-weight: normal; color: #950000; }

.detail_page { width: 340px; height: auto; }

/* Sima dobozok */
.normal_box { font-size: 0.85rem; font-weight: normal; background-color: #FFFFFF; border: 1px dotted #000000; text-align: center; vertical-align: top; width: 25%; height: 70px; float: left; box-sizing: border-box; }
.normal_box img { border: none; vertical-align: bottom; margin: 1px; }
.normal_box a { color: #000000; font-size: 0.85rem; font-weight: normal; }
.normal_box h3 { font-size: 1rem; font-weight: bold; background-color: #BEE9B4; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; color: #000000; }

/* Dobozok közös */
h4 { font-size: 0.85rem; font-weight: bold; margin: 0px; }

h5 { font-size: 0.8rem; font-weight: normal; color: #006633; margin: 0px; padding: 0px; letter-spacing: -0.0em; }

.ikon { float: left; width: 10px; margin-left: 1px; }

.ikon2 { float: right; width: 10px; margin-right: 8px; }

/* Szerkesztő ablak*/
.szerkeszto_tabla { font-size: 1rem; background-color: #F4FAFF; padding: 2px; border: 1px solid #999999; }
.szerkeszto_tabla input, .szerkeszto_tabla textarea, .szerkeszto_tabla select { background-color: #FFFED9; }

.szerk_megj { font-size: 0.85rem; font-style: italic; margin-top: 10px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; }

/* Egy BOBBA ablaka*/
.gmaps { border: 1px solid #999999; margin-right: 5px; }

.gmaps_note { font-size: 0.85rem; margin-top: 1px; margin-right: 5px; }

.nevjegy_link { font-size: 1rem; }
.nevjegy_link a { color: #0066CC; text-decoration: none; }
.nevjegy_link a:hover { color: #FF0000; }

.szolg { font-size: 0.85rem; font-weight: normal; background-color: #FFFFFF; border: 1px dotted #000000; text-align: left; vertical-align: top; padding: 5px; margin-top: 5px; margin-bottom: 5px; }
.szolg h1 { font-size: 1.2rem; }
.szolg b { font-weight: normal; color: #003399; }
.szolg i { font-weight: bold; text-decoration: none; color: #A80000; }

.gomb, .gomb:link, .gomb:visited, .gomb:active { color: #FFFFFF; background-color: #006699; text-align: center; padding: 2px; border: 1px solid #000000; }

.gomb:hover { color: #006699; background-color: #CCCCCC; }

.foot_table { font-size: 1rem; background-color: #FFFFFF; border: 1px dotted #000000; }
.foot_table a { color: #000000; }
.foot_table a:hover { color: #FF0000; }
.foot_table .gomb:link, .foot_table .gomb:visited, .foot_table .gomb:active { color: #FFFFFF; background-color: #999999; text-align: center; padding: 2px; border: 1px solid #000000; }
.foot_table .gomb:hover { color: #006699; background-color: #CCCCCC; }

.vcard { float: right; border: 1px solid #06F; background-color: #FBFFCF; }

.prem_alsogomb_sor { margin-left: auto; margin-right: auto; position: relative; width: 220px; }

.prem_alsogomb { padding: 1px; margin-left: 2px; margin-right: 2px; border: 1px solid #06F; background-color: #FBFFCF; width: 100px; text-align: left; float: left; font-size: 0.8rem; }

.prem_alsogomb a { font-size: 0.8rem; }

/* admin */
.bobbalista { border: 1px solid #000000; }

.bobbalista img { border: none; }

.admin_bobbalista_tab { color: #FFF; }
.admin_bobbalista_tab a, .admin_bobbalista_tab a:visited { color: #FFF; }

.tabup { padding: 2pt; background-color: #89C3DB; border: thin #000 solid; }

.tabdown { padding: 2pt; background-color: #16AC04; border: thin #000 solid; }

/* androidos */
.andr_bobba_button { color: #000; margin: 0.3em; padding: 0.2em; background-color: #EDEDED; border: thin solid #BBB; cursor: pointer; }
.andr_bobba_button b { font-size: 1.2rem; font-weight: bold; }
.andr_bobba_button a, .andr_bobba_button a:hover { text-decoration: none; color: #000; }

/* androidos Prémiumok listában dobozok */
.andr_premium_box { font-weight: normal; background-color: #FFFFFF; text-align: center; vertical-align: top; font-size: medium; font-style: normal; }

.andr_premium_box img { border: none; vertical-align: bottom; margin: 1px; }

.andr_premium_box a { font-size: medium; font-style: normal; color: #0066CC; font-weight: normal; }

.andr_premium_box h3 { font-size: 1.2rem; font-weight: bold; color: #FFFF00; min-height: 22pt; background-color: #0066CC; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; }

.heart { float: left; color: #F00; font-weight: bolder; font-size: 2rem; width: 16pt; }

/* Beágyazott akciók */
.bobba_akcio { border: 1px solid #7DA5FF; background-color: #FDFFDF; margin-bottom: 1px; color: #000; }

.bobba_akcio:hover { background-color: #FF3; }

.bobba_akcio a, .bobba_akcio a:link, .bobba_akcio a:visited { color: #000; text-decoration: none; }

.bobba_akcio_img { float: right; }

.bobba_akcio_foot { clear: both; text-align: right; }

@media only screen and (max-width: 570px) { .foot_table { display: none; }
  .premium_box { width: 33%; height: 200px; }
  .normal_box { width: 33%; height: 120px; }
  .bobba_kereso_tabla h1 { font-size: 1rem; }
  .detail_page { width: 340px; height: auto; }
  .prem_alsogomb_sor { width: 340px; }
  .prem_alsogomb { width: 40%; } }