/* 
Zakład Fizyki Jądrowej Uniwersytetu Warszawskiego
Style.css - główny plik CSS strony
Autor: Jan J. Lis, maj 2015, walker@przetrwanie.net
*/

body {
	background-image:url('graphics/body_background.jpg');
	background-repeat:repeat-y;
	font-family:helvetica,sans;
	font-size:14px;
	overflow-y:scroll;
	background-size: 13% auto;
	background-attachment:fixed;
	}
	
p {
	line-height:1.5em;
}
	
::-moz-selection { /* Code for Firefox */
    color:white;
    background-color:#333;
}

::selection {
    color:white; 
    background-color:#333;
}
	
a {
	color:#999;
	transition:none!important;
	cursor:pointer;
	}
.inline_icon {
	height:1.5em!important;
	width:auto!important;
	margin:0!important;
	padding:0!important;
	border-radius:0!important;
	display:inline-block;
	vertical-align:middle;
	}
a:hover {
	color:#c44!important;
	}

div.overall_container {
	width:auto;
	margin:30px 20% 20px 20%;
	box-shadow:0 0 50px #c8c8c8;
	}
div.overall_footer {
	width:auto;
	margin:0 20% 50px 20%;
	box-shadow:0 0 70px #ddd;
	font-size:10px;
	font-style:italic;
	text-align:center;
	padding:20px 0;
	color:#aaa;
	}
div.overall_footer a {
	color:#bbb;
	transition:0.4s;
	}
div.overall_footer a:hover {
	color:#444;
	}
div.header_container {
	text-align:center;
	}
div.header_container img {
	width:100%;
	display:block;
	margin-bottom:0;
	}
div.page_container {
	width:auto;
	line-height:1.5em;
	margin:5px 3%;
	padding-bottom:50px;
	}
div.page_container img:not(.inline_icon) {
	width:auto;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
h1, h2, h3, h4, h5, h6 {
	text-shadow:3px 3px 5px #ccc;
	margin-bottom:10px;
	}
h3 {
	font-size:13px;
}
	
.page_container h2:not(:first-child) {
	opacity:0.8;
}

span.date {
	display:block;
	text-align:right;
	color:#777;
	font-size:15px;
}
	
span.archiv_years {
	display:block;
	text-align:center;
	font-size:11px;
	margin-bottom:15px;
	margin-top:7px;
	}
span.archiv_years a {
	color:#bbb;
	text-decoration:none;
	transition:0.3s;
	padding-bottom:-2px;
	}
span.archiv_years a:hover {
	color:#555;
	}

div.news_container {
	margin-bottom:10px;
	border-bottom:1px solid #ccccc7;
	padding-bottom:12px;
	padding-top:20px;
	}
error {
	color:#c66;
	display:block;
	margin:5px 0;
	}
success {
	color:#78a26b;
	display:block;
	}
success.inline_icon {
	display:inline-block!important;
}
div.news {
	border-left:15px solid #dddde7;
	padding-left:15px;
	}
div.news_container:last-child {
	border-bottom-style:none;
	}
div.news_container span.author {
	display:block;
	margin-top:20px;
	font-size:12px;
	font-style:italic;
	color:#aaa;
	bottom:0;
	}
div.news_container img.news_image {
	float:right;
	width:auto;
	height:auto;
	max-width:40%;
	max-height:500px;
	border-radius:2px;
	box-shadow:3px 3px 7px #999;
	margin-left:10px;
	}
div.cleaner {
	display:block;
	clear:both;
	height:2px;
	width:100%;
	}
	
table.seminaria {
	width:100%;
}
	
table.seminaria tr td:last-child {
	width:15%;
	padding-left:0;
	padding-right:0;
	}
	
tr.new_backup {
	background-color:#c9ffb9;
	transition:0.2s;
	}
tr.new_backup:hover {
	background-color:#a8ea94!important;
	}

table {
	border-collapse:collapse;
	width:100%;
	}
table tr:not(:last-child) {
	border-bottom:1px solid #888;
	}
table td {
	padding:8px;
	padding-right:12px;
	}
table tr:first-child {
	font-weight:bold;
	border-bottom:2px solid black;
	}
table tr:not(:first-child):hover {
	background-color:#f1f1f1;
	}
table.staff tr td:first-child {
	text-align:right;
	padding-right:0px;
	}
table.staff td:last-child img {
	height:1em;
	width:auto;
	background-color:black;
	border-radius:0px;
	box-shadow:0px 0px 10px white,0px 0px 10px white,0px 0px 10px white;
	border-style:none!important;
	transition:0.2s;
	}
table.staff td:last-child a:hover img {
	background-color:#c44;
	}
img.staff_details {
	float:right;
	width:30%!important;
	}
img.staff_details_mobile {
	display:none!important;
	}
img.at_img {
	display:inline!important;
	margin:0px 1px!important;
	padding:0!important;
	height:0.8em!important;
	}


img.loader {
	display:block;
	height:50px;
	width:50px;
	margin-top:80px;
	}	
a.explain {
	font-size:11px;
	vertical-align:middle;
	display:inline-block;
	margin:0 0 3px 3px;
	font-weight:bold;
	cursor:help;
	color:#ddd;
}
/* FORMS */

.backup_info{
	position:fixed;
	bottom:6px;
	right:6px;
	background:rgba(0,0,0,0.2);
	border-radius:8px;
	padding:5px 9px;
	color:white;
	opacity:1;
	transition:1s;
}
.backup_info:empty{
	opacity:0;
}
form input[type="text"],form input[type="password"]{
	box-shadow:0 0 100px white inset;
	}
form input[type="text"]:disabled,form input[type="password"]:disabled{
	box-shadow:0 0 100px #eee inset;
	}
form input:not([type="submit"],[type="reset"],[type="button"]){
	border-radius:2px;
	border-style:solid;
	border-width:1px;
	border-color:#888 #aaa #ccc #999!important;
	}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"]{
	padding:5px;
	margin:4px;
	font-family:helvetica,sans;
	vertical-align:middle;
	}
