body {
    background: white url("../images/logo_santacruz_blanco.png") no-repeat;
    background-color: #F8FFFF;
  /*  font-family: "Titillium Web", sans-serif;*/
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
	font-weight: normal;
    font-style: normal;
    cursor: default;
	margin-bottom: 60px;
}
html {  position: relative;  min-height: 100%;}
body > .container {  padding: 30px 15px;}

a {    color: #17a2b8;    text-decoration: none;    background-color: transparent;}
li a {    font-size: 17px;    font-weight: 500;}
p a {color: #17a2b8;    text-decoration: underline;    background-color: transparent;}
a:hover {  color: #767676; text-decoration: none;}
.modal-lg {    max-width: 1063px!Important;}
.container {    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;	}
.footer > .container {  padding-right: 15px;  padding-left: 15px;}
.top {    float: left;    text-align: right;    height: 100px;    overflow: auto;}
#header{width:100%; height:115px;     background: #17a2b8;  }
#headercont{padding: 0px 20px; margin:auto;height:115px}
.escudo img {    width: 100%;    height: auto;    margin: 16px 0px;}
.escudo {    height: 100px;    max-width: 280px;}
#header .dependencia h5{color: #0b7a8c; }
#header .dependecncia {    height: 100%;}
h5.sub-brand {    font-size: 2.5em;    position: absolute;    bottom: 27px;    right: 0px;    color: #ffffff;    }
h6.sub-brand-inf {    font-size: 1.4em;    position: absolute;    bottom: 3px;    right: 0px;    color: #404040;}
.footer {    position: absolute;    bottom: 0;    width: 100%;    height: 60px;    line-height: 60px;    background-color: #17a2b8!important;    border-top: solid 5px #8c8c8c;}
.informatica {color: #FFFFFF;font: 12px 'Arial',sans-serif;letter-spacing: 1pt;padding: 5px;text-align: center;border-spacing: 0px;margin-top: 10px;}
.wrap.pie {    overflow: auto;    background-color: #e9ecef;    margin-top: 30px;    padding: 30px 0px;}
.columns {    float: left;}
.col-md-4.columns.col2 {    padding-left: 30px;}
li.recurso {    margin: 10px 0px;}
li.recurso i {    padding-right: 10px;}
.cuentas {    margin-top: 30px;}
div#barra {    padding-right: 0px!Important;}
.topnav {    background-color: #17a2b8;    overflow: visible!Important;}
.navbar {    padding: 0px 20px;    background-color: #8c8c8c;     min-height: 5px;}
@media (max-width: 768px) {
.col-md-4.columns.col2 {    padding-left: 15px!Important;}
h5.sub-brand {    font-size: 1.4em; width: 100%;  text-align: right;}
h6.sub-brand-inf {    font-size: 1.1em;    position: absolute;    bottom: 3px;    right: 0px;    color: #404040;	width: 100%;    text-align: right;}
.top {    float: left;    height: 80px;    overflow: inherit;}
.escudo img {    width: 100%;    height: auto;    margin: 16px 0px;}
#header {    width: 100%;    height: 95px;    background: #17a2b8;}
}
@media (max-width: 568px) {

h5.sub-brand {    font-size: 1.4em; width: 100%;    text-align: center;}
h6.sub-brand-inf {    font-size: 1.1em;    position: absolute;    bottom: 3px;    right: 0px;    color: #404040;	width: 100%;    text-align: center;}
.top {    float: left;   height: 65px;    overflow: inherit;}
.escudo {    max-width: 100%;     text-align: center;}
.escudo img {    width: 70%;    height: auto;    margin: 16px 0px;}
#header {    width: 100%;    height: 115px;    background: #17a2b8;}
.footer {    height: 70px;}
.informatica {  font: 11px 'Arial',sans-serif;    letter-spacing: 1pt;    padding: 0px;    text-align: center;    border-spacing: 0px;    margin-top: 8px;}
 ul.list-large.list-icons {    padding: 0px 0px 20px 20px;    margin: 0px;}

}
.escudo {
    overflow-y: hidden;
}


.bg-santacruz {
  background-color: #0EA2C0;
}
.tx-santacruz {
  color: #0EA2C0;
}

.recurso {
  list-style-type: none;
}

#nombre-sistema{
  font-size: 1.6em;
  text-shadow: 0, 0 1px black ,0, 0;
}
#organismo-sistema{
  font-size: 1.3em;
  text-shadow: 0, 0 1px black ,0, 0
}

.no-seleccionable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jumbotron {
  margin-bottom: 0;
  padding: 2rem 2rem;
}