.top-bar{
width: 100%!important;/* 13 tlacitek*/
margin: 0 auto;
padding: .2rem;
background-color: #add8e6!important;	
}
.mainMenu ul{
	margin:0;
	line-height:1.5rem;

}
.mainMenu li{
background-color: #add8e6!important;
border-left: 1px solid black!important;
width: 7.69%;/* 13 tlacitek*/
}
.mainMenu li:last-child{border-right:1px solid black!important;}
.mainMenu li a{color:black;}
/* ************************  ln:2210  - card *********************/
.card {
 margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #e8f4f8;
  box-shadow: 0 10px 20px 0 rgba(85 85 85 .7);
  overflow: hidden;
  color: #0a0a0a; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }
 /********************************** /card **********************/  
.login {
font-size: 1rem;
margin:auto;
border: 1px solid #bbb;
border-radius: 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.login label, fieldset{
	background-color:transparent!important;
	font-size: 1rem;
}
input[type=submit].button{
font-size: 1rem;
	background-color:rgba(0, 117, 230, .6) !important;
	color:white;
}
input[type=submit].button:hover{
	background-color:rgba(0, 117, 230, 1) !important;

}
/************************************ 1567 button********************************/
a.tiles, a.trows {
 display: inline-block;
  vertical-align: middle;
  margin:.5rem ;
  padding:0.5rem 1rem;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
   cursor: pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,c60303+100 */
	background-color: rgb(255,48,25); /* Old browsers */
	background-color: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(198,3,3,1) 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(198,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(198,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#c60303',GradientType=0 ); /* IE6-9 */
    color:white ;
   }
 
  a.tiles:hover, a.trows:hover {
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background-color: rgb(204,0,0); /* Old browsers */
background-color: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
background-color: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background-color: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
   color:black ;
   }
 a.tiles i:hover, a.trows i:hover { color:black;}
/******************************* card **********************************/    
.card{ 
	float: left;
	width: 230px;
	_height: 300px;
	min-height:350px;
	display: block;
	border:1px solid #FFD3A6;
	margin:3px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	z-index:0;
	}
	
	.card ul{
	margin-left:5px ;
	}

	.card li{
		 list-style: none;
	}