@charset "utf-8";
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

body {
	background:#39434d;
	font-family:'Open Sans Condensed', sans-serif; 
}
.par {
	background:#f7f7f7;
}	
.impar {
	background:#ffffff;
}

/* Diseño móvil: 480 px e inferior. */
@media only screen and (max-width: 481px) {
.gridContainer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
/********************************* Header ********************************************/
#header {
	clear: both;
	float:left;
	margin-left: 0;
	width: 100%;
	height:20px;
	display: block;
	position:fixed;
	background:#39434d;
	z-index:100;
	padding-top:4px;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#header a {
	outline: none;
}
/********************************* Logo ********************************************/
.logo {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 10%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 40px; /* Definimos el ancho del objeto a centrar */
	height: 12px; /* Definimos el alto del objeto a centrar */
	margin-top: -18px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -20px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
.logo:hover {
	opacity:0.6;
}
.logoMenu {
	width:12px;
	height:12px;
}
/********************************* Menú superior ********************************************/
.menuMax {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 86%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 98%; /* Definimos el ancho del objeto a centrar */
	height: 20px; /* Definimos el alto del objeto a centrar */
	margin-top: -10px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -200px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.menuMaxHeader {
  position:relative;
  display:inline-block;
  top:-12px;
  text-align: left;
  display: inline;
  margin: 0;
  padding-right: 15px 4px 17px 0;
  list-style: none;
}
.menuMax .menuMaxHeader a {
	outline: none;
}
.menuMaxHeader .txtHeader {
  font: 12px 'Open Sans Condensed', sans-serif;
  color: #ffffff;
}
.menuMaxHeader li {
  font: 12px 'Open Sans Condensed', sans-serif;
  display: inline-block;
  position: relative;
  padding: 4px 1px 4px 1px;
  background: ;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
}
.menuMaxHeader li:hover {
  background: #7dd3e5;
  color: #ffffff;
}
.menuMaxHeader li a {
  font: 12px 'Open Sans Condensed', sans-serif;
  color: #fff;
  text-decoration:none;
}
.menuMaxHeader li ul {
  padding: 0;
  position: absolute;
  top: 13px;
  left: 0;
  width: 126px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -transition: opacity 0.5s;
  color: #4b4b4b;
}
.menuMaxHeader li ul a {
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li { 
  font-size:12px;
  padding: 11px 30px 6px 30px;
  background: #39434d; 
  display: block; 
  color: #fff;
  -webkit-transition-duration: 0.5s; 
  -moz-transition-duration: 0.5s; 
  -o-transition-duration: 0.5s; 
  -ms-transition-duration: 0.5s;
}
.menuMaxHeader li ul li a {  
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li:hover { background: #7dd3e5; color: #fff; }

.menuMaxHeader li:hover ul {
  background: #7dd3e5; 
  display: block;
  opacity: 1;
  visibility: visible;
}
/********************************* Banner ********************************************/
#banner {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
	height:100%;
	background:#000000 url(../images/intro_textura.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	top:0;
	overflow:hidden;
}
#banner .texto {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 2%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 120px; /* Definimos el alto del objeto a centrar */
	margin-top: 60px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#banner .texto .titulo {
	color: #ffffff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:bold;
	padding:1px 0 20px 0;
	letter-spacing:6px;
	line-height:2px;
}
#banner .texto .subtitulo {
	color: #ffffff;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:1px 0 10px 0;
	letter-spacing:14px;
	line-height:40px;
}
#banner .logo {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 65%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: 10px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
	text-align:center;
}
#banner .logo a {
	outline: none;
}
#banner .logo a .icono {
	display:inline;
	width:50px;
	height:83px;
	padding:6px;
	cursor:pointer;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
#banner .logo a .icono:hover {
	background:#7dd3e5;
	opacity:0.6;
}
#banner .contenIntro {
	opacity:0.3;
	position:fixed;
	top:0;
	z-index:80;
}
#banner .contenIntro iframe {
	position:fixed;
	width:100%;
	height:100%;
	min-width:1920px;
	min-height:1080px;
	z-index:70;
	top:0;
	background:url(../images/img_banner.jpg) no-repeat;
	-ms-transform: scaleX(2);
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
}
/********************************* Clientes ********************************************/
#clientes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7;
	position:relative;
	border-top: 1px solid #aeaeae;
	top:0;
	padding:30px 0 20px 0;
	z-index:90;
	text-align:center;
}
#clientes .content {
	position:relative;
	width:30px;
	height:30px;
	padding:4px 40px 4px 40px;
	display:inline-block;
}
#clientes .content a {
	outline: none;
}
#clientes .content img {
	-webkit-filter:grayscale(100%);
 	-moz-filter:grayscale(100%);
 	-ms-filter:grayscale(100%);
	filter: grayscale(100%);
	width:30px;
	height:30px;
	opacity:0.7;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#clientes .content img:hover {
	opacity:0.3;
}
/********************************* Footer ********************************************/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:100%;
	display: block;
	background:#39434d;
	border-top: 6px solid #293037;
	position:relative;
	top:0;
	padding:10px 0 10px 0;
	z-index:90;
	text-align: center;
}
#footer #txtTitulo {
	color: #989696;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:2px;
	padding-right:6px;
}
/********************************* Flecha ********************************************/
#flechaInicio {
	position:fixed;
	right: 0; 
	bottom: 0;
	opacity:0.3;
	z-index:300;
	cursor:pointer;
	width: 40px;
	height: 40px; 
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#flechaInicio:hover {
	opacity:1;
}
#flechaInicio a {
	outline: none;
}
#flechaInicio img {
	width: 40px;
	height: 40px; 
}
#flechaInicio li {
	list-style:none;
}
/****************************** Presentación de intro a la página *********************************************/
#imgPresentacionIntro {
	position:fixed;
	width:100%;
	height:100%;
	background:#ffffff url(../images/intro_textura_intro.gif) center no-repeat;
	background-size: 100% 100%; 
	z-index:400;
}

#imgPresentacionIntroImg {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 120px; /* Definimos el ancho del objeto a centrar */
	height: 37px; /* Definimos el alto del objeto a centrar */
	margin-top: -18.5px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -60px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#imgPresentacionIntroImg #logoIntro{
	width: 120px;
	height: 37px;
}
#imgPresentacionIntroImg #carga{
	position:relative;
	left:-10px;
	width: 20px;
	height: 20px;
}
/********************************* Login ********************************************/
#login {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7 url(../images/contacto_fondo.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	padding:10px 0 80px 0;
	text-align:center;
	position:relative;
}
#login .txtTitulo {
	color: #ececec;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:10px;
	letter-spacing:2px;
}
#login .formAdmin_login {
	position: relative;
	left: 50%;
	width: 100%;
	margin-left: -50%;
}
#login .formAdmin_login .container {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 200px; /* Definimos el ancho del objeto a centrar */
	margin-left: -100px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:40px 10px 40px 10px;
	background:#333;
	opacity:0.7;
}
#login .formAdmin_login .container .content {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 160px; /* Definimos el ancho del objeto a centrar */
	margin-left: -80px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:6px;
}
#login .formAdmin_login .container .content input {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:100%; 
	padding:6px;
	color: #575757;
	font-size: 16px;
}
#login .formAdmin_login .container .content input {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #575757;
	font-size: 16px;
	padding-right:16px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#login .formAdmin_login .container .content input:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content input:required:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
