/*
Colores Gluyas
azul #065aa2
anaranjado #ec7710 
*/

body {
    background: #666 url(../images/sidebarBg.png) repeat-y 0 0;
}

/* ---------------------------------- */
/* @Header */

#header {
    background: #0A284B;
    background: -moz-linear-gradient(top, #5DACF0 0%, #065aa2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DACF0), color-stop(100%,#065aa2));
    background: -webkit-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: -o-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: -ms-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DACF0', endColorstr='#065aa2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DACF0', endColorstr='#065aa2')";
    border-bottom: 1px solid #555;
    z-index: 60 !important;
    height: 125px;
    left: 0;
    position: fixed;
    top: 0;
}

/* CAMBIO DE ESTILO SCROLL */
/*#header {
    background: #0A284B;
    background: -moz-linear-gradient(top, #5DACF0 0%, #065aa2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DACF0), color-stop(100%,#065aa2));
    background: -webkit-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: -o-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: -ms-linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    background: linear-gradient(top, #5DACF0 0%,#065aa2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DACF0', endColorstr='#065aa2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DACF0', endColorstr='#065aa2')";
    border-bottom: 1px solid #555;
    z-index: 0 !important;
    height: 125px;
}*/





/* ---------------------------------- */
/* @Footer */

#footer {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #065AA2;
    bottom: 0;
    color: #FFFFFF;
    height: 45px;
    padding: 12px;
    position: fixed;
    text-align: right;
    width: 100%;
    z-index: 999;
}

/* CAMBIO DE ESTILO SCROLL */
/*#footer {
    background: #065aa2;
    width: 100%;
    color: #fff;
    text-align: right;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

/* ---------------------------------- */
/* @MainNav */

#mainNav {
    border-bottom-color: #858585;
    width: 190px; /* 195px; */
}

#mainNav li.nav {
    border-top-color: #858585;
    border-bottom-color: #4A4A4A;
}



#mainNav li.nav .subNav {
    background: #555;
    -moz-box-shadow: inset 0 0 3px #333;
    -webkit-box-shadow: inset 0 0 3px #333;
    box-shadow: inset 0 0 3px #333;
}

#mainNav li.nav .subNav li a {
    background: url(../images/bullets/bullet_white.png) no-repeat 6px 49% !important;
    filter: none;
}

#mainNav li.nav [class^="icon-"], #mainNav li.nav [class*=" icon-"] {
    background-image: url(../images/sprite/sprite-16-white.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 14px;
    left: 16px;
    opacity: .9;
    filter: alpha(opacity=90);
}

#mainNav li.nav .subNav li a:hover {
    background-color: #ec7710 !important;
    /*width: 150px;*/
}

#mainNav .dropdown .dropdownArrow {
    border-top-color: #000;
}

#mainNav li.nav.active a {
    background: #ec7710;
    background: -moz-linear-gradient(top, #A8CCEC 0%, #FFAD49 2%, #ec7710 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#FFAD49), color-stop(100%,#ec7710)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #A8CCEC 0%, #FFAD49 2%,#ec7710 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #A8CCEC 0%, #FFAD49 2%,#ec7710 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #A8CCEC 0%, #FFAD49 2%,#ec7710 100%); /* IE10+ */
    background: linear-gradient(top, #A8CCEC 0%, #FFAD49 2%,#ec7710 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAD49', endColorstr='#ec7710');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAD49', endColorstr='#ec7710')";
    border-top: none;
}





/* ---------------------------------- */
/* @Search */

#search {
    background: -moz-linear-gradient(top, #464646 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top, #464646 0%,#363636 100%);
    background: -o-linear-gradient(top, #464646 0%,#363636 100%);
    background: -ms-linear-gradient(top, #464646 0%,#363636 100%);
    background: linear-gradient(top, #464646 0%,#363636 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#363636');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#363636')";
    border-top-color: #242424;
    border-bottom-color: #282828;
}

#searchBevel {
    border-bottom-color: #555555;
}

#search input {
    background: #626262 url(../images/search/search.png) no-repeat 12px 50%;
    border-color: #363636;
}





/* ---------------------------------- */
/* @Sidear */

#sidebar {
}





/* ---------------------------------- */
/* @Content */

/* CAMBIO DE ESTILO SCROLL */
/*#content { 
    -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.7);
    -webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.7);
    box-shadow: 1px 1px 12px rgba(0,0,0,.7);
    margin-left: 190px;
}*/

#content {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.7);
    margin-left: 190px;
    min-height: 800px !important;
    position: relative;
    top: 125px;
    z-index: 0 !important;
    margin-right: 0px !important;
}

