/* WHOLE PAGE */
.background {background:url(image/2.jpg);background-repeat: no-repeat; background-position: right top; background-attachment: fixed;}

/* WHOLE PAGE */
body {width:90%; margin:auto;}
main {min-height:500px;}

/*WHOLE PAGE */
.logo {width:100%; margin:auto; padding:0px; text-align:center;}

/* HEADER */

.class-header {font-family: comic sans ms; font-size:22px;}

li {display:inline;}

a {display:blocks; padding:6px; background-color:#336699;color:white; text-decoration:none; margin:auto;}

a:hover {background-color:#CC0000;}

.nav-main {background-color:#FF6600; text-align:center;}

.dropbutton {display:block; background-color:#999900; color:white; padding:8px; cursor:pointer; }

.dropdown {position:relative; display:inline-block;}

.dropdown-content {display:none; position:absolute; min-width:160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.dropdown-content a {color: white; padding:8px; text-decoration:none; display:block; background-color:#FF9900;}

.dropdown-content a:hover {background-color:#ff4d4d;}

.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbutton {background-color:#66CC00;}


/* MAIN BODY */

.dalil {font-size:28px; font-family:comic sans ms;}

.smallcolumn {position:relative; top:-160px; left: 30%; display:block; background-color:#000033; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); color:#f2f2f2; width:45%; min-height:180px;}


.column {position:relative; center:25%; display:block; top:0px;background-color:#FF9966; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); color:black;
width:45%; min-height:180px; text-align:center;}

.text {background-color:#99CCFF; font-family:ar cena;text-align:center; width:200px; min-height:50px; 
box-shadow: 8px 14px 22px 8px rgba(0,0,0,0.2); transform:translate(30px,10px); border-radius: 10px;}

.summary {text-align:center}

.imagelink {background-color:#c13e3e; display:image;}
.imagelink:hover {background-color:#4d0018; display:image; text-decoration:blink;}

.no-block {display:text; background-color:#f2f2f2; color:orange; display:image;}
.no-block:hover {background-color:#f2f2f2;}

.smalltitle {font-family: comic sans ms; font-size:22px; margin:justify;}

h3 {background-color:#99CC00}

img {padding:8px;}


/*FOOTER*/

.smallfooter {background-color:#6699FF;}

#lastfooter {background-color:#00FF99; text-align:center; text-decoration:bold;}