@import url(../../framework/styles/reset.css);
@import url(../../framework/styles/corrections.css);
@import url(../../framework/styles/text.css);

/* =stranka */
body 
{
	text-align: center;
	min-width: 960px;
	background: #ffffff url(../../framework/images/background.jpg) no-repeat center top;
}
/* end stranka */

/* =obalovy (prvni) div */
#main 
{
	margin: 0 auto 50px auto;
	text-align: left;
	width: 960px;
}
/* end obalovy div */

/* =pageHeader */
#pageHeader 
{
	height: 64px;
	position: relative;
}

/* =loga */
#pageHeader h1,
#pageHeader h2 
{
	position: absolute;
}

#pageHeader h1 
{
	top: 20px;
	left: 30px;
}

#pageHeader h2 
{
	top: 25px;
	left: 230px;
}
/* =commandBox */
#commandBox 
{
	float:right;
	background-image: url(../../framework/images/command_box_bg.png);
	background-repeat: repeat-x;
	width:341px;
	height:37px;
	margin-top: 20px;
}

#commandBox li 
{
	float: right;
}

#commandBox a 
{
	color: white;
	font-size: 0.9em;
}

#commandBox #commandButtons 
{
	height: 100%;
}

#commandBox #commandButtons li#btnNewsletterOrder,
#commandBox #commandButtons li#btnLogin
{
	height: 100%;
	margin-right: 5px;
}

#commandBox #commandButtons a 
{
	display: block;
	background: url(../../framework/images/bottom_white_arrow.png) no-repeat right center;
	padding: 12px 12px 0 0;
	height: 25px;
}

#commandBox #commandButtons a.command 
{
	background: none;
} 

#commandBox #commandButtons a.command:link,
#commandBox #commandButtons a.command:visited,
#commandBox #commandButtons a.command:hover,
#commandBox #commandButtons a.command:active
{
	text-decoration: underline;
}

#commandBox #commandButtons a:link,
#commandBox #commandButtons a:visited,
#commandBox #commandButtons a:hover,
#commandBox #commandButtons a:active
{
	text-decoration: none;
}

#commandBox #btnNewsletterOrder 
{
	background: url(../../framework/images/wrapper.png) no-repeat center left;
	padding-left: 35px;
}

#commandBox #btnNewsletterOrder span#title
{
	display: block;
	color: white;
	padding: 3px 12px 0 0;
}

#commandBox #btnLogin 
{
	background: url(../../framework/images/padlock.png) no-repeat center left;
	padding-left: 25px;
}

#commandBox #btnLogin li a
{
	background: none;
	padding: 0;
	height: 1.6em;
}

#commandBox div.commandDialogLogin,
#commandBox div.commandDialogNewsletter,
#commandBox div.commandDialogLogout
{
 	background: url(../../framework/images/command_box_dialog_bg.png) repeat-x;
	width: 389px;
	margin: 57px 0 0 546px;
	padding: 7px 10px 7px 15px;
}

#commandBox div.commandDialogLogin 
{
	height: 78px;
}

#commandBox div.commandDialogNewsletter 
{
	height: 85px;
}

#commandBox div.commandDialogLogout
{
	height: 43px;
}

#commandBox div.commandDialogLogin #dialogLinks,
#commandBox div.commandDialogLogout #dialogLinks
{
	color: white;
	position: relative;
	top: 5px;
}

#commandBox div.commandDialogLogin #dialogLinks li,
#commandBox div.commandDialogLogout #dialogLinks li
{
	float: left;
}

#commandBox div.commandDialogLogin #dialogLinks a:link,
#commandBox div.commandDialogLogin #dialogLinks a:visited,
#commandBox div.commandDialogLogin #dialogLinks a:hover,
#commandBox div.commandDialogLogin #dialogLinks a:active
{
	text-decoration: underline;
}

#commandBox div.commandDialogLogout #dialogLinks a:link,
#commandBox div.commandDialogLogout #dialogLinks a:visited,
#commandBox div.commandDialogLogout #dialogLinks a:hover,
#commandBox div.commandDialogLogout #dialogLinks a:active
{
	text-decoration: underline;
}

#commandBox div.commandDialogLogout #logout a
{
	display: block;
	float: right;
	text-align: right;
	background: url(../../framework/images/logout.png) no-repeat left;
	padding: 10px 0 0 15px;
}

#commandBox div.commandDialogLogin fieldset 
{
	padding-top: 7px;
}

