* { margin: 0; padding: 0;  }

html { height: 100%; padding-bottom: 1px; }

body { background: #0b472d; font-family: "Verdana"; color: #333; font-size: 13px; }

a img { border: none; }
a { color: #333; font-weight: 700; text-decoration: underline; }
h1, h2 { color: #fff; font-family: "Arial Black"; }
h3 { margin-bottom: 2em; color: #F5821F; font-size: 1.2em; text-transform: uppercase; }
h4 { display: inline; font-size: 1.0769em; font-weight: bold; }

p { text-align: justify; margin-bottom: 2em; }
p.large { font-size: 1.2em; }
p.no-indent { text-indent: 0; }
p.text-right { text-align: right; }
p.bold { font-weight: 700; }
p.italic { font-style: italic; }
p.banner {font-size: .85em; text-align: center;}
.underline { text-decoration: underline; }
ul, ol { margin-bottom: 2em; }
li { padding-left: 2em; list-style-position: inside; }

.body-background { position: fixed; overflow: hidden; width: 100%; height: 100%; }
.body-background img { width: 100%; height: 100%; }

#container { position: absolute; left: 50%; top: 0; width: 800px; height: 400px; margin-left: -400px; margin-top: 30px; }

/**
 * Index
 */

/*body.main p.logo { float: left; text-indent: 0; }
body.main p.logo img { border-color: #fff; border-style: solid; border-width: 20px 0 20px 100px; }
*/

body.main p.logo { float: left; text-indent: 0; width: 208px; padding: 20px 0 20px 100px;  background: #fff; }
body.main p.logo img { border-color: #fff; border-style: solid; border-width: 20px 0 20px 100px; border: none;}


body.main h1.title { float: left; padding-left: 10px; padding-top: 10px; font-size: 45px; line-height: 1.1; }
body.main h2 { clear: both; padding-top: 200px; text-align: center; font-size: 30px; }
body.main h2 a { color: #fff; text-decoration: none; }
body.main h2 a span { font-size: 1.2em; text-decoration: underline; }
body.main h2 img { vertical-align: top; margin-top: -40px; margin-left: 20px; }

body.program #content { padding: 30px 30px 0; background: #fff url('../images/diamong_orange.png') no-repeat 100% 0; border: 3px solid #fff; }
body.program #content img.menu {float: left;}
body.program #content .main {float: right; width: 480px;}
body.program .logo { text-indent: 0; }
body.program .logo img { margin-top: -70px; margin-left: 30px; border: 2px solid #fff; }
body.program h1,
body.program h2 { text-align: right; }
body.program h2 { padding-right: 50px; }

.gwarantujemy {font-size: 3.2em;}

#footer { clear: both; overflow: hidden; width: 440px; margin: 20px 0 0 250px; padding: 20px 20px 5px 20px; background: #41ad49 url(../images/footer-background.jpg); color: #fff; }
#footer h2 { text-align: left; }
body.program #footer .logo img { margin: 0; }
#footer div.bracket { width: 40px; margin: 20px 0; padding: 10px;  border: 1px solid #fff; border-width: 3px 0 3px 3px; }
#footer div div { width: 430px; }

* html #footer div.bracket { overflow: hidden; }
* html #footer div div { position: relative; }

#footer a {color: #fff;}
#footer p.logo {float: left; margin-right: 5px;}


.crash {position: absolute; top: 20px; right: -77px; width: 250px; padding: 15px; background: #222; }
.crash p {color: #ccc; font-size: 1.1em;  text-align: left; line-height: 1.5em;}
.crash p.r {text-align: right;