@media (max-width:640px){
.col1 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.col2 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.col2sub1 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.col2sub2 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

}

@media (min-width:641px){
.col1 {
	width: 300px;
	min-height: 300px;
	float: left;
	margin-right: 50px;
}
.col2sub1 {
	width: 300px;
	float: left;
}
.col2sub2 {
	width: 480px;
	float: left;
	margin-left: 40px;
}


.col2 {
	width: 820px;
	min-height: 300px;
	float: left;
}





}

.cuadroIzqServ {
	background-color: #F8F8F8;
	border-radius: 1px;
	border: 1px solid #DBDBDB;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}