#commandBox div.commandDialogLogin fieldset label 
{
	margin-right: 5px;
}

#commandBox div.commandDialogNewsletter fieldset 
{
	width: 100%;
	text-align: center;
}

#commandBox div.commandDialogNewsletter fieldset input.txtInput
{
	margin-bottom: 3px;
}

#commandBox div.commandDialogNewsletter span#title 
{
	padding: 5px 0 0 0;
}

#commandBox div.commandDialogLogin label 
{
	font-size: 1.2em;
	color: white;
}

#commandBox div.commandDialogLogin fieldset span.textBox,
#commandBox div.commandDialogNewsletter fieldset span.textBox
{
	margin-right: 0.2em;
}

#commandBox div.commandDialogLogin span.dialogCheckBox label 
{
	font-size: 0.9em;
	padding-left: 3px;
}

#commandBox div.commandDialogLogin span.dialogCheckBox input 
{
	float:left;
	width: 13px;
	height: 13px;
}

#commandBox div.commandDialogLogin div h3,
#commandBox div.commandDialogNewsletter div h3
{
	display: block;
	float: left;
}

#commandBox div.commandDialogLogin div h3 
{
	width: 360px;
}

#commandBox div.commandDialogNewsletter div h3 
{
	width: 200px;
}

/* =menuTop */
#menuTop 
{
	float:left;
	width: 100%;
}

#menuTop li 
{
	float: left;
	cursor: pointer;
}

#menuTop a
{
	display: block;
	padding: 10px 22px 10px 21px;
	font-size: 1.4em;	/* 14 pixelu */
	color: #343434;
	background: #D6D3D6 url(../../framework/images/menu_background.jpg) repeat-x top;
	height: 19px;
}

#menuTop a.selected
{
	background: #ADB0B1 url(../../framework/images/menu_background_sel.jpg) repeat-x top;
}

#menuTop li.space 
{
	background: #D6D3D6 url(../../framework/images/menu_line.jpg) no-repeat center top;
	height: 39px;
	width: 1px;
}

#menuTop li.leftBorder
{
	background: url(../../framework/images/menu_left_border.gif) no-repeat left top;
	padding-left: 19px;
}

#menuTop li.leftBorderSel
{
	background: url(../../framework/images/menu_left_border_sel.gif) no-repeat left top;
	padding-left: 19px;
}

#menuTop li.leftBorderImg
{
	background: url(../../framework/images/menu_left_border_use_img.gif) no-repeat left top;
	padding-left: 19px;
}

#menuTop li.leftBorderSelImg
{
	background: url(../../framework/images/menu_left_border_sel_use_img.gif) no-repeat left top;
	padding-left: 19px;
}

#menuTop li.leftBorder a, 
#menuTop li.leftBorderSel a 
{
	padding: 10px 19px 10px 0;
}

#menuTop li.leftBorderImg a,
#menuTop li.leftBorderSelImg a
{
	padding: 10px 19px 10px 0;
}

#menuTop li.rightBorder
{
	background: url(../../framework/images/menu_right_border.gif) no-repeat right top;
	padding-right: 19px;
}

#menuTop li.rightBorderSel
{
	background: url(../../framework/images/menu_right_border_sel.gif) no-repeat right top;
	padding-right: 19px;
}

#menuTop li.rightBorderImg
{
	background: url(../../framework/images/menu_right_border_use_img.gif) no-repeat right top;
	padding-right: 19px;
}

#menuTop li.rightBorderSelImg
{
	background: url(../../framework/images/menu_right_border_sel_use_img.gif) no-repeat right top;
	padding-right: 19px;
}

#menuTop li.rightBorder a, 
#menuTop li.rightBorderSel a 
{
	padding: 10px 0 10px 19px;
}

#menuTop li.rightBorderImg a, 
#menuTop li.rightBorderSelImg a
{
	padding: 10px 0 10px 19px;
}

#menuTop a:link,
#menuTop a:visited,
#menuTop a:hover,
#menuTop a:active 
{
	text-decoration: none;
}

/* end pageHeader */

/* =pageLeft */
#pageLeft 
{
	float: left;
	background: url(../../framework/images/content_left_border.png) no-repeat top right;
	padding-top: 26px;
	width: 252px;
	min-height: 651px;
}

/* =menuLeft */
#menuLeft 
{
	font-size: 1.2em;
}

#menuLeft li 
{
	background: url(../../framework/images/menu_left_line.jpg) no-repeat 20px top;
}

#menuLeft li.first
{
	background: none;
}