#contentHeader {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
    border-bottom-color: #CCC;
    margin-top: 15px;
    top: 14px;
    z-index: 70 !important;
    margin-left: 190px;
    position: fixed;
}

/* CAMBIO DE ESTILO SCROLL */
/*#contentHeader {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
    border-bottom-color: #CCC;
    margin-top: 15px;
}*/

#contentHeader #contentHeaderBevel {
    border-bottom-color: #FFF;
}





/* ---------------------------------- */
/* @QuickNav */

#quickNav, #header #reveal-nav {
    background: #222;
    background: -moz-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A6A6A),color-stop(2%,#515151), color-stop(100%,#2E2E2E));
    background: -webkit-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: -o-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: -ms-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E')";
    border-color: #161616;
}

#quickNav li {
    border-right-color: #222;
    border-left-color: #555;
}





/* ---------------------------------- */
/* @TopNav */

#topNav a.menu {
    padding-right: 16px;
}


#topNav .menuArrow {
    border-top-color: #777;
}





/* ---------------------------------- */
/* @Menu */

.menuContainer {
    background-color: #666;
    border: 1px solid #555;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
    box-shadow: 1px 1px 5px rgba(0,0,0,.75);
}

.menuContent {
    background-color: #FFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
}

.menuDropdown {
    background: #666;
}

.menuDropdown .menuContent li {
    border-top-color: #777;
    border-bottom-color: #555;
}

.menuDropdown .menuContent a {
    background: url(../images/bulletBlack.html) no-repeat 8px 50%;
}










/*
= Default State
--------------------------------------------------------------------- */
.defaultState, .paging_full_numbers span.paginate_button, .widget-table .dataTables_wrapper .dataTables_paginate span.ui-button {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DFDBDB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%); /* IE10+ */
    background: linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
    border: 1px solid #CCC;
}