#login .formAdmin_login .container .content input:focus:invalid {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content button.submit {
   padding: 6px;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:16px;
   color: #FFFFFF;
   border: none;
   background-color: #7dd3e5;
   -webkit-transition-duration: 0.5s; 
   -moz-transition-duration: 0.5s; 
   -o-transition-duration: 0.5s; 
   -ms-transition-duration: 0.5s;
   width:100%;
}
#login .formAdmin_login .container .content button.submit:hover {
	cursor: pointer; 
	background-color: #39434d;
}
#login .formAdmin_login .container .content button.submit:active {
	border: 1px solid #89929d;
	box-shadow: 0 0 10px 5px #444 inset; 
}
/********************************* Container ********************************************/
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFFFFF;
	position:relative;
	z-index:90;
	padding:60px 0 0 0;
}
#container a {
	outline: none;
}
#container #titSeccion {
	width: 100%;
	top:22px;
	height:28px;
	display: block;
	position:fixed;
	background:#293037;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:2px;
	z-index:100;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#container #titSeccion .tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#container #titSeccion .tabla td {
	width:33.5%;
}
#container #titSeccion .titulo {
	position:relative;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:2px;
}
#container #titSeccion .titulo .img {
	width:14px;
	height:14px;
	border:solid 1px #FFF;
	margin-top:-2px;
}
#container #titSeccion .txtRuta {
	position:relative;
	display:none;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:left;
	padding-left:6px;
}
#container #titSeccion .txtRuta a {
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	float:left;
	padding-left:3px;
}
#container #titSeccion .txtRuta a:hover {
	color:#7cd2e5;
}
#container #titSeccion .txtRuta .icono {
	height:14px;
	width:14px;
}
#container #titSeccion .txtSucursal {
	position:relative;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:right;
	padding-right:6px;
}
#container .txtTexto {
	color: #999999;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#container .content {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
}
#container .content .txtTitulo {
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .content .menu {
	position:relative;
	cursor:pointer;
	width: 100px;
    height: 100px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .content .menu:hover {
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
#container .carta-container {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
#container .carta-container .txtTitulo {
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .carta {
	height: 100px;
	width: 100px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
#container .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
#container .carta .lado {
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#container .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .carta .frente {
	height: 100px;
	width: 100px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .carta .atras {
	height: 100px;
	width: 100px;
	padding:2px;
	text-align:justify;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
#container .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
#container .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Imagen en Radiobutton ********************************************/
#img_radiobutton {
	position:relative;
	width:100%;
	height:21px;
}
#img_radiobutton .content {
	display:inline-block;
	padding:2px;
	width:20px;
	height:20px;
	border:solid 1px #999;
}
#img_radiobutton .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_radiobutton .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_radiobutton .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#dbddde;
	width:16px;
	height:16px;
}
#img_radiobutton .content .img_radiobutton {
	width:16px;
	height:16px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_radiobutton .content .img_radiobutton:hover {
	opacity:0.6;
	background:#dbddde;
}
/********************************* Modal ********************************************/
.modal {
	width: 200px;
	display: none;
	position:relative;
	padding:0;
	overflow-x: hidden;
}
.modal a {
	outline: none;
}
.modal .regresar_content {
	position:relative;
	width:100%;
	text-align:right;
	padding:8px 0 2px 0;
	margin-left:-102px;
}
.modal .regresar_content .link {
	color: #293037;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .regresar_content .link:hover {
	opacity:0.6;
}
.modal .regresar_content .imgLink {
	margin-top:-8px;
	width:12px;
	height:12px;
}
.modal .table {
	width:200px;
	border-collapse: separate;
    border-spacing: 16px;
}
.modal .table .td_logo {
	width:120px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_logo img {
	width:60px;
	height:60px;
}
.modal .table .td_opcion {
	width:80px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_opcion .selectPeriodo {
	font-family: 'Open Sans Condensed', sans-serif;
	height:22px; 
	width:100%;
	padding:5px 8px;
}
.modal .table .td_opcion .selectPeriodo {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #888;
	font-size: 10px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.modal .table .td_opcion .selectPeriodo:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.modal .table .td_opcion .selectPeriodo:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
.modal .table .td_opcion .admin_opcion {
	width:80px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opcion:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content {
	position:relative;
	text-align:left;
}
.modal .table .td_opcion .admin_opciones_content .imgOpcion {
	width:10px;
	height:10px;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si {
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no {
	color: #f00;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:not-allowed;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no:hover {
	color: #f00;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content {
	position:relative;
	width:100%;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar {
	color: #fff;
	font-size: 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .imgOpcion {
	width:10px;
	height:10px;
	padding-left:16px;
}
.modal .content {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
}
.modal .content .txtTitulo {
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .content .menu {
	position:relative;
	cursor:pointer;
	width: 100px;
    height: 100px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
.modal .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .content .menu:hover {
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
.modal .carta-container {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
.modal .carta-container .txtTitulo {
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .carta {
	height: 100px;
	width: 100px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
.modal .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
.modal .carta .lado {
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.modal .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .carta .frente {
	height: 100px;
	width: 100px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
.modal .carta .atras {
	height: 100px;
	width: 100px;
	padding:2px;
	text-align:justify;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
.modal .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
.modal .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Contenedor de los formularios ********************************************/
.pestanas {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 6px 0 6px 0;
}
.pestanas .iconoPasos {
	width: 15px;
	height:15px;
}
.pestanas .iconoPasos:hover {
	opacity:0.6;
}
.pestanas .pestanasOp_uncheck {
	width:100%;
	display:inline-block;
	background:#ddd;
	padding:5px;
	margin:1px;
	font-size:14px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.pestanas .pestanasOp_uncheck:hover {
	opacity:0.6;
}
.pestanas .pestanasOp_check {
	width:100%;
	display:inline-block;
	background:#9d9d9d;
	padding:6px 8px 6px 8px;
	margin:1px;
	font-size:14px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
	font-weight:bold;
}
.pestanas .pestanasOp_check:hover {
	opacity:0.6;
}
/********************************* Navegar ********************************************/
.navegarContent {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
}
.navegarContent .navegar_siguiente {
	display:inline-block;
	font-size:12px;
	font-weight:100;
	padding-left:5px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_siguiente:hover {
	opacity:0.6;
}
.navegarContent .navegar_anterior {
	display:inline-block;
	font-size:12px;
	font-weight:100;
	padding-right:5px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_anterior:hover {
	opacity:0.6;
}
.navegarContent .imgNavegar {
	width:12px;
	height:12px;
}
/********************************* Barra de filtro ********************************************/
.filtrar_content {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
}
.filtrar_content .filtrar {
	height:20px; 
	width:120px; 
	padding:3px 6px;
}
.filtrar_content .filtrar {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 10px;
	padding-right:16px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
.filtrar_content .filtrar:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
.filtrar_content .filtrar:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
.filtrar_content .filtrar:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
/********************************* Buscador ********************************************/
#buscador_content {
	width: 200px;
	height:200px;
	display: none;
	background:#e4e4e4;
	position:relative;
	padding:2px;
	overflow-x: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
}
#buscador_content .txtTitulo {
	color: #484848;
	font-size: 14px;
	font-weight:bold;
}
#buscador_content .txtTexto{
	color: #484848;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#buscador_content .buscador {
	height:18px; 
	width:100%; 
	padding:2px 4px;
}
#buscador_content .buscador {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 10px;
	padding-right:16px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
#buscador_content .buscador:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
#buscador_content .buscador:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 12px 12px;
	padding-left: 16px;
}
#buscador_content .buscador:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
#buscador_content #busquedas {
	display:none;
	background:#f3f3f3;
	position:relative;
	border:solid 1px #999;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 160px; /* Definimos el ancho del objeto a centrar */
	margin-left: -80px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#buscador_content #busquedas .opcionesLinks {
	position:relative;
	padding:1px 3px 1px 3px;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo {
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTexto {
	color: #838b94;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo:hover, #buscador_content #busquedas .opcionesLinks .txtTexto:hover {
	color:#7cd2e5;
}
#buscador_content #busquedas .opcionesLinks .lineaRecta {
	color: #e4e4e4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/********************************* 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: 10px;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 2px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#7cd2e5;
	color:#fff;
}
#pagination #pagPagina {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 10px;
	top:-6px;
}
#pagination #pagPagina .inputPag {
	font-family: 'Open Sans Condensed', sans-serif;

	height:16px; 
	width:16px; 
}
#pagination #pagPagina .inputPag {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 10px;
	-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; 
}
/********************************* Paginación Tabla ********************************************/
#pagination_table {
	position:relative;
	width:100%;
}
#pagination_table .pagNumContent_table {
	position:relative;
	display:inline-block;
}
#pagination_table .pagNumContent_table .pagNum_table {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 10px;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 2px;
}
#pagination_table .pagNumContent_table .pagNum_table:hover {
	background:#7cd2e5;
	color:#fff;
}
#pagination_table #pagPagina_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 10px;
	top:-6px;
}
#pagination_table #pagPagina_table .inputPag_table {
	font-family: 'Open Sans Condensed', sans-serif;

	height:16px; 
	width:16px; 
}
#pagination_table #pagPagina_table .inputPag_table {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #313131;
	font-size: 10px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#pagination_table #pagPagina_table .inputPag_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination_table #pagPagina_table .inputPag_table::-webkit-inner-spin-button, 
#pagination_table #pagPagina_table .inputPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination_table #pagPagina_table .inputPag_table { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 11px;
	padding:0 6px 0 6px;
}
.registrosTabla_table .inputNoPag_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:22px; 
	width:60px; 
}
.registrosTabla_table .checkFiltrar_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:16px; 
	width:16px; 
}
.registrosTabla_table .inputNoPag_table, .registrosTabla_table .checkFiltrar_table {
	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_table .inputNoPag_table:focus, .registrosTabla_table .checkFiltrar_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla_table .inputNoPag_table::-webkit-inner-spin-button, 
.registrosTabla_table .inputNoPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla_table .inputNoPag_table { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* 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;
}
/********************************* Imagen en Checkboxes ********************************************/
#img_checkbox {
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:20px;
}
#img_checkbox .content {
	display:inline-block;
	width:50px;
	height:100px;
}
#img_checkbox .content .txtTexto {
	width:40px;
	color: #566473;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:14px;
	margin-left:-6px;
	letter-spacing:0;
}
#img_checkbox .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_checkbox .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_checkbox .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#7dd3e5;
	width:20px;
	height:20px;
}
#img_checkbox .content .img_checkbox {
	width:20px;
	height:20px;
	padding:2px;
	border:solid 1px #999;
	margin-top:-3px;
	margin-left:-6px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_checkbox .content .img_checkbox:hover {
	opacity:0.6;
	background:#7dd3e5;
}
/********************************* Ruta de los manifiestos ********************************************/
#ruta, .ruta {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
}
#ruta td, .ruta td {
	width:20%;
	text-align:center;
	padding:6px;
	vertical-align:middle;
	font-size:12px;
}
#ruta td select, .ruta td select {
	font-family: 'Open Sans Condensed', sans-serif;
	height:26px; 
	width:100%; 
	padding:1px 3px;
	font-size:12px;
}
#ruta .iconoPasos {
	width:18px;
	height:18px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
}
#ruta .iconoPasos:hover {
	opacity:0.6;
}
#ruta .flecha_horizontal {
	width:30px;
	height:9px;
}
#ruta .flecha_vertical {
	width:9px;
	height:30px;
}
/********************************* containerTable ********************************************/
#containerTable {
	position:relative;
    width:100%;
	height:auto;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top:-18px;
}
#containerTable #submenu {
	position:fixed;
	height:100%;
    width:15%;
	padding:16px 0 10px 0;
	-webkit-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	-moz-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	z-index:10;
}
#containerTable #submenu .text {
	padding:4px 0 4px 10px;
}
#containerTable #submenu .text a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .text a .opcion {
	display:none;
	font-size: 14px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .text a .icono {
	display:inline-block;
	padding-right:4px;
	margin-top:-4px;
	width:20px;
	height:20px;
}
#containerTable #submenu .text a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRecta {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:90%;
	margin-left:10px;
}
#containerTable #submenu .textOpciones {
	padding:4px 0 4px 20px;
}
#containerTable #submenu .textOpciones a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .textOpciones a .opcion {
	display:none;
	font-size: 12px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .textOpciones a .icono {
	display:inline-block;
	padding-right:4px;
	margin-top:-4px;
	width:12px;
	height:12px;
}
#containerTable #submenu .textOpciones a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRectaOpciones {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:80%;
	margin-left:20px;
}
#containerTable #divDat {
	position:relative;
    width:85%;
	border-left:solid 1px #d9d9d9;
	padding:30px 0 10px 0;
}
#containerTable #divDat .menuEdit {
	position:fixed;
    width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background:#FFF;
	margin-top:-22px;
	z-index:8;
}
#containerTable #divDat .menuEdit .menuEditTitulo {
	position:relative;
	width:100%;
	display:inline-block;
    color: #555555;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: justify;
	font-weight:bold;
	padding:2px 0 2px 6px;
}
#containerTable #divDat .menuEdit .menuEditTitulo .imgMenuEdit {
	width:12px;
	height:12px;
	padding-right:1px;
}
#containerTable #divDat .menuEdit .menuEditTexto {
	position:relative;
	width:22%;
	display:inline-block;
	padding:1px 0 1px 2px;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a {
	position:relative;
	display:inline-block;
	color:#FFFFFF;
	font-size: 12px;
	padding: 1px 6px 1px 6px;
	background: #2e373c;
	display:inline-block;
	text-align:center;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	text-decoration:none;
	outline: none;
	font-weight:100;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a:hover {
	opacity:0.6;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp {
    color: #555555;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp:hover {
    color: #6ac6a1;
	opacity:0.8;
}
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {
.gridContainer {
	width:100%;
}
/********************************* Header ********************************************/
#header {
	clear: both;
	float:left;
	margin-left: 0;
	width: 100%;
	height:22px;
	display: block;
	position:fixed;
	background:#39434d;
	z-index:100;
	padding-top:6px;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#header a {
	outline: none;
}
/********************************* Logo ********************************************/
.logo {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 10%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 65px; /* Definimos el ancho del objeto a centrar */
	height: 20px; /* Definimos el alto del objeto a centrar */
	margin-top: -22px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -34px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
.logo:hover {
	opacity:0.6;
}
.logoMenu {
	width:14px;
	height:14px;
}
/********************************* Menú superior ********************************************/
.menuMax {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 72%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 80%; /* Definimos el ancho del objeto a centrar */
	height: 22px; /* Definimos el alto del objeto a centrar */
	margin-top: -11px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.menuMaxHeader {
  position:relative;
  display:inline-block;
  top:-12px;
  text-align: left;
  display: inline;
  margin: 0;
  padding-right: 15px 4px 17px 0;
  list-style: none;
}
.menuMax .menuMaxHeader a {
	outline: none;
}
.menuMaxHeader .txtHeader {
  font: 14px 'Open Sans Condensed', sans-serif;
  color: #ffffff;
  padding: 0 6px 0 6px;
}
.menuMaxHeader li {
  font: 14px 'Open Sans Condensed', sans-serif;
  display: inline-block;
  position: relative;
  padding: 5px 8px 5px 8px;
  background: ;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
}
.menuMaxHeader li:hover {
  background: #7dd3e5;
  color: #ffffff;
}
.menuMaxHeader li a {
  font: 14px 'Open Sans Condensed', sans-serif;
  color: #fff;
  text-decoration:none;
}
.menuMaxHeader li ul {
  padding: 0;
  position: absolute;
  top: 16px;
  left: 0;
  width: 148px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -transition: opacity 0.5s;
  color: #4b4b4b;
}
.menuMaxHeader li ul a {
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li { 
  font-size:14px;
  padding: 11px 30px 6px 30px;
  background: #39434d; 
  display: block; 
  color: #fff;
  -webkit-transition-duration: 0.5s; 
  -moz-transition-duration: 0.5s; 
  -o-transition-duration: 0.5s; 
  -ms-transition-duration: 0.5s;
}
.menuMaxHeader li ul li a {  
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li:hover { background: #7dd3e5; color: #fff; }

.menuMaxHeader li:hover ul {
  background: #7dd3e5; 
  display: block;
  opacity: 1;
  visibility: visible;
}
/********************************* Banner ********************************************/
#banner {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
	height:100%;
	background:#000000 url(../images/intro_textura.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	top:0;
	overflow:hidden;
}
#banner .texto {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 10%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 300px; /* Definimos el alto del objeto a centrar */
	margin-top: 150px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#banner .texto .titulo {
	color: #ffffff;
	font-size: 26px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:bold;
	padding:1px 0 30px 0;
	letter-spacing:8px;
	line-height:4px;
}
#banner .texto .subtitulo {
	color: #ffffff;
	font-size: 34px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:1px 0 15px 0;
	letter-spacing:20px;
	line-height:50px;
}
#banner .logo {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 65%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 140px; /* Definimos el alto del objeto a centrar */
	margin-top: 10px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
	text-align:center;
}
#banner .logo a {
	outline: none;
}
#banner .logo a .icono {
	display:inline;
	width:70px;
	height:116px;
	padding:8px;
	cursor:pointer;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
#banner .logo a .icono:hover {
	background:#7dd3e5;
	opacity:0.6;
}
#banner .contenIntro {
	opacity:0.3;
	position:fixed;
	top:0;
	z-index:80;
}
#banner .contenIntro iframe {
	position:fixed;
	width:100%;
	height:100%;
	min-width:1920px;
	min-height:1080px;
	z-index:70;
	top:0;
	background:url(../images/img_banner.jpg) no-repeat;
	-ms-transform: scaleX(2);
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
}
/********************************* Clientes ********************************************/
#clientes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7;
	position:relative;
	border-top: 1px solid #aeaeae;
	top:0;
	padding:30px 0 30px 0;
	z-index:90;
	text-align:center;
}
#clientes .content {
	position:relative;
	width:40px;
	height:40px;
	padding:8px 60px 8px 60px;
	display:inline-block;
}
#clientes .content a {
	outline: none;
}
#clientes .content img {
	-webkit-filter:grayscale(100%);
 	-moz-filter:grayscale(100%);
 	-ms-filter:grayscale(100%);
	filter: grayscale(100%);
	width:40px;
	height:40px;
	opacity:0.7;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#clientes .content img:hover {
	opacity:0.3;
}
/********************************* Footer ********************************************/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:100%;
	display: block;
	background:#39434d;
	border-top: 8px solid #293037;
	position:relative;
	top:0;
	padding:20px 0 20px 0;
	z-index:90;
	text-align: center;
}
#footer #txtTitulo {
	color: #989696;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:3px;
	padding-right:8px;
}
/********************************* Flecha ********************************************/
#flechaInicio {
	position:fixed;
	right: 0; 
	bottom: 0;
	opacity:0.3;
	z-index:300;
	cursor:pointer;
	width: 60px;
	height: 60px; 
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#flechaInicio:hover {
	opacity:1;
}
#flechaInicio a {
	outline: none;
}
#flechaInicio img {
	width: 60px;
	height: 60px; 
}
#flechaInicio li {
	list-style:none;
}
/****************************** Presentación de intro a la página *********************************************/
#imgPresentacionIntro {
	position:fixed;
	width:100%;
	height:100%;
	background:#ffffff url(../images/intro_textura_intro.gif) center no-repeat;
	background-size: 100% 100%; 
	z-index:400;
}

