/*
 * Hlavní CSS
 *
 * @author Jakub Matějka <jakub@keboola.com>
 * @version 1.0
*/

/*
 * @section CSS reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; position: relative;
	color: black; background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate; border-spacing: 0;
	margin-bottom: 2em;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding: .25em .5em;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

iframe {
	border: none;
}



/*
 * @section Common elements
 */
body {
	font: 0.75em/1.3 Helvetica, Arial, sans-serif;
	background: url('../images/bg-page.png') 0 0 repeat-x;
}
a {
	color: #138003; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input {
	 vertical-align: middle;
}
strong {
	font-weight: bold;
}
h2 {
	font-size: 120%; font-weight: bold;
	margin: 0 0 1em;
}
img {
	vertical-align: middle;
}



/*
 * @section Common classes
 */
.banner {
	
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.overflowHidden {
	overflow: hidden;
}
input.inputText {
	border: solid 1px #8f9190;
	padding: 2px; height: 14px;
}
h2.caption {
	padding: 5px 1em 0; height: 23px;
	color: #fff; background: url('../images/bg-caption.png') 0 50% no-repeat;
}
#wswgContent hr.clear,
hr.clear {
	border: none; background: none; border-width: 0;
	font-size: 0;
	display: block; visibility: hidden; height: 0px; clear: both;
	margin: 0; padding: 0;

}
.hidden {
	display: none;
}
.floatLeft {
	float: left;
}


.backLink a,
.downArrowLink,
.leftArrowLink,
.rightArrowLink {
	text-decoration: none;
}
.backLink a:hover,
.downArrowLink:hover,
a.leftArrowLink:hover,
a.rightArrowLink:hover {
	text-decoration: underline;
}

.backLink {
	float: left; margin-left: 5px; padding-left: 7px;
	background: url('../images/bg-backLink.png') 0 50% no-repeat;
}
.backLink a {
	display: block; padding: .4em 10px;
	font-size: 90%;
	border: solid 1px #bfbfbf; border-left: none; background: #fff;
}

.leftArrowLink {
	float: left; margin-left: 5px; padding: 0;
	background: url('../images/bg-link-arrowLeft.png') 0 50% no-repeat;
	font-size: 90%; font-weight: bold;
	padding: .4em 0 .25em 20px;
}

.rightArrowLink {
	float: right; margin-left: 5px; padding: 0;
	background: url('../images/bg-link-arrowRight.png') 100% 50% no-repeat;
	font-size: 90%; font-weight: bold;
	padding: .4em 20px .25em 0;
}

.downArrowLink {
	background: url('../images/bg-link-downArrow.png') 50% 100% no-repeat;
	float: left; margin-right: .5em;
}
.downArrowLink span,
.downArrowLink strong {
	background: url('../images/bg-link-downArrow-s.png') 0 100% no-repeat;
	display: block;
}
.downArrowLink span span,
.downArrowLink strong span{
	background-position: 100% 100%;
	padding: .5em 1em .75em;
}
.downArrowLink span span.small {
	background: none;
	display: inline; padding: 0;
	font-size: 90%;
}

.rightArrowSimpleLink {
	background: url('../images/bg-link-arrowSimpleRight.png') 100% 50% no-repeat; color: #138003;
	font-size: 90%; font-weight: bold; text-decoration: none;
	padding-right: 15px;
}
.rightArrowSimpleLink:hover {
	text-decoration: underline;
}

.formattedForm fieldset {
	margin-bottom: 1em;
}
.formattedForm div.element {
	display: block; overflow: hidden; margin-bottom: .25em;
}
.formattedForm div.no_label {
	margin-left: 155px;
}
.formattedForm label {
	float: left; width: 155px; margin-top: .5em;
}
.formattedForm .checkboxElement label {
	float: none; width: auto; margin-top: 0;
}
.formattedForm .checkboxElement input {
	position: relative; top: -2px;
}
.formattedForm input {
	vertical-align: middle;
}
.formattedForm input.inputText {
	border: solid 1px #000;
	padding: .25em; width: 200px;
}
.formattedForm select {
	width: 200px;
}
.formattedForm strong.error {
	margin-left: 1em;
	color: red;
}
.formattedForm ul.errors {
	color: red; font-weight: bold;
	margin-left: 12em;
}

.successMessage,
.errorMessage {
	margin: 0 0 1em;
	font-weight: bold;
}
.successMessage {
	color: #23760c;
}
.errorMessage {
	color: red;
}
.ajaxMessage {
	color: #23760c; font-weight: bold;
	margin: 0 20px 1em;
}


/*
 * @section header
 */
 #pageBodyContainer{
	width: 988px; margin: 0 auto; position: relative;
 }
#pageBorderBottomContainer {
	background: url('../images/bg-content-border-end.png') no-repeat 0 100%;
	margin-bottom: 4em; padding-bottom: 3px;
}
#pageBorderTopContainer {
	width: 980px; padding: 0 4px;
	background: url('../images/bg-content-border-top.png') no-repeat 50% 0;
}
#pageBorderContainer {
	background: url('../images/bg-content-border.png') repeat-y 50% 390px;
}
#pageContainer {
	background: url('../images/bg-page-gradient.png') no-repeat 50% 0;
	position: relative;
}

