/* CSS Document */

BODY {background:url(obrazy/body_bg.jpg) repeat-x top #eeeeee; margin:0; padding:0; font-family:Arial, sans-serif; font-size:12px; color:#3e3e3e;}

a  {text-decoration:none;}
a:link {color:#921414;}
a:hover {color:#FF0000;}
a:visited {color:#666666;}
a:active {color:#921414;}


p { line-height: 150%;}
h2 {color:#921414; font-size:12px; color:#3e3e3e;}
h1 {color:#921414; font-size:14px;}

.blok {display: block;}

.clear {clear:both;}

.clearfix {display: inline-table;}

#site {width:960px; padding-left:10px; padding-right:10px; background-color:#FFFFFF; border:solid 1px; border-width:1px; border-color:#CCCCCC; margin:0px auto; }

#header {width:960px; height:169px; background-image:url(obrazy/focusskin_baner.jpg); margin:0px;}

#logo { display:block; width:227px; height:121px; position: relative; left:47px; top:27px;}

/*             menu         */

#menu { width: 928px; background-image: url(obrazy/subpage_menu_bg.png); height: 60px; padding-left: 32px; margin:0px; padding-top:0px; background-repeat:no-repeat;}
#menu ul li {float: left; display: inline; padding-right: 25px; padding-left: 25px; padding-top:0px; padding-bottom:0px;}
#menu ul li a {font-family: Trebuchet MS,sans-serif; font-size: 16px; color: #ffffff; display: block; padding-top: 8px; padding-right: 0px; padding-left: 20px;}
#menu ul li a:hover {color: #FF0000;text-decoration: none;}

/*     content         */

#content {padding-top: 40px; padding-bottom: 20px; padding-left:10px; padding-right:10px;}

#text {text-align:justify; padding:0 15px 15px 0; float:right; width:680px;}

#sidebar {width:230px; float:left; margin:0;}
#sidebar ul {list-style-type:none; padding:0 0 30px 0;}
#sidebar ul li { padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 20px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee;}
#sidebar ul li a {color:#5c5b5b; display:block; padding:5px 4px; outline:none;}
#sidebar ul li a.nav-selected {font-weight:bold;}
#sidebar ul li a:hover {color:#FF0000;}
#sidebar ul li ul li {background-color: transparent; background-image: url(obrazy/arrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 6px center; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 20px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee;}

/*     footer         */

#footer {width:960px; height: 26px; background-image:url(obrazy/footer_bg.png); padding-top: 12px; margin-top: 20px; margin-bottom: 20px; position: relative; text-align: center; margin-left:auto;  margin-right:auto;}

a.link{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#3e3e3e;
	text-decoration:none;
}
a.link:hover {
	text-decoration: underline;
	color:#3e3e3e;
}
.flexbox{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-content: space-around;	
	}