#menuLeft li.selected 
{
	background: none;
}

#menuLeft li.selected + li 
{
	background: none;
}

#menuLeft a 
{
	display: block;
	color: #074694;
	text-decoration: none;
	background: url(../../framework/images/menu_left_arrow.png) no-repeat 210px center;
	padding: 16px 0 16px 20px;
}

#menuLeft a:hover 
{
	text-decoration: underline;
}

#menuLeft a.selected 
{
	background: url(../../framework/images/menu_left_sel_item.png) no-repeat center left;
	text-decoration: none;
	color: white;
}

/* end pageLeft */

/* =breadCrumbNavigator */
#breadCrumbNavigator 
{
	float: left;
	width: 934px;
	text-align: right;
	font-size: 0.9em;
	color: white;
	padding: 7px 26px 0 0;
}

#breadCrumbNavigator .separator
{
	color: black;
}

#breadCrumbNavigator span a 
{
	color: white;
}

/* end bradCrumbNavigator */

/* =pageContent */
#pageContentRightBorder 
{
	float: right;
	width: 714px;
	margin-right: -6px;
	background: url(../../framework/images/content_right_border.png) no-repeat top right;
}

#pageContentTopBorder 
{
	width: 699px;
	background: url(../../framework/images/content_top_border.png) repeat-x top;
	padding-top: 8px;
}

#pageContentTopBorder #pageContent
{
	min-height: 635px;
	background-color: white;
	padding: 16px 12px 0px 12px;
}

#pageContent h1.caption 
{
	position: relative;
	top: 13px;
	margin-bottom: 20px;
}

/* =printScreen */
#pageContent #printScreen 
{
	float: right;
	font-size: 0.9em;
}

#pageContent #printScreen a 
{
	display: block;
	background: url(../../framework/images/print_screen.png) no-repeat right top;
	padding: 7px 25px 0 0;
	height: 21px;
	color: #66707D;
}

#pageContent #printScreen a:link,
#pageContent #printScreen a:visited,
#pageContent #printScreen a:hover,
#pageContent #printScreen a:active 
{
	text-decoration: underline;
}

/* end pageContent */

/* =pageBottom */
#pageBottom div.bottomPanel 
{
	width: 100%;
}

#pageBottom div.bottomHeader 
{
	background: #5B6878 url(../../framework/images/bottom_header_background.jpg) repeat-x top;
	width: 100%;
	height: 42px;
}

#pageBottom div.bottomHeader div#headerContent 
{
	margin: 0 auto;
	width: 960px;
	padding-left: 30px;
	text-align: left;
}

#pageBottom div.bottomHeader input 
{
	position: relative;
	top: 6px;
	left: 480px;
}

#pageBottom div.bottomHeader span
{
	position: relative;
	display: block;
	top: -15px;
	left: 510px;
	color: #DEDBDE;
}

#pageBottom div.bottomHeader h3 /* logo */
{
	position: absolute;
	top: 11px;
}

#pageBottom div.bottomContent 
{
	overflow: hidden;
	background: #30486E url(../../framework/images/bottom_content_background.jpg) repeat-x top;
}

#pageBottom div.bottomContent div#content
{
	margin: 0 auto;
	width: 960px;
}

#pageBottom div.bottomContent div#content div 
{
	float: left;
	width: 320px;
	color: white;
}

#pageBottom div.bottomContent div#content div h3 
{
	font-size: 1.4em;
	margin: 10px 0 10px 30px;
	color: #FBB800;
}

#pageBottom div.bottomContent div#content div a 
{
	color: white;
}

#pageBottom div.bottomContent div.contentT
{
	background: #2A4773 url(../../framework/images/bottom_content_block_t_bckg.png) repeat-y left;
	height: 95px;
	text-align: left;
}

#pageBottom div.bottomContent div.contentB 
{
	background: #2A4675 url(../../framework/images/bottom_content_block_b_bckg.png) repeat-y left;
	height: 25px;
	padding-top: 10px;
}

#pageBottom div.bottomContent div.contentT a 
{
	margin-left: 30px;
}

#pageBottom div.bottomContent div.contentB a 
{
	padding-right: 13px;
	background: url(../../framework/images/right_yellow_arrow.png) no-repeat right center;
}

/* end pageBottom */

/* =homepage */
#homepageContent 
{
	float: left;
	width: 100%;
	margin-top: 7px;
	padding-bottom: 42px;
}

#homepageContent div.topLeftPanel 
{
	float: left;
	width: 490px;
	height: 247px;
	margin-left: -10px;
}