#imgPresentacionIntroImg {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 220px; /* Definimos el ancho del objeto a centrar */
	height: 67px; /* Definimos el alto del objeto a centrar */
	margin-top: -33.5px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -110px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#imgPresentacionIntroImg #logoIntro{
	width: 220px;
	height: 67px;
}
#imgPresentacionIntroImg #carga{
	width: 40px;
	height: 40px;
}
/********************************* Login ********************************************/
#login {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7 url(../images/contacto_fondo.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	padding:20px 0 100px 0;
	text-align:center;
	position:relative;
}
#login .txtTitulo {
	color: #ececec;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:14px;
	letter-spacing:3px;
}
#login .formAdmin_login {
	position: relative;
	left: 50%;
	width: 100%;
	margin-left: -50%;
}
#login .formAdmin_login .container {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 320px; /* Definimos el ancho del objeto a centrar */
	margin-left: -160px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:40px 16px 40px 16px;
	background:#333;
	opacity:0.7;
}
#login .formAdmin_login .container .content {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 280px; /* Definimos el ancho del objeto a centrar */
	margin-left: -140px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:6px;
}
#login .formAdmin_login .container .content input {
	font-family: 'Open Sans Condensed', sans-serif;
	height:40px; 
	width:100%; 
	padding:10px;
	color: #575757;
	font-size: 20px;
}
#login .formAdmin_login .container .content input {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #575757;
	font-size: 20px;
	padding-right:20px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#login .formAdmin_login .container .content input:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content input:required:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
