/* CSS Document */
/* Font */
@font-face {
    font-family: 'CalistoMTStdBold';
    src: url('../fonts/calistomtstd-bold-webfont.eot');
    src: url('../fonts/calistomtstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         
         url('../fonts/calistomtstd-bold-webfont.svg#CalistoMTStdBold') format('svg'),
         url('../fonts/calistomtstd-bold-webfont.woff') format('woff'),
         url('../fonts/calistomtstd-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Clear */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
sup {
vertical-align: super;
font-size: smaller;
}
i,em{
font-style: italic;
}
strong{
font-weight:bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  overflow-x: hidden;
	line-height: 1;
	font-family: arial, Helvetica,sans-serif; 
	
}
ol, ul {
	list-style: none;
}
blockquote {
 
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body{
font-family: "arial", "Helvetica", sans-serif;
line-height:1;
color:#595959;
font-size:13px;
background:#300018;
}






/* Defaults */
h1,h2,h3,h4{
line-height:1.3em;
}

h5{
line-height:1.5em;
}

h1{
font-size:22px;
}

h2{
font-size:20px;
}

h3{
font-size:18px;
}

h4{
font-size:16px;
font-weight:bold;
}

h5{
font-size:16px;
}

a{
color:#63024a;
text-decoration:underline;
}

a:hover{
color:#901860;
}

p{
padding-bottom:1em;
line-height:1.5em;
}

hr{
height:0px;
font-size:0px;
background:transparent;
border:0 none;
color:#fff;
width:100%;
clear:both;
}


ul{
list-style-position: inside;
list-style-type: disc;
padding-left:1em;
}

ol{
list-style-position: inside;
list-style-type: decimal;
padding-left:1em;
}

li{
line-height:1.5em;
display:list-item;

}

ul ul, ol ul{
padding-left:1em;
list-style-type: square;
}

nav ul ul,nav  ol ul{
padding-left:0em;
list-style-type: square;
}

ol ol, ul ol{
padding-left:1em;
list-style-type: upper-alpha;
}

.title{
  padding-bottom:0.5em;
  display:inline-block;
}



.upper{
text-transform:uppercase;
}

/* Header */
      header{
        
        color:#1c1c1c;

      }
      
  
/* Footer */
footer{
padding:16px;
color:#fff;
}

footer a{
color:#c6bea9;
}

.floatRight{
float:right;
}

.floatLeft{
float:left;
}


.hide{

}

nav .hide{
clear:both;
padding:16px 16px;
}

.select,input{
border:2px #3b1149 solid;
font-size:18px;
}

nav form div.range,nav form div.select,nav form div.checkbox{
margin-bottom:16px;
}

nav form{
padding-bottom:16px;
}


nav label.checkbox{
padding-right:20px;

}

label{
font-size:18px;

}


.btn{
cursor:pointer;
color:#8e1960;
font-size:18px;
padding:0px 35px 0px 10px;
text-transform:uppercase;
  background-color: #cebe98;
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1d5bc), to(#cebe98));
  
  /* Safari 5.1, Chrome 10+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -webkit-linear-gradient(top, #e1d5bc, #cebe98);
  
  /* Firefox 3.6+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -moz-linear-gradient(top, #e1d5bc, #cebe98);
  
  /* IE 10 */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -ms-linear-gradient(top, #e1d5bc, #cebe98);
  
  /* Opera 11.10+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -o-linear-gradient(top, #e1d5bc, #cebe98);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight:bold;
  height:37px;
  line-height:37px;
}

.btnPurple{
cursor:pointer;
color:#fff;
font-size:10px;
padding:2px 10px 2px 10px;
text-transform:uppercase;
  background-color: #8f1860;
  background-repeat: repeat-x;
text-decoration:none;
  /* Safari 4-5, Chrome 1-9 */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f1860), to(#610048));
  
  /* Safari 5.1, Chrome 10+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -webkit-linear-gradient(top, #8f1860, #610048);
  
  /* Firefox 3.6+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -moz-linear-gradient(top, #8f1860, #610048);
  
  /* IE 10 */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -ms-linear-gradient(top, #8f1860, #610048);
  
  /* Opera 11.10+ */
  background: url(../img/Arrows/Right/purpleBig.png) no-repeat 90% center, -o-linear-gradient(top, #8f1860, #610048);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight:bold;
  line-height:20px;
  display:inline-block;
}

.btnPurple:hover{
color:#fff;
background: #8f1860;
}


/* Logó */
      .logo{
        line-height:1em;
        color:#fcfcfc;
        font-family:CalistoMTStdBold, arial, Helvetica, sans-serif;
        font-size: 14px;
        width:100%;
        text-align:center;
        padding:16px 0;
      }
      
      .logo h3{
        line-height:1.4em;
        color:#ababab;
        font-family:CalistoMTStdBold, arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align:center;
      }
      
      .logo .slogen{
        line-height:1.8em;
        text-align:center;
      }
      
      .logo a{
        font-size:30px;
        color:#fcfcfc;
        text-decoration:none;
        text-align:center;
      }
      
      .logo .call, .logo .call a{
        line-height:1.8em;
        color:#fbfbfb;
        font-size:16px;
        text-transform:uppercase;
      }
      
      
      
nav{
text-align:center;
color:#e8e8e8;
font-size:16px;
}

.nav{
padding:0;
margin:0;
}

nav .nav li, .selects li{
-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
margin:10px;
display:block;
text-align:left;
background-color: #8b1a60;

}

nav .nav li a,nav .nav li span , .selects li a{
text-align:left;
padding-left:17px;
padding-right:17px;
display:inline-block;
}

nav .nav li a{
text-transform:uppercase;
padding:16px 17px;
display:block;
color:#fbfbfb;
font-size:22px;
background:url(../img/Arrows/Right/white.png) 95% center no-repeat;
text-decoration:none;

}


  


nav .nav .gradient, nav .nav .tempGradient {
  /* fallback */
  background-color: #742160;
  background-repeat: repeat-x;
  margin-bottom:20px;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#742160), to(#300018));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #742160, #300018);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #742160, #300018);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #742160, #300018);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #742160, #300018);
}

.selects{
padding:0;
margin:0;
}

.selects li {
  /* fallback */
  background-color: #818181;
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#818181), to(#4f4f4f));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #818181, #4f4f4f);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #818181, #4f4f4f);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #818181, #4f4f4f);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #818181, #4f4f4f);
}


.selects li a{
text-transform:uppercase;
padding:16px 17px;
display:block;
color:#fff;
font-size:16px;
background:url(../img/Arrows/Right/white.png) 95% center no-repeat;
text-decoration:none;

}


.selects li li{
    background: #818181;
    font-weight:bold;
}

.selects li ul{
padding-bottom:20px;
}

.selects li span.value{
color:#e7ddc1;
float:right;
margin-right:5%;
}

















/* LeftSide */
.leftSide{
width:676px;
float:left;
padding-left:14px;
position:relative;
}

.contentDiv .leftSide{
padding-top:24px;
}

.row{

float:left;

width:100%;
}


ul.params{
list-style-type: none;
padding-left:0;
list-style-position: outside;
line-height:1.2em;
color:#595959;
padding-bottom:0.5em;
}

ul.params li{
line-height:1.2em;
}

ul.params .floating_text_right{
padding-right:4px;

}

.leftBox .params{
padding:0.5em 0;
}



ul.keywords{
list-style-type: none;
padding-left:0;
list-style-position: outside;
}

ul.keywords li a{
color:#595959;
line-height:1.5em;
text-decoration:none;
}

ul.keywords li a:hover{
text-decoration:underline;
}


/* Sort */
.sort ul li a{
padding:0;
}
.sort ul li a img{
display:inline-block;
vertical-align: top;
}


/* Pager */
p.justify{
text-align:justify;
}
p.justify span.spacer {
 display: inline-block;
        position: relative;
        width: 100%;
        height: 0;
}


div.pager{
clear:both;
width:100%;
color:#a09e9c;
text-decoration:none;
text-transform:uppercase;
}



div.pager p{
line-height:1.2em;
padding-bottom:0em;
}
     
.pager a{
color:#fff;
text-decoration:none;
}

div.bodyContent .pager a{
color:#210538;
}

div.bodyContent .pager a.number{
color:#691c54;
padding:6px 10px;
margin-left:5px;
margin-right:5px;
}

div.bodyContent .pager a.number:hover, div.bodyContent .pager a.active{
background-color:#e7ddc1;
}



.previous{
display:inline-block;
padding-left:18px;
background:url(../img/Arrows/Left/greyBig.png) left center no-repeat;
}

.next{
display:inline-block;
padding-right:18px;
background:url(../img/Arrows/Right/greyBig.png) right center no-repeat;
}


.up{
display:inline-block;
padding-right:18px;
background:url(../img/Arrows/Up/greyBig.png) right center no-repeat;
}



a.previous{
display:inline-block;
padding-left:18px;
background:url(../img/Arrows/Left/whiteBig.png) left center no-repeat;
}

a.next{
display:inline-block;
padding-right:18px;
background:url(../img/Arrows/Right/whiteBig.png) right center no-repeat;
}

a.up{
display:inline-block;
padding-right:18px;
background:url(../img/Arrows/Up/whiteBig.png) right center no-repeat;
}





.bodyContent a.previous{
display:inline-block;
padding-left:18px;
background:url(../img/Arrows/Left/darkPurple.png) left center no-repeat;
}

.bodyContent a.next{
display:inline-block;
padding-right:18px;
background:url(../img/Arrows/Right/darkPurple.png) right center no-repeat;
}


/* BodyContent */

div.bodyContent{

margin:10px;
clear:both;
overflow: hidden;
  color:#595959;
  font-size:13px;
}


div.bodyContent .title{
font-size:13px;
padding-top:10px;
padding-bottom:12px;
}

div.bodyContent .floatFix{
float:left;
width:100%;
background-color:#fff;
-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* Brown Box */
.brownBox{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background:#e7ddc1;
  margin-bottom:16px;
}

div.bodyContent .brownBox .paddingFix{
padding:16px;
}



div.bodyContent input,div.bodyContent textarea{
border:1px solid #d6cdb3;
font-size:11px;
color:#595959;
width:99%;
padding:3px;
margin-bottom:0.6em;

}


div.bodyContent .brownBox input{
font-size:16px;
padding:5px;
}

div.bodyContent .brownBox textarea{
font-size:16px;
padding:5px;

}

div.bodyContent input.checkbox,div.bodyContent input.radio{
width:13px;
height:13px;
padding:0;
margin:0;
font-size:13px;
line-height:13px;
}

div.bodyContent .paddingFix{
padding:16px 16px;
}


div.bodyContent .content{
  text-align: left;
width:230px;
margin-right:0px;
display:inline-block;
vertical-align: top;
overflow: hidden;
}

div.bodyContent .content a.title,div.bodyContent .content ul,div.bodyContent .content p{

}



div.bodyContent .content .btnPurple{
width:auto;
}

div.bodyContent .last{
margin-right:0px;
}

@media screen and (orientation:portrait) {
   /* Landscape styles here */
   div.bodyContent .content{
        margin-right:0px;
    }
}

div.bodyContent .content p{

padding-bottom:0px;
}

/* Row */
.row{
  clear:both;
  text-align: center;
}



/* LeftBox */
.leftBox{
width:218px;
padding-right:10px;
float:left;
}

.last{
padding-right:0;
}


/* RightBox */
.rightBox{
  width:242px;
  position:relative;
  display:block;
  float:left;
  margin-bottom:1em;

}

.rightBox div.content{
  background:#f2f2f2;
  padding:14px;
}

.rightBox hr{
   color:#f2f2f2;
}











/* Tn imagelink */
a.imageTnMicro{
padding:4px;
border:1px #e6e6e6 solid;
display:inline-block;
cursor: pointer;
background-color:#fff;
}
a.imageTn{
padding:5px;
background: #f3f3f3;
display:inline-block;
cursor: pointer;
}

a.image{
padding:8px;
background: #f3f3f3;
display:inline-block;
position:relative;
cursor: pointer;
}






/* Select */

select{
background:transparent;
border:0px none;
line-height:1em;
padding:0;
margin:0;
width:100%;
font-size:18px;
display:inline;
color:#3b1149 ;
}

select option{
border:0px none;
font-size:18px;
}

.select{
/* border:1px solid #cccccc; */
width:100%;
height:28px;
text-indent:0em;
font-size:18px;
display:block;
background-color:#fff;
color:#595d5e;
padding-top:3px;
padding-left:6px;
}

.select .container{
border: 0;
position: relative; width: 100%; height: 27px; overflow: hidden;
}

.select select{

color: #3b1149 ; background: #fff;
position: absolute; width: 100%; top: -2px; left: -2px;
}





/* Range selects */
.range{
clear:both;
text-align:justify;
}


.range  .halfLeft{
width:48%;
display:inline-block;
float:left;
}

.range  .halfRight{
width:48%;
display:inline-block;
float:right;
}


input.text{
font-size:1em;
}

input.checkbox,input.radio { 
font-size: 18px;
height: 18px;
line-height: 18px;
width: 18px;

}




.checkboxContainer input.checkbox,.checkboxContainer input.radio, .hide input.checkbox,.hide input.radio{
clear:left;
}




/* body div */
div.body{
font-size:14px;

color:#fff;
margin:10px;
padding:16px 16px 0px 16px;
-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #742160;
  background-repeat: repeat-x;
  margin-bottom:0px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#742160), to(#300018));
  background: -webkit-linear-gradient(top, #742160, #300018);
  background: -moz-linear-gradient(top, #742160, #300018);
  background: -ms-linear-gradient(top, #742160, #300018);
  background: -o-linear-gradient(top, #742160, #300018);
}

.gold{
color:#e7ddc1 !important;
}



/* Dotted filler */
      .filler{
        background: url(../img/Dots/miniDot.png) bottom left repeat-x;
        width:100%;
        display:inline-block;
      }
      .floating_text_left {
        background-color:#fff;
        display:inline-block;
        float:left;
      }
      .floating_text_right {
        
        background-color:#fff;
        display:inline-block;
        float:right;
      }
      
    
  
      
      
      /* Extra colors */
      
      .redFont{
        color:#b01114 !important;
      }
      
      .lightGreyFont{
        color:#ababab !important;
      }
      
      .purpleFont{
        color:#610048 !important;
      }
      
      .lightPurpleFont{
        color:#c696c3 !important;
      }
      
      
      .backToTop{
        color:#a09e9c;
        text-decoration:none;
      }
      
      
      .nopadding{
        padding:0;
      }
      
      .plusButton{
      background: url(../img/kereszt.png) left center no-repeat;
      text-transform:uppercase;
      padding:5px 0 5px 28px;
      color:#4d4d4d;
      }
      
      
      /* TopBar */
      
      .topBar{
        height:43px;
        line-height:43px;
        padding:0 14px;
      }
      
      .topBar .path{
        float:left;
        line-height:46px;
      }
      
      .topBar .shares{
        float:right;
      }
      .shares{
        padding-top:6px;
      }
      .shares,.shares a{
        font-size:13px;
        line-height:37px;
        text-transform:uppercase;
        
      }
      
      .shares a{
        display:inline-block;
        height:37px;
        text-decoration:none;
        background:#fff;
        padding:0 40px 0 14px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color:#6b6b6b;
      }
      
      .shares a:hover{
        color:#000;
      }
      
      .shares .fav{
        background: #e8eae9 url(../img/Shares/fav.png) right center no-repeat;
      }
      
      .shares .save{
        background:#fff url(../img/Shares/save.png) right center no-repeat;
      }
      
      .shares .print{
        background:#fff url(../img/Shares/print.png) right center no-repeat;
      }
      
      .shares .share{
        background:#fff url(../img/Shares/share.png) right center no-repeat;
      }
      
      .greyBg{
        background-color:#e8eae9;
      }
      
      .path, .path a{
        color:#c4c4c4;
        text-decoration:none;
      }
      
      .path a:hover{
      text-decoration:underline;
      }
      
      
      
      /* Gallery */
      .gallery{
      clear:both;
      float:left;
      width:100%;
      padding-bottom:13px;
      }
      
      
      .TNs a.imageTnMicro{
      margin-bottom:3px;
      }
      
      
      
      
      .mask { 
  position:absolute; 
  z-index:9000; 
  background-color:#000; 
  display:none;
  left:0;
  top:0; 
} 

.boxes a{
padding:0 !important;
}

.boxes .window .close{
text-indent:-5000px;
overflow:hidden;
font-size:3px;
display:block;
position:absolute;
right:5px;
top:5px;
background:url(../img/closeBtn.gif) no-repeat;
width:17px;
height:17px;
}
    
.boxes .window { 
  position:absolute; 
  width:80%; 
  font-size:12px;
  display:none; 
  z-index:9999; 
  padding:20px; 
  background:#fff;
  border:#e5e5e5 3px solid;
-moz-border-radius: 6px;
 -webkit-border-radius:  6px;
 border-radius:  6px;
 padding:20px 10px;
 float:left;

} 

.boxes .window table{
width:100%;

}

.boxes .window table tr td, .boxes .window table tr th{
padding-bottom:15px;

}

.boxes .title{
clear:both;

color:#1f1f1f;
}

.boxes ul{
clear:both;
float:left;
width:100%;
}

.boxes span{
padding:0px !important;
}
  
.boxes ul li ,.boxes ul li a{
font-size:14px !important;
line-height:1.5em !important;
padding:3px 5px;
float:left;
background-image: none;
}
  
/* Customize your modal window here, you can add background image too */
.boxes .dialog { 
  width:375px;  
  height:203px; 

} 


.boxes span.title{

font:20px/25px  'BebasNeueRegular', Arial, sans-serif;
margin-bottom:10px;
}

     
      
.contentAdatlap article{
line-height: 1.5em;

}

.contentAdatlap article ul{
padding-bottom: 1em;
}

.contentAdatlap article h2, .contentAdatlap article h3, .contentAdatlap article h4, .contentAdatlap article h1{
padding-bottom: 0.5em;
}
      
      
.attention{
    color:red;
    font-size:29px;
    font-weight:normal;
  }