.webLoginError {
	text-align: right;
	color: red;
	font-weight: bold;
	padding: 4px 0 2px;
	clear: right;
}
#headerLogin {
	overflow: hidden; padding: .5em 0;
	font-size: 90%;
	min-height:21px;
}
#headerLogin .links {
	float: right; margin-top: .25em;
}
#headerLogin #loginForm {
	float: right;
}
#headerLogin div.element {
	float: left; margin-left: .5em;
}
#headerLogin div.no_label {
	margin-left: 0;
}
#headerLogin label,
#headerLogin .links {
	position: relative; top: 1px;
}
#headerLogin #loginButton {
	height: 20px; margin: 0; padding: 0; position: relative;
	border: none; background: none; vertical-align: middle;
}
#headerLogin input.inputText {
	width: 113px; height: 16px; padding: 1px .25em;
}
#headerLogin a {
	font-weight: bold;
	margin-left: .5em;
}
#headerLogin .checkboxElement {
	margin-right: 10px;
}
#headerLogin .errorMessage, #headerLogin .successMessage {
	display: none;
}
#lostPasswordForm {
	display: none; float: right;
}

#headerLogo {
	overflow: hidden; margin: 0 0 .2em;
	
}
#headerLogo .logo {
	float: left; margin-top: 30px;
	position: relative; top: 10px;
}
#headerLogo .banner {
	float: right; width: 745px; height: 100px; margin: 0;
}



#headerNavigation {
	overflow: hidden; margin-top: 4px;
	position: relative;
}

#headerNavigation .homeLink {
	float: left; margin-top: 7px; position: relative; top: 1px;
	background: url('../images/ico-menu-home.png') no-repeat;
}
#docid_1 #headerNavigation .homeLink,
#docid_2 #headerNavigation .homeLink {
	background: url('../images/ico-menu-home-active.png') 0 0 no-repeat;
}
#headerNavigation .homeLink a {
	width: 48px; height: 33px; display: block;
}
#headerNavigation .homeLink span {
	display: none;
}

#headerNavigation .menu {
	position: relative; float: left;
}
#headerNavigation .menu ul {
	display: block;
	overflow: hidden;
}
#headerNavigation .menu li {
	display: block; float: left;
}
#headerNavigation .menu a {
	font-size: 120%; text-decoration: none;
	display: block; padding: 12px 1em 10px;
	background: url('../images/bg-menu_item.png') 0 100% no-repeat;
}
#headerNavigation .menu .first a {
	background-image: none;
}
#headerNavigation .menu .active {
	background: url('../images/bg-menu_item-active.png') 0 100% no-repeat;
	padding-left: 11px; position: relative; top: 4px;
}
#headerNavigation .menu .active a {
	background: #55b72c; color: #fff;
	padding: 5px 1em 11px .5em; margin-top: 2px;
}

#headerNavigation .banner {
	float: left; position: relative; top: 5px;
	background: none; margin: 0;
}

#headerNavigation .searchForm {
	float: right;
}
#headerNavigation .searchForm .inputText {
	width: 145px; position: relative; left: 5px;
	color: #8f9190; border-right: none;
}


.contestBanner {
	float: left;
	width: 156px; height: 50px;
	margin: 0px; padding: 0px; padding-left: 35px;
	background: url('../images/bg-contest-banner.png') no-repeat 50% 50%;
	position: absolute; top: 135px; right: 225px;
}
.contestBanner div {
	padding: 2px 5px;
	font-size: 13px; line-height: 1.2em;
	color: #fff;
}


/*
 * @section content
 */
#content {
	overflow: hidden; padding-bottom: 1em;
	border-bottom: solid 1px #9fa1a0;
	background: #fff url('../images/bg-content.png') -1px 0 repeat-x;
}
#docid_1 #content,
#docid_2 #content {
	background: #fff url('../images/bg-content-hp.png') 11px 0 repeat-x;
}

#mainColumn {
	float: left; width: 650px; margin: 0 5px;
}

#contentHeader {
	overflow: hidden;
}
#subNavigation {
	border-top: solid 5px #55b72c;
	overflow: hidden; margin-bottom: .5em; min-height: 52px;
}
#subNavigation ul {
	display: block; overflow: hidden; margin-bottom: .5em;
}
#subNavigation li {
	display: block; float: left; margin-left: -9px; padding-right: 9px;
	background: url('../images/bg-submenu_item-right.png') 100% 0 no-repeat;
}
#subNavigation li a {
	display: block; padding-left: 9px;
	text-decoration: none; font-weight: bold;
	background: url('../images/bg-submenu_item-left.png') 0 0 no-repeat; color: #000;
}
#subNavigation li a span {
	display: block; padding: .2em 10px;
}
#subNavigation li.first a {
	background: none;
}
#subNavigation li.active {
	background: url('../images/bg-submenu_item-right-active.png') 100% 0 no-repeat;
}
#subNavigation li.active a {
	background: url('../images/bg-submenu_item-left-active.png') 0 0 no-repeat; color: #fff;
}
#subNavigation li.active a span {
	background: #55b72c;
}

#breadcrumb {
	text-align: right; margin: .3em 10px 0 0;
	font-size: 90%;
}
#breadcrumb img {
	vertical-align: bottom;
}
#breadcrumb a {
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}


#pageHeader {
	margin: 0 20px 1em;
}
#pageHeader h1,
#pageContent h1 {
	color: #138003;
	font-size: 180%;
}
#pageHeader h1 img {
	margin: -5px 5px 0 0;
}