#homepageContent div.benefits 
{
	background: url(../../images/hp_lefttop.png) no-repeat right top;
}

#homepageContent div.questionare 
{
	background: url(../../images/hp_fotovideo.png) no-repeat right top;
} 

#homepageContent #topRightPanel 
{
	float: right;
	width: 50%;
	height: 247px;
}

#homepageContent #centerPanel 
{
	float: left;
	width: 100%;
	height: 190px;
	background: url(../../images/hp_center.png) no-repeat top;
	margin-bottom: 1px;
}

#homepageContent #centerPanel #facebook 
{
	position:relative;
	top:0px;
	left:652px; 
	width:265px;
	height: 35px;
	background: url(../../images/facebook.png) no-repeat left;
	text-align: right;
}

#homepageContent #centerPanel #facebook a 
{
	display: block;
	width: 143px;
	height: 35px;
	margin-left: 122px;
	background: url(../../images/facebook_button.png) no-repeat center center;
}

#homepageContent #bottomLeftPanel 
{
	float: left;
	width: 460px;
	min-height: 172px;
	background: url(../../images/hp_leftbottom.png) no-repeat top;
	padding: 25px 0 0 20px;
}

#homepageContent #bottomLeftPanel h3 
{
	margin-bottom: 10px;
}

#homepageContent #bottomLeftPanel #newsCaption 
{
	width: 330px;
}

#homepageContent #bottomRightPanel 
{
	float: right;
	width: 50%;
	height: 197px;
	background: url(../../images/hp_rightbottom.png) no-repeat top;
}

/* end homepage

/* =buttons */
span.button 
{
	display: block;
}

span.button a 
{
	display: block;
	text-align: center;
}

span.button a:link,
span.button a:visited,
span.button a:hover,
span.button a:active 
{
	text-decoration: none;
}

span.smallButton
{
	padding-right: 22px;
	background: url(../../framework/images/small_button_r_part.png) no-repeat right;
}

span.smallButton a 
{
	color: white;
	background: url(../../framework/images/small_button_l_part.png) no-repeat left;
	padding: 5px 0 5px 10px;
}

span.smallGreyButton
{
	padding-right: 7px;
	background: url(../../framework/images/small_button_gr_part.png) no-repeat right;
}

span.smallGreyButton a 
{
	color: #444242;
	background: url(../../framework/images/small_button_gl_part.png) no-repeat left;
	padding: 5px 0 5px 7px;
}

span.blueOrangeLinkButton a 
{
	color: #004394;
	font-size: 1.2em;
	padding: 5px 0 5px 7px;
	cursor: pointer;
}

span.selected,
span.blueOrangeLinkButton:hover 
{
	padding-right: 7px;
	background: url(../../framework/images/small_button_or_part.png) no-repeat right;
}

span.selected a,
span.blueOrangeLinkButton a:hover 
{
	color: white;
	background: url(../../framework/images/small_button_ol_part.png) no-repeat left;
}

span.bigButton,
span.bigHalfButton
{
	padding-right: 9px;
}

span.bigButton a,
span.bigHalfButton a 
{
	font-size: 1.4em;	/* 14 pixelu */
	color: #343434;
	padding: 11px 0 11px 10px;
}

span.bigButton 
{
	background: url(../../framework/images/big_button_r_part.png) no-repeat right;
}

span.bigButton a
{
	background: url(../../framework/images/big_button_l_part.png) no-repeat left;
}

span.bigHalfButton
{
	background: url(../../framework/images/big_half_button_r_part.png) no-repeat right;
}

span.bigHalfButton a 
{
	background: url(../../framework/images/big_half_button_l_part.png) no-repeat left;
}

span.linkButton 
{
	display: block;
}

span.linkButton a 
{
	display: block;
	color: #7A3100;
}

span.linkButton a:link,
span.linkButton a:visited,
span.linkButton a:hover,
span.linkButton a:active 
{
	text-decoration: underline;
}

span.smallLinkButton a
{
	padding: 4px 20px 4px 0;
	background: url(../../framework/images/small_link_button.png) no-repeat right;
}

span.bigLinkButton a
{
	padding: 13px 20px 13px 0;
	background: url(../../framework/images/big_link_button.png) no-repeat right;
}

span.pdfLinkButton a 
{
	color: black;
	padding: 6px 0 13px 25px;
	background: url(../../framework/images/ico_pdf_small.png) no-repeat left;
}

