*:focus {
	outline: none;
	outline-color: #0093dd;
}

textarea:focus, input:focus {
	outline-color: #0093dd;
}

::-webkit-input-placeholder {
    color: #666; font-size: 13px; font-style: italic; text-align: center;
}

:-moz-placeholder {
    color: #666; font-size: 13px; font-style: italic; text-align: center;
}

::-moz-placeholder {
    color: #666; font-size: 13px; font-style: italic; text-align: center;
}

:-ms-input-placeholder {
    color: #666; font-size: 13px; font-style: italic; text-align: center;
}

/*#page-main {   
	margin: 25px auto;
	padding: 25px;
	width: 960px;
	height: 100%;
}*/

#page-container {
	position: relative;
    background: white;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	height: 100%;
/*	margin: 25px auto;*/
	behavior: url(/Styles/PIE.htc);
}

#header.main {
    background: #393939;
    border-radius: 4px 4px 0 0;
    height: 65px;
 /* min-height: 60px;*/
    border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;
    behavior: url(/Styles/PIE.htc);
}

.logo {
    float: left;
    display: inline-block;
    padding: 21px 30px;
    vertical-align: middle;
}

/* USER */

/*#user-menu {
    background: url("../Images/drop.png") no-repeat scroll right center transparent;
    color: #d6e9f2;
    display: inline-block;
    padding: 8px 20px;
    margin-right: 30px;
    text-decoration: none;
    font-style: italic;
}*/


/*

.user {
    color: #4ca7c4;
    font-weight: 600;
}

.dropdown.open a span {
    color: #59c4f3;
}

span.span, .dropdown.open a span.span  {
    color: #dcdcdc;
}

#nav-menu {
	*z-index: -10; /
	*position: relative; 
}

li.dropdown {
    *position: relative;
    *z-index: 1; 
    *display: block; 
}


#header {
    *position: relative; 
    *z-index: -5;
}

.sf-menu li a, .sf-menu li {
    *position: static!important;
 }
*/





/* COLUMNS */
#column-left {
	float: left;
	width: 35%;
	margin: 0;
}

#column-right {
	float: right;
	width: 55%;
	margin: 0;
}

.classdiv_twocolumns_form {
	width: 100%;
	clear: both;
}

.classdiv_twocolumns_form table {
	float: left;
	width: 100%;    
}

.classdiv_twocolumns_form td(odd) {
	padding-right: 10px;
}

.classdiv_twocolumns_form td input[type="text"] {
	width: 358px;
}

.two-columns-fields {
	width: 100%;
	clear: both;
}

.two-columns-fields p:nth-child(even) {
	clear: left !important;
	float: left !important;
	width: 46% !important;
}

.two-columns-fields p:nth-child(odd) {
	clear: right !important;
	float: right !important;
	width: 46% !important;
}

/* ALIGN */

.left {
	float: left;
}

.right {
	float: left;
}

/* COLORS */
.blue { color: #033D6B !important; }
/*.gray { color: #919191 !important; }*/

/* MENU  */

/*
.div_menu_role {
    border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
    behavior: url(/Styles/PIE.htc); 
}*/



/* CONTENT */

h2.title span {
    color: #122237; /* @color */
    font-style: normal;
    font-weight: 400;
    font-size: 18px;    
    padding-right: 15px;
    text-transform: uppercase; 
}



/*
.login-info {
    display: inline-block;
	position: relative;
	text-align: right;
	height: 45px;	 
}

.login-name {   
	font-size: 17px; 
	text-align: right;
	color: #92c054;
	display: inline-block;
	position: relative;
	margin-right: 15px; 	
	*margin-right: 65px; 
	*margin-top: 15px;
	vertical-align: middle;
}

.login-role {
    display: block;
	font-family: Open Sans, sans-serif;
	font-size: 37px;
	text-align: right;
	text-transform: uppercase;
	color: #033E82;
	position: relative;
	top: -6px;
}

.div_login_close {
	*margin-top: -36px!important;
	border: none;
	outline: none;
    vertical-align: middle;
    position:relative;
}*/

#div_maximizer_area {
    display: inline-block;
    text-align: right;
    *margin-top: -36px;
    vertical-align: middle;	
}

#div_maximizer_area a {
    border: medium none;
    outline: medium none;
    vertical-align: middle;
    z-index: 99;
    display: inline-block;
    width: 40px;
}

/*Fin cambio, Versión 1.0.5,*/

#FrameViewer {
    width: 100%;
    height: 90vh;
    height: 497px\9
}

