/**************************************************************************
*                         @TheDiegaso                             DAGC    *
***************************************************************************/
@import url(comp.css);
.justify {
text-align: justify;
}
html, body {
        width: 100%;
        height:   100%;     
        padding:  0;
        margin:   0;
        /*overflow-x: hidden;*/
      }


body {
	font-size: 12px;
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	margin: 0px;
	padding:0px;
	background: #FFF;
	color: #555;
	line-height: 18px;
	/*text-align: center;*/
	min-width: 1002px;
}
.form-login-edit {
    background: transparent url(../../images/login-bg.png) repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* padding-bottom: 20px; */
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.5);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.5);
}
ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
	/*display: block;*/
	padding: 0px;
	margin:0px
}

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: 0px;
}

input, textarea {
	padding: 0px;
	margin: 0px;
	outline: 0 none;
	font-family: Arial, Helvetica;
	color: #666;
}

span {
	padding: 0px;
	margin: 0px;
}

h1, .h1 {
	font-size: 36px;
}

h2, .h2 {
	font-size: 30px;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 18px;
}

h5, .h5 {
	font-size: 14px;
}

h6, .h6 {
	font-size: 12px;
}

/*LOADING*/

.loading .row-offcanvas:after {
    content:'';
    background: url('../../images/loading.gif') center center no-repeat #000;
    position:absolute;
    width:40px;
    height:40px;
    margin:-8px 0 0 -8px;
    top:30%;
    left:50%;
    z-index: 1010;
}

.loading .row-offcanvas:before{
    content:'';
    background:#000;
    position:fixed;/*absolute*/
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:.4;
    z-index:1002;
}

/*----Login*/
/*******************************/

body.bar-white-login {
    background: url(../../images/bg_login.png) top center no-repeat;
    /*background-color: #f5f6fa;*/
}

.box-login {
	text-align: center;
	display: block;
	padding: 140px 0px 0px 0px;
}

.box-login .wrap-login {
	width: 400px;
	margin: 0px auto;
}

.wrap-login .form-login {
	border: none;	
}

.wrap-login .form-login .form-login-header {
	/*background: #e8f2fb;
    text-transform: uppercase;
    padding: 12px;
    text-align: center;
    color: #5e8eb4;
    border-top: 1px solid #c3dcea;
    border-left: 1px solid #c3dcea;
    border-right: 1px solid #c3dcea;
    border-bottom: 1px solid #c3dcea;
    border-radius: 4px 4px 0px 0px;
    font-size: 15px;*/
    
   
    background: rgba(255, 255, 255, 0.51);
    text-transform: uppercase;
    padding: 12px;
    text-align: center;
    color: #004370;  
    border-radius: 4px 4px 0px 0px;
    font-size: 15px;
}

.wrap-login .form-login .form-login-body {
	/*padding: 34px;
	border-left: 1px solid #c3dcea;
	border-right: 1px solid #c3dcea;
	border-bottom: 1px solid #c3dcea;
	background: white;*/

    padding: 0px 34px 34px 34px;
    /* border-left: 1px solid #c3dcea; */
    /* border-right: 1px solid #c3dcea; */
    /* border-bottom: 1px solid #c3dcea; */
    background: rgba(255, 255, 255, 0.51);

}

.wrap-login .form-login .form-login-footer {
	border-top: none;
	/*border-left: 1px solid #c3dcea;
	border-right: 1px solid #c3dcea;
	border-bottom: 1px solid #c3dcea;*/
	padding: 10px;
	/*background: white;*/
}


.wrap-login .logo-solo-login {
	padding: 0px 0px 20px 0px;
}


.wrap-login .input-group-addon {
	padding: 6px 12px 6px 12px;
	/*background: #e8f2fc;*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc !important;
}

.wrap-login .input-group:hover .input-group-addon {
	/*background: #dceefb;*/
}

.wrap-login .ico-user-login i {
	position: static;
	top:  0px;
	left: 0px;
	width: 22px;
	height: 22px;
}