/*
= Buttons
--------------------------------------------------------------------- */
.btn [class^="icon-"] {
    background-image: url(../images/sprite/sprite-16-white.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 2px;
    position: relative;
    top: 0;
    left: -4px;
    display: inline;
}






/*
= Primary / Active State
--------------------------------------------------------------------- */
.btn-primary, .btn-primary:visited, .progress-bar.primary .bar, .activeState, .paging_full_numbers span.paginate_active, .widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled, .pagination a.selected {
    background: #066ECD;
    background: -moz-linear-gradient(top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#4993D7), color-stop(100%,#066ECD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* IE10+ */
    background: linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
    color: #FFF;
    border-color: #0561B4;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.btn-primary:hover {
    background: #0561B4;
    background: -moz-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%, #0561B4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABC9E4), color-stop(2%,#4B8CC6), color-stop(100%,#0561B4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* IE10+ */
    background: linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CC6', endColorstr='#0561B4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CC6', endColorstr='#0561B4')";
}

.btn-primary:active {
    background: #066ECD;
    background: -moz-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#066ECD), color-stop(100%,#4993D7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* IE10+ */
    background: linear-gradient(top, #066ECD 2%,#4993D7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#066ECD', endColorstr='#4993D7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
    color: #FFF;
    border-color: #0561B4;
}








/*
= Tertiary
--------------------------------------------------------------------- */
.btn-tertiary, .btn-tertiary:visited, .progress-bar.tertiary .bar {
    background: #999999;
    background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(2%,#BDBDBD), color-stop(100%,#999999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%); /* IE10+ */
    background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
    color: #FFF;
    border-color: #888;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.btn-tertiary:hover {
    background: #888888;
    background: -moz-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%, #888888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(2%,#B3B3B3), color-stop(100%,#888888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%,#888888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%,#888888 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%,#888888 100%); /* IE10+ */
    background: linear-gradient(top, #E6E6E6 0%, #B3B3B3 2%,#888888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}


.btn-tertiary:active {
    background: #888888;
    background: -moz-linear-gradient(top, #888888 2%,#B3B3B3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#888888), color-stop(100%,#B3B3B3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #888888 2%,#B3B3B3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #888888 2%,#B3B3B3 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #888888 2%,#B3B3B3 100%); /* IE10+ */
    background: linear-gradient(top, #888888 2%,#B3B3B3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}











/*
= Quaternary / Default State
--------------------------------------------------------------------- */
.btn-quaternary, .btn-quaternary:visited, .progress-bar.quaternary .bar {
    background: #CCCCCC;
    background: -moz-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(2%,#ECECEC), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* IE10+ */
    background: linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
    color: #444;
    text-shadow: 1px 1px 1px rgba(255,255,255,.8);
    border-color: #BBBBBB;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.btn-quaternary:hover {
    background: #BBBBBB;
    background: -moz-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(2%,#E8E8E8), color-stop(100%,#BBBBBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* IE10+ */
    background: linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB')";
}



.btn-quaternary:active {
    background: #CCCCCC;
    background: -moz-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#CCCCCC), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* IE10+ */
    background: linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
}









/*
= Secondary
--------------------------------------------------------------------- */
.btn-secondary, .btn-secondary:visited, .progress-bar.secondary .bar {
    background: #222222;
    background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(2%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%); /* IE10+ */
    background: linear-gradient(top, #888888 0%, #444444 2%,#222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
    color: #FFF;
    border-color: #000000;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.btn-secondary:hover {
    background: #111111;
    background: -moz-linear-gradient(top, #888888 0%, #333333 2%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(2%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #888888 0%, #333333 2%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #888888 0%, #333333 2%,#111111 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #888888 0%, #333333 2%,#111111 100%); /* IE10+ */
    background: linear-gradient(top, #888888 0%, #333333 2%,#111111 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')";
}

.btn-secondary:active {
    background: #444444;
    background: -moz-linear-gradient(top, #222222 2%,#444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#222222), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #222222 2%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #222222 2%,#444444 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #222222 2%,#444444 100%); /* IE10+ */
    background: linear-gradient(top, #222222 2%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
}




/*
= Message
--------------------------------------------------------------------- */
.pnlDiv {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 900000 !important;
}

div.msg {
    padding: 10px 10px 10px 37px;
    margin-bottom: 10px;
    cursor: pointer;
}

div.success {
    border: 1px solid #6cd858;
    background: #e3ffde url(../images/message/success.png) 10px 13px no-repeat;
}

div.error {
    border: 1px solid #ffa2aa;
    background: #fae8e8 url(../images/message/error.png) 10px 13px no-repeat;
}

div.warning {
    border: 1px solid #d6d61f;
    background: #ffffd3 url(../images/message/warning.png) 10px 13px no-repeat;
}

div.information {
    border: 1px solid #b4dbe8;
    background: #e3f2f7 url(../images/message/information.png) 10px 13px no-repeat;
}




/* ---------------------------------- */
/* @Striped Table */

.table-striped tr:nth-child(odd) td {
    background-color: #FAFAFA;
}
.table-striped tr:nth-child(even) td {
    background-color: #FFF;
}

.table-striped tr:nth-child(odd):hover td {
    background-color: #F5DA81;
}
.table-striped tr:nth-child(even):hover td {
    background-color: #F5DA81;
}

/* ---------------------------------- */
/* @Bordered Table */

.table-bordered {
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
}

.table-bordered .headerRow {
    background: #EEE;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* IE10+ */
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#EEEEEE')";
    padding: 10px;
    font-weight: bold;
}

.table-bordered td, .table-bordered .headerRow th {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 10px;
}

.table-bordered .pagerRow tbody tr td {
    border: 0;
    padding: 0;
}





/******************/
/* UpdateProgress */
/******************/

#update-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99010 !important;
    min-width:100%; min-height:100%;
    text-align:center;
    background-color: rgba(0,0,0,0.75);
    display:block;
}
#update-progress #message {
    background-color: #fff;
    color: #666;
    vertical-align: middle;
    font-size: 10pt;
    width: 150px;
    text-align: center;
    z-index: 99999 !important;
    border-width: 1px;
    border-style: solid;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
    
    position: fixed;
    margin: auto;
    top: 40%; left: 44%;
    padding: 10px;
}



/******************/
/* MODAL POPUP    */
/******************/

/* =ModalStep
----------------------------------------------- */
.modalstep {
    margin: auto !important;
    top: auto;
    width: 600px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}

/* =ModalStep Header
----------------------------------------------- */
.modalstep-header {
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
    background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9'); 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";*/
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #D5D5D5;
    position: relative;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-background-clip: padding-box;
}

.modalstep-header h3 {
    font-size: 14px;
    font-weight: 800;
    color: #555;
    line-height: 18px;
    display: inline-block;
    margin-right: 3em;
    position: relative;
    top: 2px;
    left: 10px;
    text-shadow: 1px 1px 2px rgba(255,255,255,.5);
}

.modalstep-header [class^="icon-"], .widget-header [class*=" icon-"] {
    background-image: url(../images/sprite/sprite-16-black.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: .7;
    filter: alpha(opacity=70);
    position: relative;
    top: 5px;
    margin-left: 10px;
    margin-right: -2px;
}


/* =ModalStep Content
----------------------------------------------- */
.modalstep-content {
    /*padding: 20px 15px 15px;*/
    padding: 5px 5px 15px 5px;
}

.modalstep-shadow {
    background-color: #000;
    opacity: 0.6;
    z-index: 9900 !important;
}


/* ---------------------------------- */
/* @Sidear */

#sidebar {
    display: block;
    float: left;
    position: fixed;
    top: 125px;
    width: 150px;
    z-index: 0;
}

/* CAMBIO DE ESTILO SCROLL */
/*#sidebar {
    width: 150px;
    display: block;
    float: left;
    position: relative;
    z-index: 0;
}*/

.sidebarBox {
    color: #FFF;
    padding: 0 20px;
    margin-bottom: 2em;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

#sidebar hr {
    margin-bottom: 2em;
    border-top: 1px solid #4A4A4A;
    border-bottom: 1px solid #858585;
}



/*********************/
/* DetailsView       */
/*********************/

.detailsview {
    margin-top: 20px;
}

.detailsview td {
    padding: 3px;
}

.fh {
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

.error {
    color: #f00;
    font-size: 11px;
    font-weight: bold;
}

.no-border {
    border: medium none !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
}

.no-underline {
    text-decoration: none !important;
}



/*********************/
/* Panels            */
/*********************/

.cpanel {
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    margin-top: 10px;
}

.cpanel div.icono, #cpanel div.icono {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    text-align: center;
}

.cpanel div.icono a, #cpanel div.icono a {
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 2%,#ECECEC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#FFF), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFF 2%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFF 2%,#ECECEC 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFF 2%,#ECECEC 100%); /* IE10+ */
    background: linear-gradient(top, #c 2%,#ECECEC 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#FFF');*/ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#FFF')";*/
    filter: none;
    -ms-filter: none;
    color: #FFF;
    border-color: #2E8794;
    background-position: -30px center;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #565656;
    display: block;
    float: left;
    height: 90px;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    vertical-align: middle;
    width: 125px;
}

.cpanel div.icono a:hover, #cpanel div.icono a:hover {
    background-position: 0;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}

#cpanel img, .cpanel img {
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 0px;
}

#cpanel span, .cpanel span {
    display: block;
    text-align: center;
    font-size: 11pt;
    color: #444;
    text-shadow: 1px 1px 1px rgba(255,255,255,.8);
}

#cpanel a:link, .cpanel a:link {
    color: #FFF;
    outline: medium none;
    text-decoration: none;
}

.cpanel .iconos {
    width: 100%;
    display: inline;
}

.cpanel .tooltip {
    display: block;
    min-height: 20px;
    display: inline;
    margin-left: 10px;
    font-size: 8pt;
    font-weight: normal;
}



/*********************/
/* Top Menu          */
/*********************/

#topNav {
    z-index: 80 !important;
}

#topNav a {
    text-decoration: none !important;
}

#topNav a:hover {
    color: #555;
}


.menu-dropdown .menu-content a {
    background: url(../images/bullets/bullet_white.png) no-repeat 2px 50% !important;
    text-decoration: none !important;
}


.menu-dropdown .menu-content a:hover {
    background: url(../images/bullets/bullet_white.png) no-repeat 2px 50% !important;
    text-decoration: none !important;
    background-color: #ec7710 !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


#header h1 {
    background: -moz-linear-gradient(top, #FFF 2%,#ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#FFF), color-stop(100%,#ECECEC));
    background: -webkit-linear-gradient(top, #FFF 2%,#ECECEC 100%);
    background: -o-linear-gradient(top, #FFF 2%,#ECECEC 100%);
    background: -ms-linear-gradient(top, #FFF 2%,#ECECEC 100%);
    background: linear-gradient(top, #FFF 2%,#ECECEC 100%); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#ECECEC');     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#ECECEC')";*/
    filter: none;
    -ms-filter: none;
    border-color: #2E8794;
    background-position: -30px center;
    border: 1px solid #CCCCCC;
    border-radius: 10px 0px 0px 0px;
    display: block;
    background: url(../images/logoinner.png) no-repeat #FFF;
    width: 130px;
    height: 100px;
    top: 9px;
    padding: 3px;
    background-position: center center;
}



/*********************/
/* Tabla Divs        */
/*********************/

.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
    margin-bottom: 3px;
}



/*********************/
/* Pager             */
/*********************/

.pagerRow span {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-border-image: none;
    -webkit-box-shadow: rgba(255, 255, 255, 0.298039) 0px 1px 0px 0px inset;
    background: -moz-linear-gradient(center top , #A8CCEC 0%, #4993D7 2%, #066ECD 100%) repeat scroll 0 0 transparent;
    background-image: -ms-linear-gradient(rgb(168, 204, 236) 0%, rgb(73, 147, 215) 2%, rgb(6, 110, 205) 100%);
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgb(168, 204, 236) 0%, rgb(73, 147, 215) 2%, rgb(6, 110, 205) 100%);
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(5, 97, 180);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(5, 97, 180);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(5, 97, 180);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(5, 97, 180);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(255, 255, 255, 0.298039) 0px 1px 0px 0px inset;
    color: rgb(255, 255, 255);
    cursor: default;
    font-family: 'Open Sans' , 'trebuchet ms' , arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 0px;
    opacity: 1;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    width: 6px;
    zoom: 1;
}

.pagerRow a {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-border-image: none;
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #DFDBDB 100%) repeat scroll 0 0 transparent;
    background-image: -ms-linear-gradient(rgb(255, 255, 255) 0%, rgb(223, 219, 219) 100%);
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(223, 219, 219) 100%);
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgb(85, 85, 85);
    cursor: pointer;
    font-family: 'Open Sans' , 'trebuchet ms' , arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    width: 6px;
    zoom: 1;
}


/* Checkbox */

input[type="checkbox"] + label {
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
}

div.uploader span.filename {
	width: 180px
}

div.uploader {
	width: 288px;
}