/***********************************************
Example use only - Delete when done..!
***********************************************/
body {
	/*margin: 0;*/
}
.grid-highlight {
	margin-bottom: 5px;
}
.grid-highlight [class^="grid_"] {
	line-height: 30px;
	text-align: center;
	background-color: #F1F1F1;
}
/***********************************************
Screen 1200px+
***********************************************/
.example {
}

/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {
.example {
}
	.caras {
	width: 33.33333333% !important;
		float: left !important;
	}
}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {
.example {
}
	.caras {
	width: 33.33333333% !important;
		float: left !important;
	}
.txtcenter, .text-right {
	text-align:center;
}
}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {
.esconde {
	display: none;
}
	.caras {
	width: 33.33333333% !important;
		float: left !important;
	}
	.encuesta {
		padding: 10px;
	}
	.encuesta h2 {
		font-size: 15px;
		line-height: normal;
	}
	.backgroundColor h2 {
		font-size: 15px;
		line-height: normal;
	}
.txtcenter, .text-right {
	text-align:center;
}
}

/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.esconde {
	display: none;
}
	.caras {
	width: 33.33333333% !important;
		float: left !important;
	}
.txtcenter, .text-right {
	text-align:center;
}

}