* { 
	margin:0;
	padding:0;
	outline:none;
}

html, body { 
	height:100%;
}

html {
	min-width:1000px;
}

/*  Glówne */

body {
	font-family:Arial, sans-serif;
	background:#5959A5;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size:16px; /* 14px */
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}

ul
{
	list-style-type: circle;
	list-style-position:inside;
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:15px;
	margin: 0px;
}

a:link {text-decoration: none; color: #a3420f;}
a:visited {text-decoration: none; color: #a3420f;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: underline; color: red;}

td
{
 vertical-align: top;
}

/*  Podstawy */


.wrapper { 
	width:100%;
	overflow:hidden;
}

.container {
	width:1048px; 
	margin:0 auto;	
}

.clearfloat 
{
	height: 0;
	margin: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
}

/*  Schemat */

#top
{ 
	height:15px;
	display:block;
	width:100%; 
        href:"https://fmph.uniba.sk/";
}
	.top{background: #5959A5 ; width:1548px; height:80px; background-position:-50px 0; position:relative;}

	.header{background:url(../images/header.jpg) center top no-repeat;  z-index:0; width:808px; height:227px; display:block; position:relative;}

#content{ display:block; width:100%; background:#5959A5  bottom center; href="https://fmph.uniba.sk/";}
	.content{ background:url(../images/content.jpg) repeat-y; background-position:-9px 0; }


#footer 
{
	height:117px;
	display:block;
	width:100%;
	background:#5959A5;
}
	.footer{ background:url(../images/footer.jpg) repeat-y; background-position:-9px 0; width:1048px; height:117px;}

/*---- Content ----*/
.page_title h2{ color:#00000A; font-size:20px; font-weight:normal; text-align:left; font-style:none; padding-left:20px; padding-top:15px; height:20px; margin-bottom:20px; position:absolute; top:185px; left:28px;}
.content_txt{ font-size:16px; color:#2b2b2b; width:auto;text-align:justify; padding:50px; padding-top:15px;}
.content_txt li{ padding-left: 1em; text-indent: 1em; }
.content_txt p.pfirst { margin-top: 2px; margin-bottom: 4px; color: #725d50; font-size:18px;  }


.logo_moda{ position:absolute; left:0px; top:15px; height:94px; width:189px; display:block;}
.logo{ float:right; display:inline; width:250px; height:60px; margin-top:10px; margin-right:120px;}
.title{text-align:left; float:left; width:350px; display:inline;color:#2b2b2b; padding-left:25px; padding-top:35px; height:80px;}

.title h1{ height:20px; font-size:18px; margin-bottom:10px; font-weight:normal;}

.txt{ text-align:justify; font-size:11px; padding-left:20px; padding-right:20px;}
.txt_bold{font-weight:bold;}

#leftPan {
 WIDTH: 240px; FLOAT: left;
}
#leftPan UL {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 240px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 231px; PADDING-TOP: 50px;
}
#leftPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 170px;  HEIGHT: 27px;
}
#leftPan UL LI A {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 22px; WIDTH: 120px; PADDING-RIGHT: 0px; DISPLAY: block;  BACKGROUND: #3e3e3e; HEIGHT: 26px; COLOR: #fff; TEXT-DECORATION: none; PADDING-TOP: 0px;
}
#leftPan UL LI A:hover {
 BACKGROUND:#4c4c4c; COLOR: #ececec; TEXT-DECORATION: none;
}

/* Begin CSS Menus at Left */
#menuleft{position:absolute;z-index:2;margin-top:90px;}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;}
#menuleft ul{list-style-image:none;}

/* 50px polozenie rozwijanego menu */
#menuleft ul li ul{list-style-image:none; left:100px; top:0px; padding:10px; padding-top:0px;} 

/* 250px szerokosc rozwijanego menu */
#menuleft ul li ul li a{margin:0px; width:250px; border:1px solid #6c6c6c; border-right:5px solid #6c6c6c; border-left:0px;}
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}

/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */


/*----  Menu Footer ----*/
.menu_footer{ text-align:right; float:right; width: 655px; padding-top:12px;}
.menu_footer h1{ height:20px; font-size:22px; font-weight:normal; color:#5959A5; margin-top:25px; margin-right:20px;}
.menu_footer_box{margin-right:20px; margin-top:20px;}
.menu_footer_box ul li
{
	width: auto;
	height: auto;
	margin:0px;
	padding-left:3px;
	padding-right:3px;
	float: right;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}
.menu_footer_box ul li a{ color:#000004; text-decoration:none; font-size:12px; float:right;}

.moda9_small{ float: right; display:inline-block; padding-right:20px; padding-top:30px;}

/*  Columns  */
.col-1, .col-2, .col-3 
{
	float:left;
	position:relative;
	display:inline-block;
}
.menu_bg{  background:url(../images/header_l.jpg) repeat-x top center!important; width:240px; margin:auto;}

#content .col-3 {width:808px;min-height:350px;}

/* Galeria */
#gallery{ width:720px; margin:0 auto; text-align:left; margin-left:20px; margin-right:20px;}
#gallery a img {border: 1px solid #000;margin-bottom:4px;}

/* Pliki */
.files_box{margin-left:20px; margin-right:20px;}
.file{ height:20px; margin-bottom:5px; text-align:left; width:auto;}
.file a{ text-decoration:underline; color: #2b2b2b; font-size: 13px; font-weight: bold;}
.file a:hover{ text-decoration:underline; color:#4444F3;}


/* This is the logo link clickable area */
#logo-zone {
position: absolute;
top: 18px;
left: 11px;
height: 21px;
width: 240px;
background-color: transparent;
}