input[type="checkbox"]{
	line-height:1em;
	height:1em;
	width:1em;
	margin:0;
	padding:0;
	vertical-align:middle;
	}
form input[type="submit"],form input[type="reset"],form input[type="button"]{
	cursor:pointer!important;
	}
input[type="text"],input[type="select"],input[type="button"],textarea,input[type="text"]{
	box-shadow:0 0 5px white,0 0 5px white,0 0 5px white!important;
	}
	
span.page_views {
	width:calc(100% - 20px);
	display:block;
	text-align:right;
	padding:10px;
	font-style:italic;
	color:#999;
}
	
/* ADMIN */

form.user_management label {
	display:block;
	margin-top:6px;
}
form.user_management label input[type='checkbox'] {
	margin-right:3px;
	vertical-align:middle;
}

div.stat_browsers {
	display:block;
	position:relative;
	margin-top:10px;
	margin-bottom:30px;
	width:100%;
}
div.stat_browsers div.browser {
	width:15%;
	font-size:13px;
	display:inline-block;
	text-align:center;
}
div.browser img {
	width:50px;
	height:50px;
}
div.confirm {
	width:100%;
	display:block;
	margin-top:10px;
	text-align:center;
}
span.logout_button {
	float:right;
	opacity:0.5;
	transition:0.2s;
}
span.logout_button a {
	text-decoration:none;
	font-variant:small-caps;
}
span.logout_button:hover {
	opacity:1;
}

div.menu_structure_container_scroll {
}

div.menu_structure_container {
	width:auto;
	overflow:auto;
	margin:0;
	position:relative;
	margin-top:10px;
	padding:0;
}
div.menu_structure_container .group_container {
	display:inline-block;
	vertical-align:top;
	min-width:120px!important;
}
.result {
	background-color:#bbb;
}
div.menu_structure_container .group_container:last-child {
	min-width:0!important;
}
div.menu_structure_container .group_container div {
	padding:8px 0 8px 0px;
	height:16px;
	line-height:16px;
	font-size:13px;
	text-align:center;
	background-color:#eee;
	position:relative;
	cursor:default;
	box-shadow:5px 5px 10px #888;
}
div.menu_structure_container .group_container:last-child div {
	padding-right:6px;
	opacity:0.7;
	width:30px;
	cursor:pointer;
}
div.menu_structure_container .group_container:not(:last-child) div:last-child {
	opacity:0;
	transition:0.2s;
	color:#78a26b;
	cursor:pointer;
}
div.menu_structure_container .group_container:hover div:last-child {
	opacity:0.7;
}
div.menu_structure_container .group_container:hover div:last-child:hover {
	opacity:1;
}
div.menu_structure_container .group_container div:last-child img {
	height:1em;
	width:1em;
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}
div.menu_structure_container .group_container div a:not(.arrow) {
	text-decoration:none;
	color:#444;
}
div.menu_structure_container .group_container div a:not(.arrow):hover {
	text-decoration:none;
	color:black!important;
}
div.menu_structure_container .group_container div a.arrow img {
	opacity:0;
	width:1em;
	height:1em;
	margin:0;
	padding:0;
	border-radius:0;
	transition:0.2s;
}
div.menu_structure_container .group_container div:hover a.arrow img {
	opacity:0.5;
}
div.menu_structure_container .group_container div a.arrow:hover img {
	opacity:1;
}
div.menu_structure_container .group_container div a.left img {
	float:left;
}
div.menu_structure_container .group_container div a.right img {
	float:right;
}
div.menu_structure_container .group_container div a.up img {
	position:absolute;
	top:7px;
	right:20px;
}
div.menu_structure_container .group_container div a.down img {
	position:absolute;
	top:13px;
	left:20px;
}
form.menu_element_edit label {
	display:block;
	margin:5px 0 5px 0;
	margin-left:0;
}
form.menu_element_edit select,form.menu_element_edit input[type='text'] {
	width:50%;
	margin:0;
}
form.menu_element_edit input[type='checkbox'],form.menu_element_edit input[type='radio'] {
	margin:0 10px 0 5px;
	padding:0;
}