.wrap-login .form-control {
	/*background: transparent;
	color: #e0e0e0;*/
	padding: 10px 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: none;
}

.wrap-login .form-control:hover,
.wrap-login .form-control:focus {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.form-login-body ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #e0e0e0;
}
.form-login-body :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e0e0e0;
   opacity:  1;
}
.form-login-body ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e0e0e0;
   opacity:  1;
}
.form-login-body :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #e0e0e0;
}

/***Header***/

.header_top {
	height: 50px;
	background: white;
	text-align: center;
}

.left_wrap .header_top {
	background: #083860;
}

header.header {
	width: auto;
	height: 50px;
	text-align: left;
	margin: 0px auto;
	position: relative;

}

.logo {
	margin: 7px 0px 0px 10px;
	/*background: #f5f0f0;*/
	width: 94px;
	height: 37px;
	line-height: 37px;
	text-align: center;
}

.name_portal {
	margin-left: 20px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
}

.name_portal a {
	text-decoration: none;
	color: #666;
}

.descarga {
	display: block;
	position: relative;
}

.descarga a {
	display: block;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	border-left: 1px solid #2c2c2c;
	padding: 0px 35px 0px 15px;
	-o-transition:.5s;
  	-ms-transition:.5s;
 	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.descarga a i {
	width: 12px;
	height: 19px;
	position: absolute;
	top: 16px;
	right: 11px;
	background: url('../../images/sprite.png') -12px 0px no-repeat;

}

.descarga a:hover {
	background: #302f2f;
	-webkit-box-shadow: inset 0px 0px 10px 0px #222;
	-moz-box-shadow: inset 0px 0px 10px 0px #222;
	-ms-box-shadow: inset 0px 0px 10px 0px #222;
	-o-box-shadow: inset inset 0px 0px 10px 0px #222;
	box-shadow: inset 0px 0px 10px 0px #222;
}

.adminitrador {
	display: block;
	padding: 6px 14px 0px 0px;
}

.adminitrador a {
	display: block;
	color: #7d89a7;
	font-size: 12px;
	font-style: italic;
	height: 39px;
	width: 136px;
	line-height: 39px;
	text-decoration: none;
	background: url('../../images/btn_intro.png') 0px -120px no-repeat;
	font-size: 14px;
	padding: 0px 0px 0px 13px;
}

.adminitrador a:hover {
	color: #faa018;
	background: url('../../images/btn_intro.png') 0px -159px no-repeat;
	font-size: 14px;	
}

.user {
	display: block;
	position: relative;
}

.user a {
	display: block;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	padding: 0px 35px 0px 15px;
	cursor: pointer;
	-o-transition:.5s;
  	-ms-transition:.5s;
 	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.user a i {
	width: 15px;
	height: 17px;
	position: absolute;
	top: 16px;
	right: 11px;
	background: url('../../images/sprite.png') -10px -111px no-repeat;
}

.user a:hover {
	background: #302f2f;
	-webkit-box-shadow: inset 0px 0px 10px 0px #222;
	-moz-box-shadow: inset 0px 0px 10px 0px #222;
	-ms-box-shadow: inset 0px 0px 10px 0px #222;
	-o-box-shadow: inset inset 0px 0px 10px 0px #222;
	box-shadow: inset 0px 0px 10px 0px #222;
}

.user_collapse {
	width: 200px;
	background: white;
	position: absolute;
	right: 0px;
	top: 50px;
	display: none;
}

.user_collapse a {
	display: block;
	padding: 10px;
	color: #444;
}


/** MENU PRINCIPAL**/

.nav_box {
	display: block;
	height: 44px;
	border-top: 1px solid #1a5f96;
	border-bottom: 1px solid #00549a;
	background: #0066b1;

}

nav.nav {
	margin: 0px auto;
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	height: 44px;
}

.home {
	width: 46px;
	height: 43px;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-bottom: 2px solid #e3e3e3;
	position: absolute;
	top: 1px;
	left: 0px;
}

.home a {
	display: block;
	height: 100%;
	background: url('../../images/sprite.png') 5px -71px no-repeat;
}

/*MENU MULTINIVEL */

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	/*margin-bottom: 1em;*/
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #007dd1;
	border-top: 1px solid #007dd1;
	border-right: 1px solid #00549a;
	padding: .84em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
	border-bottom: 1px solid #00549a;
}
.sf-menu a {
	color: #fff;
}

.sf-menu a:hover,
.sf-menu a:focus {
	color: #fff;
}
.sf-menu li {
	background: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #0066b1;
}
.sf-menu ul ul li {
	background: #e4e3e3;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #025ea9;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
	/*border-top-color: #939393;*/
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #fff; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #939393; /* edit this to suit design (no rgba in IE8) */
	/*border-left-color: rgba(255,255,255,.5);*/
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #666;
}


/** ESTRUCTURA INTERIORES **/

.main-content {
    background: #ffffff;
    position: relative;
    overflow: auto;
}

.main-content .content-body {
    padding: 15px 15px 15px 15px;
    min-height: 500px;
}

.breadcrumbs {
    padding: 0px 0px 15px 0px;
}

.breadcrumbs span.active-view {
    color: #00ade7;
    font-size: 12px;
}

.content-body .box-wrap-main {
	border:1px solid #e8e8e8;
	background: white;
	margin: 0px 0px 15px 0px;
	-webkit-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.09);
	-moz-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.09);
	box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.09);
}

