/*
balmix.hu stilus

alapszinek
  hattár: #EFEFEF
  drapp   #D3CDAD
  bordo   #960A12

*/

@font-face {
        font-family: Calibri;
        src: url(http://balmix.hu/templates/balmix-bootstrap/fonts/Calibri.ttf);
}

html {overflow-y: scroll }
body {
    background-color: #EFEFEF;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	color: black;
    font-size: 14px;
}
.container {width:100%}
img {max-width: 100% }
h5 {font-size:1.1em}
h4 {font-size:1.2em}
h3 {font-size:1.3em}
h2 {font-size:1.4em}
h1 {font-size:1.5em}
	a {color:#960A12}
	a:hover {text-decoration:underline}

/** fő oldal szerkezet */
div#diszitoSor {background-color:#D3CDAD; margin-top:40px; height:50px;
  border-style:none;}
div#container {margin-top:-90px;}
div.span9 {width:960px; margin:0px 5px 5px 0px; padding:0px; vertical-align:top}
#container .span3 {width:200px; margin:0px; padding:0px; vertical-align:top}

/* fejléc */
.header {vertical-align:top}
.header a {}
.header .balmixfelirat {display:inline-block; height:auto; padding:0px; margin:-8px 0px 6px 5px; font-size:28pt;}
.header .socialButtons {display:inline-block; width:auto; height:30px; padding:0px; margin:0px; list-style:none; border-style:none; vertical-align:top}
.header .rssButton     {display:inline-block; vertical-align:top}
div.rssButton     {width:auto; height:30px; margin:0px; padding:0px; list-style:none; border-style:none; }
div.rssButton .syndicate-module {border-style:none; padding:0px; background-color:transparent}
div.rssButton .syndicate-module img {height:22px; width:22px;}
.header .search-modul {display:inline-block; width:220px; height:30px; padding:0px; margin:0px;}
#transform_title {display:inline-block; width:196px; height:40px; margin:3px 0px 0px 0px;
background-image:url(../images/kiemelt-transform-387.jpg); background-position:-100px 1px}

/* felső menü */
div.moduletable_menu {display:block; clear:both;}
ul.nav.menu {width:100%; background-color:black;
  border-style:solid; border-color:#B90017; border-width:3px 0px 0px 0px; border-radius:0px;
  margin:0px; padding:0px;}