span.cancelLinkButton a 
{
	padding-left: 4px 0 12px 25px;
	background: url(../../framework/images/ico_cancel.png) no-repeat left;
}

span.orangeCircle 
{
	display: block;
}

span.orangeCircle a 
{
	display: block;
	text-decoration: none;
	color: Black;
	font-size: 1.3em;
	padding: 0 20px 0 0;
	background: url(../../framework/images/orange_circle_button.png) no-repeat right;
}

/* end buttons */

/* =pagers */
#pager 
{
	float:left;
}

#pager ul li 
{
	float: left;
	margin-right: 2px;
}

#pager ul li a 
{
	display: block;
	text-align: center;
	text-decoration: none;
}

#pager ul.smallPager li a 
{
	color: white;
	font-size: 0.8em;
	min-width: 12px;
	height: 9px;
	padding: 1px 0 2px 0;
	background: url(../../framework/images/small_pager_u.png) no-repeat center center;
}

#pager ul.smallPager li a.selected,
#pager ul.smallPager li a:hover 
{
	background: url(../../framework/images/small_pager_s.png) no-repeat center center;
}

#pager ul.bigPager li a
{
	color: white;
	font-size: 0.9em;
	min-width: 17px;
	height: 14px;
	padding: 1px 0 2px 0;
	background: url(../../framework/images/big_pager_u.png) no-repeat center center;
}

#pager ul.bigPager li a.selected,
#pager ul.bigPager li a:hover 
{
	background: url(../../framework/images/big_pager_s.png) no-repeat center center;
}

#pager ul.smallBluePager li a 
{
	color: #000B73;
	font-size: 0.8em;
	min-width: 12px;
	height: 9px;
	padding: 1px 0 2px 0;	
}

#pager ul.smallBluePager li a.selected,
#pager ul.smallBluePager li a:hover 
{
	color: white;
	background: url(../../framework/images/small_pager_s.png) no-repeat center center;
}

/* end pagers */

/* =news */
#news 
{
	margin-bottom: 10px;
}

#news div.newsCaption 
{
	float: left;
	clear: right;
	width: 70%;
}

#news span.newsDate 
{
	display: block;
	float: left;
	margin: 0 5px 0 5px;
	font-size: 1.1em;
	color: #6F7C8F;
	text-align: right;
	width: 70px;
}

#news div.newsCaption a h5 
{
	text-decoration: underline;
}

div.newsBody 
{
	float: left;
	min-height: 110px;
}

div.newsBody p 
{
	margin-left: 110px;
	padding-right: 20px;
}

#newsPager 
{
	float: right;
	clear: left;
}

/* end news */

/* =forms */
.formFields label 
{
	display: block;
	float: left;
	clear: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #3365A2;
	line-height: 1.8em;
}

.formFields input,
.formFields select,
.formFields textarea 
{
	display: block;
	float: left;
	margin: 0 0 0.5em 0;
}

.formFields span.textBox 
{
	margin-bottom: 0.5em;
}

/* zarovnavej na formularich buttony vlevo na novou radku */
.formFields span.button 
{
	float: left;
	clear: left;
}

.requiredField 
{
	color: #F69839;
}

.validator 
{
	font-weight: bold;
	margin-left: 0.5em;
}

/* konkretni odsazeni zleva pro kazdy formular jine */
#serialNoCheck label 
{
	width: 11em;
}

#serialNoCheck span.button 
{
	margin: 1em 0 0 12em;
}

#lastNameCheck label 
{
	width: 11em;
}

#lastNameCheck span.button 
{
	margin: 1em 0 0 12em;
}

#productRegistration label 
{
	width: 11em;
}

#productRegistration label.normalField 
{
	width: 10em;
	padding-left: 1em;
}

#productRegistration span.button 
{
	margin: 1em 0 0 12em;
}

#productRegistration span.comment 
{
	float: left;
	clear: left;
	margin: 0 0 0.5em 12em;
	color: #3365A2;
}

#productRegistration table.radioButtons td 
{
	padding-left: 12em;
}

#productRegistration table.radioButtons td input,
#productRegistration table.radioButtons td label
{
	display: inline;
	float: none;
	clear: none;
}

#productRegistration table.radioButtons td input 
{
	margin: 0 0.5em 0 0;
}

#personRegistration label 
{
	width: 12em;
}

#personRegistration label.normalField
{
	width: 11em;
	padding-left: 1em;
}

#personRegistration span.button 
{
	margin: 1em 0 0 13em;
}

