﻿@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

a {
	color: #006eb7;
}
a:hover,
a:focus {
	color: #444;
}

legend {
    padding: 0 0 .5em 0;
    margin-bottom: 20px;
    font-size: 1.25em;
    color: #5fb0e7;
    border-bottom: 1px solid #5fb0e7;
}

.btn-primary {
	background-color: #006eb7;
    border-color: #006eb7;
}
	.btn-primary.focus, 
	.btn-primary:focus {
        color: #fff;
        background-color: #5fb0e7;
        border-color: #006eb7;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #5fb0e7;
        border-color: #006eb7;
    }

    .btn-primary.active, 
	.btn-primary:active {
        color: #fff;
        background-color: #5fb0e7;
        border-color: #006eb7;
    }
		.btn-primary.active.focus, 
		.btn-primary.active:focus, 
		.btn-primary.active:hover, 
		.btn-primary:active.focus, 
		.btn-primary:active:focus, 
		.btn-primary:active:hover {
            color: #fff;
            background-color: #5fb0e7;
            border-color: #006eb7;
        }

.badge-primary {
    background-color: #5fb0e7;
}
.text-primary {
    color: #006eb7;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    background-color: #006eb7;
}

.label-primary {
    background-color: #5fb0e7;
}
    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #006eb7;
    }

.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #5fb0e7;
    border-color: #5fb0e7;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
    color: #5fb0e7;
}