div.links {
	display:inline-block;
	width:22%!important;
	font-size:11px;
	text-align:center;
	cursor:pointer;
	opacity:0.8;
	transition:0.2s;
	}
div.links a {
	text-decoration:none;
	color:#333;
	font-weight:bold;
	}
div.links:hover {
	opacity:1;
	}
div.links img {
	display:block;
	margin-bottom:4px;
	box-shadow:0px 0px 7px #999;
	margin-left:auto;
	margin-right:auto;
	height:65px;
	border-radius:100%;
	}

form.login_form {
	display:block;
	margin-top:20px;
	width:100%;
	text-align:center;
	}
form.login_form input[type='password'],form.login_form input[type='text']{
	box-shadow:0 0 500px white inset,0 0 500px white inset!important;
}
.admin_menu_container {
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	}
.admin_menu_container div {
	display:inline-block;
	width:19%;
	margin:2px;
	padding:15px;
	text-align:center;
	cursor:pointer!important;
	transition:0.2s;
	font-weight:bold;
	}

.admin_menu_container div a {
	text-decoration:none;
	color:#999;
	}
.admin_menu_container div:hover {
	color:#c44!important;
	}
.admin_menu_container div:hover a:first-of-type{
	color:#c44!important;
	}
.page_container .admin_menu_container div img {
	display:block;
	border-radius:0;
	background-color:#ccc;
	margin-bottom:5px;
	width:100%;
	height:auto;
	transition:0.2s;
	}
.admin_menu_container div:hover {
	color:#613e3e;
	border-radius:30px;
	}
.admin_menu_container div:hover  img{
	background-color:#c98080;
	}
.menu_editor label {
	display:block;
	margin-top:10px;
}
.menu_editor label::first-line {
	font-weight:bold;
}
.menu_editor div:not(.show) {
	margin:8px 0 10px 30px;
	display:none;
}
.menu_editor select, .menu_editor input[type='text'] {
	width:40%;
}
.menu_editor select {
	padding:5px;
}
option[disabled] {
	font-weight:300;
	color:black;
}
div.disabled {
	color:#aaa!important;
}
img.captcha {
	border-radius:0px!important;
	display:inline!important;
	vertical-align:middle;
	height:2em;
	}
input.captcha {
	width:80px;
	}
.danger_icon {
	height:20px;
	border-radius:4px!important;
	}
.pages_list {
	background-color:#f0f0f0;
	border-radius:18px;
	box-shadow:0 0 20px #ddd;
}
.pages_list tr:first-child {
	cursor:default;
}
.pages_list tr:not(:first-child){
	transition:0.1s;
}
.pages_list tr:not(:first-child):hover {
	background-color:#ddd;
}
img.ver_img {
	height:1em;
	width:1em;
	border-radius:0!important;
	box-shadow:0 0 5px #555;
	display:inline!important;
}
.pages_list tr:not(:first-child) {
	cursor:pointer;
}
form.page_edit .pages_title{
	width:100%;
	margin-left:0;
	font-size:20px!important;
	font-weight:bold;
	text-shadow:3px 3px 5px #ccc;
}
table.admin {
	margin-top:20px;
	background-color:#f0f0f0;
	border-radius:18px;
	box-shadow:0 0 20px #ddd;
	}
