body {
   margin: 0;
   padding: 0;
   background: url("../imagemagazin9/szecessziosvilagnapgyula2017/hatter-minta4.gif") repeat center top;
    
   font-family: Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 13px;
}

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

.cimdivizio {
     background: url("../imagemagazin9/szecessziosvilagnapgyula2017/hatter-minta4.gif") repeat center center;	    
}
.container0 {
     background: url("../imagemagazin9/szecessziosvilagnapgyula2017/hatter-minta4.gif") repeat center center;
	 padding: 0 10px 0 10px;      /* container0 es container 1 centerezett es responsive divizi�k */
}
.container1 {
     background: url("../imagemagazin9/szecessziosvilagnapgyula2017/hatter-minta4.gif") repeat center center;
	 margin: 0 auto;
	 width: 95%;
     max-width: 770px; 
}
.diatextkulso {
   min-width:330px;
   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: 3px solid #635230;
}
.diatextbelso {
   padding: 0 30px 0 30px;   /* responsive szoveg elhelyezes */ 
   margin: 0 auto;           /* Center the item horizontally */
   max-width: 85%; 
   
   line-height: 24px; 
   color: #3f2200;
   text-align: justify;
}

.kepsoritt {
   position: relative;
   margin: 0;
   padding: 0;
   display: inline-block;
   border-bottom: 1px solid #635230;
}
.kepsoritticon {
   position: absolute; 
   background-color: #f00;
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   padding: 2px 10px;
   bottom: 0; 
   right: 0px; 
   width: 70px;
}
/* ------------- 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;    
}

/* ------------- 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;
   font-size: 72px;
   line-height: 67px;
   margin: 0 0 -12px 0;
   padding: 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;
}
.pclear {
   clear: both;
}
/* ----------------------------------------- */


.pcim3 {  
   font-size: 36px;
   line-height: 36px;
   margin: 0;
   padding: 0 20px 0 20px;
   color: #FCDDA9;
   text-align: center;
   font-weight: bold;
}
.pcim3a {  
   font-size: 24px;
   line-height: 24px;
   margin: 0;
   padding: 0;
   color: #Fff;
   text-align: center;
   font-weight: bold;
}


.elotoltes {    
   position: absolute;
   display: none;
}

#menuveg {
   position: absolute; 
   bottom: 300px;
   left:50% ; 
   width:740px;  
   margin-left: -380px;
}

#kiallitascim a {
   text-decoration: underline;
   color: #EFD67F;
   border: none;
}

a {
   text-decoration: none;
   border: none;
   color: #FF0000;	
}
a img {
   text-decoration: none;	
   border: none;
   max-width: 100%;	
}
.dia a {
   text-decoration: none;	
}
.dia a img {
   text-decoration: none;	
}
.diatextfej {
   background: url("../imagemagazin9/szecessziosvilagnapgyula2017/sarokfej.jpg") repeat-x center top;
   padding: 0px 0px 0px 0px;
   margin: 0px 0 0px 0;  
}

.diatextbelso2 {
   padding: 0px 255px 0px 255px;
   margin: 0px 0 0px 0;
   line-height: 24px; 
   text-align: justify;
}
.pclear {
   clear: both;
}

.kiemel {
   color: #ffcc00;
}
.spiegellink a {
   color: #ffce6a;
}
.doltbetu {
   font-style: italic;
   font-family: "Times New Roman";
   font-size: 18px;
}

.textleft {
   text-align: left;
   padding: 0 0 0 250px;
   color: #312d2a;
}
.szovegresz {
   text-align: left;
   padding: 30px 80px 30px 60px;
   color: #312d2a;
}
.szovegreszvolt {
   text-align: justify;
   padding: 0px 65px 20px 60px;
   color: #312d2a;
   font-size: 15px;
   line-height: 18px;
   font-weight: normal;
}

.box-links{
   text-align: right;
}
.box-links-left{
   text-align: left;
}
.box-linksbottom {
   position: absolute;
   width: 10px;
   height: 30px;
   bottom: 20px;
   right: 240px;
}

#kiallitascim2018 {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
#kiallitascim2018 img {
   width: 1000px;
   height: auto;
   text-align: center;
}
#kiallitascim2017 {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
#kiallitascim2017 img {
   width: 1000px;
   height: auto;
   text-align: center;
}
#kiallitascim2014 {
   position: relative;
   z-index: 400;
   width: 100%;
   height: auto;
   text-align: center;
}
#kiallitascim2014 img {
   width: 1000px;
   height: auto;
   text-align: center;
}

.betuleft {
   float: left;
   margin: 0;
   padding: 0 10px 0 0;
}
.backtop2 {
   background: url("../imagemagazin9/szecessziosvilagnapgyula2017/sarokfej4.jpg") repeat-x center top #FDDCA9;
   position: relative;
   border-top:  10px groove #470000;
   border-left:  10px double #C7B2B2;
   border-right: 10px double #C7B2B2;
}
.backtop1 {
   background: url("../imagemagazin9/szecessziosvilagnapgyula2017/sarokfej3.jpg") repeat-x center top #d9e1d9;
   position: relative;
}
@media only screen and (min-width: 200px) and (max-width: 1000px) {
.pcim3 {  
   font-size: 24px;
   line-height: 24px;
   padding: 0 20px 0 20px;
}
#kiallitascim2018 img {
   width: 95%;
}
#kiallitascim2017 img {
   width: 95%;
}
.backtop2 {
   border: 0;
}
}