#pageContent {
	margin: 0 0 1em; padding: 0 20px; min-height: 500px;
	background: url('../images/bg-pageContent.png') repeat-x;
}
#pageContent.noBg {
	background: none;
}
#pageContent h1 {
	padding-top: 1em; margin-bottom: 1em;
}

#pageContent h2 {
	color: #138003;
	font-size: 140%;
}

#pageContent ul {
	margin: 0 0 1em;
}

#wswgContent {
	text-align: justify;
}
#wswgContent p {
	margin: 0 0 1em;
	text-align: justify;
}
#wswgContent img {
	margin: 5px;
}
#wswgContent hr {
	border: none; border-bottom: dotted 1px #eee;
	padding-bottom: .5em; margin-bottom: 1px; height: 1px;
}
#wswgContent ul {
	list-style: outside disc;
	margin-left: 15px; margin-bottom: 1.5em;
}
#wswgContent ul ul {
	list-style: outside circle;
	margin-bottom: 0;
}
#wswgContent ol {
	list-style: decimal;
	margin-left: 15px; margin-bottom: 1.5em;
}
#wswgContent ol ol {
	margin-bottom: 0;
}


#wswgContent .rssLink,
.rssLink {
	font-size: 90%; font-weight: bold; text-align: right;
	margin: 0;
}
.rssLink img, .rssLink input {
	position: relative; top: -2px;
}



/*
 * @section page header
 */
#pageHeaderBox {
	overflow: hidden; margin: .5em 5px 1em; position: relative;
	background: #68c839 url('../images/bg-pageHeaderBox.png') -5px 0 repeat-x; color: #fff;
}
#docid_1 #pageHeaderBox,
#docid_2 #pageHeaderBox {
	margin-top: 1em;
}
#pageHeaderBox .content {
	margin: 1.5em 1em 4em;
}
#pageHeaderBox .date {
	margin-bottom: .5em;
}
#mainColumn #pageHeaderBox h1,
#mainColumn #pageHeaderBox h2 {
	font-size: 180%; font-weight: normal;
	margin: 0 0 .25em;
}
#mainColumn #pageHeaderBox h1 a,
#mainColumn #pageHeaderBox h2 a {
	color: #fff;
}
#pageHeaderBox p {
	margin: 0 0 .8em;
}
#pageHeaderBox .links {
	overflow: hidden; position: absolute; bottom: 1em;
}
#pageHeaderBox .links a {
	background: url('../images/bg-main_heading-a.png') 50% 100% no-repeat;
	font-weight: bold;
	padding: 0 0 7px; margin-right: .5em; float: left;
}
#pageHeaderBox .links a span {
	background: #fff; border: solid 1px #4c9529; border-bottom: none;
	font-weight: bold;
	padding: .35em .5em; display: block;
}
#pageHeaderBox .links a span.small {
	background: none; border: none;
	font-weight: normal; font-size: 90%;
	padding: 0; display: inline;
}
#pageHeaderBox .topStoryPhoto {
	position: relative; float: right; margin-left: 10px;
}
#pageHeaderBox .lightbox img {
	max-width: 400px; max-height: 300px;
}
#pageHeaderBox .zoomIcon {
	position: absolute; right: 0; bottom: 0;
	width: auto; height: auto;
}



/*
 * @section news guidepost
 */
#newsGuidepost {
	overflow: hidden; margin: 0 -20px; padding: .5em 0 0 15px;
	font-size: 90%;
}
#newsGuidepost .newsCategory {
	width: 300px; float: left; margin: 0 0 1em; padding: 0 10px 0 0; position: relative;
	border-right: dotted 1px #999; border-bottom: dotted 1px #999;
}
#newsGuidepost .oddNewsCategory {
	margin-right: 10px
}
#newsGuidepost h2 {
	color: #138003;
	font-size: 200%;
	margin: 0;
}
#newsGuidepost h2 a {
	font-weight: normal; text-decoration: none;
	color: #138003;
}
#newsGuidepost .topStory {
	background: none;
	margin: 0;
}
#newsGuidepost .topStory p.date {
	color: #686767;
	margin: 0;
}
#newsGuidepost .topStory p.perex {
	text-align: justify;
}
#newsGuidepost .topStory img {
	float: left; margin: 0 10px 10px 0; width: 83px; height: 83px;
}
#newsGuidepost .topStory .content {
	margin: 0 0 .5em 93px;
	color: #000;
}
#newsGuidepost .topStory h3 a {
	font-size: 120%; font-weight: bold;
	color: #000;
}
#newsGuidepost li {
	color: #686767;
	overflow: hidden;
}
#newsGuidepost a {
	font-weight: bold; text-decoration: none;
	color: #000;
}
#newsGuidepost a:hover {
	text-decoration: underline;
}
#newsGuidepost hr {
	clear: both;
	border: none;
}
#newsGuidepost .newsCategoryLink {
	position: absolute; bottom: -4px; right: 10px;
	text-align: right; font-size: 110%;
}
#newsGuidepost .rightArrowSimpleLink {
	color: #138003;
}



/*
 * @section news list
 */