#login .formAdmin_login .container .content input:focus:invalid {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content button.submit {
   padding: 8px;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:20px;
   color: #FFFFFF;
   border: none;
   background-color: #7dd3e5;
   -webkit-transition-duration: 0.5s; 
   -moz-transition-duration: 0.5s; 
   -o-transition-duration: 0.5s; 
   -ms-transition-duration: 0.5s;
   width:100%;
}
#login .formAdmin_login .container .content button.submit:hover {
	cursor: pointer; 
	background-color: #39434d;
}
#login .formAdmin_login .container .content button.submit:active {
	border: 1px solid #89929d;
	box-shadow: 0 0 10px 5px #444 inset; 
}
/********************************* Container ********************************************/
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFFFFF;
	position:relative;
	z-index:90;
	padding:70px 0 0 0;
}
#container a {
	outline: none;
}
#container #titSeccion {
	width: 100%;
	top:28px;
	height:40px;
	display: block;
	position:fixed;
	background:#293037;
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:3px;
	z-index:100;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#container #titSeccion .tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#container #titSeccion .tabla td {
	width:33.5%;
}
#container #titSeccion .titulo {
	position:relative;
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:3px;
	padding-top:4px;
	margin-top:-1px;
}
#container #titSeccion .titulo .img {
	width:20px;
	height:20px;
	border:solid 1px #FFF;
	margin-top:-2px;
}
#container #titSeccion .txtRuta {
	position:relative;
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:left;
	padding-left:8px;
}
#container #titSeccion .txtRuta a {
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	float:left;
	padding-left:4px;
}
#container #titSeccion .txtRuta a:hover {
	color:#7cd2e5;
}
#container #titSeccion .txtRuta .icono {
	height:16px;
	width:16px;
}
#container #titSeccion .txtSucursal {
	position:relative;
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:right;
	padding-right:8px;
}
#container .txtTexto {
	color: #999999;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#container .content {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
}
#container .content .txtTitulo {
	color: #566473;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .content .menu {
	position:relative;
	cursor:pointer;
	width: 100px;
    height: 100px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .content .menu:hover {
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
#container .carta-container {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
#container .carta-container .txtTitulo {
	color: #566473;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .carta {
	height: 100px;
	width: 100px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
#container .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
#container .carta .lado {
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#container .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .carta .frente {
	height: 100px;
	width: 100px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .carta .atras {
	height: 100px;
	width: 100px;
	padding:2px;
	text-align:justify;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
#container .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
#container .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Imagen en Radiobutton ********************************************/
#img_radiobutton {
	position:relative;
	width:100%;
	height:27px;
}
#img_radiobutton .content {
	display:inline-block;
	padding:3px;
	width:24px;
	height:24px;
	border:solid 1px #999;
}
#img_radiobutton .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_radiobutton .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_radiobutton .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#dbddde;
	width:20px;
	height:20px;
}
#img_radiobutton .content .img_radiobutton {
	width:20px;
	height:20px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_radiobutton .content .img_radiobutton:hover {
	opacity:0.6;
	background:#dbddde;
}
/********************************* Modal ********************************************/
.modal {
	width: 400px;
	display: none;
	position:relative;
	padding:0;
	overflow-x: hidden;
}
.modal a {
	outline: none;
}
.modal .regresar_content {
	position:relative;
	width:100%;
	text-align:right;
	padding:8px 0 2px 0;
	margin-left:-102px;
}
.modal .regresar_content .link {
	color: #293037;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .regresar_content .link:hover {
	opacity:0.6;
}
.modal .regresar_content .imgLink {
	margin-top:-8px;
	width:14px;
	height:14px;
}
.modal .table {
	width:380px;
	border-collapse: separate;
    border-spacing: 16px;
}
.modal .table .td_logo {
	width:260px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_logo img {
	width:90px;
	height:90px;
}
.modal .table .td_opcion {
	width:120px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_opcion .selectPeriodo {
	font-family: 'Open Sans Condensed', sans-serif;
	height:25px; 
	width:100%;
	padding:5px 8px;
}
.modal .table .td_opcion .selectPeriodo {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.modal .table .td_opcion .selectPeriodo:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.modal .table .td_opcion .selectPeriodo:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
.modal .table .td_opcion .admin_opcion {
	width:120px;
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opcion:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content {
	position:relative;
	text-align:left;
}
.modal .table .td_opcion .admin_opciones_content .imgOpcion {
	width:12px;
	height:12px;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si {
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no {
	color: #f00;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:not-allowed;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no:hover {
	color: #f00;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content {
	position:relative;
	width:100%;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar {
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .imgOpcion {
	width:11px;
	height:11px;
	padding-left:20px;
}
.modal .content {
	position:relative;
	display:inline-block;
	width:160px;
	height:160px;
	padding:20px;
	vertical-align:top;
}
.modal .content .txtTitulo {
	color: #566473;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .content .menu {
	position:relative;
	cursor:pointer;
	width: 120px;
    height: 120px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
.modal .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 120px; /* Definimos el ancho del objeto a centrar */
	height: 120px; /* Definimos el alto del objeto a centrar */
	margin-top: -60px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -60px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .content .menu:hover{
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
.modal .carta-container {
	position:relative;
	display:inline-block;
	width:180px;
	height:180px;
	padding:20px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
.modal .carta-container .txtTitulo {
	color: #566473;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .carta {
	height: 100px;
	width: 100px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
.modal .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
.modal .carta .lado {
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.modal .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100px; /* Definimos el ancho del objeto a centrar */
	height: 100px; /* Definimos el alto del objeto a centrar */
	margin-top: -50px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .carta .frente {
	height: 100px;
	width: 100px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
.modal .carta .atras {
	height: 100px;
	width: 100px;
	padding:2px;
	text-align:justify;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
.modal .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
.modal .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Contenedor de los formularios ********************************************/
.pestanas {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 8px 0 8px 0;
}
.pestanas .iconoPasos {
	width: 18px;
	height:18px;
}
.pestanas .iconoPasos:hover {
	opacity:0.6;
}
.pestanas .pestanasOp_uncheck {
	display:inline-block;
	background:#ddd;
	padding:7px;
	margin:1px;
	font-size:14px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.pestanas .pestanasOp_uncheck:hover {
	opacity:0.6;
}
.pestanas .pestanasOp_check {
	display:inline-block;
	background:#9d9d9d;
	padding:7px 10px 7px 10px;
	margin:1px;
	font-size:14px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
	font-weight:bold;
}
.pestanas .pestanasOp_check:hover {
	opacity:0.6;
}
/********************************* Navegar ********************************************/
.navegarContent {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
}
.navegarContent .navegar_siguiente {
	display:inline-block;
	font-size:14px;
	font-weight:100;
	padding-left:8px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_siguiente:hover {
	opacity:0.6;
}
.navegarContent .navegar_anterior {
	display:inline-block;
	font-size:14px;
	font-weight:100;
	padding-right:8px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_anterior:hover {
	opacity:0.6;
}
.navegarContent .imgNavegar {
	width:14px;
	height:14px;
}
/********************************* Barra de filtro ********************************************/
.filtrar_content {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
}
.filtrar_content .filtrar {
	height:22px; 
	width:180px; 
	padding:4px 7px;
}
.filtrar_content .filtrar {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:20px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}
.filtrar_content .filtrar:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}
.filtrar_content .filtrar:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}
.filtrar_content .filtrar:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
/********************************* Buscador ********************************************/
#buscador_content {
	width: 400px;
	height:400px;
	display: none;
	background:#e4e4e4;
	position:relative;
	padding:6px;
	overflow-x: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
}
#buscador_content .txtTitulo {
	color: #484848;
	font-size: 18px;
	font-weight:bold;
}
#buscador_content .txtTexto{
	color: #484848;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#buscador_content .buscador {
	height:20px; 
	width:260px; 
	padding:4px 7px;
}
#buscador_content .buscador {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:20px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}
#buscador_content .buscador:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 14px 16px;
	padding-left: 20px;
}
#buscador_content .buscador:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}
#buscador_content .buscador:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
#buscador_content #busquedas {
	display:none;
	background:#f3f3f3;
	position:relative;
	border:solid 1px #999;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 380px; /* Definimos el ancho del objeto a centrar */
	margin-left: -190px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#buscador_content #busquedas .opcionesLinks {
	position:relative;
	padding:2px 6px 2px 6px;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo {
	color: #566473;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTexto {
	color: #838b94;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo:hover, #buscador_content #busquedas .opcionesLinks .txtTexto:hover {
	color:#7cd2e5;
}
#buscador_content #busquedas .opcionesLinks .lineaRecta {
	color: #e4e4e4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/********************************* Paginación ********************************************/
#pagination {
	position:relative;
	width:300px;
}
#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 2px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#7cd2e5;
	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:24px; 
	width:24px; 
}
#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; 
}
/********************************* Paginación Tabla ********************************************/
#pagination_table {
	position:relative;
	width:300px;
}
#pagination_table .pagNumContent_table {
	position:relative;
	display:inline-block;
}
#pagination_table .pagNumContent_table .pagNum_table {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
    padding: 2px 8px 2px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
#pagination_table .pagNumContent_table .pagNum_table:hover {
	background:#7cd2e5;
	color:#fff;
}
#pagination_table #pagPagina_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
	top:-8px;
}
#pagination_table #pagPagina_table .inputPag_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:24px; 
	width:24px; 
}
#pagination_table #pagPagina_table .inputPag_table {
	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_table #pagPagina_table .inputPag_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination_table #pagPagina_table .inputPag_table::-webkit-inner-spin-button, 
#pagination_table #pagPagina_table .inputPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination_table #pagPagina_table .inputPag { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 14px;
	padding:0 8px 0 8px;
}
.registrosTabla_table .inputNoPag_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:26px; 
	width:70px; 
}
.registrosTabla_table .checkFiltrar_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:18px; 
	width:18px; 
}
.registrosTabla_table .inputNoPag_table, .registrosTabla_table .checkFiltrar_table  {
	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_table .inputNoPag_table:focus, .registrosTabla_table .checkFiltrar_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla_table .inputNoPag_table::-webkit-inner-spin-button, 
.registrosTabla_table .inputNoPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla_table .inputNoPag_table { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* 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;
}	
/********************************* Imagen en Checkboxes ********************************************/
#img_checkbox {
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:20px;
}
#img_checkbox .content {
	display:inline-block;
	width:80px;
	height:120px;
}
#img_checkbox .content .txtTexto {
	width:70px;
	color: #566473;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:10px;
	margin-left:-6px;
	letter-spacing:1px;
}
#img_checkbox .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_checkbox .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_checkbox .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#7dd3e5;
	width:50px;
	height:50px;
}
#img_checkbox .content .img_checkbox {
	width:50px;
	height:50px;
	border:solid 1px #999;
	padding:3px;
	margin-top:-3px;
	margin-left:-6px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_checkbox .content .img_checkbox:hover {
	opacity:0.6;
	background:#7dd3e5;
}
/********************************* Ruta de los manifiestos ********************************************/
#ruta, .ruta {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
}
#ruta td, .ruta td {
	width:20%;
	text-align:center;
	padding:8px;
	vertical-align:middle;
	font-size:14px;
}
#ruta td select, .ruta td select {
	font-family: 'Open Sans Condensed', sans-serif;
	height:28px; 
	width:100%; 
	padding:2px 4px;
	font-size:14px;
}
#ruta .iconoPasos {
	width:22px;
	height:22px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
}
#ruta .iconoPasos:hover {
	opacity:0.6;
}
#ruta .flecha_horizontal {
	width:50px;
	height:15px;
}
#ruta .flecha_vertical {
	width:15px;
	height:50px;
}
/********************************* containerTable ********************************************/
#containerTable {
	position:relative;
    width:100%;
	height:auto;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top:-18px;
}
#containerTable #submenu {
	position:fixed;
	height:100%;
    width:25%;
	padding:20px 0 10px 0;
	-webkit-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	-moz-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	z-index:10;
}
#containerTable #submenu .text {
	padding:6px 0 6px 12px;
}
#containerTable #submenu .text a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .text a .opcion {
	font-size: 16px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .text a .icono {
	display:inline-block;
	padding-right:6px;
	margin-top:-4px;
	width:22px;
	height:22px;
}
#containerTable #submenu .text a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRecta {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:90%;
	margin-left:10px;
}
#containerTable #submenu .textOpciones {
	padding:6px 0 6px 22px;
}
#containerTable #submenu .textOpciones a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .textOpciones a .opcion {
	font-size: 14px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .textOpciones a .icono {
	display:inline-block;
	padding-right:6px;
	margin-top:-4px;
	width:16px;
	height:16px;
}
#containerTable #submenu .textOpciones a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRectaOpciones {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:80%;
	margin-left:20px;
}
#containerTable #divDat {
	position:relative;
    width:75%;
	border-left:solid 1px #d9d9d9;
	padding:30px 0 10px 0;
}
#containerTable #divDat .menuEdit {
	position:fixed;
    width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background:#FFF;
	margin-top:-14px;
	z-index:8;
}
#containerTable #divDat .menuEdit .menuEditTitulo {
	position:relative;
	width:100%;
	display:inline-block;
    color: #555555;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: justify;
	font-weight:bold;
	padding-left:12px;
}
#containerTable #divDat .menuEdit .menuEditTitulo .imgMenuEdit {
	width:16px;
	height:16px;
	padding-right:1px;
}
#containerTable #divDat .menuEdit .menuEditTexto {
	position:relative;
	width:18%;
	display:inline-block;
	padding:2px 0 2px 3px;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a {
	position:relative;
	display:inline-block;
	color:#FFFFFF;
	font-size: 14px;
	padding: 2px 8px 2px 8px;
	background: #2e373c;
	display:inline-block;
	text-align:center;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	text-decoration:none;
	outline: none;
	font-weight:100;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a:hover {
	opacity:0.6;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp {
    color: #555555;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp:hover {
    color: #6ac6a1;
	opacity:0.8;
}
}

/* 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) {
.gridContainer {
	width:100%;
	max-width:1920px;
	margin:auto;
}
/********************************* Header ********************************************/
#header {
	clear: both;
	float:left;
	margin-left: 0;
	width: 100%;
	height:28px;
	display: block;
	position:fixed;
	background:#39434d;
	z-index:100;
	padding-top:8px;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#header a {
	outline: none;
}
/********************************* Logo ********************************************/
.logo {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 10%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 85px; /* Definimos el ancho del objeto a centrar */
	height: 26px; /* Definimos el alto del objeto a centrar */
	margin-top: -26px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -34px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
.logo:hover {
	opacity:0.6;
}
.logoMenu {
	width:16px;
	height:16px;
}
/********************************* Menú superior ********************************************/
.menuMax {
	position: relative;
	display:inline-block;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 72%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 80%; /* Definimos el ancho del objeto a centrar */
	height: 28px; /* Definimos el alto del objeto a centrar */
	margin-top: -14px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.menuMaxHeader {
  position:relative;
  display:inline-block;
  top:-12px;
  text-align: left;
  display: inline;
  margin: 0;
  padding-right: 15px 4px 17px 0;
  list-style: none;
}
.menuMax .menuMaxHeader a {
	outline: none;
}
.menuMaxHeader .txtHeader {
  font: 16px 'Open Sans Condensed', sans-serif;
  color: #ffffff;
  padding: 0 6px 0 6px;
}
.menuMaxHeader li {
  font: 16px 'Open Sans Condensed', sans-serif;
  display: inline-block;
  position: relative;
  padding: 8px 10px 8px 10px;
  background: ;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
}
.menuMaxHeader li:hover {
  background: #7dd3e5;
  color: #ffffff;
}
.menuMaxHeader li a {
  font: 16px 'Open Sans Condensed', sans-serif;
  color: #fff;
  text-decoration:none;
}
.menuMaxHeader li ul {
  padding: 0;
  position: absolute;
  top: 22px;
  left: 0;
  width: 180px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -transition: opacity 0.5s;
  color: #4b4b4b;
}
.menuMaxHeader li ul a {
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li { 
  font-size:16px;
  padding: 11px 30px 6px 30px;
  background: #39434d; 
  display: block; 
  color: #fff;
  -webkit-transition-duration: 0.5s; 
  -moz-transition-duration: 0.5s; 
  -o-transition-duration: 0.5s; 
  -ms-transition-duration: 0.5s;
}
.menuMaxHeader li ul li a {  
  color: #fff;
  text-decoration:none;
  outline: none;
}
.menuMaxHeader li ul li:hover { background: #7dd3e5; color: #fff; }
.menuMaxHeader li:hover ul {
  background: #7dd3e5; 
  display: block;
  opacity: 1;
  visibility: visible;
}
/********************************* Banner ********************************************/
#banner {
	clear:both;
	float:left;
	margin-left:0;
	width:100%;
	display:block;
	height:100%;
	background:#000000 url(../images/intro_textura.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	top:0;
	overflow:hidden;
}
#banner .texto {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 25%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 300px; /* Definimos el alto del objeto a centrar */
	margin-top: 150px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#banner .texto .titulo {
	color: #ffffff;
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:bold;
	padding:1px 0 40px 0;
	letter-spacing:10px;
	line-height:5px;
}
#banner .texto .subtitulo {
	color: #ffffff;
	font-size: 60px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:1px 0 20px 0;
	letter-spacing:26px;
	line-height:60px;
}
#banner .logo {
	clear:both;
	float:left;
	margin-left:0;
	display:block;
	background:transparent;
	position:fixed;
	z-index:100;
	top: 75%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 100%; /* Definimos el ancho del objeto a centrar */
	height: 200px; /* Definimos el alto del objeto a centrar */
	margin-top: 10px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -50%; /* Restamos la mitad de la anchura del objeto con un margin-left */
	text-align:center;
}
#banner .logo a {
	outline: none;
}
#banner .logo a .icono {
	display:inline;
	width:90px;
	height:149px;
	padding:10px;
	cursor:pointer;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-ms-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
