body{
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bk-login{
    background: #EC0000;
    background-image:url(../../images/backgrounds/fondo-rojo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar.navbar-default.navbar-sel {
    border-radius:0px;
}

.divide-20 {
    height: 20px;
    width: 100%;
}

.divide-40 {
    height: 40px;
    width: 100%;
}

.divide-60 {
    height: 60px;
    width: 100%;
}

.divide-80 {
    height: 80px;
    width: 100%;
}

.divide-100 {
    height: 100px;
    width: 100%;
}

/*===============  Menu  ===============*/
.navbar {
    border-radius: 0px;
}

.navbar-sel {
    background-color: #d4d6d4;
    border-color: #e7e7e7;
}

.navbar-sel {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-sel .navbar-brand {
    color: #a31d20;
}

.navbar-sel .navbar-brand:hover,.navbar-sel .navbar-brand:focus {
    color: #a31d20;
    background-color: transparent
}

.navbar-sel .navbar-text {
    color: #777
}

.navbar-sel .navbar-nav>li>a {
    color: #777
}

.txt-rojo {
    color: #990000;
}


/*===============  Login  ===============*/
/*.h2-log{
    font-family:'SoberanaTitular-Regular';
    font-size: 25px;
    color: #999;
}*/


.form-horizontal.form-login {
    max-width: 300px;
    margin: 0 auto;
}


#loginForm h2{
    text-align: center;
    color: #FFF;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon, .inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon, .left-addon .fa  { left:  0px;}
.right-addon .glyphicon, .right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*#loginForm .inner-addon .left-addon .form-control {*/
#loginForm .form-control.input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 20px ;
    padding-left: 45px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #FFF;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    border: none;
    border-radius: 0px;
     -webkit-box-shadow: none; 
     box-shadow: none; 
     -webkit-transition: none; 
    -o-transition: none;
     transition: none; 
     border-bottom:solid #f5f5f5 1px;
}

#loginForm .form-control.input:focus {
    background-color: rgba(187, 32, 36, 0.9);
    }

#loginForm input::-webkit-input-placeholder {
  color: #a6a7a9;
}
#loginForm input:-moz-placeholder {
  color: #a6a7a9; 
}
#loginForm input:-ms-input-placeholder { 
  color: #a6a7a9; 
}

.circulo {
width: 70px;
    height: 70px;
    background: #ff9200;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    text-align: center;
    padding: 10px;
    color: #f5f5f5;
    font-size: 40px;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 200%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.25)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 200%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 200%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 200%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 200%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */
}