#personRegistration span.comment 
{
	float: left;
	clear: left;
	margin: 0 0 0.5em 13em;
	color: #3365A2;
}

#productRegistration span.subCaption,
#personRegistration span.subCaption 
{
	display: block;
	float:left;  
	line-height: 1.8em; 
	margin-right: 0.5em
}

#personRegistration span.checker 
{
	margin-left: 12em;
}

#personRegistration span.checker input 
{
	display: inline;
	float: none;
	clear: none;
}

#personRegistration #radioButtons label,
#personRegistration #radioButtons input
{
	display: inline;
	float: none;
	clear: none;
}

#personRegistration #radioButtons span.first 
{
	margin-left: 12.5em;
}

#personRegistration #radioButtons input 
{
	margin: 0 0.5em 0 0.5em;
}

#personRegistration select 
{
	margin-right: 0.5em;
	float: none;
	display: inline-block;
}

#personData label 
{
	width: 15em;
}

#personData span.field,
#trainingRegistration span.field,
#productData span.field,
#companyData span.field
{
	display: block;
	float: left;
	font-size: 1.1em;
	line-height: 1.8em;
}

#personData span.button 
{
	margin: 1em 0 0 16em;
}

#newsletter label 
{
	width: 9em;
}

#newsletter span.checker 
{
	margin-left: 9em;
}

#newsletter span.checker input 
{
	display: inline;
	float: none;
	clear: none;
}

#newsletter span.comment 
{
	float: left;
	clear: left;
	margin: 0 0 0.5em 10em;
	color: #3365A2;
}

#newsletter span.button 
{
	margin: 2em 0 0 10em;
}

#guidelines label 
{
	width: 11em;
}

#guidelines span.button 
{
	margin: 0 0 0 12em;
}

#trainingRegistration label 
{
	width: 11em;
}

#trainingRegistration span.button 
{
	margin: 1em 0 0 12em;
}

#forgottenPassword label 
{
	width: 11em;
}

#forgottenPassword span.button 
{
	margin: 1em 0 0 12em;
}

#productData label 
{
	width: 15em;
	font-weight: normal;
	font-size: 1.2em;
}

#productData span.checker input 
{
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin: 3px 5px 3px 0;
}

#productData #firmwareList 
{
	margin: 0.3em 0 0 18em;
}

#productData #firmwareList li 
{
	margin-bottom: 0.3em;
}

#productData #firmwareList li span 
{
	display: block;
	float: left;
	width: 70px;
}

#productData #firmwareList span.linkButton 
{
	margin-left: 0;
}

#productData #documentaionList 
{
	margin: 0.3em 0 0 18em;
}

#productData #documentaionList li 
{
	margin-bottom: 0.3em;
}

#productData #stolenProduct label 
{
	width: 10em;
}

#productData span.button 
{
	margin-left: -1.5em;
}

#productData #stolenProduct span.button 
{
	margin: 1em 0 0 12em;
}

#productData #stolenProduct span.comment 
{
	float: left;
	clear: left;
	margin: 0 0 0.5em 12em;
	color: #3365A2;
}

#productData span.block 
{
	display:block; 
	line-height: 1.8em; 
	float:left
}

#productData span.linkButton 
{
	margin-left: 18em;
}

#galleryFileUpload label 
{
	width: 12em;
}

#galleryFileUpload label.normalField 
{
	width: 11em;
	padding-left: 1em;
}

#galleryFileUpload span.withoutLabel 
{
	margin-left: 12em;
}

#galleryFileUpload span.button 
{
	margin: 1em 0 0 13em;
}

#galleryFileUpload span.comment 
{
	float: left;
	margin: 0 0 0.5em 13em;
	color: #3365A2;
}

#galleryFileUpload span.subComment 
{
	float: left;
	color: #3365A2;
	font-size: 0.9em;
	font-weight: normal;
	line-height: normal;
}

fieldset br 
{
	clear: both;
}

/* end forms */

/* =stranka vse o klubu */
#benefits 
{
	background: url(../../images/about_benefits.png) no-repeat top;
	float: left;
	width: 100%;
	height: 148px;
}

#rules,
#pdp
{
	width: 330px;
	height: 77px;
	margin-top: 40px;
}

#rules 
{
	background: url(../../images/about_rules_.png) no-repeat top;
	float: left;
}

#pdp 
{
	background: url(../../images/about_pdp_.png) no-repeat top;
	float: right;
}

/* end stranka vse o klubu */

