/* BASICS */ * { margin: 0; } html, body { background: url(background.jpg) repeat top fixed; //background: url(bg.png) repeat-x top center fixed; background-color: #4d506e; height: 100%; font-size: 1.1em; font-family: Calibri, sans-serif; color: #3b3e53; } #wrapper { //opacity: 0.9; //border-top: solid 25px #3b3e53; background-color: #fff; max-width: 980px; height:auto !important; height:100%; min-height:100%; margin: 20px auto 20px; border-radius: .5em .5em .5em .5em; box-shadow: 0px 0px 20px #1a1a1a; } @media only screen and (max-width: 1000px) { #wrapper { border-radius: 0em 0em 0em 0em; } } footer { //opacity: 0.9; //background-color: #fff; background: url(background.jpg) repeat top fixed; max-width: 980px; text-align: center; //height:auto !important; //height:100%; //min-height:100%; //margin: 0 auto -146px; /* footer height */ //box-shadow: 0px 0px 20px #1a1a1a; padding: 10px; //border-top: solid 1px #e2cab2; clear: both; margin: 0 auto 0px; } #logo { max-width: 436px; height:auto; }
@media only screen and (max-width: 480px) { #logo { max-width: 320px; height:auto; } } #text { margin: 0em 2em 0px 2em; text-align: justify; } @media only screen and (max-width: 900px) { #text { margin: 0em 1em 0px 1em; text-align: left; } } #hidden-link { position: absolute; top: 40px; left: 80px; width: 820px; height: 230px; background-color: transparent; } /* CONTENT */ h2  { //background: url(background.jpg) repeat top fixed; //background: url(bg.png) repeat-x top center fixed; //background-color: #4d506e; //height: 100%; //font-size: 1.1em; //font-family: Calibri, sans-serif; color: #87b1ba; } a:link { COLOR: #a4a7c2; TEXT-DECORATION: none; } a:visited { COLOR: #a4a7c2; TEXT-DECORATION: none; } a:hover { COLOR: #b4b8da; TEXT-DECORATION: underline; //text-shadow: 0px 0px 1px #828282; } a:active { COLOR: #b4b8da; TEXT-DECORATION: underline; } a.svetlejsi img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } a.svetlejsi:hover img { filter: alpha(opacity=100);
-moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } /*---*/ a.normal img { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } a.normal:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .scrollToTop{ width:61px; height:61px; padding:0px; //text-align:center; //background: whiteSmoke; //font-weight: bold; //color: #444; //text-decoration: none; position:fixed; bottom:20px; right:20px; display:none; background: url('scroll-top.png') no-repeat 0px 0px; opacity: .5; } .scrollToTop:hover{ opacity: 1; //text-decoration:none; } figcaption { display: block; font-size: .7em; } #vpravo { //display: block; float: right; //border-style: solid; //border-color: #1a1a1a; //border-width: 2px; margin-left: 1em; margin-bottom: 1em; } @media only screen and (max-width: 800px) { #vpravo { display: block; max-width: 100%; float: none; //border-style: solid; //border-color: #503721; //border-width: 2px; margin-left: 0em; margin-bottom: 1em; } }
#vlevo { //display: block; float: left; //border-style: solid; //border-color: #1a1a1a; //border-width: 2px; margin-right: 1em; margin-bottom: 1em; } @media only screen and (max-width: 800px) { #vpravo { display: block; max-width: 100%; float: none; //border-style: solid; //border-color: #503721; //border-width: 2px; margin-left: 0em; margin-bottom: 1em; } } img { max-width: 100%; }