/* Lista de categorias */
body.page-encuestas {
}
	.wrapper-encuestas {
	}
		.wrapper-encuestas div.column-content {
			display: block;
			width: 640px;
			float: left;
		}
			.wrapper-encuestas div.column-content div#content-description {
				display: block;
				clear: both;
				float: left;
				width: 500px;
				margin: 15px 0 0 30px;
			}
			.wrapper-encuestas div.column-content table.views-table {
				border: 0;
				border-spacing: 0;
			}
				.wrapper-encuestas div.column-content table.views-table tbody {
					border: 0;
				}
					.wrapper-encuestas div.column-content table.views-table tr th,
					.wrapper-encuestas div.column-content table.views-table tr td {
						border: 0;
					}
						.wrapper-encuestas div.column-content table.encuesta_single {
							width: 500px;
							border: 0;
							border-spacing: 0;
						}
							.wrapper-encuestas div.column-content table.encuesta_single a.link_to_webform {
								display: block;
								float: right;
								width: 180px;
								height: 26px;
								padding-top: 10px;
								text-align: center;
								border: 1px solid #4C887E;
								background-color: #0E6052;
								color: #FFFFFF;
							}
		.wrapper-encuestas div.column-sidebar {
			display: block;
			width: 330px;
			float: right;
		}
			.wrapper-encuestas  div.column-content h2.pane-title {
				display: block;
				clear: both;
				width: 541px;
				height: 32px;
				color: #428071;
				background-color: transparent;
				background-image: url('../images/encuestas/bg_content_title.png');
				background-repeat: no-repeat;
			}
			.wrapper-encuestas  div.column-sidebar h2.pane-title {
				display: block;
				clear: both;
				width: 322px;
				height: 32px;
				color: #428071;
				background-color: transparent;
				background-image: url('../images/encuestas/bg_sidebar_title.png');
				background-repeat: no-repeat;
			}
/* Vista interna */
body.node-type-encuesta {
}
	body.node-type-encuesta form.webform-client-form {
	}
		body.node-type-encuesta form.webform-client-form fieldset {
			background-color: transparent;
			border: 0;
			border-radius: 0;
			margin: 0;
			padding: 0;
		}
			body.node-type-encuesta form.webform-client-form fieldset legend {
				background-color: #E3E4E6;
				border: 0;
				border-radius: 0;
				color: #1E5047;
				display: block;
				height: 2em;
				left: -1px;
				padding: 0;
				width: 100%;
			}
				body.node-type-encuesta form.webform-client-form fieldset legend span {
					text-shadow: 0;
				}
			body.node-type-encuesta article.node-encuesta label {
				font-size: .7em;
				font-weight: normal;
			}
			body.node-type-encuesta article.node-encuesta input {
				border-width: 1px;
				border-color: #689389;
			}
			body.node-type-encuesta article.node-encuesta select {
				border-width: 1px;
				border-color: #689389;
			}
				body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
					clear: both;
					display: block;
					width: 660px;
					margin: 0 auto;
					border: 1px solid #989898;
				}
					body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios div.form-item {
						margin-top: 0;
						margin-bottom: 0;
						padding: 5px 10px;
						border-bottom: 1px solid #989898;
					}
						body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios div.form-item:nth-child(odd) {
							background-color: #FFFFFF;
						}
						body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios div.form-item:nth-child(even) {
							background-color: #D3E2DB;
						}
							body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios input.form-radio {
								display: block;
								width: 110px;
								float: right;
							}
			body.node-type-encuesta article.node-encuesta p {
				font-size: .7em;
			}
			
			body.node-type-encuesta article.node-encuesta table.webform-grid {
				
			}
				body.node-type-encuesta article.node-encuesta table.webform-grid tr th,
				body.node-type-encuesta article.node-encuesta table.webform-grid tr th a,
				body.node-type-encuesta article.node-encuesta table.webform-grid tr th a:hover {
					color: #000000;
					font-weight: bold;
					background-color: #CCCCCC;
				}
				body.node-type-encuesta article.node-encuesta table.webform-grid tr.odd {
					background-color: #FFFFFF;
				}
				body.node-type-encuesta article.node-encuesta table.webform-grid tr.even {
					background-color: #D3E2DB;
				}
				
			body.node-type-encuesta form.webform-client-form input.form-submit.ajax-processed {
				background: url("/sites/all/themes/responsive_bartik_imss/images/buttons.png") repeat-x scroll 0 0 #fff;
				border-image: none;
				border-radius: 15px;
				border-style: solid;
				color: #3a3a3a;
				cursor: pointer;
				font-size: 0.8em;
				font-weight: normal;
				padding: 4px 17px;
				text-align: center;
			}
			
			body.node-type-encuesta form.webform-client-form input.webform-submit {
				clear: both;
				display: block;
				border: 0;
				width: 150px;
				height: 40px;
				margin: 0 auto;
				background-color: transparent;
				background-image: url('../images/encuestas/bg_btn-webform-submit.png');
				
				font-size: 0;
				color: transparent; /* Fix for Firefox */
				line-height: 0 !important;
			}
			
			body.node-type-encuesta div.form-actions input.webform-previous,
			body.node-type-encuesta div.form-actions input.webform-next {
				cursor: pointer;
				font-weight: normal;
				text-align: center;
				margin-bottom: 1em;
				margin-right: 0.6em;
				padding: 4px 17px;
				
				border: 1px solid #4C887E;
				border-radius: 0;
				background-color: #0E6052;
				background-image: none;
				color: #FFFFFF;
			}
			
			a.link_to_webform_home {
				display: block;
				float: left;
				width: 180px;
				height: 26px;
				padding-top: 10px;
				text-align: center;
				border: 1px solid #4C887E;
				background-color: #0E6052;
				color: #FFFFFF;
			}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 80%;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 80%;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 80%;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 80%;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 660px;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 660px;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 660px;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 660px;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	body.node-type-encuesta form.webform-client-form div.webform-component-radios div.form-radios {
		clear: both;
		display: block;
		width: 660px;
		margin: 0 auto;
		border: 1px solid #989898;
	}
}