#newsListContent {
	margin: 0 5px;
}
.newsList {
	margin: 0 10px;
}
.newsPreview {
	overflow: hidden; margin-bottom: 1em; position: relative; min-height: 93px;
	background: url('../images/bg-newsPreview.png') 0 100% no-repeat;
}
#newsListContent .newsPreview img,
.newsList .newsPreview img {
	width: 83px; height: 83px; position: absolute; top: 0; left: 0;
}
#wswgContent .newsPreview p,
.newsPreview p {
	color: #676767; font-size: 90%; margin-bottom: 2.5em; margin-left: 93px;
}
#newsListContent .newsPreview p {
	margin-bottom: 0;
}
.newsPreview h3 {
	font-size: 120%; font-weight: bold;
	margin-left: 93px;
}
.newsPreview h3 a {
	color: #000;
}
#wswgContent .newsPreview p.date,
.newsPreview p.date {
	margin-bottom: 0px;
}
#wswgContent .newsPreview p.links,
.newsPreview p.links {
	margin: 0; position: absolute; left: 93px; bottom: 3px;
}
#newsListContent .newsPreview p {
	font-size: 110%; color: #000;
}
.lastNewsPreview {
	background: none;
}

.exclusiveNewsPreview {
	background: none;
}
.exclusiveNewsPreview img {
	float: right; max-width: 70px; max-height: 85px;
}
.exclusiveNewsPreview h3 {
	margin-left: 0;
}
.exclusiveNewsPreview p {
	margin: 0 0 .5em;
}
.exclusiveNewsPreview p.links {
	background: none; margin: 0; position: static; min-height: 28px;
	overflow: hidden;
	font-size: 100%;
}
.exclusiveNewsPreview p.links a.rightArrowLink {
	padding-top: .5em
}




/*
 * @section news page
 */
#newsHeader {
	background: #68c839 url('../images/bg-newsHeader.png') -1px 0 repeat-x; color: #fff;
	overflow: hidden; margin: 0 0 1em; position: relative;
}
#newsHeader img {
	float: right; max-width: 400px; max-height: 300px;
}
#newsHeader p.date {
	margin: 1.5em 20px 1em;
}
#newsHeader h1 {
	margin: 0 20px 1em;
	font-size: 220%;
}
#newsHeader .zoomIcon {
	position: absolute; right: 0; bottom: 0;
	width: auto; height: auto;
}

#newsPerex {
	margin: 0 20px 1em;
	font-weight: bold; font-size: 110%;
}

#newsContent {
	margin: 0 1.5em 1em;
}
#newsContent p.perex {
	font-size: 110%;
}
#newsContent p {
	text-align: justify;
	margin: 0 0 1em;
}
#newsContent .banner {
	margin: 1em 0;
}

#newsFooter {
	overflow: hidden; margin-bottom: 1em;
}
#newsFooter .author {
	float: right; margin: .5em 10px 0 0;
	color: #138003;
}
#newsFooter .shareLink {
	float: left; margin: .5em 0 0 10px;
	font-size: 90%; font-weight: bold;
}
#newsFooter  .shareLink a {
	margin-left: 5px; position: relative; top: -2px;
}



/*
 * @section news comments
 */
#newsComments {
	margin: 5px;
}
#newsComments h2 {
	margin-bottom: 0;
}
#newsComments .commentForm {
	padding: .5em 10px;
}
.commentsMessage,
.commentsError {
	margin: .5em 10px; font-weight: bold; color: #0f9524;
}
.commentsError {
	color: #E23333;
}

#newsComments .commentsContent {
	border: solid 1px #66c637; background: #fff;
}
#newsComments p {
	margin: .5em 10px 1em;
}
#newsComments label strong {
	display: block;
	margin: .25em 0 .1em;
}
#newsComments label input,
#newsComments label textarea {
	border: solid 1px #b3b3b3; background: #eee;
	padding: .25em 5px; width: 605px;
}
#newsComments label input#showTree,
#newsComments label input#showQuotes {
	border: none; background: none;
}
#newsComments .buttons {
	text-align: right;
	margin: .5em 0 0;
}
#newsComments .disclaimer {
	text-align: justify; font-size: 90%;
	margin: .5em 0;
}
#newsComments .smileys {
	float: right;
}
#newsComments .smileys img {
	cursor: pointer;
}