.content-body .box-wrap-main .box-wrap-header {
	display: block;
	/*overflow: hidden;*/
	height: 47px;
	background: #fbfbfd;
	border-bottom: 1px solid #eaeceb;
	position: relative;
}

.content-body .box-wrap-main .box-wrap-header:before {
	content: '';
	border-bottom: 15px solid #00abe6;
	border-left: 0px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.content-body .box-wrap-main .box-wrap-header .title-main {
	line-height: 47px;
	padding: 0px 0px 0px 20px;
	font-size: 15px;	
}

.content-body .box-wrap-main .box-wrap-header .title-main span {
	color: #014c8f;
}

.content-body .box-wrap-main .box-wrap-body {
	padding: 10px;
}

.title-form {
    margin: 0px;
    font-weight: normal;
    /*line-height: 22px;*/
    font-size: 12px;
    padding: 0px 0px 10px 10px;
    color: #6d747a;
}

.content-body .box-form {
    display: block;
    /*background: #fafbfd;*/
    padding: 15px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.content-body .box-acciones {
    display: block;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
    margin-bottom: 15px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    font-size: 13px;
}

.btn-add {
	min-width: 94px;
	height: 34px;
	background: #00ade7;
	color: white;
	padding: 0px;
	border-radius: 4px;
	border: none;
	border-bottom: 2px solid #0190c0;
}

.btn-add:hover {
	background: #078fbc;
	border-bottom: 2px solid #0190c0;
}

.btn-save {
	min-width: 94px;
	height: 34px;
	background: #035aa9;
	color: white;
	padding: 0px;
	border-radius: 4px;
	border: none;
	border-bottom: 2px solid #003a6f;
}

.btn-save:hover {
	background: #064680;
	border-bottom: 2px solid #003a6f;
}

.btn-search {
	min-width: 94px;
	height: 34px;
	background: #035aa9;
	color: white;
	padding: 0px;
	border-radius: 4px;
	border: none;
	border-bottom: 2px solid #003a6f;
}

.btn-search:hover {
	background: #064680;
	border-bottom: 2px solid #003a6f;
}

.btn-clean {
	min-width: 94px;
	height: 34px;
	border: 1px solid #b3b3b3;
	background: white;
	color: #777;
	padding: 0px;
	border-radius: 4px;
	/*border-bottom: 4px solid #6cbed0;*/
}

.btn-clean:hover {
	color: #7b7c7c;
	border: 1px solid #7b7c7c;
}

.btn-ingresar {
	min-width: 94px;
	height: 34px;
	background: #035aa9;
	color: white;
	padding: 0px;
	border-radius: 4px;
	border: none;
	border-bottom: 2px solid #003a6f;
}

.btn-ingresar:hover {
	background: #064680;
	border-bottom: 2px solid #003a6f;
}

.busqueda-avanzada{
	padding: 8px;
    text-decoration: underline;
    display: block;
}

.busqueda-avanzada:hover{
	text-decoration: none;
}

.grilla-pag {
    display: block;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}

.title-grilla {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
    padding: 0px 0px 0px 15px;
    color: #6d747a;
}

/************************
*     BOTONES           *
************************/

.content-body .box-wrap-main .box-wrap-header .botonera {
	padding: 7px 10px 0px 2px;
	overflow: hidden;
}

.content-body .box-wrap-main .box-wrap-header .botonera button {
	float: left;
	margin-left: -1px;
}

.botonera .btn-add-c {
	width: 46px;
	height: 34px;
	background: white;
	border:1px solid #d6d6d6;
	position: relative;
	border-radius: 4px 0px 0px 4px;
}

.botonera .btn-add-c i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -17px -14px no-repeat;
}

.botonera .btn-add-c:hover i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -17px -14px no-repeat;
}

