/*CSS PARA EL TEMLETE PUBLICO PAGINA ESTATICA*/
body {
    padding-top: 5px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color: #e0e0e0;
}

.portfolio-item {
    margin-bottom: 10px;
}

footer {
    margin: 20px 0;
}
.navbar-custom {

  background-color: #0a6593;
  border-color: #085074;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0d86c3), to(#0a6593));
  background-image: -webkit-linear-gradient(top, #0d86c3, 0%, #0a6593, 100%);
  background-image: -moz-linear-gradient(top, #0d86c3 0%, #0a6593 100%);
  background-image: linear-gradient(to bottom, #0d86c3 0%, #0a6593 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d86c3', endColorstr='#ff0a6593', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ebeef0;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #ced5da;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ebeef0;
}
.navbar-custom .navbar-nav > li > a {
  color: #ebeef0;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ecf1f1;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ecf1f1;
  background-color: #085074;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#085074), to(#0b70a4));
  background-image: -webkit-linear-gradient(top, #085074, 0%, #0b70a4, 100%);
  background-image: -moz-linear-gradient(top, #085074 0%, #0b70a4 100%);
  background-image: linear-gradient(to bottom, #085074 0%, #0b70a4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff085074', endColorstr='#ff0b70a4', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #084e72;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ecf1f1;
  border-bottom-color: #ecf1f1;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #085074;
  color: #ecf1f1;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ecf1f1;
  border-bottom-color: #ecf1f1;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ebeef0;
  border-bottom-color: #ebeef0;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ebeef0;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecf1f1;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecf1f1;
    background-color: #085074;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ebeef0;
}
.navbar-custom .navbar-link:hover {
  color: #ecf1f1;
}
#page{
 width: 88%;
    margin: 0 auto;

}
#pie{
	width:100%;
	clear:both;
	text-align:center;
	font-size: 8pt;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #777777;
}
/*.box{
	webkit-border-radius: 27px 20px 0px 0px;
	-moz-border-radius: 27px 20px 0px 0px;
	border-radius: 27px 20px 0px 0px;
	border:1px solid #0B79B1;
	background:rgba(235,223,228,0.3);
	background: #0B75AA;
	-webkit-box-shadow: #B5B5B5 3px 3px 3px;
	-moz-box-shadow: #B5B5B5 3px 3px 3px; b
	ox-shadow: #B5B5B5 3px 3px 3px;
	height: 200px;
	color:white;
}
.box h4{
	background: #0B75AA;
	color:#0B75AA;
	text-align: center;
	border-bottom: 1px solid #000;
}*/
.box
{
	padding: 20px;
	background: #FDFDFD;
	border: 1px solid #bbbbbb;
	
	border-radius: 8px 4px 0px 0px;
	-moz-border-radius: 8px 4px 0px 0px;
	-webkit-border-radius: 8px 4px 0px 0px;
  min-height: 200px;
	max-height: 220px;
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.box h4{
text-align: center;
border-bottom: 1px solid #0C7EB8;
color: #0A6898;
}
.box p{
	text-align: justify;
  

}
.box a{
	font-size: 0.8em;
}
.box li{
 
}
/*.slider-wrapper{
	width: 65%;
	margin: 0 auto;
}*/
.logo{
  height: 90%;
  width: 100%;
}