table.admin tr:not(:first-child) {
	cursor:pointer;
	transition:0.3s;
	}
table.admin tr:not(:first-child):hover {
	background-color:#ddd;
	}
form.seminarium_edit input[type='text'] {
	display:block;
	width:calc(100% - 14px);
	margin-left:0;
	border-color:#bbb!important;
	}
form.seminarium_edit textarea {
	padding:5px;
	margin:4px;
	font-family:helvetica,sans;
	width:96%;
	resize:none;
	height:200px;
	border-color:#bbb;
	border-width:2px;
	margin-left:0;
	}
select{
	padding:4px!important;
	border-color:#676767 #aaa #bbbbbb #676767!important;
	border-width:2px;
	margin:4px;
	margin-left:0;
	}
form.seminarium_edit option {
	padding:0;
	}
form.seminarium_edit label {
	font-size:13px;
	line-height:10px;
	vertical-align:bottom;
	margin-left:0;
	}
form.seminarium_edit input[type='radio']{
	vertical-align:bottom;
	line-height:15px;
	}
form.seminarium_edit input[type='file']{
	vertical-align:middle;
	line-height:15px;
	margin-top:7px;
	}
form.seminarium_edit img:not(.inline_icon, div#loading){
	display:block;
	margin:5px 0 5px 0;
	border-radius:0px;
	width:160px;
	height:auto;
	max-height:160px;
	max-width:160px;
	opacity:0.9;
	vertical-align:middle;
	}
img.miniatura {
	width:130px;
	margin:0!important;
	height:auto;
	max-height:130px;
	border-radius:0!important;
}
img.seminarium_img_preview {
	height:auto;
	max-height:300px;
	width:100%;
}
div.upload_container {
	margin-top:30px;
	margin-bottom:10px;
	}
div.upload_container div {
	float:left;
	width:47%;
	}
div.load_info_container {
	margin-top:15px;
	margin-bottom:10px;
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	display:none;
	}
div.load_info_container img {
	height:25px;
	width:25px;
	margin-bottom:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
span.ok {
	font-size:10px;
	color:#bbb;
	}
span.error {
	font-size:10px;
	color:#e33;
	}
img.admin_photo_preview {
	width:100px!important;
	height:auto!important;
	border-radius:0px!important;
	margin-left:0!important;
	margin-right:auto!important;
	}
.locked_ip {
	width:400px;
	height:90px;
	overflow-y:auto;
}
.button_inline {
	border-style:none;
	background-color:transparent;
	background-image:none;
	margin:0;
	padding:0;
	display:inline;
	color:#999;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	transition:0.2s;
	}
.button_inline:hover {
	color:#c44!important;
	}
	
.image_form_container {
	position:absolute;
	top:400px;
	right:0;
	width:19%;
	border-style:none;
	box-shadow:0 0 50px #c8c8c8;
}
.image_form_container img {
	cursor:move;
}
.image_form_container h2 {
	display:block;
	margin:0;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#eaeaea;
	font-size:13px;
}
.image_form_container img.close,img.close {
	height:1em;
	position:absolute;
	top:10px;
	right:10px;
	border-radius:0;
	cursor:pointer;
	opacity:0.6;
}
.image_form_container img.close:hover,img.close:hover {
	opacity:1;
}
	
/* NAV */

nav li:hover a {
    background: #eee;
}
nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;
}
nav li ul a {
	border:2px solid #eee;
	border-top-style:none;
	}
nav li ul a:hover {
    background: #fff;
}

nav ul {
    background: url('graphics/menu_bg.png') repeat-x #dbdbdb;
    list-style:none;
    margin:0;
    padding:0;
    width: 100%;
}
nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li.lang {
	width:50px;
	}
nav li.lang a img {
	height:23px;
	border-radius:4px;
	width:40px;
	vertical-align:middle;
	margin:0;
	opacity:0.6;
	transition:0.3s;
	box-shadow:0 0 9px #888;
	}
nav ul.cf li.with_sub ul li a{
	line-height:18px;
	padding-top:8px;
	padding-bottom:8px;
}
nav li.lang:hover a img {
	opacity:1;
	}
nav a {
    background: url('graphics/menu_bg.png') repeat-x #dbdbdb;
    color: #333;
    display: block;
	line-height:50px;
	font-weight:700;
    padding: 0 5%;
    text-align: center;
    text-decoration: none;
}