.btn-1 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #adadad));
	background:-moz-linear-gradient(top, #f5f5f5 5%, #adadad 100%);
	background:-webkit-linear-gradient(top, #f5f5f5 5%, #adadad 100%);
	background:-o-linear-gradient(top, #f5f5f5 5%, #adadad 100%);
	background:-ms-linear-gradient(top, #f5f5f5 5%, #adadad 100%);
	background:linear-gradient(to bottom, #f5f5f5 5%, #adadad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#adadad',GradientType=0);
	background-color:#f5f5f5;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #dedede;
	display:inline-block;
	cursor:pointer;
	color:#962822;
	font-weight: bold;
	font-size:19px;
	padding:5px 15px;
	text-decoration:none;
}
.btn-1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #adadad), color-stop(1, #f5f5f5));
	background:-moz-linear-gradient(top, #adadad 5%, #f5f5f5 100%);
	background:-webkit-linear-gradient(top, #adadad 5%, #f5f5f5 100%);
	background:-o-linear-gradient(top, #adadad 5%, #f5f5f5 100%);
	background:-ms-linear-gradient(top, #adadad 5%, #f5f5f5 100%);
	background:linear-gradient(to bottom, #adadad 5%, #f5f5f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#f5f5f5',GradientType=0);
	background-color:#adadad;
    color:#962822;
}
.btn-1:active {
	position:relative;
	top:1px;
}

.btn-2 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #b30000));
	background:-moz-linear-gradient(top, #ffffff 0%, #b30000 30%);
	background:-webkit-linear-gradient(top, #ffffff 0%, #b30000 30%);
	background:-o-linear-gradient(top, #ffffff 0%, #b30000 30%);
	background:-ms-linear-gradient(top, #ffffff 0%, #b30000 30%);
	background:linear-gradient(to bottom, #ffffff 0%, #b30000 30%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b30000',GradientType=0);
	background-color:#ce0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #ce0000;
	display:inline-block;
	cursor:pointer;
	/*color:#962822;*/
    color:#f5f5f5;
    font-style: bold;
	font-size:19px;
	padding:5px 15px;
	text-decoration:none;
}
.btn-2:hover {
	background:-webkit-gradient(linear, right bottom, right top, color-stop(1, #ffffff), color-stop(0.05, #b30000));
	background:-moz-linear-gradient(bottom, #ffffff 0%, #b30000 30%);
	background:-webkit-linear-gradient(bottom, #ffffff 0%, #b30000 30%);
	background:-o-linear-gradient(bottom, #ffffff 0%, #b30000 30%);
	background:-ms-linear-gradient(bottom, #ffffff 0%, #b30000 30%);
	background:linear-gradient(to top, #ffffff 0%, #b30000 30%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b30000',GradientType=0);
	background-color:#b30000;
    color:#f5f5f5;
}
.btn-2:active {
	position:relative;
	top:1px;
}

/*.btn-1, .btn-1:hover{
    color: #fff;
    background-color: #007934;
    border-color: #007934;
}
.btn-1:hover{
    opacity: 0.9;
}*/

/*.btn-2, .btn-2:hover{
    color: #fff;
    background-color: #a6a7a9;
    border-color: #a6a7a9;
}
.btn-2:hover{
    opacity: 0.9;
}*/


.ico-1{
    color: #FFF;
    text-align: center;
    top:1px;
    line-height: 1;
}

#Form1 a{
    list-style-type: none;
    color: #f5f5f5;
}

/*===============  Modal  ===============*/

.modal-content {
    border: 3px solid #999;
    border-radius: 5px;
}

.modal-dialog {
    min-width:530px;
}



.Modalwindow {
    display:none;
    position:absolute;
    top:10%;
    left:50%;
    background-color:#FFFFFF;
    z-index:9999;
    margin-top:-100px;
    margin-left:-225px;
    width:500px;
    padding: 0px;	
    border: 3px solid #999;
    border-radius: 5px;
    }

.backgroundModal {
    display:none;
    position:fixed;
    top:0;
    left:0;
    background-color:#000;
    width:100%;
    height:100%;
    -moz-opacity:0.6;
    KhtmlOpacity: 0.6;
    opacity:0.6;
    filter:alpha(opacity='60');
    z-index:999;
    }


.modal-sel .modal-title {
    color: #b30000;
}

.modal-sel .modal-header .close, #modalWindowFormResetPassword .modal-header .close {
    position: absolute;
    right: 1rem;
    top: 0;
    padding: 2px 7px;
    border-radius: 0px 0px 5px 5px;
    background: red;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    border-color: transparent;
    opacity: 1;
}


.modal-sel .modal-content, #modalWindowFormResetPassword .modal-content{
    border: 3px solid #999;
}

#modalWindowFormResetPassword .modal-header, #modalWindowFormResetPassword .modal-body, #modalWindowFormResetPassword .modal-footer,
#modalWindowReset .modal-header, #modalWindowReset .modal-body, #modalWindowReset .modal-footer,
#modalWindowInfo .modal-header, #modalWindowInfo .modal-body, #modalWindowInfo .modal-footer,
#modalWindowUpdate .modal-header, #modalWindowUpdate .modal-body, #modalWindowUpdate .modal-footer,
#tbNActualizacionSi .modal-header, #tbNActualizacionSi .modal-body, #tbNActualizacionSi .modal-footer



 {
    background: #f0f0f0;
}


/*.modal-sel .modal-header {*/

#modalWindowFormResetPassword .modal-header {
    border-bottom: 3px solid #cacaca;
}

/*.modal-sel .form-horizontal .control-label{*/
#modalWindowFormResetPassword .form-horizontal .control-label{
    color: #b30000;
}

.alert1 {
    color: #333;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    background-color: #d0d0d0;
    padding: 15px;
    margin: 0px;
    background-image: url(../../Images/iconset/warning.png);
    background-repeat: no-repeat;
    background-position: 5px top;
    margin-bottom: 0px;

	}

.txt1.version {
	color:#FFF;
	font-size:12px;
	line-height:14px;
	}

.txterror {
    /*background-color: yellow;*/ /*#e74c3c*/
    /*color:#000;
    font-size: 12px;
    line-height: 120%;
    padding: 5px;
    margin: 3px 0 0 0;
    display: block;
    position: relative;

    border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url('include/css/PIE.htc');*/
    /*display:none;*/
}
.txterror span {
	background-color: #adadad; 
    color:#000;
    font-size: 12px;
    line-height: 120%;
    padding: 5px;
    margin: 3px 0 0 0;
    display: block;
    position: relative;
    border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url('include/css/PIE.htc');
}
.txterror span[style="display: inline;"] {
    display: block !important;
}
.txterror span:before {
	content: " ";
	display: inline-block;
	width: 1px;
	height: 0px;
	position: absolute;
	margin: -17px 0 0 40px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #adadad;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	}
.txterror:first-child span {
	text-align: center;
}
.txterror:first-child span:before {
	display: none;
}
.displaynone {
	display: none !important;
}

.txterror {
	color:#FFF;
	font-size:14px;
	line-height:24px;
	}



/*========================================*/

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
    display: none;
    position: absolute;
    right: -276px;
    width: 285px;
    margin-top: -66px;
    border: 2px solid #fff;
    padding: 10px;
    background: rgba(255, 255, 255, 0.7) url(pointer.gif) no-repeat -10px 5px;
    border-radius: 15px 15px 15px 0px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

body {
   background: #777;
}

/*/ RESPONSIVE
   ========================================================================= /*/
/*/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /*/
@media (min-width: 768px) and (max-width: 1024px) {
    body {
        background: red;
    }


}

@media (max-width: 1023px) {
    body {
        background:#4cff00;
    }
    .hint {
    right: -45px;
    margin-top: -96px;
    width: 220px;
    }

}


/*/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /*/
@media (max-width: 767px) {
    body {
        background: blue;
    } 
    
    .Modalwindow {
    /* display: none; */
    position: absolute;
    top: 10%;
    left: 50%;
    background-color: #FFFFFF;
    z-index: 9999;
    margin-top: -30%;
    margin-left: -45%;
    width: 90%;
    padding: 0px;
    border: 3px solid #999;
    border-radius: 5px;
}
       
}

/*/ Móviles en vertical
   ------------------------------------------------------------------------- /*/
@media (max-width: 480px) {
    body {
        background: green;
    }
}

@media (max-width: 320px) {
    body {
        background: yellow;
    }

    .hint {
    right: -15px;
    margin-top: -96px;
    width: 210px;
    }


}