body {
   margin: 0;
   padding: 0;
   background: url("../imagemagazin9/jonas-david-jonas-zsigmond/pannonia.jpg") fixed center top no-repeat;
   background-size: cover;
    
   font-family: "Josefin Sans", Roboto, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 16px;
}

/* ------------- divizio kezeles: a fullscreen plugin a body backgroundot atirja: black ------------- */
/* ------------------ igy meg a 3 kovetkezo diviziokban is u.a. background kell legyen -------------------- */
#fullscreen {
     width:100%; 
     height:100%;
     overflow: auto;	
}

.cimdivizio {
     /* background:  #2d372a; */ 
     text-align: center;
}    
.containerlista {
	 position: relative;
     /* background:  #3e0101; */
	 padding: 0px 10px 35px 10px;      /* container0 es container 1 centerezett es responsive divizi�k */
}
.containerlista1 {
	 position: relative;
	 /* background:  #3e0101; */
	 margin: 0 auto;
	 width: 100%;
     max-width: 880px;
}
.container0 {
	 position: relative;
	 background: url("../imagemagazin9/jonas-david-jonas-zsigmond/pannonia.jpg") fixed center top no-repeat;
	 background-size: cover;
	 padding: 0px 10px 35px 10px;      /* container0 es container 1 centerezett es responsive divizi�k */
}
.container1 {
	 position: relative;
	 background:  #4b1c05;
	 margin: 0 auto;
	 width: 95%;
     max-width: 880px;
     border: 1px solid #907847;
     border-top: 0;
}
.diatextkulso {
   width:100%;
   margin: 0;  
   padding: 0;
   
   font-family:  Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 16px;
   color: #2c1800;
   text-align: center;
   border-top: 1px solid #907847;
}
.diatextkulsolista {
   width: 86%;
   margin: 0;  
   padding: 0 7%;
   
   font-family:  Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 16px;
   color: #2c1800;
   text-align: center;
   border-top: 1px solid #907847;
}
.diatextkulsosima {
   width:100%;
   margin: 0;  
   padding: 0;
   
   font-family:  Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 16px;
   color: #2c1800;
   text-align: center;
}
.diatextbelso {
   font-family: Raleway, Roboto, Helvetica, Arial, sans-serif;
   padding: 0 30px 0 30px;   /* responsive szoveg elhelyezes */ 
   margin: 0 auto;           /* Center the item horizontally */
   max-width: 85%; 
   
   font-size: 18px;
   font-weight:100;
   line-height :2.1;   
   color: #212121;
   text-align: justify;
}
.diatextbelsoszerzo {
   font-family: "Prosto One", Roboto, Helvetica, Arial, sans-serif;
   padding: 0;               /* responsive szoveg elhelyezes */ 
   margin: 0 auto;           /* Center the item horizontally */
   width: 100%; 
   background-color: #2f0000;
   
   font-size: 14px;
   font-weight: normal;
   line-height: 24px; 
   color: #fff;
   text-align: justify;
}
.kepsoritt {
   position: relative;
   margin: 0;
   padding: 0;
   display: none;
   border-bottom: 1px solid #635230;
}
.kepsoritticon {
   position: absolute; 
   display: none;
   background-color: #f00;
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   padding: 2px 10px;
   bottom: 0; 
   right: 0px; 
   width: 0px;
}
.hatarkep {
   max-width: 100%; 
   text-align: justify;
}
/* --------------------- responsive img a szeles es az anchor kepek ------------------------ */
.szeleskepdiv {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivcim {
   display: inline-block;
   position: relative;
   background: #ffffff;
   bottom: 45px;
   z-index: 400;
   width: 100%;
   max-width: 880px; 
   height: 45px;
   font-size: 20px;
   line-height: 20px;
   text-align: center;
}
.szeleskepdiv img {
   max-width: 80%;
   height: auto;
   text-align: center;
   border-top:   0;
   /* border-left:  50px solid rgba(255, 255, 255, 0.5);
   border-right: 50px solid rgba(255, 255, 255, 0.5);  */
}
.szeleskepdivalaprajz {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivalaprajz img {
   max-width: 80%;
   height: auto;
   text-align: center;
   border-top: 30px solid #4c0000;
}
.szeleskepdivfocim {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivfocim img {
   max-width: 80%;
   height: auto;
   text-align: center;
}
a {
   text-decoration: none;
   border: none;
   color: #FF0000;	
}
a img {
   text-decoration: none;	
   border: none;
   max-width: 100%;
}

/* ------------- JOBB ES BAL  ------------- */
#jobboldalidivizio {
   position: relative;
   float: right;
   width: 331px; 
   margin-left: 15px;    
}
#baloldalidivizio {
   position: relative;
   float: left;
   width: 267px; 
   margin-right: 15px;    
}
#baloldalidivizio2 {
   position: relative;
   float: left;
   width: 372px; 
   margin-right: 15px;    
}