#newsComments .discussionRow {
	overflow: hidden; position: relative;
}
.discussionRow .discussionContent {
	background: #fff url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
	position: relative;
}
.discussionRow .discussionContentWrapper {
	padding: .5em 10px 5px;
}
.discussionRow .discussionDate {
	color: #686767; font-size: 90%;
}
.discussionRow .discussionAuthor {
	color: #2b970f;
}
.discussionRow .favourites {
	float: right;
}
.discussionRow .discussionAuthor .teamLogo {
	max-height: 20px;
}
.discussionRow .discussionAuthor .teamLogo,
.discussionRow .discussionAuthor .teamName {
	margin-right: 5px;
}
.discussionRow .discussionAuthor .driverName {
	margin-left: 5px;
}
.discussionRow .discussionCaption {
	font-size: 120%;
}
.discussionRow .discussionComment {
	
}
.discussionRow .buttons {
	margin-bottom: .3em; overflow: hidden; position: relative; right: -10px;
}
.discussionRow .buttons .discussionRating {
	float: right;
}
.discussionRow .buttons .discussionRespond {
	text-decoration: none; color: #000; font-size: 90%; font-weight: bold;
	float: right; margin: .5em 5px 0 0;
	cursor: pointer;
}
.discussionRow .buttons a:hover {
	text-decoration: underline;
}
.discussionRow .buttons img {
	vertical-align: middle;
}
.discussionRatingActive {
	overflow: hidden;
}
.discussionRating span {
	float: left; margin-right: 5px;
}
.discussionRating .up,
.discussionRating .down {
	cursor: pointer; float: left; margin-right: 5px;
}
.discussionRow .sum {
	color: #fff; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	padding: .25em .5em;
}
.discussionRow .sumGood {
	background-color: #0f9524;
}
.discussionRow .sumNeutral {
	background-color: #868585;
}
.discussionRow .sumBad {
	background-color: #E23333;
}
.discussionReaction {
	padding-left: 10px;
	background: #eee url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
}
.discussionReaction .discussionContentWrapper {
	background: url('../images/line-vertical-dotted.png') 0 0 repeat-y;
}
.discussionContent .managerButtons {
	float: left; margin-top: 1em;
	font-size: 80%;
}
.discussionContent .managerButtons a {
	color: red;
}
.discussionContent .managerButtons a:hover {
	text-decoration: underline;
}
#discussionSwitcher strong {
	color: #138003;
}
#newsComments #discussionSwitcher label {
	margin-left: 1em;
}
#newsComments #discussionSwitcher label input {
	width: auto; position: relative; top: -2px;
}



.quotedRow {
	padding-bottom: 5px;
}
.quotingRow .discussionContentBg {
	/*background-color: #cdedbe;*/
	/*padding: 10px;*/
}
.quotedRow .discussionContent {
	margin: 10px;
}
.quotingRow .discussionContentWrapper {
	padding-bottom: 10px;
}

.discussionRow .quotedRow .discussionContent {
	background-color: /*#f1faec*/#f5f5f5; background-image: none;
	padding: 0;
}
.discussionRow .quotedRow .discussionContentWrapper {
	padding: 10px;
}
.discussionRow .quotedRow .discussionCaption {
	font-size: 110%;
}
.discussionRow .quotedRow .discussionComment {
	font-size: 90%;
}




.paging {
	margin: 1em 0; overflow: hidden;
}
.pagingLinks {
	float: left; overflow: hidden;
}
.pagingLinks a {
	margin: 0 5px; padding: .25em; float: left;
	font-weight: bold; text-decoration: none;
}
.pagingLinks a:hover {
	text-decoration: underline;
}
.pagingLinks .current,
.pagingLinks .ditto_currentpage {
	padding: .25em .5em; float: left;
	color: #fff; background-color: #868585; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.paging .textLinks {
	float: right;
}
.paging .ellipse {
	float: left; margin: .25em 10px 0;
}

.paging .rightArrowLink {
	margin-left: 20px;
}



/*
 * @section galerie
 */
#wswgContent #FotoVideoGuidepost {
	overflow: hidden; margin-top: 70px; margin-left:  0;
	background: url('../images/bg-fotoVideoGuidepost.png') no-repeat 50% 50%;
	list-style: none;
}
#FotoVideoGuidepost li {
	float: left; margin: 0;
	text-align: center; font-size: 120%; font-weight: bold;
}
#FotoVideoGuidepost li img {
	display: block;
}
#FotoVideoGuidepost .galleriesItem {
	
}
#FotoVideoGuidepost .galleriesItem img {
	padding-top: 4px;
}
#FotoVideoGuidepost .wallpapersItem {
	
}


table.thumbnail {
	margin-bottom: 0;
}
#wswgContent table.thumbnail td,
table.thumbnail td {
	vertical-align: middle; text-align: center;
	background: #283025;
	margin-bottom: .5em; padding: 2px;
	width: 146px; height: 138px;
}
.galleryContainer {
	overflow: hidden; margin: 1em 0;
}
.childGallery {
	float: left; width: 140px; margin: 0 30px 1em;
	text-align: center;
}
.childGallery .preview {
	text-align: center;
}
#wswgContent .childGallery .preview img,
.childGallery .preview img {
	max-height: 138px; max-width: 138px;
	border: solid 2px #000;
	margin: 0;
}
#pageContent .childGallery .description {
	text-align: center;
}
.childGallery .description a {
	text-decoration: none; font-weight: bold;
}
.childGallery .description a:hover {
	text-decoration: underline;
}
#wswgContent .wallpaper table.thumbnail {
	
}

.galleryPaging {
	margin: 1em -15px;
}
.picturesList {
	overflow: hidden; margin: 1em -30px 1em -20px; padding-left: 10px;
}
.galleryPhotoContainer {
	float: left; margin: 0 10px 1em;
	width: 138px;
}
.galleryPhoto {
	background: #283025;
	text-align: center;
}
#wswgContent .galleryPhoto img,
.galleryPhoto img {
	border: solid 2px #000;
	margin: 0 auto; display: block;
	max-height: 138px; max-width: 138px; 
}

#movie {
	margin: 1em 0;
}