#banner .logo a .icono:hover {
	background:#7dd3e5;
	opacity:0.6;
}
#banner .contenIntro {
	opacity:0.3;
	position:fixed;
	top:0;
	z-index:80;
}
#banner .contenIntro iframe {
	position:fixed;
	width:100%;
	height:100%;
	min-width:1920px;
	min-height:1080px;
	z-index:70;
	top:0;
	background:url(../images/img_banner.jpg) no-repeat;
	-ms-transform: scaleX(2);
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
}
/********************************* Clientes ********************************************/
#clientes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7;
	position:relative;
	border-top: 1px solid #aeaeae;
	top:0;
	padding:40px 0 40px 0;
	z-index:90;
	text-align:center;
}
#clientes .content {
	position:relative;
	width:60px;
	height:60px;
	padding:10px 80px 10px 80px;
	display:inline-block;
}
#clientes .content a {
	outline: none;
}
#clientes .content img {
	-webkit-filter:grayscale(100%);
 	-moz-filter:grayscale(100%);
 	-ms-filter:grayscale(100%);
	filter: grayscale(100%);
	width:60px;
	height:60px;
	opacity:0.7;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#clientes .content img:hover {
	opacity:0.3;
}
/********************************* Footer ********************************************/
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:100%;
	display: block;
	background:#39434d;
	border-top: 8px solid #293037;
	position:relative;
	top:0;
	padding:30px 0 30px 0;
	z-index:90;
	text-align: center;
}
#footer #txtTitulo {
	color: #989696;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:4px;
	padding-right:10px;
}
/********************************* Flecha ********************************************/
#flechaInicio {
	position:fixed;
	right: 0; 
	bottom: 0;
	opacity:0.3;
	z-index:300;
	cursor:pointer;
	width: 80px;
	height: 80px; 
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#flechaInicio:hover {
	opacity:1;
}
#flechaInicio a {
	outline: none;
}
#flechaInicio img {
	width: 80px;
	height: 80px; 
}
#flechaInicio li {
	list-style:none;
}
/****************************** Presentación de intro a la página *********************************************/
#imgPresentacionIntro {
	position:fixed;
	width:100%;
	height:100%;
	background:#ffffff url(../images/intro_textura_intro.gif) center no-repeat;
	background-size: 100% 100%; 
	z-index:400;
}