li.with_sub:hover, li.with_sub:hover li {
	transition:0.3s;
	box-shadow:5px 5px 8px rgba(0,0,0,0.3);
}



/* ---------------------
-----------------------------*/




textarea.settings {
	border-style:solid;
	border-width:2px;
	margin-top:5px;
	width:96%;
	height:120px;
	font-family:helvetica,sans;
	padding:6px;
	font-size:1em;
	resize:none;
	border-color:#888 #aaa #ccc #999!important;	
}

table.settings tr {
	border-bottom:none;
	}
table.settings tr:first-child {
	font-weight:normal;
	}
table.settings tr td:nth-child(2){
	width:63%;
	padding-left:8px;
	}
table.settings tr td:nth-child(2) input {
	width:93%;
	margin-left:0;
	}
table.settings tr:not(:first-child):hover {
	background-color:transparent;
	}
table.settings td {
	padding:2px;
	}
table.settings tr td:last-child, span.explain{
	font-style:italic;
	color:#999;
	font-size:11px;
	}
table.settings tr td:last-child {	
	width:20%;
	}
	
span#upload_result:empty{
	display:none;
}
span#upload_result{
	display:block;
}
	
div.window{
	box-shadow:0 0 100px rgba(0,0,0,0.4);
	z-index:10;
	position:fixed;
	padding:15px;
	top:10%;
	display:block;
	width:50%;
	left:25%;
	right:25%;
	background-color:rgba(255,255,255,0.9);
	min-height:100px;
}
div.window h3:first-child{
	margin:-15px;
	margin-bottom:10px;
	padding:15px;
	background-color:rgba(0,0,0,0.3);
}
div.window h3:first-child img{
	float:right;
	height:1em;
	width:1em;
	opacity:0.5;
	cursor:pointer;
}
div.window h3:first-child img:hover{
	opacity:1;
}
div.window div.files_view {
	background-color:white;
	height:200px;
	border:1px solid rgba(0,0,0,0.3);
	overflow-y:scroll;
	width:calc(100% - 10px);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.window form span.info {
	float:left;
	display:inline-block;
	top:15px;
	opacity:0.5;
	position:relative;
}
div.window input[type=button]{
	float:right;
}

div.window ul.menu{
	margin:0;
	padding:0;
	cursor:default;
	list-style-type: none;
}
div.window ul.menu ul{
	list-style-type: none;
	padding:3px;
}
div.window ul.menu li:hover{
	background-color:#ccc;
}
div.window ul.menu li{
	display:inline-block;
	padding:3px 8px;
}
div.window ul.menu li::before{
	content:"";
}
div.window ul.menu li ul {
	position:absolute;
	box-shadow:0 0 12px rgba(0,0,0,0.4);
	background-color:white;
}
div.window ul.menu li ul li:hover {
	background-color:#ccc;
}
div.window ul.menu li ul li::before{
	content:"";
}
div.window ul.menu li ul li{
	display:block;
	padding:2px;
}
div.window ul.menu li ul li img {
	width:1em;
	padding:3px;
	opacity:0.8;
	display:inline-block;
	height:1em;
	padding:0;
	margin:0;
	border-radius:0;
}
div.window ul.menu li ul li span.status {
	display:inline-block;
	width:30px;
	float:right;
	text-align:right;
}

div.window ul.menu li ul {
	display:none;
	opacity:0;
	transition:0.2s;
}
div.window ul.menu li:hover ul{
	display:block;
	opacity:1;
}
div.files_view div.table div {
	padding:0;
}
div.files_view div.table {
	width:100%;
	display:block;
	padding:0;
	float:none;
	margin:0;
}
div.files_view div.table div.row {
	display:block;
	float:none;
	width:100%;
}
div.files_view div.table div.row:first-child {
	font-style:italic;
	color:#999;
}
div.files_view div.table div.row div:nth-child(1){ width:50%; }
div.files_view div.table div.row div:nth-child(2){ width:10%; }
div.files_view div.table div.row div:nth-child(3){ width:10%; }
div.files_view div.table div.row div:nth-child(4){ width:30%; }
div.files_view div {
	padding:3px;
	display:inline-block;
	width:45%;
	cursor:default;
	height:1.3em;
	line-height:1.3em;
}
div.files_view div.thumb {
	padding:3px;
	text-align:center;
	display:inline-block;
	width:15%;
	margin:1px;
	vertical-align:bottom;
	text-overflow:ellipsis;
	font-size:small;
	overflow:hidden;
	cursor:default;
	height:4em;
	line-height:1em;
}
div.files_view div.thumb img {
	display:block!important;
	clear:both;
	height:2.2em;
	margin-bottom:0.5em;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
div.files_view div[data-selected=no] {
	border:1px dotted transparent;
}
div.files_view div[data-selected=yes]{
	background-color:rgba(60,60,100,0.2);
	border:1px dotted transparent;
}
div.files_view div[data-selected]:active{
	border:1px dotted black;
}
div.files_view div img {
	display:inline-block!important;
	height:1em;
	width:1em;
	border-radius:0!important;
	margin-right:5px;
}



/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

mobile {
		display:none;
	}
desktop {
	display:initial;
}

.images_container {
	text-align:center;
	overflow-y:scroll;
	height:300px;
	box-shadow:0 0 10px #bbb inset;
	padding-top:5px;
}
input#filesInput {
	width:0!important;
}

select.attachments_list {
	width:100%;
	height:auto;
	min-height:20px;
	max-height:80px;
}
select.attachments_list:empty {
	display:none;
}
select.attachments_list option[disabled]{
	color:#999;
	font-style:italic;
}

iframe.image_form {
	display:none;
	position:fixed;
	top:5%;
	right:0;
	height:90%;
	border-style:none!important;
	overflow:auto;
	width:20%;
}
#image_form .img_container {
	width:60px;
	height:60px;
	margin:2px;
	display:inline-block;
	overflow:hidden;
}
.img_container img {
	box-shadow:0 0 5px #333 inset;
	opacity:0.8;
}
.img_container.horizontal img{
	height:100%;
	width:auto;
}
.img_container.vertical img{
	height:auto;
	width:100%;
}
iframe {
	width:100%;
	height:500px;
	margin:22px 0;
	border:2px solid #e13131!important;
	border-right-style:none!important;
	border-left-style:none!important;
}
.mobile_menu{
	display:none;
}


