@charset "utf-8";
/* CSS Document */
body  { 
background:url(../images/gerappa_bg1.jpg) no-repeat center top;
background-color:#f3c1ba;
		color: #FFF;
		font-family:Verdana, Geneva, sans-serif;
		text-align: justify;
		line-height: 15px;}
h3 {font-weight:700; text-align:center}
.img-responsive{width:100%;}
#kapcsolatcont {margin-top:253px}
#mainpic{padding-right:0px; padding-left:0px; text-align:-moz-center;text-align:-webkit-center;}
table td {padding:0px; border:none}
#main img {margin-bottom:5px;}
.bgin  { 
	background: -moz-linear-gradient(top,  rgba(65,35,35,0.2) 0%, rgba(65,35,35,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,35,35,0.2)), color-stop(100%,rgba(65,35,35,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(65,35,35,0.2) 0%,rgba(65,35,35,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(65,35,35,0.2) 0%,rgba(65,35,35,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(65,35,35,0.2) 0%,rgba(65,35,35,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(65,35,35,0.2) 0%,rgba(65,35,35,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d412323', endColorstr='#85412323',GradientType=0 ); /* IE6-8 */
border: 0px solid rgb(244, 225, 210);
border-bottom-color:rgba(0, 0, 0, 0.2);
border-top-color:rgba(0, 0, 0, 0.2);
border-left-color:rgba(0, 0, 0, 0.2);
border-right-color:rgba(0, 0, 0, 0.2);
border-width:16px;
border-style:solid;
    -webkit-background-clip: padding-box; 
    background-clip: padding-box;}
#mtext {padding:8px; }
#conttext { font-family: Verdana, Geneva, sans-serif;padding: 10px;}
#conttext h4 { text-align:center; font-weight:700 }   /*pt-sans-narrow, sans-serif; font-weight:700*/
#conttext h3 { font-weight:800} 
#maintextr {font-family: Verdana, Geneva, sans-serif;position:relative; z-index:2;top: -35px;}
#maintextr h3 {font-weight: 800}
.imgbox {width:190px;  float: left; text-align:center; margin:5px; padding:5px}
 /*****************new********/
 @media (max-width: 479px) {
	 #main_xs .col-xs-6 { padding-left:3px; padding-right:3px;}
	body {background:url(../images/mobil_bg1.jpg) no-repeat top;background-size:100%; background-color:#f07d6a}
	#kapcsolatcont {margin-top:51px}
#headercxs12 {padding-left:0px; padding-right:0px}
  #menusor {float:none;}
  #maintext {margin-top: -3%; }
  #maintextkapcs {margin-top: -2px;}
  #maintextr {top: -16px;}
	.bgin {border-width:8px; }
 }
 /*************************new***************************/
@media (min-width: 480px) and (max-width: 767px) {
	#main_smg .col-ms-12 { padding-left:0px; padding-right:0px;}
	#tovabb { margin-top:10px}
	#kapcsolatcont {margin-top:240px}
	#mainpic img {width:100%}
  #headercxs12 {padding-left:0px; padding-right:0px}
  #menusor {float:none;}
  #maintext {margin-top: -3%;}
  #maintextkapcs {margin-top:-4px;}
  #maintextr {top: -35px;}
  #logo {margin-left:0px}
  #main_smg .col-xs-6 {padding-left:6px; padding-right:6px} 
  .bgin {border-width:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#kapcsolatcont {margin-top:277px}
	.imgbox {width:223px; }
	#maintextr { top:-23px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#mainpic{ margin-left:0%;}
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0px;
  border-top: none;
}
.table-responsive { border:none}
.input-sm {height: 24px;}
label {margin-left: 15px;}