.znagyito {
   display: inline-block;
   background-color: #00c400;
   color: #fff;
   cursor: pointer;
   padding: 3px 0 3px 0;
}
.pnagyito {
   display: inline-block;
   background-color: #c40000;
   color: #fff;
   cursor: pointer;
   padding: 3px 0 3px 0;
}

/* ------------- JOBB ES BAL  ------------- */

.divleft {
   float: left;
   width: 360px;
   font-size: 48px;
   line-height: 40px;
   margin: 0 10px 0 0;
   padding: 0 0 10px 20px;
   font-weight: bold;
   color: #52738c;
}
.divright {
   float: left;
   width: 330px;
   margin: 0;
   padding: 0 0 0 30px;
   font-weight: bold;
   color: #52738c;
}
.divleft a img {
   margin: 10px 0 0 0;
}

.divleft2 {
   float: left;
   width: 450px;
   font-size: 48px;
   line-height: 40px;
   margin: 0 30px 0 0;
   padding: 0 0 10px 20px;
   font-weight: bold;
   color: #52738c;
   text-align: right;
}

.pleft {
   float: left;
   padding: 5px 5px 0 0;
   margin: 0;
   font-size: 57px;
   line-height: 53px;
}
.pleftimg {
   float: left;
   padding: 15px 20px 0 0;
   margin: 0;
}
.plefttxt {
   position: relative; 
   float: left;
   width: 357px;
   margin: 0;
   padding: 0 10px 0 0;
}
.prighttxt {
   position: relative; 
   float: right;
   width: 357px;
   margin: 0;
   padding: 0 0 0 10px;
}
.plefttxtmini {
   position: relative; 
   float: left;
   width: 290px;
   /* font-size: 14px; */
   margin: 0;
   padding: 5px 10px 5px 10px;
   margin: 0px 20px 0px 0px;
   background-color: #200003;
   border: 1px #808080 inset;
}
.kozeprelink {
   display: inline-block;
   text-align: center;
   width: 100%;
}
#jonasarckep  {
   display: inline-block;
} 
.pclear {
   clear: both;
}
/* ----------------------------------------- */
.pcim4container {  
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: center;
}
.pcim4 {  
   display: inline-block;
   font-family:  'Prosto One', Arial, Helvetica, sans-serif;
   background-color: #4C0000;
   width: 85%; 
   font-size: 28px;
   line-height: 30px;
   margin: 0 0 -10px 0;
   padding: 5px 0 8px 0;
   color: #fff;
   text-align: center;
   font-weight: bold;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,     1px 2px 0 grey, 1px 3px 0 grey, 5px 5px 15px black;
   
}
.pcim4focim {  
   display: inline-block;
   font-family:  'Prosto One', 'Palanquin Dark', Prompt, Roboto, Helvetica, Arial, sans-serif;
   background-color: #4C0000;
   width: 100%;
   font-size: 45px;
   line-height: 50px;
   margin: 0 0 -10px 0;
   padding: 20px 0 20px 0;
   color: #fce8d7;
   text-align: center;
   font-weight: 900;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,    1px 2px 0 grey, 1px 3px 0 grey, 1px 4px 0 grey, 5px 13px 15px black;
   
}

li {
   margin: 10px 0; 
}	

.pclear {
   clear: both;
}
.lemonada {
   font-family: "Lemonada", Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: 200;
   line-height: 30px;
   text-align: left;
}

.doltbetu {
   font-style: italic;
   font-family: "Times New Roman";
   font-size: 18px;
}