#imgPresentacionIntroImg {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 300px; /* Definimos el ancho del objeto a centrar */
	height: 92px; /* Definimos el alto del objeto a centrar */
	margin-top: -46px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -150px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#imgPresentacionIntroImg #logoIntro{
	width: 300px;
	height: 92px;
}
#imgPresentacionIntroImg #carga{
	width: 50px;
	height: 50px;
}
/********************************* Login ********************************************/
#login {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#f7f7f7 url(../images/contacto_fondo.gif) center no-repeat;
	background-size: 100% 100%; 
	position:relative;
	z-index:90;
	padding:40px 0 140px 0;
	text-align:center;
	position:relative;
}
#login .txtTitulo {
	color: #ececec;
	font-size: 38px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding:20px;
	letter-spacing:4px;
}
#login .formAdmin_login {
	position: relative;
	left: 50%;
	width: 100%;
	margin-left: -50%;
}
#login .formAdmin_login .container {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 600px; /* Definimos el ancho del objeto a centrar */
	margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:80px 30px 80px 30px;
	background:#333;
	opacity:0.7;
}
#login .formAdmin_login .container .content {
	position: relative;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 500px; /* Definimos el ancho del objeto a centrar */
	margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	padding:12px;
}
#login .formAdmin_login .container .content input {
	font-family: 'Open Sans Condensed', sans-serif;
	height:60px; 
	width:100%; 
	padding:16px;
	color: #575757;
	font-size: 24px;
}
#login .formAdmin_login .container .content input {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #575757;
	font-size: 24px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#login .formAdmin_login .container .content input:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content input:required:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
