@charset "utf-8";
 body {
  background-color: #FFFFFF;
 }
 :link { color: blue; text-decoration: none; }
 :visited { color: blue; text-decoration: none; }
 :hover{ text-decoration: none!important; color: blue!important; font-weight: normal!important; }
 div.c2 {text-align: center; margin:20px;}
 div.c1 {text-align: left;}
 
 .wraper{width:1065px; margin:0 auto; padding:0!important;}
 .leftpanel{width:40%; float:left;}
 .rightpanel{width:20%; float:left;}
 .main{ width:40%; float:left;}
 .mfp-arrow-left { left: 20%; }
 .mfp-arrow-right { right: 20%; }
 input[type=image] {margin-bottom: 0px;}
  div.c2 .main form{
    margin-bottom:40px;
  }


@media only screen and (max-width:1229px) {

 .wraper{width:100%; margin:0 auto;}
 .leftpanel{width:40%;}
 .rightpanel{width:20%}
 .main{ width:40%;}
 .mfp-arrow-left { left: 20%; }
 .mfp-arrow-right { right: 20%; }

}
@media only screen and (max-width:1200px) {
.wraper{width:1065px; margin:0 auto;}
.leftpanel{width:40%;}
.rightpanel{width:20%}
.main{ width:40%;}
}

@media only screen and (max-width:1024px) {

 .wraper{width:100%; padding: 20px;}
 .leftpanel{width:40%}
 .rightpanel{width:20%}
 .main{ width:40%;}
.mainimage{width:100%;}
table td {font-size: 15px !important;} 
	}
@media only screen and (max-width: 800px) {

 .wraper{width:100%;}
 .leftpanel{width:100%}
 .rightpanel{width:50%; margin-top:-15px;}
 .main{ width:50%; margin-top:15px;}
.mainimage{width:100%;}
  table td {font-size: 12px !important;} 
@media only screen and (max-width: 768px) {
 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:50%; margin-top:15px;}
 .main{ width:50%; margin-top:15px;}
 .mainimage{width:100%;}
 .leftpanel table td strong font{ font-size:13px;}
 .leftpanel table { margin:0px auto !important; padding:0 !important;}
 .leftpanel table td{ margin:0px auto !important; padding:0 !important;}
  
 .rightpanel table td a img{ margin:0px !important;} 
  .rightpanel table{ width:162px !important;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height:auto !important;
    text-align: center;
}
}


@media only screen and (max-width: 685px) {

 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:50%; margin-top:15px;}
 .main{ width:50%; margin-top:15px;}
 .mainimage{width:100%;}
 .leftpanel table td strong font{ font-size:10px;}
 .leftpanel table { margin:0px auto !important; padding:0 !important;}
 .leftpanel table td{ margin:0px auto !important; padding:0 !important;}
  
 .rightpanel table td a img{ margin:0px !important;} 
  .rightpanel table{ width:162px !important;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height:auto !important;
    text-align: center;
}
}



@media only screen and (max-width: 600px) {
.wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:50%; margin-top:15px;}
 .main{ width:50%; margin-top:15px;}
 .mainimage{width:100%;}
 .leftpanel table td strong font{ font-size:10px;}
 .leftpanel table { margin:0px auto !important; padding:0 !important;}
 .leftpanel table td{ margin:0px auto !important; padding:0 !important;}
  
 .rightpanel table td a img{ margin:0px !important;} 
  .rightpanel table{ width:162px !important;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height:auto !important;
    text-align: center;
}
}
@media only screen and (max-width: 568px) {

 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:50%; margin-top:15px;}
 .main{ width:50%; margin-top:15px;}
 .mainimage{width:100%;}
 .leftpanel table td strong font{ font-size:10px;}
 .leftpanel table { margin:0px auto !important; padding:0 !important;}
 .leftpanel table td{ margin:0px auto !important; padding:0 !important;}
  
 .rightpanel table td a img{ margin:0px !important;} 
  .rightpanel table{ width:160px !important;}
  .rightpanel table td{margin:0px auto !important; padding:0 !important;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height:auto !important;
    text-align: center;
}
}

@media only screen and (max-width: 480px) {

 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:100%; margin-top:-15px;}
 .main{ width:100%; margin-top:15px;}
 .mainimage{width:100%;}
 .leftpanel table td strong font{ font-size:10px;}
 .leftpanel table { margin:0px auto !important; padding:0 !important;}
 .leftpanel table td{ margin:0px auto !important; padding:0 !important;}
  
 .rightpanel table td a img{ margin:0px !important;} 
  .rightpanel table{ width:160px !important;}
  .rightpanel table td{margin:0px auto !important; padding:0 !important;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height:auto !important;
    text-align: center;
}
}


@media only screen and (max-width: 380px) {

 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:100%; margin-top:-15px;}
 .main{ width:100% !important; margin-top:15px;}
 .mainimage{height:300px; width:100%;}
  .rightpanel table{ width:100% !important;}
 
 table td {font-size: 12px !important;} 
div.c2 {
    min-height: 280px;
    text-align: center;
}
}


@media only screen and (max-width: 320px) {

 .wraper{width:100%;}
 .leftpanel{width:100%;}
 .rightpanel{width:100%; margin-top:-15px;}
 .main{ width:100% !important; margin-top:15px;}
 .mainimage{height:300px; width:100%;}
  .rightpanel table{ margin: 0 auto;}
 .popup-gallery{ width: 50%; margin: 0 auto; margin-top: 10px;}
 table td {font-size: 12px !important;} 
div.c2 {
    min-height: 280px;
    text-align: center;
}
}/* CSS Document */