/* CSS Document */
html, body { margin:0; padding:0; font-family:Arial; color:#666666}
p{ text-align:justify; font-size:13px}
h2{ font-size:18px; color:#006699; border-bottom:#006699 solid 1px; font-weight:normal}
.rigth img{ width:100%}

@media (min-width: 1024px) {
	#wrapper{ width:1024px; margin:0 auto}
	.hearder-baniere{ width:100%; text-align:left}
	.img_resp{ width:1024px;}
	.header-menu ul li, .header-menu ul li a{ padding:10px 20px;  }
	.header-menu ul li{border-right:#FFFFFF solid 1px}
	.rigth{ width:30%; float:right}
	.left{width:65%; float:left} 
}
@media (min-width:768px) and (max-width: 1024px) {
	#wrapper{ width:95%; margin:0 auto}
	.hearder-baniere{ width:100%; text-align:left}
	.rigth{ width:30%; float:right}
	.left{width:65%; float:left}
	.header-menu ul li{border-right:#FFFFFF solid 1px}
	.header-menu ul li, .header-menu ul li a{ width:95%; padding:10px 20px;}
	.header-menu ul li{border-right: none; border-bottom:#FFFFFF solid 1px}
}
@media (min-width: 500px) and (max-width: 768px) {
	#wrapper{ width:95%; margin:0 auto}
	.rigth{ width:100%; float:none}
	.left{width:100%; float:none}
	.header-menu ul li{border-right: none; border-bottom:#FFFFFF solid 1px}
	.header-menu ul li, .header-menu ul li a{ width:95%; padding:5px 10px;}
	
}
@media only screen and (max-width: 500px) {
	#wrapper{ width:95%; margin:0 auto}
	.header-menu ul li, .header-menu ul li a{ width:95%; padding:5px 10px;}
	.rigth{ width:100%; float:none}
	.left{width:100%; float:none}
	.header-menu ul li{border-right: none; border-bottom:#FFFFFF solid 1px}
	.header-menu ul li, .header-menu ul li a{ width:95%; padding:5px 10px;}
}
.img_resp{ width:100%;}
#wrapper{ margin:0 auto}
.header-left{ text-align:left; padding:20px; background-color: #006699; color:#FFFFFF }
.header-menu ul{ text-align:left; margin:0; padding:0; background-color:#FF0000}
.header-menu ul li{ list-style-type:none; display:inline-table;  background-color:#FF0000; margin-right: -3px; }
.header-menu ul li a{ color:#003366; text-decoration:none; color:#FFFFFF}

.big-txt{ font-size:40px; }
.big-low-txt{ color:#FF0000; font-size:16px; font-weight:bold }
#camera_index{ height:250px !important; background-color:#006699; margin-bottom:30px !important; margin-top:-3px; border-bottom:#CCCCCC solid 1px}
.left, .rigth{ display:inline-table}


input{ width:100%; height:25px; margin-bottom:5px; color:#666666; font-size:16px}
textarea{ width:100%; height:150px; color:#666666; font-size:16px; font-family:Arial}
input.submit{ color:#FF0000; margin:20px 0; height:40px}
footer{ margin-bottom:20px}
.form-cnt{ margin-top:50px}
.form-ttle{ text-transform:uppercase; margin-bottom:10px; color:#FF0000;}
.articles-prgph{ padding-bottom:5px; margin-bottom:20px; }
.articles-prgph h3{ background-color:#FF0000; color:#FFFFFF; font-size:14px; padding:10px 3px; font-weight:normal; margin-bottom:0px}

.footer{ height:100px; background-color:#FF0000; color:#FFFFFF; text-align:center; line-height:100px}