.botonera .btn-editar {
	width: 46px;
	height: 34px;
	background: white;
	border:1px solid #d6d6d6;
	position: relative;
}

.botonera .btn-editar i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -16px -63px no-repeat;
}

.botonera .btn-editar:hover i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -16px -63px no-repeat;
}

.botonera .btn-documentos {
	width: 46px;
	height: 34px;
	background: white;
	border:1px solid #d6d6d6;
	position: relative;
}

.botonera .btn-documentos i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -17px -112px no-repeat;
}

.botonera .btn-documentos:hover i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -17px -112px no-repeat;
}

.botonera .btn-descargar {
	width: 46px;
	height: 34px;
	background: white;
	border:1px solid #d6d6d6;
	position: relative;
	border-radius: 0px 4px 4px 0px
}

.botonera .btn-descargar i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -18px -162px no-repeat;
}

.botonera .btn-descargar:hover i {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 11px;
	background: url('../../images/sprite_app.png') -18px -162px no-repeat;
}



/***** ACORDEON ****/

.box_acordeon {
	display: block;
	height: auto;
	padding: 20px 0px 0px 0px;
}

.show {
	display: block !important;
}

h3.btn_collapse {
	position: relative;
	padding:  12px 0px 12px 50px;
	font-size: 17px;
	display: block;
	background: #e4e4e4;
	border-bottom: 2px solid #c6c6c6;
	cursor: pointer;
	/*font-weight: normal;*/
	margin: 10px 0px 10px 0px;
}