#siteMap {
	margin: 0 40px 1em;
}
#siteMap li {
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
	margin-bottom: .5em; padding-bottom: .25em; overflow: hidden;
}
#siteMap li a {
	background: url('../images/arr-right-gray.png') 0 40% no-repeat;
	font-size: 140%;
	padding: 0 10px 0 20px; float: left; width: 175px;
}
#siteMap li ul {
	margin-left: 205px;
}
#siteMap li li {
	background: none;
	margin-bottom: .25em; padding-bottom: 0;
}
#siteMap li li a {
	font-size: 100%;
	background: url('../images/arr-right-green.png') 0 40% no-repeat; color: #000;
	float: none;
}






#searchResultForm {
	margin: -2em 0 0;
}
#searchResultForm #ajaxSearchResultInput {
	border: solid 1px #8f9190;
	margin: -2px 0 0 50px; padding: 4px 5px; width: 400px;
}
.ajaxSearch_resultsInfo,
.searchResultInfo {
	margin: .5em 0 .25em; padding-bottom: 1em;
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
}
.ajaxSearch_result {
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
	margin: -1em 0 .25em; padding-bottom: .75em; overflow: hidden;
}
.ajaxSearch_result img {
	float: right; margin: 0 0 0 1em; max-width: 83px; max-height: 83px;
}
#pageContent .ajaxSearch_result h2 {
	font-size: 110%;
	margin: 0;
}
#searchResultForm .formLabel {
	margin: .5em 0;
	font-size: 90%;
}
#searchResultForm .dateForm input {
	border: solid 1px #8f9190;
	padding: 2px 5px; width: 90px;
}
#searchResultForm .label {
	width: 85px; float: left;
	position: relative; top: 4px;
}
#ui-datepicker-div {
	background: #fff; border: solid 1px #8f9190;
	padding: 10px 5px 5px;
}
h2.searchCalendarResult {
	margin: 2em 0 1em;
}




.userAccountForm {

}
.userAccountForm div.element {
	margin-bottom: 1em;
}
.userAccountForm label.required {
	font-weight: bold;
}
.userAccountForm input.required {
	background: #ffe890;
}
.userAccountForm input.inputText {
	padding: 5px; width: 410px;
}
fieldset.bigger {
	font-size: 110%;
}
fieldset.dotted {
	margin-bottom: 1em; padding-bottom: .5em;
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
}
#captcha_img {
	border: solid 1px #e3e3e3;
	margin-right: 10px;
}
.formattedForm div.multiElements label {
	margin-top: 1.75em; font-size: 110%;
}
#editAccountForm strong.error,
#signupForm strong.error {
	display: block; margin-left: 155px; margin-top: .5em;
}
#signupForm #save {
	margin-left: 15px;
}




.aboutPreview {
	overflow: hidden; margin-bottom: 1em; padding-bottom: .5em;
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
}
.aboutPreview img {
	float: left; border: solid 1px #fff;
	margin-right: 10px;
}
.aboutPreview h2 {
	margin: 0;
}
.aboutPreview .rightArrowLink {
	float: left;
}




/*
 * @section right column
 */
#docid_1 #rightColumn,
#docid_2 #rightColumn {
	margin-top: 1em;
}
#rightColumn {
	float: right; width: 300px; margin: 0 10px 1em 0;
}
#rightColumn .banner {
	margin-bottom: 1em;
}
#rightColumn .bannerRight1 {
	width: 300px; height: 300px;
}
#rightColumn .bannerRight2 {
	width: 300px; height: 300px;
}
#rightColumn .bannerRight3 {
	width: 300px; height: 139px;
	margin-top: -1px;
	display: none;
}

.newsTags li {
	width: 200px; height: 27px; padding: 18px 70px 0 30px; margin-bottom: .5em;
}
.newsTags li a {
	font-weight: bold; text-decoration: none;
}
.newsTags li a:hover {
	text-decoration: underline;
}
.newsTags .race {
	background: url('../images/bg-raceTag.png') no-repeat;
}
.newsTags .driver {
	background: url('../images/bg-driverTag.png') no-repeat;
}
.newsTags .team {
	background: url('../images/bg-teamTag.png') no-repeat;
}




#magLink {
	background: url('../images/bg-right-f1mag.png') repeat-x;
	height: 150px; overflow: hidden; margin: 0 0 1em;
}
#magLink img {
	float: right;
}
#magLink h2 {
	margin: 1px 0 .2em; overflow: hidden;
}
#magLink h2 span {
	background: #ffd222 url('../images/bg-right-f1mag-h2.png') 100% 0 no-repeat;
	padding: .5em 15px .3em 1em; float: left;
	font-size: 80%;
}
#magLink p {
	margin: 0 0 .5em 1em;
}
#magLink p strong {
	font-size: 180%;
}
#magLink a {
	color: #fff; font-weight: bold;
}

#shortNews {
	margin-bottom: 1em;
}
#shortNews h2 {
	margin-bottom: 0;
	border-bottom: solid 1px #32b240;
}
#shortNews .shortNews {
	overflow: hidden; width: 100%;
	font-size: 90%; background: url('../images/bg-shortNews.png') 0 0 repeat-y #fff;
	border-bottom: solid 1px #8ed492;
}
.shortNews .shortNewsDate,
.shortNews .shortNewsText {
	 padding: 2px;
}
#wswgContent .shortNews .shortNewsDate,
.shortNews .shortNewsDate {
	color: #127c03;
	text-align: center; width: 50px;float: left;
}
.shortNews .shortNewsText {
	width: 235px; padding-left: 5px;float: right;
}
#wswgContent .shortNews .shortNewsText {
	width: 540px;
}
#wswgContent .shortNews {
	background-color: transparent;
}

