/* CSS Document */
body {
   margin-bottom:45px; 
   background-color: #F5F5F5;
}
html, body {
height:auto;
}

.footer-login{
	background-color: #545D72;
}

.footer-login div{
	color: white;
}

.contenido-login{
	margin-top: 40px;
}


.titulo-tabla-login{
	font-size: 20px;
	margin-bottom: 20px;
}
.label-caja-inputs{
	font-size: 15px;
}

.logos-proyectos{
	margin-top: 50px;
	margin-bottom: 50px;
}

.menu-nuevo{
	margin-top: 10px;
}

/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	color:#333;
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
	background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    line-height: 1.42857;
    text-decoration: none;
	
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
}

form .error-message {
	clear:both;
	

    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;

    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

	
	
	
}

legend{
	border-bottom-style:dashed;
	padding-bottom:8px;
	color:#545D72;
	
	
}

.ibox-title h2{
	color:#545D72;
	font-weight:400;
	}

.inputLeft{
	float:right;
	width:50%;
	max-width:165px;
	
	}
.btnLeft{
	float:right;
	width:50% !important;
	max-width:120px;
	margin-left:5px;
	
	}	
	

/* LOGIN */	

.rutfield{
	float:left;
	width:75%;
}

.dvfield{
	float:left;
	width:20%;
	
}
.separador{
	display:block;
   float:left;
	width:5%;
	line-height:30px;
	text-align:center;

}

.cajaRut{
	overflow:hidden;	
	
}

/*logo*/

.top-barra{
	background-color: #474747;
	height: 50px;
}

.top-navigation .navbar-brand {
    background: #fff;
    color: #fff;
    padding: 6px 15px !important;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-header .navbar-brand{
	padding-left: 30px !important;
	padding-top: 20px !important;
}


/* ////////////////// */	
.top-navigation {
	padding:0 !important;
	background-color: #CCD2D5;
}
.custom-bg{
	background-color: #CCD2D5 !important;
	
}

.central{
	padding-bottom:25px !important;
	padding-top: 30px !important;
	background-color: #CCD2D5;
}

.central-add{
	padding-bottom:25px !important;
	padding-top: 30px !important;

}
.central-biblioteca{
	padding-bottom:25px !important;
	padding-top: 30px !important;

}

.panel-registro{
	background-color: #FFFFFF;
}

.container-fluid{
	margin-right: auto !important;
	margin-left: auto !important;
	    padding-right: 0px;
    padding-left: 0px;
}

.col-repisa {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 15px !important;
	margin-left: 0 !important;
}

.col-repisa .contImagen{
	
	width:auto;
	height:150px;
	margin:auto;
	position:relative;
	max-width: 200px;
	
}

.col-repisa .list-clases{
	position:absolute;
	margin:0px;
	padding:0px;
	list-style:none;
	bottom:5px;
	right:-15px;
}

.col-repisa .list-clases li{
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	color:#FFF;
	background-color:#000;
	margin-top:5px;
}

.col-repisa .contImagen img{
width:auto;
height:100%;
margin: auto;
display: block;


}

.fila-repisa{
			
}

.titulo-repisa{
	margin-bottom: 15px;
}

.thumbnail{
	border: none !important;

	height: 183px;
	background: url(../img/img_repisa.svg) no-repeat center bottom;
	margin: 0 auto 0 !important;
	padding: 0 !important;
	border-radius: 0px;
	position: relative;
}



.field {
    width: 30% !important;
    float: left !important;
    margin-bottom: 10px;
}


.activarBox {
    max-width: 460px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
}

.btn-primary {
    background-color: #545D72;
    border-color: #373D4A;
    color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
     background-color: #3E4555;
    border-color: #373D4A;
    color: #FFFFFF;
}
.navbar-toggle {
    background-color: #3E4555;
    
}



.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #3E4555;
}


.top-navigation .nav > li.active > a {
    color: #3E4555;
	text-decoration:underline;
}


.m-b-10{
	margin-bottom:10px;
	
}
.m-b-15{
	margin-bottom:15px;
	
}
.m-b-20{
	margin-bottom:20px;
	
}


.sidebar-container ul.nav-tabs.navs-5 li {
  width: 20%;
}
.sidebar-container ul.nav-tabs.navs-6 li {
  width: 16.6666%;
}
.sidebar-container ul.nav-tabs.navs-7 li {
  width: 14.2857%;
}
.sidebar-container ul.nav-tabs.navs-8 li {
  width: 12.5%;
}
.sidebar-container ul.nav-tabs.navs-9 li {
  width: 11.1111%;
}
.sidebar-container ul.nav-tabs.navs-10 li {
  width: 10%;
}

/* Tamara */

.boton {
	border-radius: 13px;
	height: 45px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
}

.btn-purpura {
	background-color: #6661E8;
	border-color: #6661E8;
	color: #fff;
}

.boton-azul {
	background-color: #1A99F8;
	border-color: #1A99F8;
	color: #FFFFFF;
	border-radius: 20px;
}

.boton-naranja {
	background-color: #FEC056;
	border-color: #FEC056;
	color: #FFFFFF;
}

.boton-rojo {
	background-color: #EE4B41;
	border-color: #EE4B41;
	color: #FFFFFF;
}

.boton-rosado {
	background-color: #F57DB1;
	border-color: #F57DB1;
	color: #FFFFFF;
}

.boton-verde {
	background-color: #8AD665;
	border-color: #8AD665;
	color: #FFFFFF
}

.boton-calipso {
	background-color: #E0F9FC;
	border-color: #EAEAEA;
	color: #1CA4EB;
}