.betuleft {
   float: left;
   margin: 0;
   padding: 0 10px 0 0;
}
.backtop1 {
   background: #d9e1d9;
   position: relative;
}
.backtop2 {
   background:  #fce8d7;
   position: relative;
}
.backtop2alaprajz {
   background:  #fbe3c6;
   position: relative;
}
.backtop2lista {
   background: #2f0000;
   position: relative;
}
.diatextlista {
   font-family: Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
   color: #dddddd;
   font-size: 16px;	  
}
i {
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
}
italic {
   font-family: Helvetica, Arial, sans-serif;   
   font-style: italic;
}
.blockquote:before {
    color: #842d18;
    content: open-quote; 
    position: absolute;
    font-size: 8rem;
    left: -.5em;
    top: -.5em;
}
.blockquote {

    font-size: 1.25rem;
    line-height: 1.3em;
    font-weight: 900;
    position: relative;
    margin: 3rem 1rem 2rem 11rem;
    max-width: 400px;
    font-family: proxima-nova,sans-serif;

}
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 1000px) {
.container0 {
	 position: relative;
	 background: url("../imagemagazin9/jonas-david-jonas-zsigmond/pannonia.jpg") fixed center top no-repeat;
	 background-size: cover;
	 padding: 18px 10px 0px 10px;      /* container0 es container 1 centerezett es responsive divizi�k */
}
	.pcim4focim {  
   display: inline-block;
   font-family:  'Prosto One', 'Palanquin Dark', Prompt, Roboto, Helvetica, Arial, sans-serif;
   background-color: #4C0000;
   width: 100%;
   font-size: 30px;
   line-height: 36px;
   margin: 0 0 -10px 0;
   padding: 20px 0 20px 0;
   color: #fff;
   text-align: center;
   font-weight: 900;
   text-shadow: 2px 2px 2px #aaa;
   
}
.szeleskepdiv {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdiv img {
   display: inline-block;
   width: 100%;
   max-width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivalaprajz {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivalaprajz img {
   display: inline-block;
   width: 100%;
   max-width: 100%;
   height: auto;
   text-align: center;
   border-top: 30px solid #4c0000;
   border-bottom: 1px solid #4c0000;
}
.szeleskepdivcim {
   display: none;
   position: relative;
   background: #ffffff;
   bottom: 50px;
   z-index: 400;
   width: 98%;
   max-width: 880px; 
   height: 50px;
   font-size: 18px;
   line-height: 18px;
   text-align: center;
}
.szeleskepdivfocim {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
.szeleskepdivfocim img {
   max-width: 100%;
   margin-left: 0;
   height: auto;
   text-align: center;
}
.diatextbelso {
   width: 85%; 
   max-width: 85%; 
   font-size: 14px;
   font-weight: normal;
   line-height: 24px; 
   text-align: justify;
   padding: 0 10px 0 10px;
}
.diatextbelsoszerzo {
   font-family: Helvetica, Arial, sans-serif;
   padding: 0 10px 0 10px;   /* responsive szoveg elhelyezes */ 
   margin: 0 auto;           /* Center the item horizontally */
   max-width: 100%; 
   
   font-size: 14px;
   font-weight: normal;
   line-height: 18px; 
   color: #fff;
   text-align: justify;
}
.pcim4 {  
   width: 95%;
   font-size: 18px;
   line-height: 18px;
   margin: 0 0 -10px 0;
   padding: 10px 0 10px 0;
   text-shadow: none;
}
.containerlista {
	 position: relative;
     background:  #3e0101; 
	 padding: 0px 10px 35px 10px;      /* container0 es container 1 centerezett es responsive divizi�k */
}
.containerlista1 {
	 position: relative;
	 background:  #3e0101; 
	 margin: 0 auto;
	 width: 100%;
     max-width: 880px;
}
ul {
   margin: 30px 10px 30px 20px;
   padding: 0;
}
li {
   font-size: 14px;
   line-height: 22px;
   text-align: left; 
   margin: 10px 0; 
}	
a {
   text-decoration: none;
   border: none;
   color: #FF0000;	
}
a img {
   text-decoration: none;	
   border: none;
   max-width: 95%;
}
.blockquote:before {
    color: #842d18;
    content: open-quote; 
    position: absolute;
    font-size: 5rem;
    left: -45px;
    top: -15px;
}
.blockquote {

    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: 900;
    position: relative;
    margin: 3rem 1rem 2rem 4rem;
    max-width: 400px;
    font-family: proxima-nova,sans-serif;
    text-align: left;

}
.mobilnagyito {
   display: none;	

}
.hatarvonal {
  height: 55px;	

}

}