body,div,ul,ol,li,h1,h2,h3,h4,form,fieldset,input,textarea,p,td{
    margin:0;
    padding:0
}
ul,ol{
    list-style:none
}
a img{
    border:0
}
h1,h2,h3,h4{
    font-size:1em
}
 button,label{
}
em,i{
    font-style:italic
}
strong,b{
    font-weight:bold
}
.right{
    text-align:right
}
.clr{
    clear:both
}
 .cf:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
 .cf{
    display:inline-block
}
 html[xmlns] .cf{
    display:block
}
 *, *:after, *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .udv {
     text-align:left;
}
 .kozep {
     text-align:center;
}
 .kozep * {
     margin-left:auto;
     margin-right:auto;
}
 body {
     color:#1D3B55;
     font-size:62.5%;
     font-family:'Open Sans', sans-serif;
}
 a {
     font-family: 'Open Sans', sans-serif;
    color:#3498db;
     text-decoration:none 
}
 a:hover {
     color:#3d464c 
}
 input, textarea {
}
 textarea {
     border-style: solid;
     border-width: 1px;
     border-color: rgb(245, 246, 247);
     border-radius: 3px;
     background-color: rgb(245, 246, 247);
}
 select {
     padding:3px 2px;
     border:1px solid #c3c3c3;
     border-color:#777 #c3c3c3 #ddd;
}
 input:focus, textarea:focus, select:focus {
     border-color:#3478c1 #4085d0 #4085d0;
}
 .wrap {
     width:100%;
     margin:0 auto;
     background:#dde2e6;
     position:relative;
     overflow: hidden;
}
/* fejlec ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .fejlec {
     height:100px;
     background: #F5F6F7;
     margin: auto;
     width:728px;
}
 .idokep_logo a {
     display:block;
     width:100%;
     height:100px;
     text-indent:-100em;
     overflow:hidden;
     background:url(/images/idokep_logo2.png) no-repeat top center;
     background-image:url(/images/idokep_logo.svg), none;
}
 .hird-label{
     font-size: 10px;
     color:#a1acb3;
     text-align:center;
}
 .fejlec .hird-label{
     float:left;
     height: 100px;
     width: 15px;
     background:url(/images/hird-label.png) no-repeat top left;
     margin-left:5px;
     display: none;
}
 .hird-wrap{
     width: 980px;
     height: 90px;
     display: inline-block;
     font-size: 0;
     margin: 15px 10px 15px 10px;
}
 .hird-wrap .hird-label{
     height: 90px;
     width: 10px;
     background:url(/images/hird-label.png) no-repeat top left;
     background-position: center;
     display: inline-block;
}
 .hird_728 {
     float:right;
     max-width:728px;
     height:95px;
     padding:5px 0 0 0px;
     overflow: hidden;
     position:relative;
     z-index:100;
}
/* menu */
 .nav-arr.left{
     height: 50px;
     width: 30px;
     position: absolute;
     left: 0;
     z-index: 200;
     display:none;
}
 .nav-arr.right{
     height: 50px;
     width: 30px;
     position: absolute;
     right: 0;
     z-index: 200;
}
 .menu-wrap{
     width:100%;
     clear: both;
}
 .menu {
     z-index:100;
     width: 100%;
     position: relative;
     float: left;
}
 .menu-logo{
     display: none !important;
}
 .fomenu {
     line-height:32px;
     background-color:#3498db;
     z-index:999;
     -webkit-overflow-scrolling:touch;
     white-space:nowrap;
     height:50px;
     width:966px;
     position:relative;
}
 .fomenu::-webkit-scrollbar {
     display: none;
}
 .fomenu li {
     float: left;
}
 .fomenu li:last-child{
     width: 40px;
}
 .fomenu li.jobb {
     float:right;
}
 .fomenu a {
     color: #ffffff;
     display:block;
     height:50px;
     padding:0 11px;
     color:#fff;
     font-size: 14px;
     text-transform:uppercase;
     line-height:50px;
}
 .fomenu a:hover {
     color:#3498db;
     background-color:#ffffff;
}
 .fomenu a.bordo {
     color:#fff;
     background-color:#af3738;
     background-position:0 -200px;
}
 .fomenu a.aktiv {
     color:#3498db;
     background-color:#ffffff;
}
 .fomenu li ul{
     display: none;
}
 .fomenu > li:hover > a {
     background: #ffffff;
     color: #3498db;
}
/*.fomenu li:hover >ul{
     display:block;
     z-index: 150;
     background-color: #ffffff;
     position: absolute;
     box-shadow: 0px 4px 4.75px 0.25px rgba(119, 131, 140, 0.392);
}
*/
 .fomenu li ul li{
     float:none;
     border-bottom:1px solid #f5f6f7;
}
 .fomenu ul li:hover {
     background-color: #f5f6f7;
}
 .fomenu ul li:hover a {
     color: #3498db;
     background-color: #f5f6f7;
}
 .fomenu ul li a {
     display: block;
     padding-left: 10px;
     padding-right: 10px;
     line-height: 32px;
     height:32px;
     color: #3498db;
     font-size: 14px;
     text-decoration: none;
     text-transform:none;
}
 .almenu {
     background-color: #e4e9ed;
     clear:both;
     line-height:35px;
     margin-top: 10px;
     font-size: 0px;
     overflow-x: scroll;
     white-space: nowrap;
}
 .almenu a {
     display: inline-block;
     font-size:14px;
     padding-right:10px;
     padding-left:10px;
     border-top-style: solid;
     border-top-width: 2px;
     border-top-color: #e4e9ed;
     height: 43px;
}
 .almenu a.aktiv {
     background-color: #ffffff;
     border-top-style: solid;
     border-top-width: 2px;
     border-top-color: #3498db;
}
 .almenu a:hover {
     background-color: #ffffff;
     border-top-style: solid;
     border-top-width: 2px;
     border-top-color: #3498db;
}
 .komment-wrap{
     width: 545px;
     margin-right: auto;
     margin-left:auto;
}
 .komment-wrap #show-panel{
     margin-left:25px;
}
/* Főoldal előrejelzés ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .varos-valaszto-container{
     width: 100%;
     position: relative;
     background-color: #ffffff;
     padding: 10px;
     float: left;
}
 .varos-valaszto-gomb {
     float: left;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(52, 152, 219);
     border-radius: 5px;
     background-color: rgb(255, 255, 255);
     padding:2px 10px 2px 10px;
     cursor: pointer;
     text-align: center;
     color: #3498db;
     font-size: 18px;
     line-height: 29px;
     margin-bottom: 0px;
}
 .varos-valaszto-gomb-fix {
     width: 120px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(52, 152, 219);
     border-radius: 5px;
     background-color: rgb(255, 255, 255);
     padding:2px 2px 2px 2px;
     text-align: center;
     color: #3498db;
     line-height: 29px;
}
 .varos-valaszto-gomb-fix.hosszu {
     font-size: 11px;
}
 .varos-valaszto-gomb-fix.rovid {
     font-size: 16px;
}
 .rovid-elorejelzes{
     font-size: 18px;
     color: #667480;
     float: left;
     padding: 5px 10px 5px 30px;
}
 .reszletek_m{
     display: none;
}
 .fooldal-elorejelzes, .aloldal-elorejelzes{
     font-family: 'Open Sans', sans-serif;
     padding: 15px;
     display: inline-block;
     position: relative;
}
 .harminchat{
     background-color: #e1e7eb;
}
 .harminchat .oszlop{
     display:inline-block;
     text-align: center;
     width: 82px;
     height: 120px;
     vertical-align: top;
}
 .fooldal-elorejelzes .harminchat .jelenlegi{
     width: 111px !important;
}
 .fooldal-elorejelzes .tizenket .jelenlegi .mitvegyekfel{
     position: relative;
}
 .fooldal-elorejelzes .tizenket .jelenlegi .mitvegyekfel a{
     display: block;
     height: 160px;
}
 .fooldal-elorejelzes .tizenket .jelenlegi .mitvegyekfel img{
     height: 160px;
}
 .jelenlegi .mitvegyekfel{
     margin-top: 10px;
     border-top-style: solid;
     border-top-color: #e1e7eb;
     border-top-width: 1px;
}
 .fooldal-elorejelzes .mit-vegyek-fel{
     color: #a1acb3;
     font-size: 10px;
}
 .fooldal-elorejelzes .oltozet{
     color: #525e66;
     font-size: 10px;
}
 .harminchat .separator{
     border-right-style: solid;
     border-right-color: #ffffff;
     border-right-width: 2px;
}
 .harminchat .icon{
     margin-top: 5px;
     margin-bottom: 5px;
}
 .fooldal-elorejelzes .harminchat .jelenlegi div{
     color:#ffffff;
}
 .napszak{
     color: #667480;
     font-size: 11px;
     margin-top: 5px;
     letter-spacing: -0.35px;
}
 .harminchat .homerseklet{
     color: #667480;
     font-size: 16px;
     margin-bottom: 5px;
}
 .fooldal-elorejelzes .reszletek-separator{
     height: 22px;
     border-top-style: solid;
     border-top-color: #e1e7eb;
     border-top-width: 2px;
     margin-bottom: 10px;
     margin-top: 2px;
}
 .fooldal-elorejelzes .reszletek a{
     display: block;
     background-color: #e1e7eb;
     width: 120px;
     height: 22px;
     margin-left: auto;
     margin-right: auto;
     color:#3498db;
     text-decoration: none;
     font-size: 12px;
     text-align: center;
     border: 1px solid #e1e7eb;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
 .fooldal-elorejelzes .reszletek:hover a{
     color:#ffffff;
     background-color: #3498db;
     border: 1px solid #3498db;
}
 .fooldal-elorejelzes .tizenket{
     position: relative;
     border-left-style: solid;
     border-left-color: #e1e7eb;
     border-left-width: 1px;
     border-top-style: solid;
     border-top-color: #e1e7eb;
     border-top-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #e1e7eb;
     border-bottom-width: 1px;
}
 .fooldal-elorejelzes .tizenket .oszlop{
     position: relative;
     vertical-align: top;
     display:inline-block;
     zoom: 1;
     text-align: center;
     width: 41px;
     height: 335px;
     border-right-style: solid;
     border-right-color: #e1e7eb;
     border-right-width: 1px;
}
 .tizenket .jelenlegi{
     width: 111px !important;
}
 .tizenket .jelenlegi .homerseklet{
}
 .ora{
     text-align: center;
     color:#a1acb3;
     font-size: 12px;
     zoom: 1;
     text-align: center;
     width: 41px;
}
 .tizenket .separator{
}
 .nap-box{
     border-bottom-style: solid;
     border-bottom-color: #e1e7eb;
     border-bottom-width: 1px;
}
 .tizenket .nap-box .datum{
     color: #1D3B55;
     font-size: 15px;
     padding-top: 3px;
     font-weight: 900;
}
 .tizenket .nap-box .nap{
     color:#788C97;
     font-size: 11px;
     padding-bottom: 2px;
     text-transform: uppercase;
}
 .hetvege{
     background-color: #Fceeed;
}
 .hetvege .datum, .hetvege .nap{
     color:#fa4c3c !important;
}
 .tizenket .icon img{
     margin-top: 5px;
     margin-bottom: 5px;
     width: 40px;
}
 .tizenket .jelenlegi .homerseklet .min{
     font-size: 16px;
     color:#3498db;
}
 .tizenket .jelenlegi .homerseklet .max{
     font-size: 16px;
     color:#fa4c3c;
}
 .tizenket .jelenlegi .homerseklet .separator{
     font-size: 16px;
     color:#667480;
}
 .tizenket .ma{
     color: #667480;
     font-size: 14px;
     margin-top: 3px;
}
 .tizenket .max-homerseklet-default, .tizenket .min-homerseklet-default{
     font-size: 15px;
     color:#ffffff;
     position: absolute;
     margin-left: 5px;
     margin-right: 5px;
     font-weight: 900;
     background-repeat:no-repeat;
     width:30px;
}
 .tizenket .max-homerseklet-default{
     padding-top: 4px;
     background-image: url("/images/elorejelzes/idokep_ikon_max_poi.svg");
     height: 36px;
     font-weight: 900;
}
 .tizenket .min-homerseklet-default{
     padding-top: 9px;
     background-image: url("/images/elorejelzes/idokep_ikon_min_poi.svg");
     height: 36px;
}
 .tizenket .percent{
     font-size: 10px;
     color:#3498db;
}
 .tizenket .csapadek-container{
     height:70px;
     width: 40px;
     position: absolute;
     bottom: 0px;
}
 .tizenket .csapadek-container .csapadek{
     position: absolute;
     bottom: 0px;
     width: 40px;
     color: #3498db;
     font-size: 10px;
     border-bottom-style: solid;
     border-bottom-color: #e1e7eb;
     border-bottom-width: 1px;
}
 .tizenket .csapadek{
     position: absolute;
     bottom: 40px;
     width: 40px;
     color: #3498db;
     font-size: 10px;
}
 .tizenket .csapadek .eso{
     background-color: #3498db;
}
 .tizenket .csapadek .pepita-eso{
     background-image: url("/images/elorejelzes/21napos_ 10mm_eso.png");
}
 .tizenket .homerseklet-oszlop{
     color:#667480;
     font-size: 14px;
     background-color: #e1e7eb;
     position: absolute;
     bottom: 75px;
}
 .tizenket .homerseklet-oszlop .hoerzet{
     height: 35px;
     width:40px;
     text-align: center;
     line-height: 30px;
     background-color: #ffffff;
     background-repeat: no-repeat;
}
 .tizenket .homerseklet-oszlop .hoerzet.hideg {
     background-image: url("/images/elorejelzes/hoerzet-hideg-min.png");
     background-position: 13px 15px;
}
 .tizenket .homerseklet-oszlop .hoerzet.meleg {
     background-image: url("/images/elorejelzes/hoerzet-meleg-min.png");
     background-position: 13px 15px;
}
 .fooldal-elorejelzes .tizenket .mitvegyekfel{
     position: absolute;
     bottom: 0px;
     padding: 2px;
     width: 40px;
     height:40px;
     text-align: center;
     border-top-style: solid;
     border-top-color: #e1e7eb;
     border-top-width: 1px;
}
 .fooldal-elorejelzes .tizenket .oszlop.jelenlegi .mitvegyekfel{
     width: auto;
     height:auto;
}
 .tizenket .mitvegyekfel img{
     width: 100%;
}
 .harmincnapos-gomb-bg{
     background-color: #ffffff;
     position: absolute;
     bottom: 0px;
     padding: 5px 6px 5px 6px;
     right: 8px;
}
 .max:hover .buborek-kozep.balra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     left: 40px;
     bottom: -30px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .max:hover .buborek-kozep.jobbra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     right: 40px;
     bottom: -30px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .harmincnapos-gomb {
     border-style: solid;
     border-width: 1px;
     border-color: rgb(52, 152, 219);
     border-radius: 5px;
     background-color: rgb(255, 255, 255);
     width: 150px;
     height: 29px;
     text-align: center;
}
 .harmincnapos-gomb a{
     text-decoration: none;
     color: #3498db;
     font-size: 13px;
     line-height: 29px;
}
 .huszonegy .harmincnapos-gomb-bg{
     right: 20px;
}
 .buborek-fent, .buborek-lent, .buborek-kozep{
     display: none;
}
/* Tizenkét napos tooltip balra nyíl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .tizenket .icon:hover .buborek-fent.balra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     left: 40px;
     top: 0px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .tizenket .buborek-fent.balra-nyil:after, .tizenket .buborek-fent.balra-nyil:before {
     right: 100%;
     top: 60px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .tizenket .buborek-fent.balra-nyil:after {
     border-color: rgba(136, 183, 213, 0);
     border-right-color: rgb(245, 246, 247);
     border-width: 10px;
     margin-top: -10px;
}
 .tizenket .buborek-fent.balra-nyil:before {
     border-color: rgba(194, 225, 245, 0);
     border-right-color: rgb(144, 157, 166);
     border-width: 11px;
     margin-top: -11px;
}
/* Tizenkét napos tooltip jobbra nyíl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .tizenket .icon:hover .buborek-fent.jobbra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     right: 40px;
     top: 0px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .tizenket .buborek-fent.jobbra-nyil:after, .buborek-fent.jobbra-nyil:before {
     left: 100%;
     top: 60px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .tizenket .buborek-fent.jobbra-nyil:after {
     border-color: rgba(136, 183, 213, 0);
     border-left-color: rgb(245, 246, 247);
     border-width: 10px;
     margin-top: -10px;
}
 .tizenket .buborek-fent.jobbra-nyil:before {
     border-color: rgba(194, 225, 245, 0);
     border-left-color: rgb(144, 157, 166);
     border-width: 11px;
     margin-top: -11px;
}
 .buborek-fent .buborek-fejlec{
     height: 37px;
     background-color: #909da6;
     color:#ffffff;
     text-align: center;
     font-size: 11px;
}
 .buborek-fent .buborek-icon, .buborek-fent .buborek-text, .buborek-lent .buborek-icon, .buborek-lent .buborek-text, .buborek-kozep .buborek-text{
     display: inline-block;
     color:#334351;
     vertical-align: middle;
     text-align: left;
}
 .buborek-fent .buborek-icon img, .buborek-lent .buborek-icon img{
     width: 35px;
     margin-right: 5px;
}
 .csapadek:hover .buborek-lent.balra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     left: 45px;
     bottom: 0px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .buborek-lent.balra-nyil:after, .buborek-lent.balra-nyil:before {
     right: 100% !important;
     top: 85%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .buborek-lent.balra-nyil:after {
     border-color: rgba(136, 183, 213, 0);
     border-right-color: rgb(245, 246, 247);
     border-width: 10px;
     margin-top: -10px;
}
 .buborek-lent.balra-nyil:before {
     border-color: rgba(194, 225, 245, 0);
     border-right-color: rgb(144, 157, 166);
     border-width: 11px;
     margin-top: -11px;
}
/* Csapadék tooltip jobbra nyíl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .csapadek:hover .buborek-lent.jobbra-nyil{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     background-color: rgb(245, 246, 247);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(144, 157, 166, 0.235);
     position: absolute;
     border-radius: 5px;
     width: 164px;
     right: 45px;
     bottom: 0px;
     display: block;
     font-size: 10px;
     z-index: 99;
}
 .buborek-lent.jobbra-nyil:after, .buborek-lent.jobbra-nyil:before {
     left: 100%;
     top: 85%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .buborek-lent.jobbra-nyil:after {
     border-color: rgba(136, 183, 213, 0);
     border-left-color: rgb(245, 246, 247);
     border-width: 10px;
     margin-top: -10px;
}
 .buborek-lent.jobbra-nyil:before {
     border-color: rgba(194, 225, 245, 0);
     border-left-color: rgb(144, 157, 166);
     border-width: 11px;
     margin-top: -11px;
}
 .buborek-sor{
     padding-right: 9px;
     padding-left: 9px;
     line-height: 15px;
     margin-top: 8px;
}
 .buborek-text{
    width: 100px;
}
 .felhos-text{
    font-size: 13px;
}
 .csapadek-text{
    font-size: 13px;
}
 .zivatar-text{
    font-size: 11px;
}
 .atlag-info{
    font-size: 11px;
    color:#909da6;
}
/* Csapadék tooltip ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Távolabbi kilátások ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .kilatasok-hatter{
     margin-left: auto;
     margin-right:auto;
     width: 950px;
     height: 395px;
     padding: 25px;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .kilatasok-szoveg{
     width: 620px;
     height: 345px;
     opacity: 0.9;
     padding: 25px;
     background-color: #d7d7d7;
}
 .kilatasok-szoveg h3{
     font-family: 'Open Sans Condensed', sans-serif;
     font-size: 22px;
     color: #3498db;
}
 .kilatasok-szoveg p{
     margin-top: 25px;
     color:#435059;
     font-size: 14px;
}
/* Előrejelzés aloldal ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .terkepes-elore-wrap{
     background-color: #ffffff;
     text-align: center;
     padding-bottom: 15px;
}
 .tovabb{
     font-size: 14px;
     margin-top: 15px;
}
 .dobozfej.terkepes-elorejelzes{
     font-family: 'Open Sans Condensed', sans-serif;
     color: #3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     width: 243px;
     border-bottom: 2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
     margin-bottom: 15px;
}
 .szoveges-elorejelzes .dobozfej{
     font-family: 'Open Sans Condensed', sans-serif;
     color:#3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     width: 290px;
     border-bottom:2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
}
 .szoveges-elorejelzes {
     font-size: 14px;
}
 .szoveges-elorejelzes .bal, .szoveges-elorejelzes .jobb{
     display: inline-block;
     width: 330px;
     vertical-align: top;
     padding:15px;
}
 .kiadta{
     font-size: 10px;
     font-family: 'Open Sans', sans-serif;
     padding-top: 5px;
     color:#a1acb3;
     text-align:right;
}
/* kontent ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .fohasab {
     width:640px;
     margin-top:10px;
     margin-left:auto;
     margin-right:auto;
}
 .fohasab.elorejel {
     width: 665px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
}
 .oldalsav {
     display:none;
}
 .oldalsav.elorejel {
     float:right;
     width: 300px;
    /* 354 = 12 +12 + w */
     overflow:hidden;
     margin-right: 10px;
     margin-top:10px;
}
/* keskeny baloldali oldalsav */
 .kiajanlo{
     width: 635px;
     font-size: 18px;
     text-transform: uppercase;
     position: relative;
     height: 300px;
}
 .kiajanlo .cikk-title{
     bottom: 0px;
     left: 0px;
     position: absolute;
     padding: 0px 45px 30px 45px;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
 .kiajanlo h3 {
     font-size: 36px !important;
     color:#ffffff;
     text-transform: none;
     line-height: 1em;
     margin-bottom: 10px;
}
 .kiajanlo p{
     font-size: 18px;
     color:#ffffff;
     text-transform: none;
}
 .gomb{
     margin-top: 0px;
}
 .bekuld-koszono {
     border-style: solid;
     border-width: 2px;
     border-color: rgb(52, 152, 219);
     border-radius: 4px;
     background-image: -moz-linear-gradient( 90deg, rgb(240,243,245) 0%, rgb(255,255,255) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgb(240,243,245) 0%, rgb(255,255,255) 100%);
     background-image: -ms-linear-gradient( 90deg, rgb(240,243,245) 0%, rgb(255,255,255) 100%);
     box-shadow: 2.5px 4.33px 4.85px 0.15px rgba(102, 116, 128, 0.294);
     position: absolute;
     left: 275px;
     top: 170px;
     width: 450px;
     height: 240px;
     z-index: 99999;
     color:#435059;
     text-align:center;
}
 .logo-container{
     margin-top: 10px;
}
 .bekuld-koszono p{
     font-size: 14px;
     margin-top: 21px;
}
 .bekuld-koszono a{
     font-size: 12px;
     text-decoration:underline;
     letter-spacing:-1px;
     margin:0px 5px 0px 5px;
}
 .elo-kozvetites{
     background-color: #fa4c3c;
     color:#ffffff;
     padding:3px;
     width:150px;
     text-align:center;
     margin-bottom:10px;
}
 .cikk-title{
     bottom:45px;
     left: 45px;
     position: absolute;
}
 .cikk-kep-effect{
     background-image: -ms-linear-gradient( 90deg, rgba(61,70,76,0.85098) 0%, rgba(75,86,93,0.43) 66%, rgba(82,94,102,0) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgba(61,70,76,0.85098) 0%, rgba(75,86,93,0.43) 66%, rgba(82,94,102,0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
     height: 50%;
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
     bottom: 0;
     position: absolute;
     width: 100%;
}
 .cikk-info{
     margin-top: 30px;
     margin-bottom: 24px;
     margin-left: 45px;
     margin-right: 45px;
     font-size: 14px;
     color:#909da6;
}
 .cikk-info a{
     text-decoration: none;
     color:#909da6;
}
 .lead {
     font-weight:bold;
     margin-bottom:24px;
     margin-left: 45px;
     margin-right: 45px;
     color:#3d464c;
     font-size:18px;
     line-height: 26px;
}
 .atvett_tartalom {
     margin-left: 45px;
     margin-right: 45px;
}
 .atvett_tartalom{
     color:#3d464c;
     line-height: 24px;
}
 .atvett_tartalom img {
     margin-bottom:5px;
}
 .dobozfej {
     width: 330px;
     height: 40px;
     color:#fff;
     text-transform:uppercase;
     background-color: #3498db;
     font-size: 14px;
     text-align: center;
     line-height: 40px;
}
/*~~~~~~~~~~~~~~Partnerhírek~~~~~~~~~~~~~~~~*/
 .partner-dobozfej{
     width: 330px;
     height: 40px;
     color: #fff;
     text-transform: uppercase;
     font-size: 14px;
     text-align: center;
     line-height: 40px;
     background-color: #a1acb3;
}
 .partner-hirek {
     padding:0px 0px 0px 0px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 2px 1.96px 0.04px rgba(161, 172, 179, 0.098);
}
 .partner-hirek a {
     display:block;
     color:#333;
     min-height:80px;
}
 .partner-hirek li {
     padding:15px;
     border-bottom:1px solid #f5f6f7;
}
 .partner-hirek li .cim {
     color:#525d66;
     font-size:14px;
}
 .partner-hirek li p{
     font-size: 12px;
     color: #a1acb3;
     line-height: 15px;
}
 .partner-hirek li .bal{
     display: inline-block;
     width: 80px;
     vertical-align: top;
}
 .partner-hirek li .jobb{
     display: inline-block;
     width: 200px;
     vertical-align: top;
     margin-left: 15px;
}
 .partner-hirek .kep{
     height: 80px;
     width: 80px;
     position: relative;
     overflow: hidden;
}
 .partner-hirek img{
     position: absolute;
     margin:auto;
}
/* legfrissebb */
 .legfrissebb {
     padding:0px 0px 0px 0px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 2px 1.96px 0.04px rgba(161, 172, 179, 0.098);
}
 .legfrissebb a {
     display:block;
     color:#333;
     min-height:80px;
}
 .legfrissebb li {
     padding:15px;
     border-bottom:1px solid #f5f6f7;
}
 .legfrissebb li .cim {
     color:#3498db;
     font-size:18px;
}
 .legfrissebb li p{
     font-size: 13px;
     color: rgb(61, 70, 76);
     line-height: 1.385;
}
 .legfrissebb li .bal{
     display: inline-block;
     width: 80px;
     vertical-align: top;
}
 .legfrissebb li .jobb{
     display: inline-block;
     width: 200px;
     vertical-align: top;
     margin-left: 15px;
}
 .legfrissebb .kep{
     height: 80px;
     width: 80px;
     position: relative;
     overflow: hidden;
}
 .legfrissebb img{
     position: absolute;
     margin:auto;
}
/* realtime */
 .realtime {
     padding:0px 0px 0px 0px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 2px 1.96px 0.04px rgba(161, 172, 179, 0.098);
}
 .realtime a {
     display:block;
     color:#333;
     min-height:80px;
}
 .realtime li {
     padding:15px;
     border-bottom:1px solid #f5f6f7;
}
 .realtime li .felcim {
     color:#fa4c3c;
     font-size: 11px;
     font-weight:normal;
     text-transform:uppercase;
}
 .realtime li .cim {
     color:#3498db;
     font-size:18px;
}
 .realtime li p{
     font-size: 13px;
     color: rgb(61, 70, 76);
     line-height: 1.385;
}
 .realtime li .bal{
     display: inline-block;
     width: 60px;
     vertical-align: top;
}
 .realtime li .jobb{
     display: inline-block;
     width: 220px;
     vertical-align: top;
     margin-left: 15px;
}
 .realtime .kep{
     height: 60px;
     width: 60px;
     position: relative;
     overflow: hidden;
}
 .realtime img{
     position: absolute;
     margin:auto;
}
/* Városválasztó panel */
 .varos-valaszto-panel{
    /* margin-left:-330px;
     */
     width: 100%;
     padding: 45px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(228, 232, 235);
     border-radius: 9px;
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(228, 232, 235, 0.392);
     text-align: center;
}
 .varos-valaszto-panel .buborek-szoveg{
     font-size: 12px;
     line-height: 40px;
}
 .varos-wrap{
     width:100%;
     text-align: center;
     margin-top:15px;
}
 .varos-wrap ul li a{
     color:#3498db;
     font-size: 14px;
     text-decoration: none;
}
 .varos-wrap ul li {
     margin: 0;
     padding: 3px 1em 3px .4em;
     cursor: pointer;
     min-height: 0;
     width: 125px;
     word-wrap:break-word;
}
 .varos-wrap ul li:hover {
     background-color: #f5f6f7;
}
 .talalat, .megyeszekhely{
     margin-right: 15px;
}
 .talalat, .elozmeny, .megyeszekhely{
     display: inline-block;
     vertical-align: top;
}
 .talalat, .elozmeny{
     width: 125px;
     height: 275px;
     text-align: left;
     overflow:hidden;
}
 .talalat .varos-fejlec{
     display: none;
}
 .varos-fejlec{
     font-size: 12px;
     color: #909da6;
     text-transform: uppercase;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-bottom-color: #909da6;
     padding-bottom: 10px;
     margin-bottom: 10px;
}
 .hol-vagyok{
     text-align: center;
     width: 125px;
     margin-top: 25px;
     background-color: #f5f6f7;
     font-size: 14px;
     padding: 10px;
}
 .hol-vagyok p{
     margin-top:10px;
}
 .ui-autocomplete-input, .varos-kereses{
     display: inline-block;
     vertical-align: top;
}
 .ui-autocomplete-input {
     border-style: solid;
     border-width: 1px;
     border-color: rgb(52, 152, 219);
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     background-color: rgb(245, 246, 247);
     width: 315px;
     height: 34px;
}
 .varos-kereses {
     background-color: rgb(52, 152, 219);
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
     margin-left: -5px;
     padding-top: 5px;
     text-align: left;
     width: 104px;
     height: 34px;
     color:#ffffff;
     font-size: 13px;
}
 .varos-kereses img, .varos-kereses span{
     vertical-align: middle;
     margin-left: 10px;
}
 .megyeszekhely{
     width: 275px;
     text-align: left;
}
 .megyeszekhely ul{
     overflow:hidden;
}
 .megyeszekhely li{
     float:left;
     display:inline;
     width:50%;
}
/* Regisztráció/Login */
 .welcome {
     color: #667480;
     font-size: 12px;
     display: block;
     text-align: center;
     padding-top: 15px;
}
 .reg-panel, .login-panel{
     margin-left: 0;
     width: 100%;
     padding: 45px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(228, 232, 235);
     border-radius: 9px;
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(228, 232, 235, 0.392);
     text-align: center;
}
 .reg-panel h3, .login-panel h3{
     color:#3d464c;
     font-size: 19px;
}
 .reg-panel p, .login-panel p{
     display: inline-block;
}
 .reg-panel form, .login-panel form{
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     width: 250px;
}
 .reg-panel input, .reg-panel select, .login-panel input{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(61, 70, 76);
     border-radius: 5px;
     background-color: rgb(245, 246, 247);
     width: 225px;
     height: 35px;
     display: inline-block;
     padding-left: 10px;
}
 .reg-panel .lbl, .login-panel .lbl{
     display: block;
     color:#909da6;
     font-size: 14px;
     margin-top:20px;
     margin-bottom: 10px;
     cursor: default;
}
 .reg-panel .bekuld, .login-panel .bekuld {
     text-align: center;
     width: 225px;
}
 .login-panel .bekuld {
     margin-top: 30px;
}
 .login-panel .bekuld a{
     color:#3498db;
     font-size: 14px;
}
 .login-panel .bekuld div{
     margin-top: 15px;
}
 .szabaly-wrap{
}
 .lbl{
     cursor: default;
}
 .szabaly-wrap input, .szabaly-wrap .lbl {
     display: inline-block;
}
 .szabaly-wrap .lbl {
     width: 190px;
     margin-left: 15px;
     margin-bottom: 25px;
}
 .szabaly-wrap label a{
     cursor: pointer;
}
 .szabaly-wrap input {
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     border-radius: 3px;
     background-color: rgb(245, 246, 247);
     width: 17px;
     height: 17px;
}
 .msg {
     z-index: 1002;
     display: none;
     position: absolute;
     width: 250px;
     color:#3d464c;
     text-align:left;
     font-size:12px;
     padding-left: 15px;
    /* margin-top: 45px;
     */
}
 .show-pass{
     cursor: pointer;
     color:#3498db;
}
 .login-reg{
     border-bottom:1px solid #e1e7eb;
     padding-top: 12px;
     padding-bottom: 13px;
     text-align: center;
     color: #f5f6f7;
}
 .login-reg div{
     display: inline-block;
     font-size: 12px;
     color:#3498db;
     padding-left: 15px;
     padding-right: 15px;
     cursor: pointer;
}
 .upload-fent{
     text-align: center;
     height: 90px;
     padding: 15px 0px 15px;
}
 .upload-lent{
     text-align: center;
     padding: 15px 0px 15px;
}
 .upload-fent .eszleles, .upload-lent .eszleles{
     display: inline-block;
     width: 160px;
     vertical-align: top;
     color:#909da6;
     background-image: none;
     position: relative;
     top: 0;
     left: 0;
     cursor: default;
     height:auto;
}
 .upload-fent .eszleles h2, .upload-lent .eszleles h2{
     color:#788C97;
     font-size: 12px;
     font-weight: normal;
}
 .upload-fent .eszleles div{
     display: inline-block;
}
 .tavaink p{
     color:#3d464c;
     font-size: 14px;
}
 .riasztas_link {
     display:block;
     height:62px;
     padding:4px 0 0 4px;
}
 .riasztas_link img{
     height: 60px;
     margin-top: 5px;
     opacity: 0.85;
}
 .gomb {
     border-radius: 2px;
     background-color: rgb(52, 152, 219);
     box-shadow: 0px 2px 0px 0px rgba(20, 102, 158, 1);
     height: 30px;
     color: #ffffff;
     font-size: 13px;
     margin-left: auto;
     margin-right: auto;
     line-height: 30px;
     cursor: pointer;
     margin-top: 10px;
     width: 130px;
}
 #kommentek p{
     font-size: 14px;
     text-align:left;
     margin-bottom: 10px 
}
 .gomb.comment{
     width: 200px;
}
 .gomb.feher{
     background-color: #ffffff;
     color: rgb(52, 152, 219);
     border-color: rgb(52, 152, 219);
    ;
     border-style: solid;
     border-width: 1px;
     text-align: center;
     position: absolute;
     top: 30px;
     right: 30px;
     z-index:10;
}
 .gomb.fehergps {
     background-color: #ffffff;
     color: rgb(52, 152, 219);
     border-color: rgb(52, 152, 219);
     border-style: solid;
     border-width: 1px;
     text-align: center;
     position: absolute;
     top: 30px;
     right: 170px;
     z-index:10;
     width: auto;
}
 .gomb.fehergps img {
    margin-left: 5px;
    margin-top: 2px;
}
 .gomb.feher .gomb-icon, .gomb.feher .gomb-szoveg {
     display: inline-block;
     vertical-align: baseline;
}
 .shadow-box{
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 2px 0px 0px rgba(161, 172, 179, 0.098);
     width: 330px;
}
 .gomb-icon, .gomb-szoveg{
     display: inline-block;
     vertical-align: middle;
}
 .gomb-icon{
     margin-right: 5px;
}
 .gomb-szoveg{
     margin-left: 5px;
}
 .cam-container.balaton {
     text-align: center;
}
 .cam-container.balaton img {
     width: 300px;
}
 .cam-container.balaton .kartya-full {
     white-space: nowrap;
     overflow-x: auto;
}
 .cam-container.balaton .kartya-full::-webkit-scrollbar {
     display: none;
}
 .cam-container.balaton a {
     display: inline-block;
     margin: 10px;
}
/* észlelés ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .eszleles-bekuld{
     float: left;
     width: 100%;
     margin-right: 10px;
     overflow: hidden;
}
 .eszleles-bekuld .valaszto{
     padding-left: 30px;
     padding-right: 30px;
}
 .eszleles-bekuld p{
     font-size: 14px;
     vertical-align: top;
     padding-left: 30px;
     padding-right: 30px;
     margin-top: 30px;
}
 .eszleles-bekuld .bal{
     display: inline-block;
     vertical-align: top;
}
 .eszleles-bekuld p textarea{
     width: 600px;
}
 .eszleles-bekuld .jobb{
     margin-left: 70px 
}
 .legkor-param, .szel-param{
     padding-left:30px;
     padding-right: 30px;
     margin-bottom: 20px;
}
 .szel-param .param-sor{
     margin-bottom: 20px;
}
 .legkor-param div, .szel-param div{
     font-size: 14px;
     display: inline-block;
     margin-left:3px;
     margin-right: 3px 
}
 .legkor-param input, .legkor-param select, .szel-param input, .szel-param select{
     width: 64px;
     height: 24px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     border-radius: 2px;
     background-color: rgb(245, 246, 247);
}
 .param-sor{
     width: 100%;
     margin-top: 20px;
}
 .param{
     width: 100%;
     margin-bottom: 15px;
}
 .eszlelesek-wrap{
     background-color: #ffffff;
     padding-top: 15px;
     padding-bottom: 15px;
}
 .eszlelesek{
     width: 330px;
}
 .eszleles-box {
     border-radius: 3px;
     width: 300px;
     height: 120px;
     margin-left: 15px;
     margin-right: 15px;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .eszleles-fej{
     font-size: 0px;
}
 .eszleles-body {
     background-color: #f5f6f7;
     height: 90px;
     font-size: 0;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
}
 .eszleles-info {
     height: 30px;
     background-color: #cee3f2;
     padding-top: 8px;
}
 .hely-user, .mikor, .terkep, .eszleles-icon{
     display: inline-block;
}
 .hely{
     text-decoration: none;
     color: #1a2f40;
     font-size: 12px;
}
 .user, .mikor{
     text-decoration: none;
     color: #77838c;
     font-size: 12px;
}
 .hely-user{
     width: 230px;
     font-size: 12px;
     overflow: hidden;
     white-space: nowrap;
     padding-left: 10px;
}
 .mikor{
     width: 70px;
     vertical-align: top;
     padding-left: 10px;
     padding-right: 10px;
}
 .terkep, .eszleles-icon{
     width: 150px;
}
 .eszlelesek-wrap .eszleles{
     text-align: center;
     display: block;
     margin-left: auto;
     margin-right: auto;
     color: #909da6;
     background-image: none;
     position: relative;
     top: 0;
     left: 0;
     cursor: default;
     width: auto;
     height: auto;
}
 .eszlelesek-wrap .eszleles div{
     display: inline-block;
}
 .comment-wrap{
     padding: 10px;
}
/*~~~~~~~~~~~~~~főoldal~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~Legfrissebb hírek~~~~~~~~~~~~~~~~*/
 .legfrissebb-hirek{
     display: block;
     margin-bottom: 15px;
}
 .kartya {
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 2px 4px 0.02px rgba(161, 172, 179, 0.8);
     width: 635px;
     font-size: 0px;
     padding-bottom: 15px;
}
 .fohasab.elorejel .kartya{
     background-color: rgb(255, 255, 255);
     width: 665px;
     font-size: 0px;
     box-shadow: 2px 2px 4px 0.02px rgba(161, 172, 179, 0.8);
}
 .kartya-full {
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 2px 4px 0.02px rgba(161, 172, 179, 0.8);
     width: 100%;
     font-size: 0px;
     overflow: hidden;
}
 .legfrissebb-hirek .dobozfej, .tovabbi-hirek .dobozfej{
     font-family: 'Open Sans Condensed', sans-serif;
     color:#3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     border-bottom:2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
}
 .legfrissebb-hirek .dobozfej{
     width: 200px;
}
 .tovabbi-hirek{
     max-width: 99.2%;
}
 .tovabbi-hirek .dobozfej{
     width: 175px;
}
 .legfrissebb-hirek .bal{
     display: inline-block;
     width: 49%;
     vertical-align: top;
     margin-bottom: 15px;
     margin-top: 15px;
     padding-left: 1%;
     padding-right: 1%;
}
 .legfrissebb-hirek .bal .kep{
     height: 214px;
     width: 100%;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .legfrissebb-hirek .bal img {
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 214px !important;
}
 .legfrissebb-hirek .bal h3{
     font-size: 40px;
     color:#3498db;
     width: 100%;
     margin-top: 5px;
     line-height: 1em;
}
 .legfrissebb-hirek .bal h3 a:hover{
     font-size: 40px;
     color:#3d464c;
     width: 275px;
}
 .legfrissebb-hirek .bal p{
     font-size: 14px;
     color:#3d464c;
     width: 100%;
     margin-top: 10px;
}
 .legfrissebb-hir{
     margin-bottom: 15px;
     display: inline-block;
     width: 100%;
}
 .legfrissebb-hirek .jobb{
     display: inline-block;
     width: 49%;
     font-size: 0px;
     margin-top: 10px;
     margin-left: 1%;
}
 .legfrissebb-hirek .jobb .kep{
     height: 20%;
     width: 90px;
     overflow: hidden;
     text-align: center;
     vertical-align: top;
     margin-top: 7px;
     float: left;
     display: block;
     position: relative;
}
 .szoveg-wrap{
     margin-left: 10px;
     width: 200px;
     display: inline-block;
}
 .legfrissebb-hirek .jobb img {
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 90px !important;
}
 .legfrissebb-hirek .jobb h3{
     font-size: 19px;
     color:#3498db;
     width:100%;
}
 .legfrissebb-hirek .jobb p{
     font-size: 14px;
     color:#1D3B55;
     width:100%;
}
 .light-grey{
     font-size: 14px;
     color:#909da6;
     width: 350px;
     position: relative;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 #lightbox {
     display:none;
     background:#000000;
     opacity:0.9;
     filter:alpha(opacity=90);
     position:fixed;
     top:0px;
     left:0px;
     min-height:100%;
     z-index:1000;
     min-width:100%;
}
 #lightbox-panel {
     position: absolute;
     background: #FFFFFF;
     border: 2px solid #CCCCCC;
     z-index: 1001;
     display: none;
     top: 0;
     left: 0;
}
 .bezar{
     position: absolute;
     right: 15px;
     top: 15px;
}
 .eszleles-panel{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(228, 232, 235);
     border-radius: 9px;
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 3.464px 3.84px 0.16px rgba(228, 232, 235, 0.392);
     width: 100%;
     padding: 15px;
}
 .varos-lista, .buborek, .buborek-kep, .buborek-szoveg{
     display: inline-block;
     vertical-align: top;
}
 .varos-lista{
     width: 100%;
     height: 45px;
}
 .varos-lista{
}
 .buborek{
     text-align: right;
     display: none;
}
 .buborek img{
     height: 45px;
}
 .buborek-szoveg{
     color:#3d464c;
     background-image: url("/images/buborek.png");
     background-repeat: no-repeat;
     width: 268px;
     height: 45px;
     background-position: center;
     padding-left: 30px;
     text-align: left;
}
 .eszleles-panel .buborek-szoveg{
     font-size: 14px;
     line-height: 45px;
}
 .login-panel .buborek-szoveg, .reg-panel .buborek-szoveg{
     font-size: 12px;
     line-height: 15px;
     padding-top: 8px;
}
 .eszleles-panel .honnan{
     margin-top: 25px;
     text-align: center;
}
 .varos-lista select{
     height: 30px;
     width: 180px;
     color:#3d464c;
     font-size: 16px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     border-radius: 4px;
     background-color: rgb(245, 246, 247);
}
 .varos-lista label{
     margin-right: 10px;
     cursor: default;
}
 .valaszto label img{
     width: 45px;
     height: 45px;
     margin-top: 10px;
}
 .valaszto .sor{
     text-align: left;
}
 .valaszto label{
     width: 120px;
     height: 65px;
     margin-top: 15px;
     border-width: 2px;
     border-style: solid;
     border-color: #ffffff;
     text-align: center;
     display: inline-block;
     position: relative;
}
 .valaszto label .szoveg{
     font-size: 14px;
     color:#909da6;
     height: 65px;
     line-height: 65px;
     position: absolute;
     top: 0;
     width: 120px;
     display: none;
}
 .valaszto label:hover{
     background-color: #f5f6f7;
     border-style: solid;
     border-width: 2px;
     border-color: rgb(52, 152, 219);
}
 .valaszto label:checked{
     border-style: solid;
     border-width: 2px;
     border-color: rgb(52, 152, 219);
     background-color: rgba(245, 246, 247, 0);
}
 .valaszto input[type="radio"]{
     display: none;
}
 .valaszto input[type="radio"]:checked+label{
     border-style: solid;
     border-width: 2px;
     border-color: rgb(52, 152, 219);
     background-color: rgba(245, 246, 247, 0);
}
 .eszleles-panel .upload, .eszleles-bekuld .upload{
     text-align: left;
     margin-top: 30px;
     margin-bottom: 30px;
}
 .eszleles-bekuld .upload{
    padding-left:30px;
    padding-right:30px;
}
 .eszleles-panel .upload .foto, .eszleles-panel .upload .video, .eszleles-panel .upload .icon, .eszleles-panel .upload .szoveg, .eszleles-bekuld .upload .foto, .eszleles-bekuld .upload .video, .eszleles-bekuld .upload .icon, .eszleles-bekuld .upload .szoveg{
     display: inline-block;
}
 .eszleles-panel .upload .foto, .eszleles-panel .upload .video, .eszleles-bekuld .upload .foto, .eszleles-bekuld .upload .video{
     width: 100%;
     color:#3d464c;
     font-size: 14px;
}
 .eszleles-bekuld .upload .foto, .eszleles-bekuld .upload .video{
     width: 50%;
     color:#3d464c;
     font-size: 14px;
}
 .eszleles-panel .upload .szoveg, .eszleles-bekuld .upload .szoveg{
     text-align: left;
     margin-left: -50px;
     padding-left: 50px;
     width: 100%;
     vertical-align: top;
     line-height: 24px;
}
 .eszleles-panel .upload .icon, .eszleles-bekuld .upload .icon{
     width: 40px;
}
 .eszleles-panel .upload .video input{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(144, 157, 166);
     border-radius: 4px;
     background-color: rgb(245, 246, 247);
     width: 245px;
     height: 25px;
}
 .eszleles-panel .bekuld, .eszleles-bekuld .bekuld{
     text-align: center;
}
 .eszleles-bekuld .bekuld{
     margin-top: 30px;
     margin-bottom:30px;
}
 .eszleles-panel .bekuld input, .reg-panel .bekuld input, .login-panel .bekuld input, .eszleles-bekuld .bekuld input{
     border-radius: 3px;
     background-color: rgb(52, 152, 219);
     box-shadow: 0px 2px 0px 0px rgba(0, 113, 188, 0.392);
     width: 155px;
     height: 30px;
     color:#ffffff;
     font-size: 14px;
     cursor: pointer;
}
 .eszleles-bekuld .eszlel-head{
     font-size: 14px;
     padding-left: 30px;
     padding-right: 30px;
     margin-top: 30px;
}
 .hwr {
     display: none;
}
/*~~~~~~~~~~~~~~Jelenlegi időjárás~~~~~~~~~~~~~~~~*/
 .jelenlegi-idojaras .dobozfej{
     font-family: 'Open Sans Condensed', sans-serif;
     color:#3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     width: 350px;
     border-bottom:2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
}
 .jelenlegi-idojaras{
     margin: 15px 0px 15px 0px;
}
 .log-reg, .eszlel-head{
     margin: 15px 0px 15px 0px;
}
 .log-reg .log-reg, .eszlel-head .log-reg{
     text-align: center;
     padding-top: 15px;
}
 .log-reg .log-reg div, .eszlel-head .log-reg div {
     display: inline-block;
     font-size: 12px;
     color: #3498db;
     padding-left: 15px;
     padding-right: 15px;
     cursor: pointer;
     text-align: center;
}
 .jelenlegi-idojaras .kartya{
     padding-bottom: 15px;
}
 .dobozfej .icon, .dobozfej .doboz-szoveg{
     display: inline-block;
     vertical-align: middle;
}
 .dobozfej .icon{
     margin-right: 15px;
}
/* Tabs */
 #tabs {
     width: 605px;
     height:34px;
     margin-top: 15px;
     margin-left: auto;
     margin-right: auto;
}
 a {
    cursor:pointer;
}
 #tabs li {
     display: inline-block;
     list-style:none;
     margin-right:1px;
     width:120px;
     outline:none;
}
 #tabs #tab1, #tabs #tab2, #tabs #tab3 {
     display: block;
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
     border-top: solid 2px #3498db;
     color: #3498db;
     padding-left: 15px;
     padding-right: 15px;
     height: 34px;
     line-height: 30px;
     background-color: rgb(245, 246, 247);
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     text-decoration:none;
     outline:none;
}
 #tabs #tab4, #tabs #tab5 {
     display: block;
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
     border-top: solid 2px #fa887d;
     color: #fa887d;
     padding-left: 10px;
     padding-right: 10px;
     height: 34px;
     line-height: 32px;
     background-color: rgb(245, 246, 247);
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     text-decoration:none;
     outline:none;
}
 #tabs #tab4.inactive .tab-img{
     background-image: url(/images/icon/szelterkep_tab.png);
     height: 30px;
     width: 30px;
}
 #tabs #tab5.inactive .tab-img{
     background-image: url(/images/icon/radar_tab.png);
     height: 30px;
     width: 30px;
}
 #tabs #tab4 .tab-img{
     background-image: url(/images/icon/szelterkep_tab_ikon_aktiv.png);
     height: 30px;
     width: 30px 
}
 #tabs #tab5 .tab-img{
     background-image: url(/images/icon/radar_tab_ikon_aktiv.png);
     height: 30px;
     width: 30px 
}
 #tabs #tab2.inactive, #tabs #tab3.inactive{
     height: 34px;
     line-height: 32px;
     padding-left: 10px;
     padding-right: 10px;
     color:#3498db;
     border-top: solid 2px rgb(221, 226, 230);
     background-color: rgb(221, 226, 230);
     outline:none;
}
 #tabs #tab4.inactive, #tabs #tab5.inactive{
     height: 34px;
     line-height: 32px;
     padding-left: 10px;
     padding-right: 10px;
     color:#ffffff;
     border-top: solid 2px #fa887d;
     background-color: #fa887d;
     outline: none;
}
 .container {
     background-color: rgb(245, 246, 247);
     clear:both;
     width:615px;
     text-align:center;
     margin-left: auto;
     padding: 8px;
     margin-right: auto;
}
 #tabs .tab-img, #tabs .tab-szoveg{
     display: inline-block;
     height:30px;
     vertical-align: top;
     letter-spacing: 0px;
}
/*~~~~~~~~~~~~~~Kamerák~~~~~~~~~~~~~~~~*/
 .gomb-bal{
     display: none;
}
 .gomb-jobb{
     display: none;
}
 .kamerak.fooldal .cam-legnezettebb{
     text-align:center;
}
 .kamerak.fooldal .cam-hd{
     text-align: center;
}
 .kamerak.fooldal .cam-hd .cam{
     display: inline-block;
     margin-left: 15px;
     position: relative;
}
 .kamera-sor{
     padding-top:15px;
     padding-bottom:15px;
     width: 100%;
}
 .kamera-sor .cam video {
     width: 190px !important;
}
 .kartya-full .kamera-sor{
     width: 100%;
     height: auto;
}
 .kartya-full .kamera-sor .cam{
     margin-bottom: 20px;
     margin-top: 20px;
     margin-left: 15px;
     display: inline-block;
     margin-right: 15px;
}
 .player-info {
     padding:15px;
}
 .player-info p{
     font-size: 14px;
     margin: 15px 0px 0px 0px;
}
 .player-info .bal, .player-info .jobb{
     display: inline-block;
     vertical-align: top;
}
 .player-info .bal{
     width: 620px;
     margin-top: 10px;
     overflow: hidden;
}
 .player-info .jobb{
     width: 330px;
}
 .kamerak .dobozfej{
     font-family: 'Open Sans Condensed', sans-serif;
     color:#3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     width: 275px;
     border-bottom:2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
}
 .kamerak h3{
     color:#8A9BA4;
     font-size: 14px;
     margin-top:15px;
     margin-bottom: 8px;
     margin-left: 15px;
     font-weight: normal;
}
 .cam-legnezettebb .cam, .cam-hd .cam{
     display: inline-block;
     margin-left: 15px;
     position: relative;
}
 .cam-hd .cam{
     margin-bottom: 15px;
}
 .cam-cimke {
     background-color: rgb(0, 0, 0);
     opacity: 0.4;
     position: absolute;
     width: 190px;
     height: 30px;
     z-index: 88;
     bottom: 0;
}
 .cam p{
     color:#ffffff;
     font-size: 14px;
     margin-left: 15px;
     line-height: 30px;
     position: absolute;
     bottom: 0;
     z-index: 89;
}
 .cam-container{
     float: left;
     width: 100%;
     margin-top: 10px;
     margin-left: 10px;
     margin-right: 10px;
     overflow: hidden;
}
 .cam-container .dobozfej, .eszleles-bekuld .dobozfej, .eszl .dobozfej{
     font-family: 'Open Sans Condensed', sans-serif;
     color: #3498db;
     font-size: 18px;
     text-transform: uppercase;
     background-color: #ffffff;
     text-align: left;
     width: 165px;
     border-bottom: 2px solid #3498db;
     line-height: 35px;
     height: 35px;
     padding-left: 15px;
}
 .eszl .dobozfej{
     width: 230px;
}
 .eszl .gomb{
     text-align: center;
     margin-right: 15px;
}
 .map-wr{
     margin-right: 15px;
     margin-left: 15px;
     padding-top: 15px;
}
 .dfej-wr{
     font-size: 14px;
     color:#909da6;
     text-align:right;
     position:relative;
     height:35px;
}
 .dfej-wr div{
     display: inline-block;
}
 .dobozfej.camn{
     position: absolute;
     left: 0;
     width: auto;
     padding-right: 15px;
}
 #kamera-oldal-1{
     display: inline-block;
     margin-left: 0px;
     white-space: nowrap;
     overflow-x: auto;
}
 #kamera-oldal-1::-webkit-scrollbar{
     display: none;
}
/*~~~~~~~~~~~~~~További hírek~~~~~~~~~~~~~~~~*/
 .tovabbi-hirek{
     margin-top: 15px;
     margin-bottom: 15px;
     display: inline-block;
}
 .tovabbi-hir {
     display: inline-block;
     margin-left: 15px;
     margin-right: 15px;
     margin-bottom: 15px;
     width: 285px;
     font-size: 0px;
     margin-top: 15px;
     vertical-align: top;
}
 .tovabbi-hirek .kep{
     height: 90px;
     width: 90px;
     overflow: hidden;
     text-align: center;
     vertical-align: top;
     margin-top: 7px;
     float: left;
     display: block;
     position: relative;
}
 .reszletek_m{
    display: none;
}
 .szoveg-wrap{
     margin-left: 100px;
     margin-top: 3px;
     line-height: 1.43;
     width: auto;
     display: block;
}
 .tovabbi-hirek .kep img {
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 90px !important;
}
 .tovabbi-hirek h3{
     font-size: 19px;
     color:#3498db;
     line-height: 1.2em;
}
 .tovabbi-hirek p{
     font-size: 14px;
     color:#3d464c;
     margin-top: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* percrol percre */
/* aloldal ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .nagy_terkep {
     text-align:right;
     margin-bottom:25px;
}
/* cikk */
 .cikk_tartalom h3 {
     font-size:1em;
     margin-bottom:1em;
}
 .cikk_tartalom {
     font-size:1.4em;
     line-height:1.3em;
     background-color: #ffffff;
     padding-bottom: 15px;
}
 .cikk_tartalom p {
     margin-bottom:1em;
}
 .cikk_tartalom a {
}
 .uj-hir-ertesites{
     border-radius: 4px;
     background-color: rgb(250, 76, 60);
     width: 200px;
     height: 24px;
     color:#ffffff;
     text-transform: uppercase;
     text-align: center;
     font-size: 14px;
     margin-top: 25px;
     padding-bottom: 25px;
     margin-bottom: 25px;
}
 .osszefoglalo .fej .bal, .osszefoglalo .fej .jobb{
     position: relative;
     display: inline-block;
}
 .osszefoglalo .fej .bal{
     font-family: 'Open Sans Condensed', sans-serif;
     color:#3d464d;
     font-size: 20px;
     width: 100px;
}
 .osszefoglalo .fej .bal.friss-info{
     width: 200px;
}
 .osszefoglalo .fej .jobb.friss-info{
     width: 340px;
     padding-left: 0 
}
 .osszefoglalo .fej .jobb{
     width: 440px;
     padding-left: 79px;
     color:#909da6;
     font-size: 13px;
}
 .osszefoglalo .fej .jobb .gomb{
     margin-right: 0px;
     margin-left: 0px;
     position: absolute;
     right: 0px;
     top: 0px;
     margin-top: 0px;
     text-align: center;
}
 .osszefoglalo-lista{
     font-size: 16px;
     margin-top: 30px;
     list-style: disc;
     margin-left: 20px;
}
 .osszefoglalo-lista li{
     margin-bottom: 30px;
}
/* cikk alatt */
 .cimkes_doboz {
     font-size:16px;
     margin-bottom:30px;
     margin-left: 45px;
     margin-right: 45px;
     color:#3498db;
}
 .cimkes_doboz .cimke {
     display:inline-block;
}
 .cimke{
     color:#909da6;
}
 .cimkes_doboz a {
     text-decoration:none;
     color:#3498db;
}
/* kapcsolodo */
 .kapcsolodo {
     margin-left: 45px;
     margin-right: 45px;
}
 .kapcsolodo h3 {
     font-size:16px;
     margin-bottom:30px;
     color:#909da6;
     font-weight: normal;
}
 .kapcsolodo li {
     font-size:13px;
     color:#3d464c;
     padding-bottom:30px;
}
 .hircim_link {
     display:block;
     font-weight:normal;
     font-size: 21px;
     color:#3498db;
     margin-bottom: 10px;
}
 .hircim_link:hover{
     color:#3d464c;
}
 .kartya.hir-komment #kommentek{
     margin-top: 0px;
}
/* kommentlista */
 #kommentek h3 {
     font-size:16px;
     margin-bottom:15px;
     color: #909da6;
     font-weight: normal;
}
 #kommentek {
     margin-left: 45px;
     margin-right: 45px;
     margin-top: 30px;
}
 .commentlist li {
     border-bottom-left-radius: 4px;
     border-bottom-right-radius:4px;
     background:#f5f6f7;
     margin-bottom:30px;
}
 .legfrisebb-cim{
     font-size: 14px;
     color:#1a2f40;
     display: inline-block;
     width: 340px;
     height: 30px;
     line-height: 2em;
}
 .idopont{
     display: inline-block;
     font-size: 14px;
     height: 30px;
     line-height: 2em;
}
 .legfrissebb-lista{
     background-color: #f5f6f7;
     font-size: 14px;
     padding: 15px;
}
 .legfrissebb-lista .torzs{
     display: inline-block;
     vertical-align: top;
}
 .legfrissebb-lista .torzs{
    width:340px;
    padding:0 5px 0 5px;
}
 #eszlelesek{
     margin-right: 15px;
     margin-left: 15px;
     margin-top: 15px;
}
 .komment-body .fok{
     font-size: 14px;
     color:#3498db;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(52, 152, 219);
     border-radius: 2px;
     background-color: rgba(52, 152, 219, 0);
     padding: 2px 5px 2px 5px;
}
 .komment-body .sor div{
     display: inline-block;
     vertical-align: middle;
     margin: 10px 25px 10px 25px;
}
 .komment-body .sor{
     padding: 0px 25px 0px 25px;
}
 .eszlel-info{
     font-size: 12px;
}
 .extra-info{
     color:#1a2f40 !important;
     background-color: #e8ebed;
     padding-top: 15px;
}
 .img-cont{
     height: 380px;
     width: 510px;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .img-cont img{
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 380px !important;
}
 .komment-body .sor p{
     text-align:center;
     color: #77838c;
}
 .commentmetadata {
     border-top-left-radius: 4px;
     border-top-right-radius:4px;
     background-color: #cee3f2;
     padding: 15px;
}
 .commentmetadata.legfrissebb {
     height:30px;
     padding: 0px 15px 0px 15px;
}
 .kiemelt-hir{
}
 .kiemelt-hir .commentmetadata.legfrissebb{
     background-color: #fa887d;
}
 .kiemelt-hir .legfrissebb-lista{
     border-left: 5px solid #fa887d;
     border-right: 2px solid #fa887d;
     border-bottom: 2px solid #fa887d;
}
 .commentlist p {
     margin-top:15px;
     padding-left:15px;
     padding-right: 15px;
     padding-bottom: 15px;
     font-size: 14px;
     color:#3d464c;
     line-height:20px;
}
 .commentmetadata .user{
     display:inline-block;
     vertical-align: middle;
     width: 310px;
}
 .commentmetadata .mikor{
     display:inline-block;
     vertical-align: middle;
     width: 150px;
}
 .commentmetadata .thumb-szam{
     display:inline-block;
     vertical-align: middle;
}
 .legnyomas{
     width: 450px;
     border-left:1px solid #d0d0d0;
     margin-right: auto;
     margin-left: auto;
     font-size: 0px;
     color: #909da6;
     margin-top: 15px;
     margin-bottom: 15px;
}
 .legnyomas .col{
     width: 149px;
     display: inline-block;
     border-top:1px solid #d0d0d0;
     border-right:1px solid #d0d0d0;
     text-align: center;
     font-size: 14px;
}
 .legnyomas .col div{
     border-bottom:1px solid #d0d0d0;
     padding:5px 0px 5px 0px;
}
 .legnyomas-icon{
     padding:15px 0px 15px 0px !important;
}
/* eszleles */
 .obs_form {
     font-size:1.2em;
     line-height:1.35em;
}
/* percrol percre */
/* oldalsav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .blokk {
     margin-bottom:15px;
     background-color: rgb(255, 255, 255);
     box-shadow: 2px 2px 4px 0.02px rgba(161, 172, 179, 0.8);
     border-radius: 2px;
}
 .hird_330 {
     padding-bottom: 14px;
     text-align: center;
}
/* lablec ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .lablec {
     clear:both;
     height:140px;
     background:#03538a;
     color:#eee;
     font-size:12px;
     text-align:center;
     padding-top:90px;
     width:100%;
}
 .lablec a {
     padding:0 5px;
     color:#fff;
}
 .copy {
     color:#ffffff;
     position:absolute;
     margin-top:-30px;
     width:100%;
     text-align:center;
}
 .copy a {
     margin:0;
     color:#fff;
}
 .copy img{
     margin:0px 6px 0px 6px;
}
 .networklinks {
     padding-left:10px;
     display:block;
     position:absolute;
     margin-top:-60px;
     width:100%;
}
 .lablec .networklinks a {
     padding:0;
}
 .networklinks img {
     vertical-align:middle;
}
 .sb-search {
     display: none;
}
/* html oldalak lista ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* fooldal csecsebecsek */
 #frisskepek {
     width: 635px;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
}
 .frisskepek_felirat {
     position:absolute;
     z-index:89;
     color:#646464;
     left:6px;
     bottom:6px;
     font-size:16px;
}
 .kacsacsor {
     font: bold 26px arial 
}
 .oldalcim {
     margin: 15px 0;
}
 span.ui-slider-handle {
     background: url("/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% no-repeat;
     padding:13px;
     position:relative;
     z-index:100;
     margin-left:-15px;
}
 blockquote {
     line-height: 1.5;
     font-style: italic;
     font-family: Georgia, Times, "Times New Roman", serif;
     font-size: 20px;
     border-style: solid;
     border-color: #ccc;
     border-width: 0;
     padding-left: 20px;
     padding-right: 8px;
     border-left-width: 3px;
     color:#909da6;
     margin-left: 90px;
}
 .adriai-jelentes-hatter{
     cursor:pointer;
     margin-left: auto;
     margin-right: auto;
     width: 950px;
     height: 520px;
     padding: 25px 0 0 300px;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .balatoni-jelentes-hatter{
     cursor:pointer;
     margin-left: auto;
     margin-right: auto;
     width: 950px;
     height: 395px;
     padding: 55px;
     margin-bottom: 10px;
     margin-top: 10px;
}
 .balatoni-bal, .balatoni-jobb {
     display: inline-block;
     vertical-align: top;
}
 .balatoni-bal{
     width: 305px;
}
 .balatoni-jobb{
     width: 170px;
     margin-left: 30px;
}
 .balatoni-bal h3{
     font-family: 'Open Sans Condensed', sans-serif;
     font-size: 22px;
     color: #3498db;
     text-transform: uppercase;
     margin-bottom: 30px;
}
 .adriai-wrap{
     width:400px;
     height:385px;
     padding:30px;
     background-color: #d7d7d7;
     opacity: 0.9;
}
 .balatoni-wrap{
     width:585px;
     height:290px;
     padding:30px;
     background-color: #d7d7d7;
     opacity: 0.9;
}
 .balatoni-wrap p, .adriai-wrap p{
     color:#1a2f40;
     font-size: 14px;
     line-height: 24px;
}
 .balatoni-jobb p{
     text-align: center;
     margin-top: 50px;
}
 .balatoni-jobb .viz-fok, .balatoni-bal .viz-fok{
     font-size: 30px;
     margin-top: 15px;
     font-family: 'Open Sans Condensed', sans-serif;
}
 .rendkivuli{
     width: 635px;
     height: 195px;
     position: relative;
     font-size: 0px;
     margin:0px 0px 15px 0px;
}
 .rendkivuli .bal, .rendkivuli .jobb{
     display: inline-block;
     vertical-align: top;
}
 .rendkivuli .bal{
    width: 350px
}
 .rendkivuli .jobb{
    width: 285px;
    padding:5px 15px 5px 15px;
}
 .rendkivuli .bal .kep{
     height: 195px;
     width: 350px;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .rendkivuli .bal .kep img{
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 195px !important;
}
 .rendkivuli .bal .cimke{
     position: absolute;
     top:15px;
     left: 0px;
     background-color:#fa4c3c;
     font-family: 'Open Sans Condensed', sans-serif;
     color: #ffffff;
     text-transform: uppercase;
     font-size: 18px;
     padding: 3px 8px 3px 8px;
}
 .rendkivuli .jobb .pp-cimke{
     background-color:#fa4c3c;
     color: #ffffff;
     text-transform: uppercase;
     font-size: 11px;
     padding: 3px;
     text-align: center;
     width: 100px;
}
 .rendkivuli .jobb h2{
     font-size: 20px;
     line-height: 1em;
     margin: 8px 0 8px 0;
}
 .rendkivuli .jobb .mikor, .rendkivuli .jobb .szoveg{
     display: inline-block;
     font-size: 13px;
     text-align: left;
}
 .rendkivuli .jobb .sor{
     margin-bottom: 5px;
}
 .rendkivuli .jobb .mikor{
     width: 70px;
     padding-left: 0px;
     padding-right: 0px;
     color: #3498db;
}
 .rendkivuli .jobb .szoveg{
     width: 175px;
     color: #1D3B55;
}
 .zivatar-wrap{
    padding-top:15px;
}
 .zivatar{
     border-style: solid;
     border-width: 1px;
     border-color: rgb(228, 232, 235);
     border-radius: 5px;
     background-color: rgb(245, 246, 247);
     width: 605px;
     height: 80px;
     padding: 10px 30px 10px 30px;
     margin: 0 15px 0px 15px;
}
 .zivatar .bal, .zivatar .jobb{
     display: inline-block;
     vertical-align: top;
     position: relative;
}
 .zivatar .bal .kep{
     height: 88px;
     width: 73px;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .zivatar .bal .kep img{
     left: 50%;
     margin-left: -100%;
     position: relative;
     width: auto !important;
     height: 55px !important;
}
 .zivatar .bal .cimke{
     position: absolute;
     top:0px;
     left: 0px;
     background-color:#63696d;
     color: #ffffff;
     text-transform: uppercase;
     font-size: 8px;
     padding: 3px ;
}
 .zivatar .jobb{
     width: 440px;
     margin-left: 30px;
}
 .zivatar .jobb .szoveg{
     font-size: 12px;
}
 .zivatar .jobb .szoveg a{
     cursor: pointer;
}
 .zivatar .jobb .szoveg a:hover ul{
     display: inline;
     position: absolute;
     z-index: 9999;
     background-color: #ffffff;
}
 .zivatar .jobb .szoveg a li{
     padding: 3px 5px 3px 5px;
     font-size: 10px;
}
 .zivatar .jobb .szoveg a ul{
     display: none;
}
 .zivatar .jobb .link a{
     font-size: 12px 
}
 .tizenket .max-homerseklet-default, .tizenket .min-homerseklet-default, .tizenket .max-homerseklet-diff3, .tizenket .min-homerseklet-diff3, .tizenket .max-homerseklet-diff1, .tizenket .min-homerseklet-diff1{
     font-size: 15px;
     color:#ffffff;
     position: absolute;
     margin-left: 5px;
     margin-right: 5px;
     font-weight: 900;
     background-repeat:no-repeat;
     width:30px;
}
 .tizenket .max-homerseklet-diff3{
     padding-top: 6px;
     background-image: url("/images/elorejelzes/homerseklet_4fokkulonbsePOI.svg");
     height: 60px;
}
 .tizenket .min-homerseklet-diff3{
     padding-top: 12px;
}
 .tizenket .max-homerseklet-diff1{
     padding-top: 6px;
     background-image: url("/images/elorejelzes/homerseklet_2v3fokkulPOI.svg");
     height: 64px;
}
 .tizenket .min-homerseklet-diff1{
     padding-top: 0px;
}
 .tizenket .csapadek .ho{
     background-color: #abb9c4;
}
 .tizenket .csapadek .pepita-eso{
     background-image: url("/images/elorejelzes/21napos_ 10mm_eso.png");
}
 .tizenket .csapadek .pepita-ho{
     background-image: url("/images/elorejelzes/21napos_ 10mm_ho.png");
}
 .fooldal .kartya #realcamimg {
     margin-left:15px;
     max-width:96%;
}
 .nomobile {
 	display: none;
}