/* Diseño móvil: 480 px e inferior. */
@media only screen and (max-width: 481px) {
/********************************* Tabla de datos ********************************************/
#filtro_tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#filtro_tabla th {
	background: #EDEDED;
	vertical-align: text-top;
	text-align:center;
	vertical-align:bottom;
	font-size: 11px;
}	
#filtro_tabla td {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 11px;
	vertical-align:middle;
	text-align:center;
}
#filtro_tabla .iconoAdmin {
	width:15px;
	height:15px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .iconoAdmin:hover {
	opacity:0.6;
}
#filtro_tabla a .img_order {
	display:inline-block;
}
#filtro_tabla a .img_order img {
	border: 0px;
	width: 10px;
	height: 5px;
}
#filtro_tabla .order_txt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 11px;
	color:#566473;
	font-weight:bold;
	text-decoration:underline;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .order_txt:hover {
	color:#e57d7d;
	text-decoration:none;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#f7f7f7;
}	
/********************************* Paginación ********************************************/
#pagination {
	position:relative;
	width:100%;
}
#pagination .pagNumContent {
	position:relative;
	display:inline-block;
}
#pagination .pagNumContent .pagNum {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
    font-size: 11px;
    padding: 1px 6px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 3px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#e57d7d;
	color:#fff;
}
#pagination #pagPagina {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 11px;
	top:-6px;
}
#pagination #pagPagina .inputPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:22px; 
	width:22px; 
}
#pagination #pagPagina .inputPag {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 11px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#pagination #pagPagina .inputPag:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination #pagPagina .inputPag::-webkit-inner-spin-button, 
#pagination #pagPagina .inputPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination #pagPagina .inputPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 11px;
	padding:0 6px 0 6px;
}
.registrosTabla .inputNoPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:22px; 
	width:60px; 
}
.registrosTabla .checkFiltrar {
	font-family: 'Open Sans Condensed', sans-serif;
	height:16px; 
	width:16px; 
}
.registrosTabla .inputNoPag, .registrosTabla .checkFiltrar {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 11px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.registrosTabla .inputNoPag:focus, .registrosTabla .checkFiltrar:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla .inputNoPag::-webkit-inner-spin-button, 
.registrosTabla .inputNoPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla .inputNoPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* ui-multiselect ********************************************/
.ui-multiselect.style {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 10px;
}
/* === Formulario en tabla === */
.inputTextTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:12px;
	height:20px; 
	width:80%; 
}
.selectTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:12px;
	height:20px; 
	width:80%; 
	text-align-last: center; 
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center; 
}
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {
/********************************* Tabla de datos ********************************************/
#filtro_tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#filtro_tabla th {
	background: #EDEDED;
	vertical-align: text-top;
	text-align:center;
	vertical-align:bottom;
	font-size: 14px;
}	
#filtro_tabla td {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	vertical-align:middle;
	text-align:center;
}
#filtro_tabla .iconoAdmin {
	width:15px;
	height:15px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .iconoAdmin:hover {
	opacity:0.6;
}
#filtro_tabla a .img_order {
	display:inline-block;
}
#filtro_tabla a .img_order img {
	border: 0px;
	width: 10px;
	height: 5px;
}
#filtro_tabla .order_txt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	color:#566473;
	font-weight:bold;
	text-decoration:underline;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .order_txt:hover {
	color:#e57d7d;
	text-decoration:none;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#f7f7f7;
}	
/********************************* Paginación ********************************************/
#pagination {
	position:relative;
	width:100%;
}
#pagination .pagNumContent {
	position:relative;
	display:inline-block;
}
#pagination .pagNumContent .pagNum {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
    padding: 2px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 3px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#e57d7d;
	color:#fff;
}
#pagination #pagPagina {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
	top:-8px;
}
#pagination #pagPagina .inputPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:26px; 
	width:26px; 
}
#pagination #pagPagina .inputPag {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 14px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#pagination #pagPagina .inputPag:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination #pagPagina .inputPag::-webkit-inner-spin-button, 
#pagination #pagPagina .inputPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination #pagPagina .inputPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
	padding:0 8px 0 8px;
}
.registrosTabla .inputNoPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:26px; 
	width:70px; 
}
.registrosTabla .checkFiltrar {
	font-family: 'Open Sans Condensed', sans-serif;
	height:18px; 
	width:18px; 
}
.registrosTabla .inputNoPag, .registrosTabla .checkFiltrar  {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 14px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.registrosTabla .inputNoPag:focus, .registrosTabla .checkFiltrar:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla .inputNoPag::-webkit-inner-spin-button, 
.registrosTabla .inputNoPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla .inputNoPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* ui-multiselect ********************************************/
.ui-multiselect.style {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 12px;
}
/* === Formulario en tabla === */
.inputTextTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	height:22px; 
	width:80%; 
}
.selectTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	height:22px; 
	width:80%; 
	text-align-last: center; 
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center; 
}
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {
/********************************* Tabla de datos ********************************************/
#filtro_tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#filtro_tabla th {
	background: #EDEDED;
	font-size: 18px;
	vertical-align: text-top;
	text-align:center;
	vertical-align:bottom;
}	
#filtro_tabla td {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	vertical-align:middle;
	text-align:center;
}
#filtro_tabla .iconoAdmin {
	width:15px;
	height:15px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .iconoAdmin:hover {
	opacity:0.6;
}
#filtro_tabla a .img_order {
	display:inline-block;
}
#filtro_tabla .order_txt {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	color:#566473;
	font-weight:bold;
	text-decoration:underline;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#filtro_tabla .order_txt:hover {
	color:#e57d7d;
	text-decoration:none;
}
#filtro_tabla a .img_order img {
	border: 0px;
	width: 10px;
	height: 5px;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#f7f7f7;
}	
/********************************* Paginación ********************************************/
#pagination {
	position:relative;
	width:100%;
}
#pagination .pagNumContent {
	position:relative;
	display:inline-block;
}
#pagination .pagNumContent .pagNum {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 16px;
    padding: 3px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#e57d7d;
	color:#fff;
}
#pagination #pagPagina {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 18px;
	top:-10px;
}
#pagination #pagPagina .inputPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:30px; 
}
#pagination #pagPagina .inputPag {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 18px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#pagination #pagPagina .inputPag:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination #pagPagina .inputPag::-webkit-inner-spin-button, 
#pagination #pagPagina .inputPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination #pagPagina .inputPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 18px;
	padding:0 10px 0 10px;
}
.registrosTabla .inputNoPag {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:80px; 
}
.registrosTabla .checkFiltrar {
	font-family: 'Open Sans Condensed', sans-serif;
	height:20px; 
	width:20px; 
}
.registrosTabla .inputNoPag, .registrosTabla .checkFiltrar {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 18px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.registrosTabla .inputNoPag:focus, .registrosTabla .checkFiltrar:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla .inputNoPag::-webkit-inner-spin-button, 
.registrosTabla .inputNoPag::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla .inputNoPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* ui-multiselect ********************************************/
.ui-multiselect.style {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
}
/* === Formulario en tabla === */
.inputTextTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	height:26px; 
	width:80%; 
}
.selectTabla {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	height:26px; 
	width:80%; 
	text-align-last: center; 
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center; 
}
}