/* 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: #9d9d9d;
	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 td .link {
	cursor:pointer;
	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 td .link:hover {
	text-decoration:none;
	color:#DB4755;
}
#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;
}
#filtro_tabla .foto {
	width: 15px;
	height: 23px;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#dddddd;
}	
/********************************* 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: #9d9d9d;
	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 td .link {
	cursor:pointer;
	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 td .link:hover {
	text-decoration:none;
	color:#DB4755;
}
#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;
}
#filtro_tabla .foto {
	width: 20px;
	height: 30px;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#dddddd;
}	
/********************************* divTabla ********************************************/
#divTabla {
	position:relative;
	width:100%;
	margin-top:-20px;
}
/********************************* 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: #9d9d9d;
	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 td .link {
	cursor:pointer;
	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 td .link:hover {
	text-decoration:none;
	color:#DB4755;
}
#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;
}
#filtro_tabla .foto {
	width: 25px;
	height: 38px;
}
/********************************* Filas ********************************************/
.on_tabla{
	background:#ffffff;
}	
.off_tabla{
	background:#dddddd;
}	
/********************************* divTabla ********************************************/
#divTabla {
	position:relative;
	width:100%;
	overflow: auto;
}
/********************************* 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; 
}
}








































