html, body {position: relative; margin: 0px; padding: 0px; height: 100%; font-family: arial, Helvetica, sans-serif; color: #333333; font-size: 12px;}
html{background: url(/img/html-white.png) center 0 repeat-y #ffffff;} /*#d7f0f6*/
body{background: url(/img/body.png) center 0 no-repeat;}

/* MAIN CONTAINER */
div.holder { margin-left: auto; margin-right: auto; text-align: center; width: 990px; margin-bottom: -10px;}

div.redline{position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #ff0000; z-index: 11;}

/* HEADER */
div.header { position: relative; width: 990px; height: 120px; background: url(/img/header.png) 165px bottom no-repeat; z-index: 10;}
div.header .logo {position: absolute; top: 13px; left: 0; width: 188px; height: 78px; background: url(/img/logo.png) 0 0 no-repeat; z-index: 2; }
div.header .logo a {display: block; width: 188px; height: 78px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}

div.header .menu {position: absolute; float: left; left: 0px; top: 157px; width: 145px; background: url(/img/menu-sep.png) right top no-repeat;}
div.header .menu ul {list-style: none; width: 145px; margin:0;}
div.header .menu li {margin-bottom: 6px; padding-left: 20px; margin:0; text-align: left; background: 0;}
div.header .menu li.active { background: url(/img/menu-active-white.png) left 4px no-repeat;}
div.header .menu li a {background-repeat: no-repeat; text-decoration: none; font-size: 16px; font-weight: bold; display: block; width: 110px; padding: 8px 0 8px 14px; color: #003399; border-bottom: 1px solid #d2eef5;}
div.header .menu li a:hover {color: #66ccff; text-decoration: none;}
div.header .menu li.active a, div.header .menu li.active a:hover {color: #ff0000;}
div.header .menu li a:focus {outline:0;}

div.header li ul.submenu {position: relative;list-style: none; width: 140px; margin:0; padding: 0; }
div.header li .submenu li { background: url(/img/bullet.png) 0 10px no-repeat; margin:0; padding: 0 0 0 15px;}
div.header li .submenu li a, div.header li.active .submenu li a {font-size: 11px; font-weight: normal; margin:0; padding: 5px 0; color: #003399;}
div.header li .submenu li.active { background: url(/img/bullet.png) 0 10px no-repeat; margin:0; padding: 0 0 0 15px;}
div.header li .submenu li.active a:hover {color: #66ccff; text-decoration: none;}
div.header li .submenu li.active a, div.header li.active .submenu li.active  a:hover {color: #ff0000;}
div.header li .submenu li.active a:focus {outline:0;}


div.header .partners {position: absolute; left: 20px; top: 650px; text-align: left;}
div.header .partners a{display: inline-block; margin-bottom: 10px;}

div.header .next-box {position: absolute; color:#003399; top: 15px; right: 15px; width: 250px; height: 80px; background: url(/img/next-box.png) 0 0 no-repeat; padding: 10px 0 0 10px; text-align: left;}
div.header .next-box .title {display: inline-block; margin-bottom: 10px; width: 100%; font-weight: bold;}
div.header .next-box .text {display: inline-block; width: 80px;}
div.header .next-box .flash {display: inline-block; position: absolute; bottom: 4px; right: 10px;}

div.header .first {position: absolute; top: 15px; right: 310px;}
div.header .nevezok {position: absolute; top: 15px; left: 225px;}

/* CONTENT */
div.content {position: relative; background: url(/img/triumph-holder.png) center top repeat-y; text-align: left;  padding-top: 5px;}
div.content .main { position: relative; width: 810px; left: 165px; display: inline-block;  padding: 15px 0  25px 0; z-index: 2; min-height: 480px;}
div.content .main  p { margin: 15px 15px 15px 0; display: block; position: relative; clear: left; z-index: 5;}
div.content .main  p small{font-size: 11px;}
div.content .main  p img{margin-bottom: 10px;}

.third { width: 245px; margin-right: 5px; float: left;}

div.content .main .news-box {position: relative; float: left; margin: 0 10px 30px 0; width: 260px; background: url(/img/news-box-top.png) 0 0 no-repeat #e6f6f9; text-align: left;}
div.content .main .news-box .title {position: relative; padding: 10px; font-weight: bold; text-transform: uppercase; color:#003399; }
div.content .main .news-box .text {padding: 5px 10px 20px 10px; height: 220px; background: url(/img/news-box-bottom.png) 0 bottom no-repeat; }
div.content .main .news-box .video {padding: 5px 10px 10px 10px; background: url(/img/news-box-bottom.png) 0 bottom no-repeat; }
div.content .main .news-box .text p {margin: 5px 0 7px 0;}
div.content .main .news-box .text p.text-right {position: absolute; bottom: 5px; width: 240px; }
div.content .main .news-box .text ol {margin: -1px 0 8px 0;}
div.content .main .news-box .image {padding: 0 10px;}

div.content .decorpic_left{float: left; margin: 0 2px 1px 15px; }
div.content .decorpic_right{float: right; margin: 0 10px 2px 20px;}
div.content .center {text-align: center; display: inline-block; width: 100%;}
.decor-right { position: relative; margin: 0 0 0 15px; z-index: 10; }

.gallery a img {border: 1px solid #ffffff;}
.gallery a:hover img {border: 1px solid #ff0000; }

.captcha {position: absolute; top: -10px; left: 230px;}
.captchaDiv, .buttonDiv {margin: 20px 0;}


/* FOOTER */
div.footer {position: relative; background: url(/img/footer.png) 158px top no-repeat; width: 990px; height: 27px; color: #333333; font-size:8pt; margin-bottom: 10px; z-index: 9;}
div.footer #submenu {position: absolute; left: 170px; top: 6px; width: 793px; text-align: left;}
div.footer #submenu .left {float: left;}
div.footer #submenu .right {float: right;}
div.footer a {color: #003399; background-color: inherit; text-decoration: underline; font-weight: bold;}
div.footer a:hover {color: #003399; background-color: inherit; text-decoration: none;}



/* HEADLINES */
h1 {position: relative; color: #ff0000; font-size: 20pt; font-weight: bold;  margin: 0 0 20px 0; padding-top: 2px; padding-bottom: 5px; text-transform: uppercase; border-bottom: 1px solid #d2eef5; }
h2 {font-size: 18px; color: #003399; background-color: inherit; margin: 35px 0 5px 0; padding-bottom: 5px;  border-bottom: 1px solid #d2eef5;}
h3 {font-size: 16px; font-weight: normal; margin: 25px 0 5px 0; font-weight: bold;}
ul, ol {margin: 15px 0 10px 5px; padding: 0;}
ul {list-style-type: none; display: block;}
ul li{margin: 2px 0 3px 5px; padding-left: 20px; position: relative; background: url(/img/bullet.png) 0 5px no-repeat;}
ol li{margin: 2px 0 3px 30px;}
.text-right {text-align: right;}
.left-margin {margin-left: 10px;}
.right-margin {margin-right: 10px;}
.red {color: #ff0000;}

.fRight {float: right; clear: right; margin-bottom: 20px;}

a {color:#003399; text-decoration: underline; font-weight: bold;}
a:hover{color:#003399; text-decoration: none;}
a img, a:hover img {text-decoration: none; border: 0;}

a.more { padding-right: 10px; display: inline-block; background: url(/img/more.png) right center no-repeat;}
a.more:hover {padding-right: 12px;}

.text-right a.more { position: relative; padding-right: 10px; background: url(/img/more.png) right center no-repeat;}
.text-right a.more:hover {padding-right: 12px; left: 2px;}

.hidden, #checkDiv {display: none;}

a:focus{
	outline:0;
}

hr {display: inline-block; width: 100%; height: 0; border: 0; border-bottom: 1px solid #C9AF84;}

.half {width: 45%; margin-right: 4%; float: left; display: block; margin-bottom: 20px;}
.halfright {width: 45%; padding-left: 4%; float: left; display: block; margin-bottom: 20px; border-left: 1px solid #64caf1;}

#races  ul li{margin-bottom: 10px;}
.submitDiv, .hidden, #script {display: none;}
.tourname { text-transform: uppercase; }


table { text-align: left; border-collapse: collapse; margin: 15px auto 5px auto; width:100%;}
table tr td, table tr th{ padding: 3px 2px 4px 10px;}
table tr td {border-bottom: 1px solid #c7EBFB;}
table .highlight td {background: #3D65A6;}
table tr th {padding: 10px 10px 10px 10px; background: #C7EBFB; color: #013799; font-size: 10pt; }

form .textfield , form textarea{position: relative; padding: 0 3px; border: 0; border: 1px solid #b2b2b2; border-bottom: 1px solid black; color: #003399; }
form .checkbox {position: relative; top: 2px; }
form .submit {cursor: pointer; color: #ffffff;  padding: 1px 0 10px 8px; font-family: arial, Helvetica, sans-serif; width: 100px; height: 20px; border: 0; display: block; font-size: 12px;  text-align: left; background: url(/img/button.png) 0 0 no-repeat; text-decoration: none;}
form .submit:hover { background: url(/img/button.png) 0 bottom no-repeat; color: #64caf1;}
form .back{cursor: pointer; color: #ffffff;  padding: 1px 8px 10px 0; font-family: arial, Helvetica, sans-serif; width: 100px; height: 20px; border: 0; display: block; font-size: 12px;  text-align: right; background: url(/img/back.png) 0 0 no-repeat; text-decoration: none;}
form .back:hover { background: url(/img/back.png) 0 bottom no-repeat; color: #64caf1;}
form .submit:focus, form .back:focus{
	outline:0;
}
form .nextDiv{ float: right;}
form .backDiv{ float: left;}
.contact  {padding: 30px; background: #e6f6f9;}
.contact div {margin-bottom: 10px; position: relative;}
.contact div strong {display: inline-block; width: 100px; float: left; }
.contact .submit {margin-left: 100px; }

.gallery {margin-left: 30px; }
.gallery a {width: 136px; height: 95px; display: block; float: left; background: #C6EAFA; text-align: center; padding: 3px 3px 0 3px; margin: 5px; }
.gallery a:hover { background: #ff0000; }

.home-full {float: left; clear: left;  width: 100%;}