@CHARSET "UTF-8";


@media only screen and (max-width: 768px ) {
    header { display: none; }
   	#mainContent.container-fluid { padding: 0; }
	body{ font-size: 12px; } }

@media only screen and (min-width: 768px ) {
	#headerSmall { display: none; }  
   .content { padding-left: 0; } 
	body { font-size: 14px; }
}

body { font-family: Arial, Helvetica}

#mainContent header div h1 a:hover {
    text-decoration: none;
    cursor: pointer;
}
   
.simpleSlides{
	margin: auto;
	max-width: 60%;
	min-width: 60%;
}

.slides {
  	display: none;
 	margin: auto;
  	max-width: 60%;
	min-width: 60%;
	cursor: pointer;
}

.animate-left {
  position: relative;
  animation: animateleft 0.8s;
}

@keyframes animateleft { 
  from { left :-500px; opacity: 0; } to { left:0; opacity: 1; }
}

#mainMenu {
	display: none;
}

.galery {
	width: 100%;
}

.image{
	width: 60%;
}

.table-image {
	max-width: 60%;
	min-width: 120px;
}

.table > tbody > tr > td.table-button {
	vertical-align: middle;
}