html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
background-color: #6b4a8a;
margin:0;
padding:0;
line-height: 1.5em;
}

a{
color:#6b4a8a;
}

p{
	font-size: 110%;
}

h1{
font-size: 160%;
font-weight:bold;
line-height: 2em;
}

h2{
font-size: 110%;
font-weight:bold;
}

p img {
	margin: 0.5em;
	padding: 0.5em;
	float: left;
}
.img_tablica {
	margin: 0.5em;
	padding: 0.5em;
	float: left;
}


.img_tablica_right {
	margin: 0.5em;
	padding: 0.5em;
	float: right;
}


em{
	color: #CCC;
}


#topsection{
/*background: #EAEAEA;*/
height: 283px; /*Height of top section*/
text-align: center;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#9f68d1 ;
height:50px;
list-style:none;
margin:0;
padding:0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
}
.menu li{
float:left;
padding:0px 0px 0px 15px; 
}
.menu li a{
color:#000;
display:block;
font-weight:normal;
line-height:50px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
background:#d314bf;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}
.menu ul li:hover a{
background:#d314bf;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;c
}
.menu li:hover ul{
display:block; 
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
background:#a707fa;
/*this is where the rounded corners for the dropdown disappears*/
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:50px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background:#d314bf;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); 
}

#contentcolumn{
width: 62.5%;
font-family:  "Bookman Old Style";sanserif, arial, vervada;
background-color: #ad91c7;
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align: justify;
border-radius: 0.5em;
}

#leftcolumn{
float: left;
width: 19%; /*Width of left column in percentage*/
margin-left: -100%;
/*background: #C8FC98;*/
}

#FirstLeftPic{
    text-align: center;
    
}

#SecondLeftPic{
    text-align: center;
}

#ThirdLeftPic{
    text-align: center;
}

#FourthLeftPic{
    text-align: center;
}

#FirstRightPic{
    text-align: center;
}

#SecondRightPic{
    text-align: center;
	}

#ThirdRightPic{
    text-align: center;
}

#FourthRightPic{
    text-align: center;
}

#rightcolumn{
float: left;
width: 15%; /*Width of right column in pixels*/
margin-left: -15%; /*Set margin to that of -(RightColumnWidth)*/
background: /*#FDE95E;*/
}


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 20px;
	line-height: 2em;
}

.three-col {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap : 20px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}

.lirika{
font-family: "Bookman Old Style";	
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
	
.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.text_indent {
	text-indent: 2em;

}

.text_align_right {
	text-align:right;

}

.text_align_center {
	text-align:center;

}