/* =dlazdice */
div.thumbnails 
{
	float: left;
	margin: 0 7px 7px 0;
}

div.thumbnails div 
{
	float: left;
	clear: left;
}

div.thumbnailBody 
{
}

div.thumbnailComment 
{
	width: 100%;
	text-align: center;
}

/* end dlazdice */

/* =table - blue header */
.blueTable 
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.blueTable th,
.blueTable td 
{
	padding: 0.5em;
}

.blueTable thead 
{
	color: white;
}

.blueTable thead tr th 
{
	border-right: solid 1px #B4B4B4;
}

.blueTable #caption 
{
	height: 34px;
}

.blueTable #firstCell 
{
	background: url(../../framework/images/table_header_left.png) no-repeat left;
}

.blueTable #caption th.middle
{
	background: url(../../framework/images/table_header.jpg) repeat-x top;
}

.blueTable #lastCell
{
	background: #ffffff url(../../framework/images/table_header_right.png) no-repeat right;
	border-right: none;
}

.blueTable tr.oddRow 
{
	background-color: #F5F5F5;
}

.blueTable tbody tr td.firstCell 
{
	background: url(../../framework/images/table_border.jpg) repeat-y left;
	border-left: none;
}

.blueTable tbody tr td.lastCell 
{
	background: url(../../framework/images/table_border.jpg) repeat-y right;
	border-right: none;
}

.blueTable tbody tr td 
{
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #D8D8D8;
}

/* end table */

/* =registrovane vyrobky */
#productsList 
{
	background: url(../../framework/images/block_bg.png) no-repeat right bottom;
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#productsList div#product 
{
	float: left;
	width: 50%;
	padding-left: 30px;
}

#productsList div#product h4 
{
	margin-bottom: 3px;
}

#productData a.cancelLink 
{
	color: black;
	display: block;
	float: right;
	background: url(../../framework/images/ico_cancel.png) no-repeat left;
	padding: 4px 0 12px 25px;
}

#productsList div#awards 
{
	float: right;
	width: 39%;
}

#productsList div#awards span 
{
	display: block;
	margin-top: 20px;
}

#productsList div#awards a
{
	display: block;
	float: left;
	margin: 7px 5px 0 0;
	width: 40px;
	height: 40px;
	text-align: center;
}

#productsPager 
{
	float: right;
}

/* end registrovane vyrobky */

/* =popup dialog */
div.popupDialog 
{
	width: 471px;
}

div.popupDialog div.header 
{
	background: url(../../framework/images/popup_header.png) no-repeat left top;
	color: white;
	width: 471px;
	height: 25px;
	padding: 40px 0 0 0;
	text-align: center;
}

div.popupDialog div.header a.close,
div.popupDialog div.header input.close 
{
	position: absolute;
	top: 25px;
	left: 25px;
	cursor: pointer;
}

div.popupDialog div.content
{
	background: url(../../framework/images/popup_body.png) no-repeat left bottom;
	float: left;
	width: 381px;
	padding: 10px 40px 40px 50px;
}

/* end popup dialog */

/* =courses */
#courses 
{
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 20px;
}

#courses div.picture 
{
	float: left;
	width: 20%;
}

#courses div.content 
{
	width: 79%;
	float: right;
}

#courses div.content span.author 
{
	display: inline-block;
	font-size: 1.2em;
	color: white;
	background-color: #003E8F;
	padding: 1px 3px 1px 3px;
	margin-bottom: 3px;
}

/* end courses */

/* =site map */
.siteMap 
{
	line-height: 2.0em;
	margin-left: 2px;
}

.rootNode 
{
	font-size: 1.4em;
	color: #274F82;
}

.leafNode 
{
	font-size: 1.1em;
}

/* end site map */

/* =competition */
#competition 
{
	height: 197px;
	background: url(../../images/hp_rightbottom2.png) no-repeat bottom;
}

#competition div#picture
{
	float:left;
	width: 35%;
	text-align: center;
	padding-top: 40px;
}

#competition div#content
{
	float: right;
	width: 58%;
	padding: 30px 25px 0 0;
}

#competition div#content div.caption
{
	padding-left: 32px;
}

#competition div#content div.subcaption 
{
	padding-left: 60px;
}

#competition div#content div.link 
{
	float: right;
	clear: left;
}

/* end competition */

/* =image gallery */
#galleryDesc 
{
	background: url(../../images/gallery_header.png) no-repeat left top;
	height: 155px;
	padding-top: 7px;
	padding-left: 10px;
}

#galleryDesc fieldset 
{
	xposition: relative;
	xtop: 135px;
	xleft: 10px;
}

#gallerySelector 
{
	background: url(../../images/gallery_themes_noline.png) no-repeat left top;
	height: 98px;
	padding: 10px;
}

#gallerySelector div#theme,
#gallerySelector div#season
{
	float: left;
}

#gallerySelector div#theme
{
	width: 430px;
}

#gallerySelector div#theme ul li 
{
	display: block;
	float: left;
	margin-right: 10px;
}

#gallerySelector div#theme span,
#gallerySelector div#season span 
{
	display: block;
	color: #6C7680;
	margin-bottom: 3px;
}

#gallerySelector div#season 
{
	width: 205px;
}

#gallerySelector div#season div.cmbBox 
{
	margin: 3px 0; 
}

#silverlightImageGallery 
{
	height: 610px;
	text-align:center;
	background-color: #D3D4D8;
}

div.fullScreenImage 
{
	padding: 5px;
	background-color: white;
	border: solid 1px lightgray;
}

.fullScreenImageBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;	
}