/* CSS dla urządzeń mobilnych */

@font-face {
  font-family: 'Bullpen';
  src: 	url('graphics/Bullpen.eot') format('eot'), 
		url('graphics/Bullpen.woff') format('woff'), 
		url('graphics/Bullpen.ttf') format('truetype');
}

body {
	background-image:none!important;
}
img,input,textarea {
	max-width:100%;
}
div.overall_container,div.overall_footer {
	margin:0% 0% 20px 0%!important;
	font-size:13px!important;
}
div.overall_container img {
	max-width:100%;
}
div.overall_footer {
	font-size:10px!important;
	margin:0!important;
}
.cf:after, .cf:before {
	display:block;
}
h2,h3,h4 {
	font-size:14px!important;
	margin-bottom:10px!important;
}
table td {
	padding:8px!important;
	padding-right:3px!important;
	font-size:14px!important;
}
table.staff tr td:nth-child(3),table.staff tr td:nth-child(4),table.staff tr td:nth-child(5),table.staff tr td:nth-child(6){
	display:none!important;
}
img.staff_details {
	display:none!important;
}
img.staff_details_mobile {
	display:block!important;
	margin-top:20px!important;
	width:70%!important;
}
mobile {
	display:initial;
}
desktop {
	display:none;
}
/* mobilne menu */
nav {
	display:none;
}
div.mobile_menu_button img {
	float:right;
	display:inline;
	height:1em;
	margin-top:1.33em;
	margin-left:-1em;
	margin-right:1em;
	width:1em;
}
	
div.mobile_menu_button {
	background: url('graphics/menu_bg_m.png') repeat-x #dbdbdb!important;
	height:4em;
	user-select: none; 
	font-weight:bold;
	line-height:4em;
	display:block;
	width:100%;
	text-align:center;
}
nav a{
	font-weight:100;
}
nav ul li a {
	font-weight:700;
}
nav ul li ul li a{
	font-weight:100;
}
nav ul li{
	display:block;
	width:100%!important;
}
nav li:hover ul {
	top:0;
}
nav li{
	background: url('graphics/menu_bg.png') repeat-x #dbdbdb!important;
}
li.with_sub:hover, li.with_sub:hover li {
	box-shadow:none;
}
nav li:hover a {
	background:transparent;
	box-shadow:none;
}
nav li ul {
	position:relative;
	float: left;
	left: 0;
	opacity: 1;
	top: 0px;
	visibility: visible;
}