.GoBack {   
    width: 50%;
	font-family: Open Sans, sans-serif;
	font-style: italic;
	color: #1E3F68;   
	position: relative;
	margin-top: -30px;
	top: -17px;
	text-decoration: none;	
}

.GoBack a:hover {
	text-decoration: underline !important;
}

/* FORM */

.title {   
/*	color: #92c04a;*/
	color: #333; /* @color */
	font-size: 17px !important;
	font-style: normal;
}

.title.main {
    
}


.title_tray_period_to_visualize_IEcompat, .title_two {
	padding-bottom: 20px\9;
	margin-bottom: 12px;
	margin-top: 10px;
	text-transform: none;
}

.title span {
	color: #919191;
	font-style: italic;
	font-size: medium;
	text-transform: none;
	font-weight: normal;
}

.description {
    font-style: normal;
    font-size: 15px; 
}

.form p {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
}

.form p input, .form p select {
	float: left;
	clear: both;
	width: 100%;
}

/*.form table td label {   
	font-size: 0.9em;
	float: left;
	clear: both;
	text-transform: uppercase;
	font-weight: 600;
	color: #919191;
}*/

/*.form p label, .form p span {   
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 600;
	color: #919191;
}*/

/*.form p label span, .form p span.light {
	text-transform: none;
	font-style: italic;
	font-weight: normal;
	font-size: small;
}-*/

.form .selectAll {
	color: #919191;
	font-size: small;
}

.form .buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fill-parent90 {
	width: 90%;
}

/* COLUMNS */

.form p.column3 {
	clear: none;
	float: left;
	margin: 10px;
	padding: 0;
	width: 30%;   
}

.form p.column1 {
	clear: none;
	float: left;
	margin: 0 3% 0 0;
	padding: 0;
	width: 30%;   
}

/* CHECKBOX */

.checkbox input {
	width: 15px!important;        
}

.checkbox label {
	clear: right!important;    
}

/* MESSAGES */ /* g.v. 08/07/2014*/

.info-message {
    background: url(../Images/close.png) right 15px center no-repeat rgba(252, 240, 194, 0.85);
    border-radius: 0;
    border: 1px solid #d1ae62;
    box-shadow: 0 1px 5px rgba(0,0,0,0.5);
    clear: both;
    color: #ac7d2d;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    font-style: italic;
    left: 0;
    line-height: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    width: 100%;
    z-index: 70;
}

    /*  top: 0;
        bottom: 1px;
    */

.info-message:hover {
    cursor: pointer;
    background-color: #f3edd5;
}

/* IE HACKS */
.info-message {
    font-family: Open Sans, sans-serif;
    background-image: url(../Images/close.png);
    background-color: #fcf0c2\9;
    background-position: 99%;
    background-repeat: no-repeat;	
    z-index: 999999;
 }
 
.paginas {
    display: inline;
    margin-top: 5px;
    width: 380px;
}

/* Fin cambio, Version 1.0.5, G.V */

.errors { color:#033D6B; }

/* ESPACING */

.spacing-top { margin-top: 10px; }

/* WIZARD */

.wizard {
	background: #e3e5e8;
	color: #FFFFFF !important;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 15px 0px;
	font-size: 0.85em;
}

.wizard li {
	display: inline; 
	width: 25%; 
	float: left; 
	text-align: center; 
	padding: 5px 0px; 
}

.wizard li a {
    font-size:15px;
}

.wizard a { text-decoration: none; color:#1E3F68; width: 100%; height: 100%; }

    .wizard a:visited {
        color: #1E3F68;
    }
    .wizard a:hover {
        color: #1E3F68;
    }
    .wizard a:active {
        color: #1E3F68;
    }


    .wizard li.selected {
        background: url(../images/flecha.png) no-repeat scroll right center, url(../images/flecha-invert.png)no-repeat scroll left center #1d437a;
        background-color: #1191cf;
    }

.wizard li.selected a{
    color:#fff;
}


 
.wizard a i { font-size: 0.9em; }

/* CAMBIAR CONTRASEÑA */

#CambiarPassword { color: #1e3f68; text-decoration: none; }
#CambiarPassword :visited { color: #1e3f68; }  
#CambiarPassword :hover { color: #1e3f68; }  
#CambiarPassword :active { color: #1e3f68; }  

.classdiv_error {
	max-height: 460px;
}

@-moz-document url-prefix() { 
  .IframeInboxTray {
     max-height: 7440px;
  }
}

#FrameViewer {
    width: 100%;
    height: 90vh;
    overflow: hidden;
    border: 0 none;
}

#frameViewer iframe#frameViewer { 
    height: 500px !important;
}