#shortNews .link {
	text-align: right; font-weight: bold; font-size: 90%;
}

#coverflow {
	margin-bottom: .5em;
}

.newsCategoriesList {
	margin: 0 0 1em;
}
.newsCategoriesList h2.caption {
	margin-bottom: 0;
}
.newsCategoriesList ul {
	overflow: hidden; padding: 20px 10px 10px;
	border-left: solid 1px #66c637;
}
.newsCategoriesList li {
	float: left; width: 130px; margin-bottom: .25em;
}
.newsCategoriesList a {
	font-weight: bold; text-decoration: none;
	position: relative;
}
.newsCategoriesList a span {
	margin-left: 35px; min-height: 25px; display: block;
}
.newsCategoriesList a span:hover {
	text-decoration: underline;
}
.newsCategoriesList img {
	margin-right: 3px;
	position: absolute; top: 40%; left: 0;
}



/*
 * @section News calendar
 */
#newsCalendar {
	margin-bottom: 1em;
}
#newsCalendar .ui-datepicker {
	background: #fff;
}

#newsCalendar h2.caption {
	margin-bottom: 0;
}
#newsCalendarForm {
	display: none;
}
.ui-datepicker-inline {
	border-left: solid 1px #66c637; border-bottom: solid 1px #66c637;
	padding: 1em 50px;
}
.ui-datepicker-header {
	overflow: hidden; margin-bottom: 1em;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	 width: 19px; height: 20px;
	 cursor: pointer;
}
.ui-datepicker-prev {
	float: left;
	background: url('../images/ico-arrow-left.png');
}
.ui-datepicker-next {
	float: right;
	background: url('../images/ico-arrow-right.png') no-repeat;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
	display: none;
}
.ui-datepicker-calendar th {
	color: #2b8500; font-weight: bold;
	text-align: center;
}
.ui-datepicker-calendar td {
	background: #dadfe5; border-right: solid 1px #fff; border-bottom: solid 1px #fff;
	padding: .25em .5em; text-align: center;
}
.ui-datepicker-calendar td a {
	color: #000; text-decoration: none;
}
.ui-datepicker-calendar td.ui-datepicker-week-end {
	background: #777b82; color: #fff;
}
.ui-datepicker-calendar td.ui-datepicker-week-end a {
	color: #fff;
}
.ui-datepicker-calendar td.ui-datepicker-other-month {
	background: none;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: #999;
}



/*
 * @section recommended
 */
#recommended {
	clear: both; width: 960px; margin: 0 10px; padding: .5em 0 2px;
	background: url('../images/bg-recommended-end.png') 0 100% no-repeat;
}
#recommended .bg {
	background: url('../images/bg-recommended.png') repeat-y;
}
#recommended .bg2 {
	background: url('../images/bg-recommended-top.png') no-repeat;
	overflow: hidden;
}
.recommendedNews {
	float: left; width: 228px; padding: .5em 5px;
	color: #fff;
}
.recommendedNewsWider { padding-left: 10px; padding-right: 8px; }
.recommendedNews img {
	float: right; width: 83px; height: 83px;
}
.recommendedNews .category {
	text-transform: uppercase;
}
.recommendedNews .title {
	font-weight: bold; font-size: 120%;
}
.recommendedNews a {
	color: #fff; text-decoration: none;
}
.recommendedNews a:hover {
	text-decoration: underline;
}
.recommendedNews p {
	margin-right: 88px;
}


/*
 * @section f1mag
 */
.latestMag {
	 overflow: hidden; padding-bottom: 1.5em; margin: 1em 0 2em;
	 border-bottom: dotted 1px #999;
}
.latestMag img {
	float: left; margin-right: 30px; width: 300px;
}
.latestMag .latestInfo {
	 width: 330px;
	 float: left;
}
#wswgContent .latestMag .header {
	margin-top: .5em;
}
.latestMag .abstract {
	margin-bottom: 2em;
	font-size: 110%;
}
.latestMag p {
	margin-bottom: .5em;
}
.latestMag .subscription {
	margin-left: 330px;
}
.latestMag .subscription .header {
	color: red;
	font-weight: bold;
	margin: 0;
}
.latestMag .subscription form {
	margin-top: 1em;
	text-align: right;
}
.latestMag .subscription label {
	font-weight: bold;
	text-align: left;
	margin-bottom: .5em; display: block;
}
.latestMag .subscription .inputText {
	width: 274px; margin-bottom: .75em; display: block;
}
#f1magSubscriptionForm .errors {
	color: red; font-weight: bold;
}
.archivedMag {
	float: left; margin: 0 20px 1em;
	text-align: center;
	height: 260px;
}
.archivedMag a {
	text-decoration: none;
}
.archivedMag img {
	width: 150px; margin-bottom: .5em;
}



/*
 * @section footer
 */
#footer {
	clear: both; overflow: hidden; padding: 10px;
	border-top: solid 2px #cfd0cf;
}
#footer a {
	margin-right: .5em;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .floatRight {
	margin-top: .25em;
}
#footer .logo1m {
    position: relative; top: -1px;
}




#resultTable thead td {
	font-size: 90%;
	text-align: center;
}

#resultTable td {
	padding: 2px 2px 2px 2px;
}