.btn_collapse i.ico {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	color: #fa8c2c;
	top: 12px;
	left: 15px;
	position: absolute;
	display: block;
	border: 1px solid #fa8c2c;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}

.btn_collapse.active i.ico {
	display: none;
}

.btn_collapse i.ico-up {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	color: #fff;
	top: 12px;
	left: 15px;
	bottom: 0px;
	position: absolute;
	display: none;
	border: 1px solid #fa8c2c;
	background: #fa8c2c;
	font-size: 26px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
}

.btn_collapse.active i.ico-up {
	display: block;
}

.content_collapse {
	display: none;
	padding:  0px 20px 0px 0px;
	margin: 0px 0px 0px 25px;
	/*border-left: 1px solid #c5c5c5;*/
	line-height: 19px;
}

.content_collapse .cont {
	padding: 10px 0px 10px 25px;
}

.content_collapse .cont a {
	color: #eb8e01;
    font-weight:bold;
    font-style: italic;
    
}

.content_collapse .cont a:hover {
    text-decoration: none;
    
}

.content_collapse .cont_tip {
	padding: 10px 0px 10px 5px;
}

.content_collapse .cont_tip p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.content_collapse .cont_tip img {
	float: right;
	margin: 0px 0px 10px 10px;
    width: 316px;
    height: 220px;
}



/***** Posiciones *****/

.left {
	float:left;
}

.right {
	float:right;
}

.auto {
	display: block;
	width: auto !important;
}

.inline {
	display: inline-block;
	*display: inline;
	zoom:1;
}

.txt_center {
	text-align: center !important;
}

.white {
	background: #FFF;
}

/**Footer**/

.footerCopyright {
	overflow:hidden;
	display:block;
	background:#292a2c;
	border-top: 1px solid #4B4C4E;
}

.footerCopyright .wrap {
	overflow: hidden;
	display: block;
	width: auto;
	height:40px;
	line-height:40px;
	margin: 0px auto;
	padding-left: 15px;
	text-align: left;
	font-size: 11px;
	color: #ccc;
}

.date {
	display:block;
	height:40px;
	padding: 0px;
}

/**** OCULTOS *****/

.btn_show_left {
	display: none;
}

.left-rwd {
	display:none;
}

.right-rwd {
	display:none;
}

/******* BACK TOP *********/

a.back_top {
	background: url('../../images/arrow.png') no-repeat center center #eb8e01;
	width: 45px;
	height: 40px;
	position: fixed;
	right: 30px;
	bottom: 0px;
	/*text-indent: -9999px;*/
	font-size: 0;
	cursor: pointer;
	outline: 0;
	z-index: 1000;
	display: none;
}

a.back_top:hover {
	background: url('../../images/arrow.png') no-repeat center center #ff7700;

}


/*******************************
*    RESPONSIVE WEB DESIGN     *
*******************************/

@media screen and (max-width: 1024px) {

/*** BODY ESTRUCTURA ***/

	body {	
		min-width: inherit;	
		overflow-x: hidden;
	}
}


@media screen and (max-width: 768px) {


/***** TOP *****/


	.header.header {
		width: auto;
		padding: 0px 0px 0px 15px;		
	}

	.name_portal {
		margin-left: 10px;
	}

	.logo {
	    margin: 7px 0px 0px 0px;
	}

	.user a i {
		right: 19px;	
	}

	.user a span {		
		display: none;
	}

/***** NAV *****/	

	nav.nav {
		width: auto;
		padding-left: 5px;
	}

	.home {
		display: none;
	}

	#navbar {
		display: none;
	}

/**** NAV RESPONSIVE ****/

	.ResponsiveWecm {
		padding: 0px;
		margin: 0px;
	}

	.submenu_nav {
		display: none;
	}

	.ResponsiveWecm li a {
		display: block;
		/*height: 44px;*/
		font-size: 14px;
		padding: 13px 0px 12px 20px;
		border-bottom: 1px solid #083860;
		text-decoration: none;
		color: white;
		position: relative;
		background: #074974;
	}

	.ResponsiveWecm li a:before {
		content: '';
		width: 11px;
		height: 11px;
		background: url('../../images/ico_menu_responsive.png') 0px 0px no-repeat;
		position: absolute;
		right: 15px;
		top: 17px;
		transition: 0.5s ease;
	 	-moz-transition: 0.5s ease; /* Firefox */
	 	-webkit-transition: 0.5s ease; /* Chrome - Safari */
	 	-o-transition: 0.5s ease; /* Opera */
	}

	.ResponsiveWecm li a.active:before {
		content: '';
		width: 11px;
		height: 11px;
		background: url('../../images/ico_menu_responsive.png') 0px 0px no-repeat;
		position: absolute;
		right: 15px;
		top: 17px;		
		-moz-transform : rotate(90deg); /* Firefox */
		-webkit-transform : rotate(90deg); /* Chrome - Safari */
		-o-transform : rotate(90deg); /* Opera */
		transform : rotate(90deg);
	}

	.ResponsiveWecm li a:hover:before {
		content: '';
		width: 11px;
		height: 11px;
		background: url('../../images/ico_menu_responsive.png') 0px 0px no-repeat;
		position: absolute;
		right: 15px;
		top: 17px;		
		-moz-transform : rotate(90deg); /* Firefox */
		-webkit-transform : rotate(90deg); /* Chrome - Safari */
		-o-transform : rotate(90deg); /* Opera */
		transform : rotate(90deg);
	}

	.ResponsiveWecm li ul li {
		display: block;
		border-left: 5px solid #074974;
	}

	.ResponsiveWecm li ul li a {
		display: block;
		/*height: 44px;*/
		font-size: 14px;
		padding: 13px 0px 12px 32px;
		border-bottom: 1px solid #083860;
		text-decoration: none;
		color: #FFF;
		background: #0c5a94;
	}

	.ResponsiveWecm li ul li a:before {
		display: none;
	}


/**** OFF CANVAS ****/

	.active .center {
		position:fixed;
	}

	.center {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    height: 100%; 
	    width: 100%;

	    box-shadow: 0 11px 10px rgba(0, 0, 0, 0.52);
	    -webkit-transition: all .35s ease-out;
	   	-moz-transition: all .35s ease-out;
	    transition: all .35s ease-out;
	        
	    /*-webkit-transform: translateX(0%);
	    -moz-transform: translateX(0%);
		transform: translateX(0%);*/
	}
	
	.left-rwd {
		display:block;
		background: #083860;
		width: 70%;
		float: left;
		height: 100%;
	}

	.btn_show_left {
		min-width: 48px;
		height: 42px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
		padding-right: 0px;
		display:block;
		border:none;
		float:left;
		background: url("../../images/btn_show_left.png") 0px 0px no-repeat;
		outline:none;
		cursor:pointer;
	}

	.btn_show_left.activeBtn {
		background: url("../../images/btn_show_left.png") 0px -44px no-repeat;
		cursor:pointer;
	}	

	.row-offcanvas {
		display: block;
		-webkit-transition: all .35s ease-out;
		-moz-transition: all .35s ease-out;
		transition: all .35s ease-out;	
	}

	.row-offcanvas-left.active .center {
		width: 100%;
	    -webkit-transform: translateX(70%);
	    -moz-transform: translateX(70%);
		transform: translateX(70%);
	}

	/*Bootstrap*/

	.box-form .col-xs-3 {
		width: 100%;
	}

	.registro-mod .col-xs-6 {
		width: 100%;
	}
  
}