.progress {
	-webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border: #ccc 1px solid;
}
.progress-bar {
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-xs, .progress-xs .progress-bar {
	height: 7px;
}
.progress-xs .progress-bar {
	border: none;
}
.progress-bar-default {
    background-color: #5fb0e7;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #006eb7;
    border-color: #006eb7;
}

tr.table-tr-master > th,
tr.table-tr-master > td {
    border-bottom: solid 2px #5fb0e7;
    color: #006eb7;
}

.panel-primary {
    border-color: #d45300;
}
    .panel-primary > .panel-heading {
        background-color: #d45300;
        border-color: #d45300;
    }
        .panel-primary > .panel-heading .badge {
	        color: #d45300;
        }

.page-left-column-top {
	height: 80px;
	background: #fff url(logo.png) center center no-repeat;
    border-right: solid 1px #e7eaec;
}
@media screen and (min-width:768px) and (max-width:1150px) {
	.page-left-column-top {
		background-size: 83%;
	}
}
.page-menu {
    width: 100%;
	padding: 0;
    background: #fff;
    border-bottom: 2px solid #5fb0e7;
}
	.page-nav > li > a {
		padding: 8px;
		color: #444;
        border-bottom: 2px solid #fff;
	}
    .page-nav > li.active > a, 
    .page-nav > li > a:hover, 
    .page-nav > li > a:focus, 
    .page-nav > li > a:active {
        color: #5fb0e7;
        background: #fff;
	    border-bottom: 2px solid #5fb0e7;
    }

.visible-xs .page-nav > li > a {
    background-color: #5fb0e7;
    color: #FFF;
    border-bottom: 1px solid #fff;
}
.visible-xs .page-nav > li.active > a, 
.visible-xs .page-nav > li > a:hover, 
.visible-xs .page-nav > li > a:focus, 
.visible-xs .page-nav > li > a:active {
    background-color: #006eb7;
    color: #FFF;
    border-bottom: 1px solid #fff;
    }

.page-menu-right,
.page-menu > .hidden-xs {
    display: table-cell;
}
.page-font-size {
	margin: 4px 15px;
}
.page-social-text {
	color: #666;
}

.page-left,
.page-left-column {
    background-color: #f3f3f4;
}

.page-subnav {
    background-color: #fff;
    border-top: solid 1px #e7eaec;
    border-right: solid 1px #e7eaec;
}
.page-subnav .nav-item-label > a {
    color: #555 !important;
    font-weight: 400;
}
.page-subnav .nav-level-1 > .nav-item.active {
	border-left: none;
}
.page-subnav .nav-level-1 > .nav-item > .nav-item-label,
.page-subnav .nav-level-1 > .nav-item.expandida {
	border-bottom: solid 1px #e7eaec;
}
.page-subnav .nav-item.active > .nav-item-label {
    background-color: #eaeaea !important;
}
.page-subnav .nav-level-1 > .nav-item.active .nav-item-label {
    background-color: #fff;
}
.page-subnav .nav-level-1 > .nav-item.active.expandida > .nav-item-label {
	background-color: #fff !important;
}
.page-subnav .nav-item-label > a:hover {
    background-color: transparent;
}
.page-subnav .nav-item.active.expandida .nav-item.active > .nav-item-label {
	background-color: #eaeaea !important;
}
.page-subnav .nav-item.active > .nav-item-label > a {
	font-weight: 600;
}
.page-subnav .nav-item.expandida .nav-item-caret {
    background-image: url(icons-nav/item_close.png);
}
.page-subnav .nav-item.contraida .nav-item-caret {
    background-image: url(icons-nav/item_open.png);
}
.nav-collapse .page-subnav {
    background-color: #fff;
    margin-left: 0;
}

a.nav-toggle,
a.nav-toggle:hover,
a.nav-toggle:focus,
a.nav-toggle:active,
.nav-toggle:before {
    color: #666;
}

.page-icon {
	background-color: #5fb0e7;
}
	.page-title > h1 {
		color: #d45300;
		font-family: 'Bree Serif', serif;
		font-size: 2.15em;
	}

.page-date {
    color: #444;
}
.page-username {
	color: #444;
}
.page-avatar {
	margin-right: 10px;
}

.page-footer {
	border-top: 2px solid #5fb0e7;
	padding: 0;
	text-align: left;
    padding: 15px 10px;
}
.page-footer-links,
.atnova-firma {
	padding: 10px 0;
}
.page-footer-text {
	background: transparent;
    color: #666;
}
.page-footer-links {
	float: left;
}
	.page-footer-links > a,
	.page-footer-links > a:focus {
		color: #666;
	}
	.page-footer-links > a:hover {
		color: #5fb0e7;
	}
.atnova-firma {
	float: right;
}


.ibox-heading {
    border: none;
	border-bottom: 2px solid #d45300;
}
	.ibox-heading .progress-bar {
		color: #fff;
	}
.ibox-title {
    color: #d45300;
    font-size: 1.6em;
    font-family: 'Bree Serif', serif;
}
.ibox-title small {
    float: none;
    display: inline-block;
    margin-top: .5em;
	width: 100%;
}
.ibox-heading + .ibox-content,
.ibox-heading + .ibox-header {
    border-top: none;
}

.view-title {
    margin-bottom: 1em;
    padding-bottom: .5em;
    border-bottom: 1px solid #5fb0e7;
}
.view-title > strong,
.view-title > h2,
.view-title > h3,
.view-title > h4 {
    color: #5fb0e7;
}

.grid-filtros {
	background: #f0f0f0;
    padding: 6px 12px;
}
	.grid-filtros > .nav-pills {
		padding: 0;
	}

.faq-header {
	margin-bottom: 1em;
    padding-bottom: .5em;
    border-bottom: 1px solid #5fb0e7;
}
.faq-header h2 {
    color: #5fb0e7;
}

.news-header h2,
.news-header h3 {
    color: #d45300;
}
.calendar-event {
    background-color: #5fb0e7;
    border-color: #5fb0e7;
}

.steps > ol > li.current {
    background: #5fb0e7;
}
    .steps > ol > li.current > .badge {
	    background-color: #fff;
	    color: #5fb0e7;
    }

.test-sumary {
    border-color: #5fb0e7;
}

.nivo-controlNav a {
    background-image: url(nivo-bullets.png);
}

/*HOME*/
.page-home-container {
    margin: 0 auto;
    max-width: 1280px;
}
.page-home-top-links {
    float: right;
}
.page-home-login {
    padding: 5px 0 5px 30px;
    background: url(page-home-login.jpg) repeat-y #5fb0e7;
}
.page-home-logo > img {
    margin-top: 20px;
}

.login-box-left-column {
    padding: 0;
    background-color: transparent;
}
.login-box-left-column .form-group {
    margin-bottom: 3px;
}
.login-box-left-column .form-group .edit-label {
    float: left;
    width: 30%;
    margin-right: 5%;
    text-align: right;
}
.login-box-left-column .form-group .form-control {
    float: left;
    width: 65% !important;
    margin-bottom: 5px;
    padding: 3px 6px;
}
.login-box-left-column .btn-lg {
	font-size: 1.0em;
    border-radius: 3px;
    padding: 3px 6px;
    margin-left: 35%;
    width: 65% !important;
    background-color: #d45300;
    border-color: #d45300;
}
.login-box-left-column .login-box-pie {
    margin-top: 3px;
    text-align: right;
    font-size: 0.9em;
}
.login-box-left-column > .login-box-pie > a {
    color: #FFF;
}
.login-box-left-column > .login-box-pie > a:hover {
    color: #FFF;
}

.page-home-desconectar {
    color: #FFF;
}

.top-banner {
    margin-left: 0;
    margin-right: 0;
}

.home-atencion {
    margin-bottom: 10px;
    margin-top: 10px;
}
.home-atencion > a {
    padding: 5px 10px;
}

@media (max-width:1020px) {
    .top-banner .nivo-slider,
    .top-banner .nivo-slice {
        background-position: -200px 0 !important;
    }
}

@media (max-width:767px) {
    .login-box-left-column {
        background-color: #5fb0e7;
        padding: 10px;
        margin-top: 20px;
    }
    .login-box-left-column .form-group .edit-label {
        float: none;
        width: 100% !important;
        margin-right: 0;
        text-align: left;
    }
    .login-box-left-column .form-group .form-control {
        float: none;
        width: 100% !important;
        margin-bottom: 10px;
        padding: 6px 12px;
    }
    .login-box-left-column .btn-lg {
	    font-size: 2.0em;
        border-radius: 3px;
        padding: 6px 12px;
        margin-left: 0;
        width: 100% !important;
    }
    .login-box-left-column .login-box-pie {
        font-size: 1.0em;
        margin-top: 7px;
    }

    .page-home-login {
        padding: 0;
    }
    .page-home-login .row > * {
        padding-left: 0;
        padding-right: 0;
    }

    .page-home-logo {
        text-align: center;
    }
}