/*
 * @section Sezona
 */
.raceContent #pageHeaderBox,
.teamContent #pageHeaderBox,
.driverContent #pageHeaderBox {
	margin-top: 0px;
}
.raceContent #pageHeaderBox img.flag {
	float: none; margin-left: 0; margin-right: 5px; width: auto; height: auto;
	position: relative; top: -2px;
}
.raceContent #pageHeaderBox .topStoryPhoto img {
	width: auto; height: auto; max-width: 400px; max-height: 300px;
}
.dottedRows thead tr {
	background: none; font-size: 80%;
	padding-bottom: 0; margin-bottom: 0;
}
.dottedRows tr {
	background: #fff url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
	padding-bottom: .5em; margin-bottom: .5em;
}
.dottedRows tr.last {
	background: none;
}
.dottedRows td {
	font-weight: bold;
}



table.list,
table.resultTable {
	width: 100%;
}
.list thead th,
.resultTable thead th {
	text-align: left;
	font-size: 90%; font-weight: bold;
}
.list tbody td,
.resultTable tbody td {
	background: #fff;
	border: none; border-bottom: solid 1px #c4e6b4;
}
.list tbody a {
	font-size: 110%; font-weight: bold;
}
.list tbody img {
	max-width: 100px; max-height: 60px;
}
.list tbody .flag {
	position: relative; top: -2px; margin-right: 5px;
}

#wswgContent td {
	background: #fff;
}

.tableBg,
.tab_nadpis
#wswgContent .tableBg,
#wswgContent .tab_nadpis td {
	background: #c7c7c7 url('../images/bg-resultTable.png') 0 0 repeat-x;
	margin-bottom: 1em;
}
.tableBg table {
	margin-bottom: 0;
}
.resultTable caption {
	font-size: 140%; font-weight: bold;
}
.resultTable thead th,
.resultTable thead td {
	font-weight: bold;
}
.resultTable td {
	padding: .25em; font-size: 90%;
}
tr.barva td,
.resultTable tr.odd td,
#wswgContent tr.barva td,
#wswgContent .resultTable tr.odd td {
	background: #f3f3f3;
}
#wswgContent .resultTable tr.first td,
.resultTable tr.first td {
	background: #a3dd87;
}
#wswgContent .resultTable tr.second td,
.resultTable tr.second td {
	background: #d1eec3;
}
.resultTable tbody a {
	font-weight: bold;
}

#pageHeaderBox .rightColumn {
	background: #fff; border: solid 1px #2d8502; padding: 10px;
	overflow: hidden; float: right; width: 378px;
}
#pageHeaderBox .rightColumn img {
	width: auto; height: auto; float: none;
}
#pageHeaderBox .rightColumn .teamLogo {
	text-align: right;
}
#pageHeaderBox .rightColumn .teamFormula {
	text-align: center;
}
#pageHeaderBox img.driverPhoto {
	width: auto; height: auto; float: right;
	border: solid 1px #2d8502;
}


#racesListTable .col3 {
	width: 50px;
}
#racesListTable .col4 {
	width: 50px;
}
#racesListTable .col5 {
	width: 80px;
}

#contestLogin label { width:120px; float:left; }
#contestLogin div.element { margin-bottom: 3px; }
#contestLogin div.no_label { margin-left:120px; }

.contestAnswer {
	border: solid 1px #8f8451; background: #ffe890;
	width: 250px;
}

.contestAnswerTime {
	border: solid 1px #8f8451; background: #ffe890;
	width: 27px;
	text-align: right;
}

.contestArea .text {
	font-weight: bold;
}

.wideTable {
	width: 100%;
}


.teamFormula {
	margin-bottom: 1em;
}
.teamPilot {
	float: left; width: 150px; margin: 0 10px;
	color: #138003; text-align: center;
}
.teamPilot div {
	text-align: center;
	margin-top: 5px;
}
.teamPilot a {
	font-weight: bold; text-decoration: underline;
}

.resultTable tbody td {
	font-weight: bold;
}
.resultTable td, .resultTable th {
	text-align: center;
}
.resultTable td.col0, .resultTable th.col0,
.resultTable td.col1, .resultTable th.col1,
#racesTable td.col2, #racesTable th.col2,
#racesTable td.col3, #racesTable th.col3,
#raceResultsTable td.col2, #raceResultsTable th.col2 {
	text-align: left;
}

#driverStands thead th,
#teamStands thead th {
	text-align: center;
}
#driverStands thead th.col0, #driverStands thead th.col1,
#teamStands thead th.col0, #teamStands thead th.col1 {
	text-align: left;
}

#wswgContent .resultTable img {
	margin: 0;
}

.imageTitle {
	font-size: 80%; color: gray;
	display: block;
}
.list tbody img.width150 {
	max-width: 150px;
}
.alignCenter {
	text-align: center;
}


.contestTable {
	width: 100%;
}
.contestTable thead tr {
	font-size: 80%;
}
.contestTable tr {
	background: url('../images/line-horizontal-dotted.png') 0 100% repeat-x;
	padding-bottom: .5em; margin-bottom: .5em;
}

#cornerFlash,
.cloneLink {
	position: absolute; top: 0; left: 0;
}

#searchDateFrom, #searchDateTo {
	border:1px solid #8F9190;
	padding:2px 3px;
	width: 80px;
}