/* here you can put your own css to customize and override the theme */



.page-header.navbar {

    background-color: #fff;

    border-bottom: 1px solid #000;

}



.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {

    background-color: #fff;

    padding: 14px 6px 11px 8px;

}



.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {

    background-color: #ccc;

}





/***

Rounded Portlets

***/

.portlet {

	border-radius: 4px !important;

	padding:0;

	margin:0;

}



.portlet .portlet-title {

	border-radius: 4px 4px 0px 0px !important;

	margin-bottom:0;

	min-height:0;

	

}



.portlet .portlet-body,

.portlet .portlet-body .form-actions  {

	border-radius: 0px 0px 4px 4px !important;

}



.portlet > .portlet-title > .tools {

	padding:0;	

}



/***

GENERAL

***/

fieldset{

	background-color:#eee;

	border:1px solid #ccc;

	padding:20px;

}



.bg-blanco{

	background-color:#fff;

}



.tx-rojo {

	color:#F00;

}



.gris {

	color:#666;

	font-style:italic;

	font-size:11px;

}



@media (max-width: 992px) { 

.file {

	width: 140px;

}



.table {

	margin-bottom: 1px;

}



}



/************************* COLOR INTRANET *************************/

body {

	background-color:#2f3243;

}



/*INDEX*/

.login {

	background-color:#2f3243 !important;

}



/*ENLACES*/

a {

	color:#333;

}

a:hover {

	color: #000;

}



/*HEADER*/

/*.page-header.navbar {

	background-color: #207584;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {

  background-color: #207584;

}*/



/*FOOTER*/

.page-footer .page-footer-inner {

	color: #FFF;

}



/* MENU*/

.page-sidebar {

	background-color:#2f3243;

}



/* BACKGROUND MENU*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {

	background-color:#222222;

	color: #fff;

}



/* BACKGROUND SUBMENU*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {

	background-color:#222222 !important;

}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed

.page-sidebar .page-sidebar-menu:hover .sub-menu {

  background-color: #2f3243;

}



@media (max-width: 991px) {

	.page-sidebar .page-sidebar-menu > li .sub-menu {

		background-color: #2f3243 !important;

	}

}



/* BACKGROUND SELECCIONADO*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {

	background-color:#000000;

}



/* BACKGROUND HOVER SELECCIONADO*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {

	background-color:#000000;

}



/*BORDE Y COLOR TEXTO MENU*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {

	border-top: 1px solid #222222;

	color: #FFF;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {

	color: #FFF;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a, .page-sidebar .page-sidebar-menu > li.active.open + li > a {

	border-top-color: #222222;

}



/*ICONOS MENU*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {

	color: #DDD;

}



/*FLECHAS MENU*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {

	color: #DDD;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {

	color: #DDD;

}







/*MS BOOTSTRAP*/

.col-ms-1,

.col-ms-2,

.col-ms-3,

.col-ms-4,

.col-ms-5,

.col-ms-6,

.col-ms-7,

.col-ms-8,

.col-ms-9,

.col-ms-10,

.col-ms-11,

.col-ms-12 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px; }



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

  .col-ms-1,

  .col-ms-2,

  .col-ms-3,

  .col-ms-4,

  .col-ms-5,

  .col-ms-6,

  .col-ms-7,

  .col-ms-8,

  .col-ms-9,

  .col-ms-10,

  .col-ms-11 {

    float: left; }



  .col-ms-1 {

    width: 8.33333%; }



  .col-ms-2 {

    width: 16.66667%; }



  .col-ms-3 {

    width: 25%; }



  .col-ms-4 {

    width: 33.33333%; }



  .col-ms-5 {

    width: 41.66667%; }



  .col-ms-6 {

    width: 50%; }



  .col-ms-7 {

    width: 58.33333%; }



  .col-ms-8 {

    width: 66.66667%; }



  .col-ms-9 {

    width: 75%; }



  .col-ms-10 {

    width: 83.33333%; }



  .col-ms-11 {

    width: 91.66667%; }



  .col-ms-12 {

    width: 100%; }



  .col-ms-push-1 {

    left: 8.33333%; }



  .col-ms-push-2 {

    left: 16.66667%; }



  .col-ms-push-3 {

    left: 25%; }



  .col-ms-push-4 {

    left: 33.33333%; }



  .col-ms-push-5 {

    left: 41.66667%; }



  .col-ms-push-6 {

    left: 50%; }



  .col-ms-push-7 {

    left: 58.33333%; }



  .col-ms-push-8 {

    left: 66.66667%; }



  .col-ms-push-9 {

    left: 75%; }



  .col-ms-push-10 {

    left: 83.33333%; }



  .col-ms-push-11 {

    left: 91.66667%; }



  .col-ms-pull-1 {

    right: 8.33333%; }



  .col-ms-pull-2 {

    right: 16.66667%; }



  .col-ms-pull-3 {

    right: 25%; }



  .col-ms-pull-4 {

    right: 33.33333%; }



  .col-ms-pull-5 {

    right: 41.66667%; }



  .col-ms-pull-6 {

    right: 50%; }



  .col-ms-pull-7 {

    right: 58.33333%; }



  .col-ms-pull-8 {

    right: 66.66667%; }



  .col-ms-pull-9 {

    right: 75%; }



  .col-ms-pull-10 {

    right: 83.33333%; }



  .col-ms-pull-11 {

    right: 91.66667%; }



  .col-ms-offset-1 {

    margin-left: 8.33333%; }



  .col-ms-offset-2 {

    margin-left: 16.66667%; }



  .col-ms-offset-3 {

    margin-left: 25%; }



  .col-ms-offset-4 {

    margin-left: 33.33333%; }



  .col-ms-offset-5 {

    margin-left: 41.66667%; }



  .col-ms-offset-6 {

    margin-left: 50%; }



  .col-ms-offset-7 {

    margin-left: 58.33333%; }



  .col-ms-offset-8 {

    margin-left: 66.66667%; }



  .col-ms-offset-9 {

    margin-left: 75%; }



  .col-ms-offset-10 {

    margin-left: 83.33333%; }



  .col-ms-offset-11 {

    margin-left: 91.66667%; }

}



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

  .container {

    max-width: 748px; }

    

  .form-horizontal .form-group .control-label {text-align:right;}

}