#Modal {
    display:block;
    z-index:1500;  
/*  position:fixed;*/ /* g.v. 12/02/2014 */
    position: absolute; 
    top: 0px;
/*  margin: 0 auto;*/
    left: 0px;
}

#mask {
    position:fixed;
    z-index:9000;
    background-color:#000;
    display: block;
}

#boxes .window {
    background: #fff;
    display:none;
    position: absolute;
    width:100%;
    min-height:500px;   
    z-index:9999;        
}

#boxes #dialog {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 5px 4px 10px #111;
    -moz-box-shadow: 5px 4px 10px #111;
    -webkit-box-shadow: 5px 4px 10px #111;
    height: 600px;
    overflow: hidden;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 70%;
    margin: 25px;
    /*    margin-left: 45px;*/
    /*position: absolute;*/ /* g.v. 12/02/2014 */
    position: fixed;
    behavior: url(/Styles/PIE.htc);
}

 /*Inicio cambio, Versión 1.0.5, G.V, 08/04/2013*/
table#searcher {
    width: 50%;
}

table#headerpopup {    
    border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; 
    display: block;
    behavior: url(/Styles/PIE.htc);
}

table#headerpopup td#titulo {
    width:100%;
    color: #777;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 600;
    padding-left: 15px;
}

table#headerpopup td img {
    display: block;
    cursor: pointer;
    vertical-align: middle;
    background: #19a5e3;
    padding: 2px;
    width: 30px;
    margin: 5px;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
    behavior: url(/Styles/PIE.htc); 
}

table#headerpopup td img:hover {
    opacity: 0.75;
}

#headerpopup img {
    display: block;
    cursor: pointer;
    vertical-align: middle;
    background: #19a5e3;
    padding: 2px;
    width: 30px;
    margin: 5px;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
    behavior: url(/Styles/PIE.htc); 
}

#headerpopup img:hover {
    opacity: 0.75;
}

#paginado {
    display: inline-block;
    background: #ccc;
    border: 1px solid #bbb;
    color: blue;
    padding: 0 5px;
    font-style: 600;
    font-size: 14px;
}

.GoBack #paginado span {
    font-family: Open Sans, sans-serif;
    color: blue;
    width: 80%; 
}
 
.GoBack {   
    display: inline-block;
    float: right;
    width: 50%;
	font-family: Open Sans, sans-serif;
	font-style: italic;
	color: #1E3F68;   
	position: relative;
	margin-top: -30px;
	top: -17px;
	text-decoration: none;
	width: 100%;
    float: right;
}

.GoBack a:hover {
	text-decoration: underline !important;
}

.dataTables_scrollBody, .dataTables_scrollBody {
    height: 100% \0/;
    height: auto!important;
    min-height: 60px \0/;  
	max-height: 160px;
	overflow: auto;	
}


select#DropDownListStateInbox option {
   font-weight: normal!important;  
}

.panel {
    background: #f8f8f8;
    padding: 18px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #ccc; 
}


table.modal-table {
    font-family: Open Sans;
    font-weight: 500;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    behavior: url(/Styles/PIE.htc);
}



 
 .btn.big {
    width: 150px;
 }

.BtnConfirmarDatos, .BtnGenerarClaves, .BtnDescargarCert, .BtnVerSolicitud, .BtnVolver, .BtnBuscar  {
    background: url(../Images/buttons/confirmar-datos.png) center bottom no-repeat transparent;
    border: none;
    display: inline-block;
    height: 32px;
    vertical-align: top;
    width: 163px;
}

.BtnConfirmarDatos:hover, .BtnGenerarClaves:hover, .BtnDescargarCert:hover, .BtnVerSolicitud:hover, .BtnVolver:hover, .BtnBuscar:hover {
    background: url(../Images/buttons/confirmar-datos_hover.png) center bottom no-repeat transparent;
    cursor: pointer;    
 }

.BtnBuscar {
    background: url(../Images/buttons/buscar.png) center bottom no-repeat transparent; 
 }

.BtnBuscar:hover {
    background: url(../Images/buttons/buscar_hover.png) center bottom no-repeat transparent; 
 }
 /* 
.BtnGenerarClaves {
    background: url(../Images/buttons/generar-claves.png) center bottom no-repeat transparent;
}

.BtnDescargarCert {
    background: url(../Images/buttons/descargar-certificado.png) center bottom no-repeat transparent;
}

.BtnVerSolicitud {
    background: url(../Images/buttons/ver-solicitud.png) center bottom no-repeat transparent;
}*/