@media screen and (max-width: 640px) {

	.name_portal {
		display: none;
	}

}
@media screen and (max-width: 730px) {

	.name_portal {
		display: none;
	}

}

@media screen and (max-width: 600px) {

	.box-login {
	    padding: 50px 0px 0px 0px;
	}
}


@media screen and (max-width: 568px) {

	.content-body .box-wrap-main .box-wrap-header {
	    height: auto;
	}

	.content-body .box-wrap-main .box-wrap-header .title-main {
	    line-height: inherit;
	    padding: 13px 0px 0px 20px;
	}
	
	.box-wrap-header .pull-left,
	.box-wrap-header .pull-right {
		float: none !important;
		display: block;
	}

	.content-body .box-wrap-main .box-wrap-header .botonera {
	    padding: 7px 10px 11px 21px;
	    overflow: hidden;
	}

}

@media screen and (max-width: 480px) {

	.box-login .wrap-login {
	    width: auto;
	    margin: 0px 15px;
	}

	.wrap-login .form-login .form-login-body {
    	padding: 25px;
	}

	.comp-btn-user .btn .name {
	    margin-left: 12px;
	    font-size: 13px;
	    display: none;
	}
	
	.box-acciones {
		display: block;
	}

	.box-acciones .pull-left.avanzada {
		float: none !important;
		display: block;
	}

	.box-acciones .pull-right.accion-btn {
		float: none !important;
		display: block;
		padding: 10px 0px 0px 0px;
	}
}

@media screen and (max-width: 320px) { 


}

/************ FONT ********/


.botonera{
    color: #035aa9;
    font-size: 18px;
}