/* end image gallery */

/* =context menu */
div.contextMenu 
{
	float: left;
	clear: left;
	position:relative;
	margin: 0.5em 0 0 11em; 
	background-color:white;
	overflow-y:auto;
	overflow-x:hidden;
}

/* end context menu */

/* =separators */
div.lineSeparator 
{
	background: #ffffff url(../../framework/images/grey_line.jpg) no-repeat left bottom;
	width: 100%;
	height: 1px;
	float: left;
	margin: 10px 0 10px -22px;
}

/* end separators */

/* =text boxes */
.textBox 
{
	display: inline-block;
	padding-left: 4px;
}

.textBox input 
{
	border: 0;
	margin: 0;
}

.textBoxSmall 
{
	background: url(../../framework/images/small_text_box_left.png) no-repeat left top;
}

.textBoxSmall input 
{
	background: url(../../framework/images/small_text_box_right.png) no-repeat right top;
	padding: 4px;
}

.textBoxBig
{
	background: url(../../framework/images/big_text_box_left.png) no-repeat left top;
	height: 27px;
}

.textBoxBig input 
{
	background: url(../../framework/images/big_text_box_right.png) no-repeat right top;
	padding: 4px;
	height: 19px;
	float: right;
}

/* end text boxes */

/* =steps */
#stepHeader 
{
	width: 100%;
	height: 31px;
	background-color: #B6BDC3;
	margin-top: 5px;
}

#stepNo 
{
	float: left;
	width: 25px;
	height: 24px;
	background: url(../../framework/images/step_arrow.png) no-repeat left top;
	padding-top: 7px;
	padding-right: 10px;
	text-align: right;
}

#stepCaption 
{
	float: left;
	height: 24px;
	padding-top: 7px;
	padding-left: 30px;
}

/* end steps */

/* =picture combo box */
div.cmbBox 
{	
	width: 100px;	
}

div.cmbBox div.select_sub 
{
	position: absolute;		
	z-index: 10;
}

div.cmbBox div.select_sub_inner
{
	top: 22px;
	left: 0px;
	display: none; 
	position: absolute;	
	overflow: auto;
	border-left: 2px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 0px 3px 0px;
	background-color: white;
	width: 98px;
	max-height: 250px;
	z-index: 20;
} 

div.cmbBox div.select_sub li 
{
	padding: 1px 0;
}

div.cmbBox div.select_sub li a 
{
	display: block;
	padding: 1px 30px 1px 10px;
}

div.cmbBox div.select_sub li a,
div.cmbBox div.select_sub li a:hover 
{
	text-decoration: none;
	cursor: pointer;
	color: black;
}

div.cmbBox div.select_sub li a:hover 
{
	background-color: #3169C6;
	color: white;
}

/*div.cmbBox div.select_sub li img
{
	float: left;
}*/

div.cmbBox div.select 
{
	cursor: pointer; 
	height: 22px; 
	background: url(../../Framework/Images/cmb_arrow.png) no-repeat right; 
	padding-right: 22px;
}

div.cmbBox div.select div	
{
	float: left;
	height: 16px; 
	background: url(../../Framework/Images/cmb_bckg.png) no-repeat left;	 
	padding: 3px 10px;
	width: 60px;
}

/* end picture combo box */

/* =homepage gallery */
#galleryPager 
{
	position: relative;
	top: 3px;
	left: 385px;
}

/* end homepage gallery */