#login .formAdmin_login .container .content input:focus:invalid {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#login .formAdmin_login .container .content button.submit {
   padding: 12px;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size:24px;
   color: #FFFFFF;
   border: none;
   background-color: #7dd3e5;
   -webkit-transition-duration: 0.5s; 
   -moz-transition-duration: 0.5s; 
   -o-transition-duration: 0.5s; 
   -ms-transition-duration: 0.5s;
   width:100%;
}
#login .formAdmin_login .container .content button.submit:hover {
	cursor: pointer; 
	background-color: #39434d;
}
#login .formAdmin_login .container .content button.submit:active {
	border: 1px solid #89929d;
	box-shadow: 0 0 10px 5px #444 inset; 
}
/********************************* Container ********************************************/
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFFFFF;
	position:relative;
	z-index:90;
	padding:90px 0 0 0;
}
#container a {
	outline: none;
}
#container #titSeccion {
	width: 100%;
	top:36px;
	height:44px;
	display: block;
	position:fixed;
	background:#293037;
	color: #fff;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:4px;
	z-index:100;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.59);
}
#container #titSeccion .tabla {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
#container #titSeccion .tabla td {
	width:33.5%;
}
#container #titSeccion .titulo {
	position:relative;
	color: #fff;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	letter-spacing:4px;
	margin-top:-6px;
}
#container #titSeccion .titulo .img {
	width:25px;
	height:25px;
	border:solid 1px #FFF;
	margin-top:-6px;
}
#container #titSeccion .txtRuta {
	position:relative;
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:left;
	padding-left:10px;
}
#container #titSeccion .txtRuta a {
	position:relative;
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	float:left;
	padding-left:6px;
}
#container #titSeccion .txtRuta a:hover {
	color:#7cd2e5;
}
#container #titSeccion .txtRuta .icono {
	position:relative;
	height:18px;
	width:18px;
}
#container #titSeccion .txtSucursal {
	position:relative;
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:1px;
	float:right;
	padding-right:10px;
}
#container .txtTexto {
	color: #999999;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#container .content {
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	padding:30px;
	vertical-align:top;
}
#container .content .txtTitulo {
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .content .menu {
	position:relative;
	cursor:pointer;
	width: 150px;
    height: 150px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 150px; /* Definimos el ancho del objeto a centrar */
	height: 150px; /* Definimos el alto del objeto a centrar */
	margin-top: -75px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -75px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .content .menu:hover {
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
#container .carta-container {
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	padding:30px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
#container .carta-container .txtTitulo {
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
#container .carta {
	height: 150px;
	width: 150px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
#container .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
#container .carta .lado {
	position: absolute;
	height: 150px;
	width: 150px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#container .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 150px; /* Definimos el ancho del objeto a centrar */
	height: 150px; /* Definimos el alto del objeto a centrar */
	margin-top: -75px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -75px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#container .carta .frente {
	height: 150px;
	width: 150px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
#container .carta .atras {
	height: 150px;
	width: 150px;
	padding:4px;
	text-align:center;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
#container .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
#container .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Imagen en Radiobutton ********************************************/
#img_radiobutton {
	position:relative;
	width:100%;
	height:33px;
}
#img_radiobutton .content {
	display:inline-block;
	padding:4px;
	width:30px;
	height:30px;
	border:solid 1px #999;
}
#img_radiobutton .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_radiobutton .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_radiobutton .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#dbddde;
	width:25px;
	height:25px;
}
#img_radiobutton .content .img_radiobutton {
	width:25px;
	height:25px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_radiobutton .content .img_radiobutton:hover {
	opacity:0.6;
	background:#dbddde;
}
/********************************* Modal ********************************************/
.modal {
	width: 680px;
	display: none;
	position:relative;
	padding:16px;
	overflow-x: hidden;
}
.modal a {
	outline: none;
}
.modal .regresar_content {
	position:relative;
	width:100%;
	text-align:right;
}
.modal .regresar_content .link {
	color: #293037;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .regresar_content .link:hover {
	opacity:0.6;
}
.modal .regresar_content .imgLink {
	margin-top:-8px;
	width:18px;
	height:18px;
}
.modal .table {
	width:680px;
	border-collapse: separate;
    border-spacing: 20px;
}
.modal .table .td_logo {
	width:400px;
	color: #fff;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	padding:6px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_logo img {
	width:150px;
	height:150px;
}
.modal .table .td_opcion {
	width:280px;
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:6px;
	text-align:center;
	vertical-align:middle;
}
.modal .table .td_opcion .selectPeriodo {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:100%; 
	padding:5px 8px;
}
.modal .table .td_opcion .selectPeriodo {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	background: #fff; 
	color: #888;
	font-size: 14px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.modal .table .td_opcion .selectPeriodo:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.modal .table .td_opcion .selectPeriodo:valid {
	box-shadow: 0 0 5px #7dd3e5;
	border-color: #aaa;
}
.modal .table .td_opcion .admin_opcion {
	width:280px;
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	padding:6px;
	text-align:center;
	vertical-align:middle;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opcion:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content {
	position:relative;
	text-align:left;
}
.modal .table .td_opcion .admin_opciones_content .imgOpcion {
	width:16px;
	height:16px;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si {
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_si:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no {
	color: #f00;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:not-allowed;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_no:hover {
	color: #f00;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content {
	position:relative;
	width:100%;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar {
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .opcion_editar:hover {
	color: #293037;
	opacity:0.6;
}
.modal .table .td_opcion .admin_opciones_content .opcion_editar_content .imgOpcion {
	width:12px;
	height:12px;
	padding-left:20px;
}
.modal .content {
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	padding:30px;
	vertical-align:top;
}
.modal .content .txtTitulo {
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .content .menu {
	position:relative;
	cursor:pointer;
	width: 150px;
    height: 150px;
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	-ms-transform:scale(1); 
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
.modal .content .menu img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 150px; /* Definimos el ancho del objeto a centrar */
	height: 150px; /* Definimos el alto del objeto a centrar */
	margin-top: -75px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -75px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .content .menu:hover{
	-webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	opacity: 0.6;
}
/* Carta container */
.modal .carta-container {
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	padding:30px;
	vertical-align:top;
	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}
.modal .carta-container .txtTitulo {
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:1px;
	letter-spacing:2px;
}
.modal .carta {
	height: 150px;
	width: 150px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    transform-style: preserve-3d;
	transition: all 0.5s;
	cursor:pointer;
}
.modal .carta-container:hover .carta {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-webkit-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	-moz-box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
	box-shadow: 0px 0px 43px -1px rgba(86,100,115,0.87);
}
.modal .carta .lado {
	position: absolute;
	height: 150px;
	width: 150px;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.modal .carta .lado img {
	position: absolute;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 150px; /* Definimos el ancho del objeto a centrar */
	height: 150px; /* Definimos el alto del objeto a centrar */
	margin-top: -75px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -75px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
.modal .carta .frente {
	height: 150px;
	width: 150px;
	box-shadow: 2px 2px 5px #2b2b2b;
	-webkit-box-shadow: 2px 2px 5px #2b2b2b;
	-moz-box-shadow: 2px 2px 5px #2b2b2b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2b2b2b', Direction=135, Strength=4);
}
.modal .carta .atras {
	height: 150px;
	width: 150px;
	padding:4px;
	text-align:justify;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);	
}
.modal .carta-container .atrasTxtTitulo {
	color: #484848;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	letter-spacing:0;
}
.modal .carta-container .atrasTxtTexto {
	color: #484848;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	letter-spacing:0;
}
/********************************* Contenedor de los formularios ********************************************/
.pestanas {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 10px 0 10px 0;
}
.pestanas .iconoPasos {
	width: 20px;
	height:20px;
}
.pestanas .pestanasOp_uncheck {
	display:inline-block;
	background:#ddd;
	padding:12px;
	margin:1px;
	font-size:16px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.pestanas .pestanasOp_uncheck:hover {
	opacity:0.6;
}
.pestanas .pestanasOp_check {
	display:inline-block;
	background:#9d9d9d;
	padding:11px 12px 11px 12px;
	margin:1px;
	font-size:18px;
	color:#1f1f1f;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
	font-weight:bold;
}
.pestanas .pestanasOp_check:hover {
	opacity:0.6;
}
/********************************* Navegar ********************************************/
.navegarContent {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
}
.navegarContent .navegar_siguiente {
	display:inline-block;
	font-size:16px;
	font-weight:100;
	padding-left:10px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_siguiente:hover {
	opacity:0.6;
}
.navegarContent .navegar_anterior {
	display:inline-block;
	font-size:16px;
	font-weight:100;
	padding-right:10px;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	cursor:pointer;
}
.navegarContent .navegar_anterior:hover {
	opacity:0.6;
}
.navegarContent .imgNavegar {
	width:18px;
	height:18px;
}
/********************************* Barra de filtro ********************************************/
.filtrar_content {
	position:relative;
	width: 100%; 
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
}
.filtrar_content .filtrar {
	height:24px; 
	width:200px; 
	padding:5px 8px;
}
.filtrar_content .filtrar {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:24px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
.filtrar_content .filtrar:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
.filtrar_content .filtrar:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_filtro.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
.filtrar_content .filtrar:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
/********************************* Buscador ********************************************/
#buscador_content {
	width: 680px;
	height:500px;
	display: none;
	background:#e4e4e4;
	position:relative;
	padding:16px;
	overflow-x: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
}
#buscador_content .txtTitulo {
	color: #484848;
	font-size: 22px;
	font-weight:bold;
}
#buscador_content .txtTexto{
	color: #484848;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
}
#buscador_content .buscador {
	height:24px; 
	width:300px; 
	padding:5px 8px;
}
#buscador_content .buscador {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:24px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
#buscador_content .buscador:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
#buscador_content .buscador:valid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd;
	background: #FFF url(../images/icono_busqueda.png) left no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
}
#buscador_content .buscador:invalid {
	box-shadow: 0 0 5px #4d80b7;
	border-color: #019fdd
}
#buscador_content #busquedas {
	display:none;
	background:#f3f3f3;
	position:relative;
	border:solid 1px #999;
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 680px; /* Definimos el ancho del objeto a centrar */
	margin-left: -340px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}
#buscador_content #busquedas .opcionesLinks {
	position:relative;
	padding:6px 14px 6px 14px;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo {
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTexto {
	color: #838b94;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#buscador_content #busquedas .opcionesLinks .txtTitulo:hover, #buscador_content #busquedas .opcionesLinks .txtTexto:hover {
	color:#7cd2e5;
}
#buscador_content #busquedas .opcionesLinks .lineaRecta {
	color: #e4e4e4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/********************************* Paginación ********************************************/
#pagination {
	position:relative;
	width:400px;
}
#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: 18px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
#pagination .pagNumContent .pagNum:hover {
	background:#7cd2e5;
	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; 
}
/********************************* Paginación Tabla ********************************************/
#pagination_table {
	position:relative;
	width:400px;
}
#pagination_table .pagNumContent_table {
	position:relative;
	display:inline-block;
}
#pagination_table .pagNumContent_table .pagNum_table {
	position:relative;
	display:inline-block;
    color: #313131;
    float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 18px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
#pagination_table .pagNumContent_table .pagNum_table:hover {
	background:#7cd2e5;
	color:#fff;
}
#pagination_table #pagPagina_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 18px;
	top:-10px;
}
#pagination_table #pagPagina_table .inputPag_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:30px; 
}
#pagination_table #pagPagina_table .inputPag_table {
	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_table #pagPagina _table.inputPag_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