.BtnVolver {
    background: url(../Images/buttons/volver.png) center bottom no-repeat transparent;
}

.BtnVolver {
    background: url(../Images/buttons/volver.png) center bottom no-repeat transparent;
}
/*
.BtnGenerarClaves:hover {
    background: url(../Images/buttons/generar-claves_hover.png) center bottom no-repeat transparent;
}

.BtnDescargarCert:hover {
    background: url(../Images/buttons/descargar-certificado_hover.png) center bottom no-repeat transparent;
}

.BtnVerSolicitud:hover {
    background: url(../Images/buttons/ver-solicitud_hover.png) center bottom no-repeat;
}*/

.BtnVolver:hover {
    background: url(../Images/buttons/volver_hover.png) center bottom no-repeat;
}

.button {
    background: url(../Images/buttons/buttons-background.png) center bottom repeat-x #fff;    
    border-radius: 5px; -webkit-border-radius: 5px;
    color: #444;
    font-weight: 600;
    font-size: 10px;
    padding: 5px; 
    text-transform: uppercase;
    border: 1px solid #bbb;
}

.button:hover {
    background-position: center top;
    cursor: pointer;
}

.button.green {
    background-color: #8ba95b;
    border: 1px solid #68843d;
    color: #fff;
}


.btn.back {
    background: url('../Images/back.png') 12px 5px transparent no-repeat;
    border: 2px solid #09a6db;
    padding-left: 10px;
    color: #09a6db;
 }
 
 .btn.back:hover {
    color: #fff;
    border: 2px solid #09a6db;
    background: url('../Images/back.png') 12px -10px no-repeat #09a6db;
    text-shadow: none;
    transition: none; -moz-transition: none; -webkit-transition: none;
 }

/* animations */
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

.failureNotification {
    color: #a62523;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    text-shadow: 1px 1px 2px #fff;
 }

.failureNotification.login {
    background: none repeat scroll 0 0 #F2DEDE;
    border: 1px solid #db6f6d;
    border-radius: 5px;
    padding: 10px 15px;
    display: inline-block;
    behavior: url(/Styles/PIE.htc);
}

.firstModal, .firstModal td {
    font-family: Open Sans, sans-serif;  
 }
 
 .firstModal {
    background: #fff;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    behavior: url(/Styles/PIE.htc);
    box-shadow: 3px 3px 6px #111;
}

 .grid {
    margin-bottom: 10px;
 }
 
 .grid td, .grid th {
     padding: 7px;   
 }
 
 
 .admin-button:hover {
    opacity: 0.8;
 }
 
 /*--  Error Sesion --*/
 .campo-error  {
    color: Red;
    font-style: italic;
    font-size: 13px;
    text-align: left;
 }

#errorBody {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
     height: 100%;
    position: absolute;
}

.sf-menu {
    width: 100%;
}

tr.no-border td {
    border:0;
 }
 
 input.textbox, select.textbox {
    border: 1px solid #aaa;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    transition: all 0.2s ease-out;
    font-weight: normal;
    behavior: url(/Styles/PIE.htc);
    behavior: none\9; 
 }
 
input.textbox {
    padding: 2px;
 }
 
select.default.textbox {
    behavior: none;/* Hace conflicto en ie con vista de compatibilidad */
} 
 
 input.textbox:focus, select.textbox:focus {
    background-color: #e8f4fb;
    border-color: #3490c4;
    transition: all 0.2s ease-out;
 }
 
 .light {
    color: #919191; 
    font-family: Open Sans; 
    font-weight: 400;
    font-size: 13px;
 }

.close {
    background: #00a69c;
    /*background: #64a13c;*/
    padding: 4px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    behavior: url(/Styles/PIE.htc);
    opacity: 1 !important;
}

.close:hover, .close:focus {
    opacity: 0.75 !important;
}
 
 /*Barra de progreso*/
div.progress {
    float:left;
    background-color: #F5F5F5;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    height: 20px;
    width:102px;
    overflow: hidden;
     behavior: url(/Styles/PIE.htc);
}

div.progress.active {
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 20px 20px;
    background-color: #428BCA;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    line-height: 20px;
    max-width: 100px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.form table td span.styled label {   
    float: none;
}


.bddoDemo{
    display: block !important;
    margin-left: 15px;
    float: right;
}