@import url('header.css?v=20102018_2');

body {
	margin: 0;
	overflow-x:hidden;
	background-color:#fff;
	font-family: Arial;
	font-size:14px;
}

a:link {
	color:#666;
	text-decoration:none;
}
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}
a:active {
	color:#666;
	text-decoration:none;
}

input[type=text] {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

img{
    vertical-align: middle;
}

textarea {
	resize: none;
}

input[type=radio] {
	vertical-align:middle;
	margin-top:-2px;
}

#ajax_gallery img {
	max-width:100%;
	height: auto;
}

#main {
	text-align: center;
}

#main button {
    width:100px;
    height: 20px;
    padding: 0 10px 0 10px;
    color: #fff;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 8px;
}

#content {
	max-width:1200px;
	margin:0 auto;
	font-family:Arial;
	line-height:25px;
}

#content .col {
	width:100%;
	text-align: center;
	display:inline-block;
	overflow:hidden;
}

#content  .col_l, #content  .col_r, #content  .col_l2, #content  .col_r2, #content  .col_r3  {
	float: left;
	text-align: left;
	display:inline-block;
}

@media screen and (max-width: 1199px) {
	#content {
		padding: 0 20px 0 20px;
	}
}

@media screen and (max-width:499px) {
	#content {
		font-size:12px;
	}
	#content  .col_l {
		width:100px
	}
	#content  .col_r {
		width:200px;
	}
	#content  .col_l2 {
		width:250px
	}
	#content  .col_r2 {
		width:50px;
	}
	#content  .col_r3 {
		width:200px;
	}
	#wtsapp_space {
		display:none;
	}
	#wtsapp_col {
		display:inline-block;
	}
}

@media screen and (min-width: 500px) {
	#content {
		font-size:14px;
	}
	#content  .col_l {
		width:120px
	}
	#content  .col_r {
		width:250px;
	}
	#content  .col_l2 {
		width:300px
	}
	#content  .col_r2 {
		width:100px;
	}
	#content  .col_l3 {
		width:120px
	}
	#content  .col_r3 {
		width:300px;
	}
	#wtsapp_space {
		display:inline-block;
	}
	#wtsapp_col {
		display:none;
	}
}