#pagination_table #pagPagina_table .inputPag_table::-webkit-inner-spin-button, 
#pagination_table #pagPagina_table .inputPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#pagination_table #pagPagina_table .inputPag_table { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* Cabeceras tabla ********************************************/
.registrosTabla_table {
	position:relative;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #313131;
	font-size: 18px;
	padding:0 10px 0 10px;
}
.registrosTabla_table .inputNoPag_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:80px; 
}
.registrosTabla_table .checkFiltrar_table {
	font-family: 'Open Sans Condensed', sans-serif;
	height:20px; 
	width:20px; 
}
.registrosTabla_table .inputNoPag_table, .registrosTabla_table .checkFiltrar_table {
	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_table .inputNoPag_table:focus, .registrosTabla_table .checkFiltrar_table:focus {
	background: #fff; 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}
.registrosTabla_table .inputNoPag_table::-webkit-inner-spin-button, 
.registrosTabla_table .inputNoPag_table::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.registrosTabla_table .inputNoPag_table { 
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0; 
}
/********************************* 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;
}
/********************************* Imagen en Checkboxes ********************************************/
#img_checkbox {
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:30px;
}
#img_checkbox .content {
	display:inline-block;
	width:120px;
	height:200px;
}
#img_checkbox .content .txtTexto {
	width:120px;
	color: #566473;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	font-weight:100;
	padding-top:10px;
	margin-left:-24px;
	letter-spacing:2px;
}
#img_checkbox .content label > input{ /* HIDE RADIO */
  	visibility: hidden; /* Makes input not-clickable */
  	position: absolute; /* Remove input from document flow */
}
#img_checkbox .content label > input + img{ /* IMAGE STYLES */
  	cursor:pointer;
  	border:2px solid transparent;
}
#img_checkbox .content label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	background:#7dd3e5;
	width:90px;
	height:90px;
}
#img_checkbox .content .img_checkbox {
	width:90px;
	height:90px;
	border:solid 1px #999;
	padding:4px;
	margin-top:-12px;
	margin-left:-24px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
}
#img_checkbox .content .img_checkbox:hover {
	opacity:0.6;
	background:#7dd3e5;
}
/********************************* Ruta de los manifiestos ********************************************/
#ruta, .ruta {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
}
#ruta td, .ruta td {
	width:20%;
	text-align:center;
	padding:10px;
	vertical-align:middle;
	font-size:16px;
}
#ruta td select {
	font-family: 'Open Sans Condensed', sans-serif;
	height:30px; 
	width:100%; 
	padding:3px 5px;
	font-size:16px;
}
#ruta .iconoPasos {
	width:25px;
	height:25px;
	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s; 
	-o-transition-duration: 0.5s; 
	-ms-transition-duration: 0.5s;
	cursor:pointer;
}
#ruta .iconoPasos:hover {
	opacity:0.6;
}
#ruta .flecha_horizontal {
	width:80px;
	height:24px;
}
#ruta .flecha_vertical {
	width:24px;
	height:80px;
}
/********************************* containerTable ********************************************/
#containerTable {
	position:relative;
    width:100%;
	height:auto;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top:-24px;
}
#containerTable #submenu {
	position:fixed;
	height:100%;
    width:20%;
	padding:20px 0 20px 0;
	-webkit-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	-moz-box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	box-shadow: 13px 0px 14px -13px rgba(0,0,0,0.59);
	z-index:10;
}
#containerTable #submenu .text {
	padding:10px 0 10px 16px;
}
#containerTable #submenu .text a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .text a .opcion {
	font-size: 18px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .text a .icono {
	display:inline-block;
	padding-right:10px;
	margin-top:-4px;
	width:25px;
	height:25px;
}
#containerTable #submenu .text a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRecta {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:90%;
	margin-left:10px;
}
#containerTable #submenu .textOpciones {
	padding:10px 0 10px 36px;
}
#containerTable #submenu .textOpciones a {
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #submenu .textOpciones a .opcion {
	font-size: 16px;
	font-weight:bold;
	color: #566473;
	text-decoration:none;
	outline: none;
}
#containerTable #submenu .textOpciones a .icono {
	display:inline-block;
	padding-right:10px;
	margin-top:-4px;
	width:20px;
	height:20px;
}
#containerTable #submenu .textOpciones a:hover {
	opacity:0.6;
}
#containerTable #submenu .lineaRectaOpciones {
	position:relative;
	color: #d9d9d9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:80%;
	margin-left:26px;
}
#containerTable #divDat {
	position:relative;
    width:80%;
	border-left:solid 1px #d9d9d9;
	padding:40px 0 20px 0;
}
#containerTable #divDat .menuEdit {
	position:fixed;
    width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background:#FFF;
	margin-top:-26px;
	z-index:8;
}
#containerTable #divDat .menuEdit .menuEditTitulo {
	position:relative;
	width:100%;
	display:inline-block;
    color: #555555;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: justify;
	font-weight:bold;
	padding-left:14px;
}
#containerTable #divDat .menuEdit .menuEditTitulo .imgMenuEdit {
	width:22px;
	height:22px;
	padding-right:1px;
}
#containerTable #divDat .menuEdit .menuEditTexto {
	position:relative;
	width:14%;
	display:inline-block;
	padding:3px 0 3px 3px;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a {
	position:relative;
	display:inline-block;
	color:#FFFFFF;
	font-size: 16px;
	padding: 4px 10px 4px 10px;
	background: #2e373c;
	display:inline-block;
	text-align:center;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
	text-decoration:none;
	outline: none;
	font-weight:100;
}
#containerTable #divDat .menuEdit .menuEditTexto .btnAgr a:hover {
	opacity:0.6;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp {
    color: #555555;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:100;
	outline: none;
	text-decoration:none;
	-webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s; 
    -o-transition-duration: 0.5s; 
    -ms-transition-duration: 0.5s;
}
#containerTable #divDat .menuEdit .menuEditTexto .menuEditOp:hover {
    color: #6ac6a1;
	opacity:0.8;
}
}