* { padding: 0; margin: 0; }
html,body { height:100%; width:100%; margin: 0; }
body { padding: 0; background: url(../images/bg-body.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3f0e00; }

a { text-decoration: underline; color: #cb3f00; }
a:hover { text-decoration: none; }

form { padding: 0; margin: 0; }

.bold { font-weight: bold; }
.small { font-size: 0.5em; }
.big { font-size: 1.5em; }

.color1 { color: #cb3f00; }

.floatleft { float: left; }
.floatright { float: right; }

.content-wrapper img.floatleft { float: left; margin-right: 15px; margin-bottom: 15px; border: 2px solid #cb3f00; }
.content-wrapper img.floatright { float: right; margin-left: 15px; margin-bottom: 15px; border: 2px solid #cb3f00; }

.floatcenter { display: block; margin: 0 auto; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.algincenter { text-align: center; }

.cleaner { clear: both; font-size: 0px; line-height: 0em; padding: 0; margin: 0;}
.cleaner-small-padding { clear: both; font-size: 0px; line-height: 0em; padding: 5px; margin: 0;}
.cleaner-padding { clear: both; font-size: 0px; line-height: 0em; padding: 10px; margin: 0;}
.cleaner-big-padding { clear: both; font-size: 0px; line-height: 0em; padding: 15px; margin: 0;}

h1 { font-size: 29px; letter-spacing: -0.03em; padding: 0 0 10px 0; margin: 0; color: #cb3f00; font-weight: normal; line-height: 1.1em; }
h2 { font-size: 20px; letter-spacing: -0.03em; padding: 0 0 10px 0; margin: 0; color: #cb3f00; font-weight: normal; line-height: 1.1em; }
h3 { font-size: 16px; letter-spacing: -0.03em; padding: 0 0 10px 0; margin: 0; color: #cb3f00; font-weight: normal; line-height: 1.1em; }

p { line-height: 1.5em; padding: 0 0 10px; text-align: justify; }
ul { list-style-position: outside; padding: 0 0 0 20px; line-height: 1.5em; }

.gradient-bg { background: repeat-x url(../images/bg-gradient.jpg); width: 100%; }
.balls-top { background: center top no-repeat url(../images/balls-top.png); width: 100%; }

.navigation-wrapper { width: 922px; height: 112px; margin: 0 auto; background: no-repeat url(../images/navigation-bg.png); }
.navigation-wrapper div.logo-wrapper { padding: 30px 0 0 30px; float: left; }
.navigation-wrapper a.logo { display: block; width: 140px; height: 57px; text-decoration: none; }

.navigation-wrapper .navigation { float: right; width: 700px; padding: 30px 0 0 0; }
.navigation-wrapper .navigation a { display: block; height: 40px; float: left; padding: 20px 40px 0 40px; color: #ffe1a2; text-decoration: none; font-size: 19px; line-height: 1.0em; background: no-repeat left url(../images/navigation-separator.png); }
.navigation-wrapper .navigation a:hover { color: #FFF; }
.navigation-wrapper .navigation a.last { padding-right: 0px; }
.navigation-wrapper .navigation a.first { background: none; padding-left: 0px; }
.navigation-wrapper .navigation a.activ { color: #FFF; }

.content-wrapper { width: 860px; padding: 14px 30px 0 30px; background: repeat-y center url(../images/content-bg.png); margin: 0 auto; }

.main-theme-block { height: 265px; border: 1px solid #FFF; background: no-repeat url(../images/theme-pic.jpg); position: relative; }
.main-theme-block .theme-text { background: no-repeat bottom left url(../images/theme-text-bg.png); height: 95px; width: 841px; padding: 170px 0 0 15px; color: #FFF; font-size: 14px; line-height: 1.5em; }
.main-theme-block .theme-text h1 { padding: 0 0 7px 0; margin: 0; line-height: 1.1em; color: #fff7c1; letter-spacing: -0.05em; }
.main-theme-block .youtube { border: 1px solid #FFF; width: 320px; height: 208px; position: absolute; right: 25px; top: 25px; background: #cb3f00; }

.left-block { float: left; width: 630px; border-right: 1px solid #f3d0a7; padding-right: 10px }
.right-block { float: right; width: 210px; }

.banners img { border: 1px solid #cb3f00; margin: 0 10px 0 0; display: block; float: left; }
.banners img.last { margin: 0;}

.gallery img { display: block; float: left; margin: 0 10px 10px 0; border: 2px solid #c33800; }
.gallery img.last { margin-right: 0px; }

.content-wrapper .tabulka { width: 100%; border: 1px solid #c43b00; border-bottom: 0px solid; }
.content-wrapper .tabulka td { padding: 4px; border-left: 1px solid #c43b00; border-bottom: 1px solid #c43b00; }
.content-wrapper .tabulka td.first { border-left: 0px solid; }
.content-wrapper .tabulka tr.tab-header td { background: #c43b00; color: #FFF; }
.content-wrapper .tabulka tr.par td { background: #FFFF99; }
.content-wrapper .tabulka tr.par:hover td { background: #FFF; }
.content-wrapper .tabulka tr.nepar td { background: #fff; }
.content-wrapper .tabulka tr.ciara td { background: #ffffff; }
.content-wrapper .tabulka tr.nepar:hover td { background: #FFF; }

.contact-form tr td { padding: 3px; }
.contact-form tr td .textfield, .textarea { width: 250px; font-size: 15px; padding: 3px; }
.contact-form tr td .textarea { height: 150px; font-family: Arial, Helvetica, sans-serif; }
.contact-form tr td .button { padding: 5px 10px; font-size: 15px; background: #cb3f00; border: 1px solid #FFF; color: #FFF; }

.footer { color: #de9772; font-size: 11px; width: 860px; height: 50px; padding: 0 30px; background: no-repeat center url(../images/footer-bg.png); margin: 0 auto; }
.footer a { color: #cb774b; text-decoration: none; }
.footer hr { padding: 0; margin: 0; border: 0px solid; border-bottom: 1px solid #de9772; margin-bottom: 10px; }