.menuTogle {display:inline-block; width:auto; height:auto;}
.menuIcon {color:black; cursor:pointer;  display:none; width:auto; height:auto;}
.menuIcon::before {font-family:FontAwesome; font-size:24px; content:"\f0c9";}
ul.nav li {float:left; display:inline-block; width:auto; list-style:none; padding:0px 5px 0px 5px}
ul.nav li a {color:white; font-size:16px;}
ul.nav li.item-112 {background-color:#960A12}
ul.nav li.item-266 {float:right; background-color:#960A12; padding:0px 15px 0px 15px}
ul.nav li:hover a {background:transparent; color:orange}

/* események modul a címlapon */
.moduletableEsemenyek {background-color:#D3CDAD; color:black; padding:0px; margin:1px 0px 6px 0px;
  border-style:solid; border-color:black; border-width:1px 0px 1px 0px; line-height:120%}
.moduletableEsemenyek h3 {float:left; width: 395px; font-size:16px; font-weight:normal;  margin:0px; padding:10px 0px 0px 0px; text-align:center}
.moduletableEsemenyek div.esemenyek {float:left; width:770px; margin:0px; padding:1px;}
.esemenyek ul {padding:0px; margin:0px;}
.esemenyek li {display:inline-block; width:385px; max-height:60x; overflow:hidden; vertical-align:top;
  list-style:none;  border-style:none; border-width:1px; border-radius:0px; padding:0px 0px 0px 50px; margin:0px;}
.esemenyek .datum {float:left; font-size:14px;
     width:90px; padding:0px; margin:0px; color:black; text-align:center;
	 border-style:none; border-color:black; border-width:1px}
.esemenyek .egyebek {float:left; font-size:14px;
     width:auto; padding:0px; margin:0px; color:black; }
.esemenyek .megnevezes {font-size:16px; font-style:normal}


/* gombok */
#comments-form-send,
#comments-form .btn,
#comments-form .btn div {background-image:none; border-style:none}
#comments-form .btn a,
.btn {font-family:FontAwesome; background-color:transparent; color:black; padding:2px;
     border-style:solid; border-width:1px; border-radius:0px; border-color:black;}
#comments-form .btn a:hover,
.btn:hover {background-color:#286090; color:white}

.btn-group {display:none}
.icons .dropdown-menu {display:block; position:relative; min-width:0px; width:auto; background-color:transparent;
   border-style:none; box-shadow:none}
.icons .dropdown-toggle {display:none}
.icons .dropdown-menu a {display:inline-block; padding:1px;}
.icons .dropdown-menu a:hover {background-color:transparent; text-decoration:underline}
.print-icon::before {font-family:FontAwesome; content:"\f02f"}
.email-icon::before {font-family:FontAwesome; content:"\f003"}


/* Átvett felesleges tartalmak elrejtése */
.item-page .itp-sb-center,
.item-page .itp-social-buttons-box {display:none}
.element-invisible {display:none}

/* blog cikk bevezetők */
.blog .item {clear:both; background-color:transparent; padding:3px 3px 3px 0px;
   margin:0px 0px 0px 0px; text-align:left;
   border-style:solid; border-width:1px 0px 0px 0px; border-color:silver; min-width:300px;}
.blog .item:first-child {border-style:none}
.blog .item .blogItem {height:130px; padding:0px 5px 0px 5px; overflow:hidden}
.blog .page-header  {margin:0px; padding:0px;}
.blog .page-header h1 {display:none}
.page-header h2,
.page-header h2 a {color:#960A12; margin:10px 0px 10px 0px;}
.blog .introKep {width:250px; height:150px; background-color:transparent; max-height:150px; margin:5px 5px 5px 0px; float:left; overflow:hidden}
.blog .introKep img {width:250px}
.balmix-site {display:none}
.cikk-infok {margin:10px 0px 0px 2x; text-align:right}
.szerzo {font-weight:bold}
.cikkDatum {}
.cikkForras {}
.blog .item ul.tags {display:none}
.blog .item .szerzo {display:none}
.category-desc a {display:block; width:100%; text-align:right}

.tag-category li {list-style:none; clear:both;
   border-style:solid; border-color:silver; border-width:1px 0px 0px 0px}

/* cikk olvasása */
.item-page {font-size:1.4em; padding-right: 50px; text-align:left}
.span9 {text-align:left}


 /* tags */
 .tags {text-align:right}
 .tags::before {font-family:FontAwesome; content:"\f02c"}
 .tags a {background-color:transparent; color:#960A12; text-decoration:underline}
 .tags a.label:hover {background-color:#B90017; color:white}
 ul.tags li {list-style:none; display:inline-block; width:auto; padding:0px 5px 0px 5px}

 /* cikk értékelés */
.article-info-term {display:none}

/* modul tábla */
.well {border-style:none; padding:10px 0px 10px 10px}
.well h3 {border-style:solid; border-color:black; border-width:1px; padding:5px 5px 5px 10px; margin:0px; border-radius:0px;
  color:black; font-weight:normal; text-align:center}

/* Üzenetek */
.alert {border-style:solid; border-width:1px;}
.alert-message	{background-color:#D8D665; opacity:0.9; margin-top:10px;}
.alert-error	{background-color:red; color:white}




/* kereső doboz, keresés eredménye */
.search form {}
.search {text-align:right;}
.search label {color:black}
.search input {background-color:transparent; color:black; padding:2px 10px 2px 10px; width:200px;
                      border-style:solid; border-width:1px; border-color:black; border-radius:0px;}
.search .btn {background-color:transparent; padding:0px; margin:0px;
                     color:black; font-size:16px; border-style:none; vertical-align:top}
.search .btn::before {content: "\f002"}
.search .btn-group {display:block}
#searchForm {padding-top:10px;}
#searchForm .searchintro {display:none}
#searchForm .phrases {display:none}
#searchForm .only {display:none}
#searchForm .form-limit {display:none}
.search-results {text-align:left; padding:5px}
.result-title {margin-top:20px; font-size: 20px;}


/* mainap */
.moduletableMainap {float:right; margin-left:40px; width:auto;}
.mainap {margin:0px; padding:0px; font-size:16px;}

/* kiemelt cikkek */
div.kiemeltCikkek {background-color:#D3CDAD; color:white; padding: 0px; margin:0px; text-align:center}
div.kiemeltCikkek > div.kiemeltitem {display:inline-block; width:387px; max-width:387px; height:180px; max-height:180px; background-color:#B90017; border-style:none;  vertical-align:top; margin-top:2px; padding:1%;
overflow:hidden}
div.kiemeltCikkek .intro {text-align:left}
div.kiemeltCikkek > div.kiemelt_0 {background-color:black; background-image:url(../images/kiemelt-transform-387.jpg); background-repeat:no-repeat; padding-top:20px; margin-right:2px;}

/* div.kiemeltCikkek > div.kiemeltitem:first-child {display:inline-block; width:387px;
     border-style:solid; border-color:#EFEFEF; border-width:0px 0px 0px 0px;
     vertical-align:top; padding:1%} */

div.kiemeltCikkek > div.kiemelt_1 {margin-right:2px}
div.kiemeltCikkek > div.kiemelt_2 {margin-right:0px}

div.kiemeltCikkek h3,
div.kiemeltCikkek a {color:white; font-size:16px; font-weight:bold; font-family: Calibri regular; text-transform: uppercase; margin:0px;}

div.kiemeltitem .introKep {float:right; width:85px; height:51px; max-width:85px; max-height:51px; overflow:hidden; margin:3px;}
div.kiemeltitem .introKep img {width:85px;}
div.kiemeltitem .intro {clear:both}
div.kiemeltCikkek > div.kiemelt_0 h2 {padding:3px; font-size:14px; border-style:solid; border-width:0px 0px 2px 0px}
div.kiemeltCikkek > div.kiemelt_0 a {font-size:14px;}

.pagination {width:100%}
.balmix_lapozosor li {display:inline-block; list-style:none; padding:5px;}
.balmix_lapozosor .icon-first::before {font-family: FontAwesome; content:"\f049"}
.balmix_lapozosor .icon-previous::before {font-family: FontAwesome; content:"\f048"}
.balmix_lapozosor .icon-last::after {font-family: FontAwesome; content:"\f050"}
.balmix_lapozosor .icon-next::after {font-family: FontAwesome; content:"\f051"}


/* almenu */
ul.almenu {margin:0px; padding:0px;}
ul.almenu li.almenuElem {list-style:none; padding:5px; border-style:solid; border-width:0px 0px 1px 0px}
ul.almenu li.almenuElem a {color:black; text-decoration:none}
ul.almenu li.almenuElem:hover {background-color:#D0C0C0 }
ul.almenu li.almenuElem:hover a {color:black}

/* legfrissebb cikkek */
ul.latestnews {margin:0px; padding:0px;}
ul.latestnews li {list-style:none; padding:5px;}

/* események menüpont */
.ic-box-date {padding:0px; border-radius:0px; width:80px;}
.ic-date {background-color:#960A12; padding:5px;}

/* hírlevél feliratkozás */
.acyfield_name {padding-top:10px;}
.acymailing_form {width:100%; text-align:center;}


.cookieengedely {height:auto; width:190px; text-align:left;
   background-color:white; margin:0px 0px 0px 10px; padding:5px;
   border-style:solid; border-width:1px;}

.vvisit_counter {border-width:1px; font-size:12px}

.Hirek h3 {background-color:#d41316; color:white; font-size:18pt; font-weight:bold;}
ul.weblinks {padding:1px 2px 1px 2px}
.weblinks li {list-style:none; text-align:left;
border-style:solid; border-width:0px 0px 1px 0px; border-color:silver}


/* resposive */


/* széles monitor */
@media (min-width:1200px) {
    .menuIcon {display:none}
    .menu {display:block}
	div.span9 {width:705x; margin:0px 5px 5px 0px; padding:0px; vertical-align:top}
	div.span3 {width:200px; margin:0px; padding:5px; vertical-align:top}
}

/* normál monitor */
@media (min-width:991px) and (max-width: 1199px) {
    .menuIcon {display:none}
    .menu {display:block}
    #resizer {display:none}
	div.span9 {width:986px; margin:0px; padding:2px; vertical-align:top}
	#container div.span3 {width:986px; margin:0px; padding:5px; vertical-align:top;}
    #container div.span3 .well {display:inline-block; width: 300px; vertical-align:top}
	ul.nav.menu {display:inline-block}
	.search .phrases {display:none}
	.search .only {display:none}
	.search dt a {color:black;}
	.search dt {text-align:left; margin-top:20px; font-size:16px;  font-weight:bold;}
	.search dd {text-align:left;}
	table#gyorlinkek td {height:140px; width:160px}
	table#gyorlinkek img {height:80px; width:80px; margin:10px 0px 10px 0px; display:none}
	table#gyorlinkek var {display:none}
	table#gyorlinkek label {font-size:12px;}
	table#gyorlinkek td:hover var {display:block; margin:-130px 0px 0px -40px; padding:5px;
    	width:160px; height:130px; z-index:99; opacity:0.9;
		background-color:#D0C0C0;}
    div.kiemeltCikkek > div.kiemelt_0 {width:385px; margin: 2px 1px 0px 0px}
    div.kiemeltCikkek > div.kiemelt_1 {width:385px; margin: 2px 0px 0px 1px}
    div.kiemeltCikkek > div.kiemelt_2 {width:772px; max-width: 772px; margin: 2px 0px 0px 0px}
}

/* tablet */
@media (min-width:768px) and (max-width: 990px) {
    .menuIcon {display:inline-block}
    .menu {display:none}
	div.span9 {width:762px; margin:0px; padding:2px; vertical-align:top}
	#container div.span3 {width:762px; margin:0px; padding:5px; vertical-align:top;}
    #container div.span3 .well {display:inline-block; width: 250px; vertical-align:top}
    #resizer {display:none}
    div#diszitoSor {background-color:transparent}
    div.kiemeltCikkek > div.kiemelt_0 {width:380px; margin: 2px 1px 0px 0px}
    div.kiemeltCikkek > div.kiemelt_1 {width:380px; margin: 2px 0px 0px 1px}
    div.kiemeltCikkek > div.kiemelt_2 {width:762px; max-width: 762px; margin: 2px 0px 0px 0px}
    .blog .introKep {width:200px; height:120px; background-color:transparent; max-height:120px;
        margin:2px 2px 2px 0px; float:left; overflow:hidden}
    .blog .introKep img {width:200px}
}

/* telefon */
@media (max-width: 767px) {
    .menuIcon {display:inline-block}
    .menu {display:none}
	div.span9 {width:96%; margin:0px; padding:2%; vertical-align:top}
	#container div.span3 {width:96%; margin:0px; padding:5px; vertical-align:top;}
    #container div.span3 .well {display:block; width: 200px; vertical-align:top}
    #resizer {display:none}
    div#diszitoSor {background-color:transparent}
    div.kiemeltCikkek > div.kiemeltitem {width:387px; margin:1px;}
    div.kiemeltCikkek > div.kiemelt_2 {width:387px;  margin:1px;}
    .blog .introKep {width:180px; height:100px; background-color:transparent; max-height:120px;
        margin:2px 2px 2px 0px; float:left; overflow:hidden}
    .blog .introKep img {width:180px}
}